span.aero h3{
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-top: 5px !important;
margin-bottom:5px;
}
@media (min-width:768px) {
footer.customFooter .socialMedia li img {
  width: 24px;
}
/* newly added */
.callContainer {
  align-items: center;
  border-radius: 50px;
  border: 1px solid #fff;
  width: 200px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 45px;
  margin-top:30px;
}

/* newly added */
.callContainer a{
  font-weight: 600;
  color:#fff;
}

/* newly added */
.callContainer a:hover{
  font-weight: 600;
  color:#fff;
  text-decoration: underline;
}
/* newly added */
.callContainer img{
  width:22px;
  margin-right:5px;
}
/* newly added */
.cityContainer{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  margin-bottom:10px;
}

/* newly added */
.cityContainer span{
  margin-top:10px;
  margin-bottom:10px;
  color:#fff;
  font-weight: 600;
  font-size: 16px;
}

/* newly added */
.cityContainer img{
  width: 46px;
  margin-right:10px;
}

/* newly added */
.cityBoxes{
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-right: 4px;
  text-transform: uppercase;
}
.bottomBar{

  color: #fff;
    margin-top: 1rem;
  align-items: center;
  justify-content: space-between;
  padding-left:15px;
  margin-bottom:1rem;
}
/* newly added */
.bottomBar a{
  color:#fff;
}

/* newly added */
.bottomBar a:hover{
  color:#fff;
  text-decoration: underline;
}
}
@media(max-width:768px) {
.downloadBtnWeb{
  display: none;
}
#downloadLink, #downloadLink:hover, #downloadLink:focus, #downloadLink:active, #downloadLink:visited{
  background: #0487F3 !important;
  color: #fff;
  opacity: 1 !important;
  text-transform: capitalize;
  font-size: 12px;
  padding: 6px;
  width: 87px;
  text-align: center;
  border-radius: 4px;
  margin-left: 15px;
}
.downloadBtn{
  font-family: Source Sans Pro,sans-serif!important;
  padding:10px 20px;
  opacity:1 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size:12px;
  background: #F0F8FE;
  
}
.downloadBtn img{
  width:36px;
  margin-right:16px;
}
.close-header-mobile{
  color:#000;
  font-size:15px;
  font-family: 'Lato';
  margin-left:10px;
  cursor: pointer;
}
footer.customFooter .socialMedia li img {
  width: 24px;
}
/* newly added */
.callContainer {
  align-items: center;
  border-radius: 50px;
  border: 1px solid #fff;
  width: 200px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 45px;
  margin-top:30px;
}

/* newly added */
.callContainer a{
  font-weight: 600;
  color:#fff;
}

/* newly added */
.callContainer a:hover{
  font-weight: 600;
  color:#fff;
  text-decoration: underline;
}
/* newly added */
.callContainer img{
  width:22px;
  margin-right:5px;
}

.cityContainer{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  margin-bottom:10px;
}

/* newly added */
.cityContainer span{
  margin-top:10px;
  margin-bottom:10px;
  color:#fff;
  font-weight: 600;
  font-size: 16px;
}

/* newly added */
.cityContainer img{
  width: 46px;
  margin-right:10px;
}

/* newly added */
.cityBoxes{
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-right: 4px;
  text-transform: uppercase;
}

/* newly added */
.bottomBar{
  color:#fff;
  margin-top:1rem;
}

/* newly added */
.bottomBar a{
  color:#fff;
}

/* newly added */
.bottomBar a:hover{
  color:#fff;
  text-decoration: underline;
}
/* nnewly added */
.bottomBar div{
  font-size:13px;
}

}


.expertbutton div.flexbox {
  padding: 12px 12px 12px;
  box-shadow: 0 0 16px rgb(0 0 0 / 25%);
  border-radius: 4px 4px 0 0;
  z-index: 11;
  /* background-color: #fff; */
  background: linear-gradient(88.61deg, #0487F3 0%, #57B3FF 48.16%, #0487F3 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

span.aero {
  font-size: 14px;
  font-weight: 600;
  /* color: #000; */
color: #fff;
}

.expertbutton button.expertTalkFree {
/* background-color: #000; */
  background-color: #fff;
/* color: #fff; */
  color: #000;
  font-weight: 700;
  text-transform: none;
/* border: 2px solid #000; */
  border: 2px solid #fff;
  border-radius: 4px;
  font-size: 14px;
}

span.aero img {
  margin-right: 8px;
  width: 20px;
  position: relative;
  /* top: -5px; */
top: -1px;
}

.modal-content, .expertTalkmodal .modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1rem 1.5rem;
  width: 24rem;
  border-radius: 0.3rem;
}

.modal, .expertTalkmodal{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.expertTalkclose-button{
  position: absolute;
  top: 12px;
  right: 15px;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: #fff;
font-size:30px;
color:#999999;
z-index:999;
}
@media only screen and (min-width: 575px) {
.expertTalkModalLeft img{
  width: 45%;
  margin-bottom: 30px;
}
.expertbutton button.expertTalkFree:hover{
  background-color: #fff;
  opacity:1;
  box-shadow: 0px 0px 1px 1px #fff;
}

}
@media only screen and (max-width: 601px) {
.expertbutton div.flexbox {
      padding: 0 !important;
  justify-content: center !important;
  height:57px;
  }
}


@media only screen and (max-width: 575px) {
.expertTalkclose-button{
      z-index: 5;
      background-color: transparent;
      color: #fff;
      font-weight: 600;
      font-size: 24px;
  }
.left_aside.expertTalkModalLeft {
      padding: 20px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  }
.left_aside.expertTalkModalLeft img{
  width:65px;
}
.expertTalkModalLeft h4, .expertTalktext h3 {
      font-size: 20px;
  }
  .left_aside.expertTalkModalLeft {
      border-radius: 15px 15px 0 0;
  }
.left_aside.expertTalkModalLeft h4{
  margin:0;
  padding-left:15px;
}
.expertTalk-modal .modal-content{
      width: 300px;
  }
.expertbutton div.toogleArrow {
      display: none;
  }
span.aero {
      padding: 10px 10px 0;
      display: none;
  }
.expertbutton button.expertTalkFree {
      width: 100%;
  border-radius: 0;
  padding: 0 !important;
  }
.expertTalktext{
  padding:15px 8px;
}
.expertTalktext .countryCode{
  bottom: 154px !important;
}
.experTalkBtnC{
  width:100% !important;
  margin-top:13px !important;
}
.actionBtn {
      bottom: 11rem !important;
  }
.whatsappclass {
      bottom: 4.5rem !important;
  }

} /*end max:575px*/

.modalActions.expertTalk_modal{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0;
}
.expertTalk-modal{
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  z-index: 9999;
}
.expertTalk-modal .modal-content{
  width: 800px;
  padding: 0;
  border-radius: 15px;
}

.expertTalk-modal .modal-content .expertTalk_modal .padding0{
  max-width: 350px;
}
@media only screen and (max-width: 850px) {
.expertTalk-modal{
      width: 100%;
  }
  .expertTalk-modal .modal-content .expertTalk_modal .padding0{
      max-width: 300px;
  }
.modalActions .text-left {
  text-align: left;
  margin-left: 0 !important;
}
.expertTalk-modal .modal-content {
  width: 93% !important;
}
}
@media only screen and (max-width: 767px) {
.expertTalk-modal .modal-content{
      width: 600px;
  }
  .expertTalk-modal .modal-content .expertTalk_modal .padding0{
      max-width: 250px;
  }
}
@media only screen and (width: 540px) {
.expertTalk-modal .modal-content {
  width: 73% !important;
}

}
.expertTalkModalLeft h4 {
  color: #fff;
  font-weight: 600;
}
.expertTalkModalLeft h4 span {
  font-weight: 900;
font-size:24px
}
.expertTalkModalLeft p {
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 25px;
}
.expertTalktext h3 {
  color: #112641 !important;
  font-weight: 500;
}
.expertTalktext h3 span {
  font-weight: 600;
}

.expertTalk-modal .modal-content {
  width: 850px;
}
.expertTalk-modal .modal-content .expertTalk_modal .padding0 {
  max-width: 400px;
}

.expertTalktext input{
margin-bottom: 13px;
  border-radius: 12px !important;
  padding: 0.7rem 1rem !important;
  border: 1px solid #999999 !important;
}
.bottom-input{
margin-top:10px;
display: flex;
flex-direction: row;
align-items: center;
padding: 2px;
background: #F0FFFC;
border-radius: 4px;
font-size: 12px;
color: #009245;
margin-bottom:10px;
}
.expertTalktext .countryCode{
position: absolute;
  left: 69px;
  bottom: 144px;
  font-size: 13px;
}

@media only screen and (max-width: 575px) {
.expertbutton button.expertTalkFree {
  padding: 10px;
  text-align: center;
  width: 100%;
  border-radius: 0;
  background: transparent;
  border: none;
  color: #fff;
}
.popuphelp h6{
  margin-top:0 !important;
  text-align: left !important;
}
.popuphelp h1
{
  font-size: 20px !important;
  padding-left:10px !important;
  
}
button.btn.requestOtpBtn {
  width:100%;
}
#helps .card{padding-left:15px;}
  
}

.experTalkBtnC{
  padding: 14px 25px;
margin-top:20px;
  display: inline-block;
  background-color: #0487F3;
  border-radius: 0.5rem;
  color: #fff;
  text-transform: capitalize;
  transition: all 0.2s linear;
width:160px;
}

@media only screen and (max-width: 1199px) {
  .expertbutton div.flexbox {
      justify-content: space-between;
  }
  form#experttalkfree {
      margin-top: 5px;
  }
}

.intl-tel-input input {
  padding-left: 90px !important;
}


.activeBtn{
opacity: 1;
cursor: pointer;
}

.inactiveBtn{
opacity: 0.6;
cursor: not-allowed;
}

.popuphelp .form-group{
display: flex;
flex-direction: column;
align-items: center;
}

.fontBlue{
color: #0487F3;
}
.expertHeading{
font-size: 22px;
font-weight: 700;
}

.actionBtn{
display: none !important;
}




footer.customFooter .infoLinks li{
display: grid;
  list-style-type: none;
  /* margin-right: 45px; */
}

footer.customFooter .infoLinks {
padding: 0px;
  margin: 25px 0;
}

footer.customFooter .infoLinks li a {
  font-weight: 400;
  padding: 3px 0;
  font-size: 14px;
  line-height: 20px;
  color: #d5d5d5;
text-decoration: none;
}

footer.customFooter .infoLinks li a.mainHead {
color:#fff;
}

.divider{
width: 100%;
  height: 1px;
  background: white;
  opacity: 0.8;
  border: 0.6px solid #fff;
}

.playstore button, .appstore button{
background: transparent;
  border: solid 1px #fff;
  border-radius: 20px;
  height:40px;
width:200px;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
text-align: left;
padding-left:27px;
text-transform: initial ;
}

.playstore button img, .appstore button img{
margin-right:5px;
width:21px;
}

.cityListUl{
color:#fff;
text-transform: capitalize;
font-size:14px;
}

@media(max-width:768px) {
.cityListUl{
  padding-left:0;
}
.cityListUl li{
  padding-top:8px;
}
footer.customFooter ul li {
  padding: 3px 0 ;
}
}

.customFooter{
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

@media(min-width:768px) {
.downloadBtn{
  display: none;
}
.close-header{
  color:#000;
  font-size:15px;
  font-family: 'Lato';
  margin-left:10px;
  cursor: pointer;
}
.downloadBtnWeb, .downloadBtnWeb:hover{
  background: #F0F8FE !important;
  font-family: Source Sans Pro,sans-serif!important;
  color:#000;
  opacity:1 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  font-size:14px;
  padding:5px;
  right:0;
  top:0;
}
.downloadBtnWeb img{
  width:32px;
  margin-bottom:3px;
  margin-right:15px;
}
.downloadLinkWeb, .downloadLinkWeb:hover, .downloadLinkWeb:focus, .downloadLinkWeb:active, .downloadLinkWeb:visited{
  
  margin-left: 15px;
  padding: 7px 10px;
  /* left: 832px; */
  font-size: 12px;
  top: 15px;
  background: #0487F3;
  border-radius: 8px;
  color:#fff;
}
}

/* App download popup */

.modal-content, .appDownloadmodal .modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1rem 1.5rem;
  width: 24rem;
  border-radius: 0.3rem;
}

.modal, .appDownloadmodal{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.appdownload-modal{
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  z-index: 9999;
}

.appdownload-modal .modal-content{
width:1000px;
  max-width: 90%;
  padding: 0;
  border-radius: 15px;
}

.appDownloadclose-button{
  position: absolute;
  top: 12px;
  right: 15px;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: transparent;
font-size:24px;
color:#999999;
z-index:999;
}


@media (min-width: 1200px) {
  .storeweb {
    width: 85%;
    margin-bottom: 10%;
    cursor: pointer;
  }
  .whiteboxtext {
    float: left;
    padding-top: 10%;
    vertical-align: middle;
    width: 40%;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 5px;
    height: 100%;
    /* or 150% */

    color: #666666;
  }
  .whiteboxtext1 {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 10px;
    /* or 150% */

    color: #666666;
  }
  .phones {
    position: relative;
    overflow: hidden;
    z-index: 99;
    margin-top: 20%;
  }
  .Phone2 {
    width: 42%;
    margin-left: 0px;
  }
  .subheadtext {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-bottom: 0px;
  }
  .app {
    margin-top: 10px;
    color: #333333;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 8px;
  }
  .app1 {
    font-size: 32px;
    margin-top: -5px;
    color: #333333;
    font-style: normal;
    font-weight: 900;
  }
  .needs {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    /* or 125% */

    color: #333333;
    line-height: 0em;
  }
  .new {
    /* // width: 56px; */
    height: 28px;
    background: #d6f6db;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
  display: flex;
  }
.new img{
  margin-left:10px;
}
  .greentext {
    /* // width: 31px; */
    height: 16px;
    color: #2ec448;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
  }
  .mobile {
    display: none;
  }
  .phone1 {
    width: 42%;
    margin: 0 -45px 0px 90px;
  }
  .eclipseweb {
    width: 100%;
  }
  .eclipse {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    z-index: 0;
  }
}
@media (max-width: 1200px) and (min-width: 576px) {
  .whiteboxtext {
    float: left;
    padding-top: 15%;
    vertical-align: middle;
    width: 35%;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 5px;
    height: 100%;
    /* or 150% */

    color: #666666;
  }
  .whiteboxtext1 {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 5px;
    margin-left: 5%;
    /* or 150% */

    color: #666666;
  }
  .phones {
    position: relative;
    overflow: hidden;
    z-index: 99;
    margin-top: 35%;
  }
  .subheadtext {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
  }
  .storeweb {
    width: 90%;
    margin-bottom: 11%;
    cursor: pointer;
  }
  .app {
    font-size: 32px;
    color: #333333;
    font-style: normal;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 0;
  }
  .app1 {
    font-size: 32px;
    color: #333333;
    font-style: normal;
    font-weight: 900;
  }
  .needs {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    /* or 125% */

    color: #333333;
    line-height: 0em;
  }
  .new {
    /* // width: 56px; */
    height: 28px;
    background: #d6f6db;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
  display: flex;
  }
.new img{
  margin-left:10px;
}
  .greentext {
    /* // width: 31px; */
    height: 16px;
    color: #2ec448;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
  }
  .mobile {
    display: none;
  }
  .phone1 {
    margin: 0 -45px 0px 60px;
    width: 45%;
  }
  .Phone2 {
    margin-left: 0px;
    width: 45%;
  }
  .eclipseweb {
    width: 100%;
  }
  .eclipse {
    position: absolute;
    overflow: hidden;
    bottom: 0;
    z-index: 0;
  }
}
@media (max-width: 576px) {
  .whiteboxtext {
    float: left;
    padding-top: 15%;
    vertical-align: middle;
    width: 40%;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 5px;
    height: 100%;
    /* or 150% */

    color: #666666;
  }
  .whiteboxtext1 {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 10px;
    /* or 150% */

    color: #666666;
  }
  .phones {
    position: relative;
    overflow: hidden;
    z-index: 99;
    margin-top: 10%;
  }
  .subheadtext {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    text-align: center;
    margin-bottom: 0;
    line-height: 16px;
  }
  .app {
    color: #333333;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0px;
  }
  .app1 {
    color: #333333;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0px;
  }
  .needs {
    margin-top: 1em;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 0px;
    /* or 125% */

    color: #333333;
  }
  .web {
    display: none;
  }
  .phones {
    margin-top: 10% !important;
    margin: 0 0 0 20px;
  }
  .phone1 {
    margin: 0 -25px 0 20px;
    width: 45%;
  }
  .Phone2 {
    margin-left: 0px;
  }
  .Phone2 {
    width: 45%;
  }
  .eclipseweb {
    width: 95%;
  }
  .eclipse {
    overflow: hidden;
    position: inherit;
    margin-top: -5em;
    bottom: 0;
    z-index: 0;
  }
  .new {
  display: flex;
    position: relative;
    height: 25px;
    background: #d6f6db;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
    margin-top: -1em;
    z-index: 9;
  }
.new img{
  margin-left:10px;
}
  .greentext {
    height: 16px;
    color: #2ec448;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
  }
  .store {
    margin-right: 7.5%;
    width: 40%;
  }
  .store1 {
    margin-left: 7.5%;
    width: 40%;
  }
}

.whitebox{
  display: flex;
}

#needbanner{
  background-color: #f0f8fe;
  border-radius:15px;
}

#needbanner .uppereclipse {
  position: absolute;
  margin-left: 30%;
}

.leftimage{
border-radius: 16px;
  background: #fff;
  height: auto;
  text-align: center;
}
.qrcodeimage{
  width:80%;
}

.qrcode{
border-radius: 16px;
  background: #fff;
  margin-left: 47px;
  height: auto;
  text-align: center;
}

.whiteboxsubhead {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 2em;
}

.scantext {
  font-style: Regular;
  font-size: 16px;
  line-height: 24px;
  vertical-align: Top;
}

.whitebox {
  margin-top: 20px;
  box-shadow: 0 2px 12px rgb(0 0 0 / 4%);
  border-radius: 15px;
}


/* New for revamp */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Roboto:wght@700&display=swap');

@media (min-width:767px) {
.entry-header .entry-header-inner .entry-title, .show-content h3, .show-content h2{
  font-size:24px;
  line-height:28px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color:#002147;
}

}

@media (max-width:768px) {
.entry-header .entry-header-inner .entry-title,  .show-content h3, .show-content h2{
  font-size:20px;
  line-height:32px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color:#002147;
}
}

@media (max-width: 1019px){
.post-media{
  margin-right:-20px;
  margin-left:-20px;                      
}
}



.popular-date{
font-size:10px;
font-family: 'Roboto', sans-serif;
}

.wpp-list.wpp-cards li a:first-child{
font-size:13px ;
color:#000;
font-weight: normal;
font-family: 'Roboto', sans-serif;
} 
.wpp-list.wpp-cards li a{
font-size:12px;
font-weight: bold;
font-family: 'Roboto', sans-serif;
color:#0487F3;
}

.wpp-list.wpp-list-with-thumbnails{
font-family: 'Roboto', sans-serif;
}

.wpp-list.wpp-list-with-thumbnails li .title{
font-size:13px;
}

.wpp-list.wpp-list-with-thumbnails .by{
display: none;
}

.wpp-list.wpp-list-with-thumbnails .meta-author{
margin-bottom: 0;
}

.wpp-list.wpp-list-with-thumbnails .post-meta>li:not(:last-child):after{
display: none;
}

.wpp-list.wpp-list-with-thumbnails .meta-date{
font-weight: normal;
font-size: 10px;
}

.wpp-list.wpp-list-with-thumbnails .verified-icon img{
width:12px;
margin-left:5px;
margin-right:5px;
}

.wpp-list.wpp-list-with-thumbnails .post-meta{
margin-top:3px;
width:65%;
float: right;
}

@media(max-width:601px){
.wpp-list.wpp-list-with-thumbnails .post-meta{
  float: none;
  position: absolute;
  left:127px;
  width:90% !important;
  margin-top:5px !important;
  
}
.post-meta .author a,.post-meta a{
  color:#0487F3;
  font-size:12px;
  font-family: 'Roboto', sans-serif;
}

.verified-icon img{
  width:17px;
  margin-left:5px;
}

.meta-date{
  color: #002147;
  font-weight: 700;
  font-size:11px;
  font-family: 'Roboto', sans-serif;
}
.meta-views{
  font-size:10px;
  color:#000;
}
.meta-views img{
  width:12px;
  margin-right:5px;
}
}

@media(min-width:1025px){
.meta-views{
  font-size:12px;
  color:#000;
}
.meta-views img{
  width:14px;
  margin-right:5px;
}
.post-meta .author a,.post-meta a{
  color:#0487F3;
  font-size:12px;
  font-family: 'Roboto', sans-serif;
}

.verified-icon img{
  width:14px;
  margin-left:5px;
}

.meta-date{
  color: #002147;
  font-weight: 700;
  font-size:12px;
  font-family: 'Roboto', sans-serif;
}
.sidebar.sidebar-1{
  flex-direction: column !important;
}

.sidebar-1 .archive-main, .site-main .archive-main{
  padding:0 20px;
}

}

.widget.wpp-2.popular-posts .title-block, .dynamicsidebar .title-block, .sidebar-1 .archive-wrap .title-block{
  text-transform: capitalize;
  font-size: 20px;
  font-family: 'roboto', sans-serif;
  text-decoration: none;
  margin-bottom:2rem;
  margin-top:1rem;
  color:#002147;
}

.widget.wpp-2.popular-posts .title-block:after, .dynamicsidebar .title-block:after, .sidebar-1 .archive-wrap .title-block:after{
display: none;
}

.sidebar-1 .archive-wrap .archive-grid article:first-child{
margin-top:0 !important;
}

.sidebar-1 .archive-wrap .archive-grid article{
flex:0 0 100%;
max-width:100%;
padding:0 0 1rem 0 ;
margin-top: 1.5rem !important;
box-shadow: 0px 4px 8px rgb(0 0 0 / 2%), 0px 16px 32px rgb(0 0 0 / 4%);
border-radius: 10px;
}

.site-main .archive-wrap .archive-grid article{

padding:0 0 1rem 0 ;
margin-top: 1.5rem !important;
box-shadow: 0px 4px 8px rgb(0 0 0 / 2%), 0px 16px 32px rgb(0 0 0 / 4%);
border-radius: 10px;
}

.sidebar-1 .archive-wrap .archive-grid article .char, .site-main .archive-wrap .archive-grid article .char{
display: none;
}

.sidebar-1 .archive-wrap .archive-grid article .label, .site-main .archive-wrap .archive-grid article .label{
background: #E0E4E9;
  border-radius: 30px;
  padding: 3px 14px 2px 14px;
  font-size: 11px;
  color: #000;
  font-weight: bold;
  text-transform: capitalize;
}
.sidebar-1 .archive-wrap .archive-grid article .entry-title, .sidebar-1 .archive-wrap .archive-grid article .entry-title a, .site-main .archive-wrap .archive-grid article .entry-title, .site-main .archive-wrap .archive-grid article .entry-title a{
  font-size: 15px;
  color: #fff;
}

.sidebar-1 .bg-transparent, .site-main .bg-transparent{
  position: absolute;
  transform:translate(0%, -126%);
  padding: 10px;
  height:95px;
  display: grid;
  width:100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, #000000 100%);
}

.sidebar-1 .meta-category, .site-main .meta-category{
  margin-bottom:0.5rem;
}

.sidebar-1 .entry-thumbnail, .site-main .entry-thumbnail{
  border-radius:10px;
}

.sidebar-1 .post-sub-inner, .site-main .post-sub-inner{
  padding:0 10px;
}


.sidebar-1 .archive-related{
  margin-top:0;
  margin-bottom:2rem;
}

@media(min-width:768px){
  .site-main .archive-wrap .archive-grid article{
    flex:0 0 47%;
    max-width:47%;
    margin:1.5%;
  }  
  .top-bar{
    float: right;
  }
  
}

@media(max-width:767px){
  .sidebar-1 .bg-transparent, .site-main .bg-transparent{
    width:  calc(100% - 40px) !important;
  }
  .comment-form input[type="submit"]{
    width:100%;
  }
}

@media(min-width:601px) and (max-width:1020px){
  .sidebar-1 .archive-wrap .archive-grid article{
    flex: 0 0 47%;
    max-width: 47%;
    margin: 1.5%;
  }
  .sidebar-area .sidebar{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  
.sidebar-1 .archive-wrap .archive-grid article:first-child{
  margin-top:1.5rem !important;
}
}

#reply-title{
text-transform: inherit !important;
font-family: 'Roboto', sans-serif;
color:#002147;
}

#commentdata .title-block:after{
display: none;
}

.comment-form #comment, .comment-form #author, .comment-form #email, .comment-form #phone{
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.comment-form input[type="submit"]{
background-color: #0487F3;
border-radius: 24px;
padding:10px 35px ;
font-size: 15px;
font-family: 'roboto', sans-serif;
font-weight: normal;
}

.comment-form .form-submit{
text-align: right;
}

.post-comments-show button, .post-comments-show button:hover{
border:solid 1px #0487F3;
border-radius:8px;
color:#0487F3;
background-color: #fff;
}

.footer-subscribe .pk-subscribe-form-wrap .pk-title{
text-align: left !important;
font-weight: 700 !important;
}

.footer-subscribe .pk-subscribe-form-wrap .pk-subscribe-message{
text-align: left !important;
}

.footer-subscribe input.form-control{
background-color: #fff !important;
border-radius:8px !important;
text-align: left !important;
}

@media(max-width:600px){
.footer-subscribe button.pk-subscribe-submit{
  width:100% !important;
}
}

.pk-privacy label{
text-align: left;
}

.footer-subscribe .subscribe-wrap{
margin:0 !important
}

#colophon{
margin-top:2rem ;
}

img.imgPosition.cloudImg3{
top:110px !important;
width:auto !important;
}

@media(max-width:768px){
img.imgPosition.cloudImg3{
  position: unset !important;
  margin-top:1.5rem !important;
  margin-bottom:-95px !important;
}
.env1{
  right: -3px;
  top:25px;
}
.env2{
  display: none;
}
.env3{
  right: 6px;
  top:80px;
}
}

@media(min-width:769px){
.env1{
  left:100px;
  top:40px;
}
.env2{
  left:70px;
  top:105px;
}
.env1{
  left:105px;
  top:175px;
}
}

.post-sub-inner .entry-excerpt{
font-family: 'Roboto', sans-serif;
font-size:12px !important;
}

.post-sub-inner .entry-excerpt .read-more{
background: #fff;
color: #0487F3;
padding: 0;
font-weight: normal;
font-size: 11px;
text-transform: capitalize;  
font-family: 'Roboto', sans-serif;
}

.navbar-col .navbar-wrap{
padding-top:0 !important;
}

.navbar-topbar .navbar-wrap{
min-height: 60px !important;
}

.show-content{
font-family: 'roboto', sans-serif !important;
}

@media(min-width: 1020px){
.not-desktop{
  display: none;
}
}

.call-icon{
width:21px;
}

@media(max-width:1019px){
.not-mobile{
  display: none;
}
}

.wpp-thumbnail {
margin-top:0.5rem !important;
}

.pk-share-buttons-after-post .pk-share-buttons-item.pk-share-buttons-facebook.pk-share-buttons-no-count a{
  padding: 0 !important;
  height: auto !important;
  color: #fff !important;
}

.pk-share-buttons-after-post .pk-share-buttons-facebook i.pk-share-buttons-icon.pk-icon.pk-icon-facebook{
color:#1877F2 !important;
background: #fff !important;
font-size: 44px !important;
}

.pk-share-buttons-after-post .pk-share-buttons-scheme-bold-bg .pk-share-buttons-twitter .pk-share-buttons-link, .is-style-pk-share-buttons-bold-bg .pk-share-buttons-wrap .pk-share-buttons-twitter .pk-share-buttons-link{
background-color: #00A2F5 !important;
}

.pk-share-buttons-after-post .pk-share-buttons-link{
border-radius:100% !important;
height:2.8rem !important;
}

.pk-share-buttons-after-post .pk-share-buttons-twitter i.pk-share-buttons-icon.pk-icon.pk-icon-twitter{
color:#fff !important;
}

.pk-share-buttons-after-post .pk-share-buttons-link .pk-share-buttons-icon{
font-size:1.5rem !important;
}

.pk-share-buttons-after-post .pk-share-buttons-link{
padding:0 0.5rem !important;
}

.pk-share-buttons-after-post .pk-share-buttons-item{
padding:0.5rem !important;
}
.pk-share-buttons-after-post .pk-share-buttons-item:first-child{
padding-left:0 !important;
}

.share-heading{
color:#002147;
font-size:20px;
font-weight: 700;
font-family: 'Roboto', sans-serif;
border-top: 1px solid #F2F2F2;
padding-top:1.3rem;
}


.page-author-container-main .page-author-container{
box-shadow: 0px 4px 20px rgb(0 0 0 / 15%);
  background: #fff;
  width: 100%;
  border-radius: 10px;
  margin: 0 auto;
  padding: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-author-container-main .author-content .page-title{
font-family: 'Roboto', sans-serif;
font-size: 16px !important;
}

.page-author-container-main .author-avatar{
padding-right:10px !important;
padding-left:10px !important;
}

.page-author-container-main .page-author-container .author-content{
padding-left:2px !important;
} 


.page-author-container-main .pk-social-links-item.pk-social-links-linkedin{
background: #007bb6;
border-radius: 100%;
padding: 5px 4px 7px 5px !important
}

.page-author-container-main .pk-social-links-item.pk-social-links-linkedin a{
color: #fff !important;
}

.page-author-container-main .pk-social-links-item.pk-social-links-facebook{
display: none;
}

.page-author-container-main .archive-count{
  width: 73px;
  border: 1px solid #D4D8E1;
  text-align: center;
  border-radius: 15px;
  margin-top: 10px;
  font-size: 11px;
  font-weight: 700;
  color: #000;
  padding: 2px;
}
.page-author-container-main .archive-description{
font-family: 'Roboto', sans-serif;
}
@media(max-width:767px){
.page-author-container-main{
  background-color: #F5F6F8 ;
  padding: 0.7rem;
  border-radius: 10px;
}
.page-author-container-main .author-avatar{
  max-width:30% !important;
}
.page-author-container-main .page-author-container .author-content{
  max-width:70% !important;
  margin-top:0 !important;
  text-align: left !important;
}
.page-author-container-main .pk-author-social-links.pk-social-links-wrap.pk-social-links-template-default {
  position: absolute;
  right: 5px;
  padding: 0;
  bottom: -7px;
  font-size: 17px;
  background: transparent;
}

.author-article-img{
  width:33%;
}
.author-article-content{
  width:57%;
}
.wpp-list li{
  margin-bottom:1.5rem !important;
}
.post-header{
  margin:10px 0 0 0;
}
.post-header .first-half{
  margin-bottom:-5px;
}

.post-header .second-half{
  position: relative;
  background: #F5F6F8;
  width: 120%;
  top:23px;
  margin-left: -20px;
  margin-right:-20px;
  left: 0;
  padding: 8px 20px !important;
  justify-content: space-between;
}
.post-reading-time .meta-reading-time, .post-views .meta-views, .post-shares .meta-shares{
  font-size: 11px;
  font-family: 'Roboto', sans-serif;
  color:#002147;
}

.post-reading-time .meta-reading-time i, .post-views .meta-views i, .post-shares .meta-shares i{
  margin-right:3px;
}
.post-header div:not(:first-child) {
  padding-left:4px;
}
.verified-icon img{
  width:13px !important;
}
.site-content{
  margin-top:16px !important;
}
ul.phys-breadcrumb{
  margin-bottom:0.5rem !important;
}
.post-header .post-date::before{
  content: "\b7";
  margin-left:8px;
  margin-right:4px;
  background-color: #E0E4E9;
  font-size:6px;
  color:#E0E4E9;
  position: relative;
  top: -2px;
  padding: 0px 3px;
  border-radius: 100%;
}

}
@media(max-width:370px){
.post-reading-time .meta-reading-time, .post-views .meta-views, .post-shares .meta-shares{
  font-size: 10px !important;
}
.post-meta .author a, .post-meta a{
  font-size:11px !important;
}
.meta-date{
  font-size:10px !important;
}
.post-author-top .by img{
  width:18px;
}
}
@media(min-width:768px){
  
.post-reading-time .meta-reading-time, .post-views .meta-views, .post-shares .meta-shares{
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  color:#002147;
}

.post-reading-time .meta-reading-time i, .post-views .meta-views i, .post-shares .meta-shares i{
  margin-right:5px;
}

.post-header{
  margin:20px 0 0 0;
}
.author-article-img{
  width:43%;
}
.author-article-content{
  width:57%;
}
.page-author-container-main{
  background-color: #F5F6F8 ;
  padding: 1.2rem;
  border-radius: 10px;
}
.page-author-container-main .pk-author-social-links.pk-social-links-wrap.pk-social-links-template-default{
  position: absolute;
  right: 5px;
  padding: 0;
  bottom: -21px;
  font-size: 21px;
  background: transparent;
}

}

.site-main .archive-wrap .archive-grid .author-article{
padding:0 0 1rem 0 ;
margin-top: 1.5rem !important;
border-radius: 0;
box-shadow: none;
border-bottom:1px solid #F2F2F2;
}
.author-article-content{
padding-left: 10px;
font-size: 11px;
font-weight: normal;
font-family: 'Roboto', sans-serif;
}
.archive-wrap .author-article-content .post-meta{
margin-top: 0.5rem;
}
.archive-wrap .author-article-content .author-article-title{
  font-size: 13px;
  margin-top: 9px;
  margin-bottom: 9px;
  font-family: 'Roboto', sans-serif;
}
.archive-wrap .author-article-content .author-article-title a{
color: #0487F3;
}
.archive-wrap .author-article-content .meta-date{
color:#000;
font-size: 11px;
font-weight: normal;
font-family: 'Roboto', sans-serif;
}

ul.phys-breadcrumb li a, ul.phys-breadcrumb li {
font-size: 12px;
font-family: 'Roboto', sans-serif;
}

.post-header .rmp-icon--ratings{
font-size: 12px !important;
}

.post-header{
align-items: baseline;
flex-direction: row;
display: inline-flex;
}

.post-header .first-half, .post-header .second-half{
display: inline-flex;
}

.post-header .post-ratings .ratingarea{
padding:0 !important;
}


.post-header .ratingarea .rmp-results-widget{
margin-left:0 !important;
}

.entry-header .entry-header-inner .post-meta{
margin-top:0 !important;
}

@media(min-width:768px) and (max-width:1200px){
.post-header div:not(:first-child) {
  padding-left:7px;
}
.post-header .post-date::before{
  content: "\b7";
  margin-left:4px;
  margin-right:3px;
  background-color: #E0E4E9;
  font-size:6px;
  color:#E0E4E9;
  position: relative;
  top: -2px;
  padding: 0px 3px;
  border-radius: 100%;
}

}

@media(min-width:1201px){
.post-header div:not(:first-child) {
  padding-left:15px;
}
.post-header .post-date::before{
  content: "\b7";
  margin-left:5px;
  margin-right:6px;
  background-color: #E0E4E9;
  font-size:6px;
  color:#E0E4E9;
  position: relative;
  top: -2px;
  padding: 0px 3px;
  border-radius: 100%;
}

}

.navbar-follow .navbar-follow-btn {
background-color: #0487F3;
border-radius: 8px;
font-size: 14px;
text-transform: capitalize;
padding:0.4rem 1.25rem !important;
}
.navbar-follow.navbar-follow-button .pk-icon-mail:before{
content: "\e90e" !important;
font-family: cs-icons;
}

@media(max-width:1020px){
.navbar-content .navbar-col .navbar-brand{
  position: absolute;
  left:90px;
}
}

.comment-author .says{
display: none;
}

.comment-author .avatar{
width:42px !important;
height:42px !important;
margin-right:10px !important;
}

.comment-list .pingback, .comment-list .trackback, .comment-list article{
padding:1rem 0 !important;
}

.comment-author .fn{
color:#002147 !important;
font-size: 14px !important;
font-family: 'Roboto', sans-serif;
font-weight: bold;
}

.comment-metadata a{
font-size: 12px !important;
color:#8594A7 !important;  
font-family: 'Roboto', sans-serif;
}

.comment-list > li{
border-bottom:1px solid #F2F2F2;
}

.comment-list > li > .children > li{
border-top:1px solid #F2F2F2;
}

.comment-list .reply a{
color:#0487F3 !important;
font-weight: 700;
font-size: 12px !important;
text-transform: capitalize;
}

.comment-list .reply img{
margin-right:7px;
}

.comment-list .children>li{
padding-left:25px !important;
}

.author-content-div{
display:flex;
}

.author-article .second-half{
display: flex;
margin-top:11px;
justify-content: space-between;
}

.author-article .second-half:not(:last-child){
padding-left:5px;
}

.author-article .rmp-icon--ratings{
font-size: 12px !important;
}

.author-article .ratingarea{
padding:0 !important;
}

.rmp-results-widget__visual-rating{
margin:0 !important;
}


.cs-hero .cs-bg-dark .post-meta .meta-date, .cs-hero .cs-bg-dark .post-meta .meta-views{
  color:rgba(255,255,255,.75) !important;
}

.post-shares .meta-shares .total{
  display: unset !important;
}

.pk-subscribe-form-wrap .subscription{
  overflow: visible !important;
}

.wpp-thumbnail{
  margin:0 0.6rem 0 0 !important;
}

.pk-social-links-items{
  align-items: center !important;
}

.entry-header-standard, .entry-header-title{
  margin-bottom: 2rem !important;
}

.class404{
  display: none;
}

.main-404-heading{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #283051;
}

.sub-404-p{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    margin-top: 0.5em;
    color: #666;
}

.btn-404{
    background: #0487f3;
    border-radius: 28px;
    width: 17%;
    border: none;
    color: #fff;
    height: 56px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    text-transform: inherit;
}

@media only screen and (max-width: 575px) {
  .main-404-heading{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #283051;
  }
  .sub-404-p{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 1em;
    color: #666;
  }
  .btn-404{
    background: #0487f3;
    border-radius: 28px;
    width: 44%;
    border: none;
    color: #fff;
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
  }
}

.hide-comment-author, .hide-comment-email, .hide-comment-phone, .hide-comment-btn{
  display: none ;
}

.show-comment-author, .show-comment-email, .show-comment-phone, .show-comment-btn{
  display: block ;
}
.comment-form-author, .comment-form-email, .comment-form-phone{
  display: none;
}

#commentform .form-submit {
  display: none;
}

#commentform{
  display: grid;
}

#commentform .comment-notes{
  order:1;
}

#commentform .comment-form-comment{
  order:2;
}

#commentform .comment-form-author{
  order:3;
}

#commentform .comment-form-email{
  order:5;
}

#commentform .comment-form-phone{
  order:4;
}

#commentform .comment-form-btn{
  order:7;
}

#commentform .show-errors{
  order:6;
  font-size:14px;
}

.comment-form-btn{
  text-align: right;
}
.comment-form-btn button{
  background: #002147;
  border-radius: 25px;
  padding:10px 22px;
}

.comment-form-btn button:disabled {
  cursor: not-allowed ;
}

.otp-holder{
  display: flex;
  justify-content: center;
  margin-top:25px;
}
.otp-holder input{
  width:42px !important;
  background-color: #C4C4C4 !important;
  margin-left:15px;
  border-radius:3px;
  height:47px;
  padding:0 !important;
  text-align: center;
  font-size:16px !important;
}

#myOTPModal, #afterCommentModal{
  z-index:99999;
  opacity: 1;
}

#myOTPModal button{
  background: #002147;
  border-radius: 25px;
  padding:8px 22px;
  text-transform: capitalize;
}

#myOTPModal .main-head{
  font-weight: 700;;
  text-align: center;
}

#myOTPModal .sub-head{
  font-size: 13px;
  text-align: left;
}

#myOTPModal .resend{
  font-size: 11px;
  text-align: left;
  color: #002147;
  margin-top:10px;
}


@media only screen and (min-width: 576px) {
  
  #myOTPModal .modal-content, #afterCommentModal .modal-content{
    width:280px;
    text-align: center;
    padding:30px 20px;
  }
}

@media only screen and (max-width: 575px) {
  
  #myOTPModal .modal-content, #afterCommentModal .modal-content{
    width:85%;
    text-align: center;
    padding:30px 20px;
  }
}
#myOTPModal .modal-header button, #afterCommentModal .modal-header button{
    background: white;
    color: #000;
    font-size: 26px;
    position: absolute;
    top: 0;
    right: 0;
}

.comment-form-cookies-consent{
  display: none;
}

.comment-list.recent-comments-to-show{
  display:block;
}

#afterCommentModal .sub-head{
  font-size:14px;
}

@media (max-width:1019px) {
  .on-desktop{
    display: none;
  }
}

@media (min-width:1020px) {
  .on-mobile{
    display: none;
  }
}

.on-mobile{
  padding:10px;
}


.uniconnect-fair{
  background: #002541;
  color: white;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;  
}

.uniconnect-fair button{
    background: none;
    border: solid 1px #fff;
    margin-right: 10px;
    border-radius: 5px;
    padding: 4px 5px;
    font-weight: normal;
    text-transform: capitalize;
}

.uniconnect-fair button:hover, .uniconnect-fair button a:hover{
  background:#fff !important;
  color:#002541 !important;
}
.uniconnect-fair button a{
  color: #fff !important;
}

@media (max-width: 768px)
{
  .uniconnect-fair{
    font-size: 12px;
  }
  .uniconnect-fair button{
    padding:3px 4px !important;
  }
}

.downloadBtnWeb, .downloadBtn{
  display: none !important;
}