/* ============= 1. common css ============ */

@font-face {
    font-family: 'century_gothicbold_italic';
    src: url('../fonts/century_gothic_bold_italic-webfont.woff2') format('woff2'),
         url('../fonts/century_gothic_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'century_gothicbold';
    src: url('../fonts/century_gothic_bold-webfont.woff2') format('woff2'),
         url('../fonts/century_gothic_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'century_gothicitalic';
    src: url('../fonts/century_gothic_italic-webfont.woff2') format('woff2'),
         url('../fonts/century_gothic_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'century_gothicregular';
    src: url('../fonts/century_gothic-webfont.woff2') format('woff2'),
         url('../fonts/century_gothic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

p{margin: 0}
a.btn:focus,
a.btn:active,
a.btn:visited {
    outline: none !important;webkit-transition: all 350ms ease-in-out 0s;
    -moz-transition: all 350ms ease-in-out 0s;
    -ms-transition: all 350ms ease-in-out 0s;
    -o-transition: all 350ms ease-in-out 0s;
    transition: all 350ms ease-in-out 0s;
}
a{color: rgba(6, 80, 115, 1)}
h1,h2,h3,h4,h5,h6{font-weight: 700; font-family: 'century_gothicbold'; color:rgba(6, 80, 115, 1)}
button:focus,
input:focus,
select:focus,
textarea:focus,
a:focus {
    outline: none !important;
    box-shadow: none !important;
}

button:active,
input:active,
select:active,
textarea:active {
    outline: none !important;
    box-shadow: none !important;
}

button,
input,
select,
textarea {
    outline: none !important;
    box-shadow: none !important;
}

a:hover,
a {
    text-decoration: none; color: #495F69;webkit-transition: all 350ms ease-in-out 0s;
    -moz-transition: all 350ms ease-in-out 0s;
    -ms-transition: all 350ms ease-in-out 0s;
    -o-transition: all 350ms ease-in-out 0s;
    transition: all 350ms ease-in-out 0s;
}

body {
    background: #fff; font-family: century_gothicregular; font-size: 18px; font-weight: 500;
}
img{max-width: 100%}

ul,li,ol{margin: 0; padding: 0; list-style: none;}

.container{max-width: 1000px}
#banner {background: url(../img/bg.png); min-height: 933px; background-size: cover; position: relative;}
#banner:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(9, 75, 107, 1);
    left: 0;
    top: 0;
    opacity: .9;
}
#banner header,#banner .container{position: relative; z-index: 99}
#banner header{z-index: 999}
.logo {
    display: block;
    width: 257px;
    padding: 0 40px;
}
header .container-fluid {
    padding: 0;
}header .dropdown-toggle {
    background: transparent !important;
    box-shadow: none !important;
    border: none;
    font-size: 20px;
}.joinbtn {
    background: rgba(10, 57, 79, 1);
    display: flex;
    color: #fff;
    height: 60px;
    width: 363px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
}
.joinbtn img{margin-right: 5px}
.loginbtn{color: #fff; font-size: 20px; margin-right: 20px}
.bannerTitle h1 {
    color: #fff; text-transform: capitalize;
    font-size: 70px;
}.bannerTitle h3 {
    color: #fff;
    font-family: century_gothicregular;
    font-size: 26px;
    font-weight: 400;
}.searchPanel {
    width: 749px;
    margin: auto;
}.searchPanelInner {
    background: #fff;
    padding: 2px;
    border-radius: 5px; height: 60px;
    position: relative;display: flex; 
    align-items: center;
}button.btn.searchbtn {
    background: rgba(6, 80, 115, 1);
    color: #fff;
    width: 158px;
    border: none;
    font-size: 18px;
    margin-left: auto;
    height: 56px;
}.searchPanelInner input.form-control,.pincode input {
    font-size: 15px; height: 55px;
    color: rgba(6, 80, 115, 1);
    border: none;
}.searchPanelInner input::placeholder {
  color: rgba(6, 80, 115, 1);
  opacity: 1; /* Firefox */
}

.searchPanelInner input::-ms-input-placeholder { /* Edge 12-18 */
  color: rgba(6, 80, 115, 1);
}.pincode img {
    position: absolute;
    left:12px;
    top: 18px;
    width: 18px;
}
.pincode {
    position: relative; width: 100%;border-left: 1px solid #CDCDCD;
    padding-left: 30px;
}
.exploreDetailBg .pincode{border: none;}
.searchPanelInner input.form-control{width: 360px; flex-shrink: 0;border-left: 1px solid #CDCDCD;}
.servicesInput img {
    position: absolute;
    left: 10px;
    top: 19px;    width: 20px;
}
.servicesInput {
    position: relative;
}

#banner  .searchPanelInner input.form-control{padding-left: 35px; border: none;}
.searchPanel p {
    color: #fff;
    font-size: 20px;
    margin: 10px 0 0;
}header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}.bannerTitle {
    margin-top: 170px;
}
.exploreBg .bannerTitle {
    margin-top: 80px;
}
.exploreDetailBg .bannerTitle {
    margin-top:70px;
}
.titleOuter h2 {
    text-align: center;
    font-size: 40px;
}.discvoverBox h4 {
    font-family: 'century_gothicregular';
    font-size: 16px;
    margin: 10px 0 0;
}
.discvoverBox a {
    border: 1px solid rgba(228, 228, 228, 1);
    background: rgba(6, 80, 115, 0.03);
    max-width: 136px;
    padding: 10px;
    text-align: center;
    border-radius: 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    height: 136px;
    flex-shrink: 0;
}.discvoverBox a:hover h4 {
    color: #fff;
}.loginbtn:hover {
    opacity: 0.8;
}
.sericon,.sericonhover{-webkit-transition: all 350ms ease-in-out 0s;
    -moz-transition: all 350ms ease-in-out 0s;
    -ms-transition: all 350ms ease-in-out 0s;
    -o-transition: all 350ms ease-in-out 0s;
    transition: all 350ms ease-in-out 0s;}
.discvoverBox a:hover .sericon{display: none;}
.discvoverBox a:hover .sericonhover{display: block;}
.sericonhover{display: none; }
.discvoverBox a:hover{background: #065073}
section#discvover {
    padding: 90px 0 260px;
}.discvoverInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}.titleOuter {
    margin-bottom: 70px;
    margin-top: 70px;
}


.servicesBox {
    border: 1px solid rgba(204, 204, 204, 1);
    position: relative;
    border-radius: 30px;background: #fff;
    width: 401px; position: absolute; z-index: 9;
}.servicesCont {
    padding: 22px 18px;
    width: 242px;
    flex-shrink: 0;
}.servicesCont h3 {
    font-size: 18px;
}
.servicesCont li a {
    color: rgba(121, 121, 121, 1);
    font-size: 16px;
    text-decoration: underline;
}
.servicesCont ul {
    padding-left: 16px;
}
.servicesCont li {    margin: 8px 0;
    list-style: disc;
    color: rgba(121, 121, 121, 1);
}

.serviceArrow1,.serviceArrow2,.serviceArrow3{position: absolute;}
.servicesCont h3 {
   font-size: 18px;
    margin: 0 0 11px;
}#services {
    background: rgba(229, 247, 255, 1); height: 542px; position: relative;
}

#services:after{position: absolute; content: ""; background: url(../img/serviceBG.png) no-repeat; width: 772px; height: 580px; left: -80px; right: 0; margin: auto; bottom: 0}

.servicesInner {
    position: relative;
    left: -50px;
}

.servicesBox.box1 {
   left: 80px;
    top: -160px;
}.servicesBox.box3 {
    z-index: 99;
    top: 180px;
    left: 0px;
}
.servicesBox.box2 {
      right: -100px;
    top: -150px;
}
.servicesBox.box4 {
    z-index: 99;
    top: 180px;
    right: -210px;
}
.serviceArrow1 {
    right: -180px;
    top: -30px;
}.serviceArrow2 {
       right: -40px;
    top: 200px;
}.serviceArrow3 {
   top: -140px;
    left: 22px;
}




section#userImg img {
    width: 100%;
}

#testinomial {background: url(../img/testiBg.png) center no-repeat; background-size: contain;
    padding: 120px 0; 
}
#testinomial .owl-carousel {
    width: 880px;
    margin: auto;
    text-align: center;
}#testinomial p {
    font-size: 30px;
    color: rgba(6, 80, 115, 1);
    font-family: 'century_gothicitalic';
    line-height: 34px;
}
#testinomial h6 {
    font-size: 20px;
    margin: 50px 0 0;
}button.owl-dot span {
    width: 7px;
    height: 7px;
    background: rgba(217, 217, 217, 1);
    display: block;
    border-radius: 50%;
}
button.owl-dot.active span{background: rgba(6, 80, 115, 1)}
button.owl-dot {
    margin: 0 6px;
}

.owl-dots {
    margin-top: 20px;
}

footer h4 {
    font-size: 22px;
    margin-bottom: 30px;
}footer {
    padding: 110px 0 0;
    /*background: url(../img/footerBg.svg) no-repeat top center;*/
}

footer li a {
    font-size: 18px;
    color: rgba(6, 80, 115, 1);
}footer li {
    margin: 5px 0;color: rgba(66, 66, 66, 1);
    font-size: 18px;
}
.bottomFooter {
    border-top: 1px solid rgba(0, 0, 0, 1);
    padding: 20px 0;
    margin-top: 30px;
    font-size: 15px;
    color: rgba(6, 80, 115, 1);
}.bottomFooter .col-md-6 {
    font-size: 18px;
}
.bottomFooter  a{color: rgba(6, 80, 115, 1); font-size: 18px;}
#userImg{text-align: center;}



#banner.joinBg{background-image: url(../img/joinBg.png) !important; min-height: 490px}
#banner.pricingBg{background-image: url(../img/pricingBg.png) !important; min-height: 490px}
#banner.exploreBg{background-image: url(../img/bg-exp.png) !important; min-height: 490px}
#banner.exploreDetailBg{background-image: url(../img/exploreDetail.png) !important; min-height: 490px}
#banner.how-its-work{background-image: url(../img/howitsbg.png) !important; min-height: 490px}
#banner.faqBg{background-image: url(../img/faqbg.png) !important; min-height: 490px}
.searchPanel h6 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;margin: 50px 0 20px;
}.exploreDetailBg .searchPanel {
    max-width: 370px;
}
.exploreDetailBg .searchPanelInner {
    padding-left: 10px;
}.pincode input {
    width: 100%;
}
.exploreDetailBg .pincode {width: 100%;  text-align: left;}
.exploreDetailBg .btn.searchbtn{width: 100px;}
#banner.exploreBg .searchPanel{
    /* width: 765px; */
    margin-top: 90px;}
#banner.exploreBg .searchPanelInner{height: 60px}
#banner.exploreBg button.btn.searchbtn {
    background: rgba(6, 80, 115, 1);
    color: #fff;
    width: 129px;
    border: none;
    font-size: 18px;
    height: 56px;
}
#banner.exploreBg .searchBox {
    position: relative;
}
#banner.exploreBg .searchPanelInner label {
    position: absolute;
    left: 20px;
    top: -50px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after {
  transition: all 0.5s;
}
.whyChoosimg {
    border: 1px solid rgba(228, 228, 228, 1);
    background: rgba(6, 80, 115, 0.03);
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: auto;
}.whyChoosBox p {
    font-size: 16px;
    color: rgba(73, 95, 105, 1);
}
.whyChoosBox {
    text-align: center;
    padding: 0 30px; position: relative;
}.whyChoosBox h5 {
    margin: 30px 0;
}
.btn.btn-primary {
    background: rgba(6, 80, 115, 1);
    font-size: 18px;
    padding: 12px 40px;
    border: none;border-radius:7px;
}
#whyChoose .btn-primary { margin-top:80px }
#whyChoose {
    padding: 90px 0;
}
.whyChoosBox.centerBox:before,.whyChoosBox.centerBox:after {
    position: absolute;
    left: -140px;
    content: "";
    width: 260px;
    height: 30px;
    background: url(../img/arc1.png) no-repeat;
    background-size: 100%;
    top: 10px;
}
.whyChoosBox.centerBox:after {
    background: url(../img/arc2.png) no-repeat;
    right: -149px;
    left: auto;
    top: 60px;background-size: 100%;
}
#category,#extraFeature,#topics,#guid {
    background: rgba(229, 247, 255, 1);
    padding: 50px 0 300px;
    position: relative;
}
#extraFeature{padding: 90px 0 300px;}
.catBg {
    position: absolute;
    bottom: 0;width: 100%;
}.catBg img {
    width: 100%;
}
#category:after {
   /* position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background: url(../img/catbg.png) no-repeat;
    z-index: 9;*/
    background-size: 100%;
}.categoryBox {
    background: #fff;
    padding: 4px;-webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
    border-radius: 25px;
}.categoryBox h3 {
    font-size:20px;-webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
    padding: 10px 15px;
    margin: 0;
}a.btn.findBtn {
    display: none;
}

.categoryBox:hover {
    background: rgba(6, 80, 115, 1); padding-bottom: 20px;
}
.categoryBox:hover h3{color: #fff}

.categoryBox:hover a.btn.findBtn{display: inline-block;}
a.btn.findBtn {
    border: 1px solid #fff;
    color: #fff;
    margin-left: 21px; padding: 13px 30px;border-radius: 7px;
}
.owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-nav button.owl-prev span{display: none;}
.owl-carousel .owl-nav button.owl-prev {    width: 64px;
    height: 64px;
    background: url(../img/leftArrow.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 100px;
    left: 00px;}
.owl-carousel .owl-nav button.owl-next {width: 64px;
    height: 64px;  background: url(../img/rightArrow.png) no-repeat; background-size: 100%;     position: absolute;
    top: 100px;
    right: 00px;}
.owl-nav {
    display: flex;
    justify-content: space-between;
}#categorySlider .item {
    min-height: 345px;
}
#categorySlider  .owl-item img{    border-radius: 21px;}
div#categorySlider {
    position: relative; padding: 0 90px;

}
.accordion-item {
    background: rgba(229, 247, 255, 1);
    margin: 10px 0;
    border: none;
    border-radius: 5px !important;
    padding: 6px 14px;
}
.accordion-button{background: transparent;     color: rgba(6, 80, 115, 1);padding: 10px;
    font-size: 18px;}

.accordion-button:not(.collapsed) {
    color: rgba(6, 80, 115, 1);
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);padding: 15px 4px 18px;
}.accordion-body {
    background: #fff;
    border-radius: 8px;
    padding: 20px 30px;
}
.workcontBox p {
    font-size: 18px;
}
.workcontBox h3 {
    font-family: 'century_gothicregular';
    font-size: 40px;    margin-bottom: 15px;
    font-weight: 300;
}.workcontBox a.btn.btn-primary {
    padding: 15px 30px;    margin-top: 30px;
    font-size: 18px;
}
.workProcess:before {
        position: absolute;
    content: "";
    width: 0;
    height: 86%;
    border-right: 2px dashed #ccc;
    left: 0;
    top: 103px;
    right: 0;
    margin: auto;
    z-index: 9;
}.workProcess .col-md-6:last-child { 
    padding-left: 60px;
}.workcontBox.rightCont:before {
    position: absolute;    z-index: 9;
    content: "";
    width: 18px;
    height: 18px;
    background: rgba(6, 80, 115, 1);
    border-radius: 50%;
    border: 4px solid rgba(229, 247, 255, 1);
       left: -70px;
    top: 10px;
}
.workcontBox.leftCont:before {
    position: absolute;    z-index: 9;
    content: "";
    width: 18px;
    height: 18px;
    background: rgba(6, 80, 115, 1);
    border-radius: 50%;
    border: 4px solid rgba(229, 247, 255, 1);
       right: -22px;
    top: 10px;
}
.workcontBox{position: relative;}

.workProcess .row.align-items-center {
    min-height: 350px;
}
.workProcess .row{position: relative;}
.workProcess .row:first-child .col-md-6:last-child:before{top: 100px}
.workProcess {
    margin: auto;
    position: relative;
}.leaveReply {
        max-width: 448px;
    margin: auto;
    background: #fff;
    text-align: center;
   
}.leaveReplyBox {
    background: rgba(219, 234, 248, 1);
    text-align: center;
    padding: 25px;
    border-radius: 10px;margin-top: -62px;
    position: relative;
}
#howWork{ padding:50px 0 }
.womenImg {
    position: absolute;
    bottom: 51px;
    width: 536px;
    z-index: 9;
    left: 0;
    right: 0;
    margin: auto;
}#serviceFaq {
    padding: 30px 0;
}.linkCont a {
    color: #065073;
    border: 1px solid #065073;
    padding: 6px 10px;
    display: inline-block;
    border-radius: 5px;
    font-size: 18px;
    margin: 0 5px 10px 0;
}
.breadcrumb{font-size: 12px; padding: 8px 0 0;}
#needHelp {
    padding: 30px 0; background: url(../img/findBg.png) no-repeat center;    background-size: 700px;
} 
li.breadcrumb-item a, .breadcrumb-item.active {
    color: #065073;
    font-weight: 500;
    font-size: 12px;
}#needHelp nav {
    margin-bottom: 70px;
}#needHelp h3 {
    font-family: 'century_gothicregular';
    font-weight: 400; font-size: 40px;
}#needHelp p {
    margin: 15px 0;
    color: #495F69;
   font-size: 18px;
    line-height: 22px;
}
#popularCity {
    background: #E5F7FF;
    padding: 70px 0;
}.cityBox {
    background: #fff;
    padding: 5px;
    border-radius: 0 0 15px 15px;margin-bottom: 30px;
}.cityCont {
    display: flex;
    align-items: center;
    justify-content: space-between;    padding: 20px 15px;
}.cityCont h4 {
    margin: 0;
    font-size: 22px;
    font-family: 'century_gothicregular';
    font-weight: 400;
}
#popularReg .titleOuter h2,#popularCity .titleOuter h2 ,#professionals .titleOuter h2,.reviewHeader h3,#serviceSlider .titleOuter h2,.getReadyInner h2,#pricingImg h3,#whyChoose .titleOuter h2{
    font-family: 'century_gothicregular';
    font-weight: 400;
    font-size: 40px;
}.cityMap img {
    width: 100%;
}
.cityCont a {
       padding: 9px 19px !important;
    font-size: 18px !important;border-radius: 7px;
}

#popularReg ul {
    display: flex;
    flex-wrap: wrap;
}
#popularReg ul li a {
    display: inline-block;
    color: #065073;
    border: 1px solid #065073;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 16px;
    background: url(../img/map-marker.png) no-repeat 5px 6px;
    background-size: 18px;
    padding-left: 27px;
    margin: 0 14px 10px 0;
}
#professionals,#popularReg{ padding:50px 0 }
.proReviewboxinner {
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    border-radius: 20px;
    max-width: 406px;
    padding: 30px;
    text-align: center;
    position: relative;
}.reviewsImg {
    width: 80px;
    margin: -50px auto 0;
}
    .proReviewbox {
    background: url(../img/proffictionBg.png) no-repeat right top;
    min-height: 476px;
    background-size: 430px;
    padding: 130px 0 0;
    width: 440px;
    padding-right: 50px;
}
.starImg img {
    width: 74px;
}.starImg {
    margin: 10px 0;
}
.proReviewboxinner h5 {
    font-size: 20px;
}.proReviewboxinner p {
    color: #495F69;
    font-size: 16px;
    margin: 0 0 15px;
}.faq-item h4 {
    font-size: 20px;
}.faq-item p {
    font-size: 16px;
}.faq-item {
    margin: 0 0 25px; position: relative;
}.faq:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 30px;
    background: #ffffffdb;
    left: 0;
    bottom: 0;
    z-index: 9;
}.faq.active:after {display: none;
}.moretext {
    display: none;
}
.faq{position: relative; webkit-transition: all 350ms ease-in-out 0s;
    -moz-transition: all 350ms ease-in-out 0s;
    -ms-transition: all 350ms ease-in-out 0s;
    -o-transition: all 350ms ease-in-out 0s;
    transition: all 350ms ease-in-out 0s;
   }
#professionals a.btn.btn-primary {
    padding: 9px 22px; text-transform: capitalize;
    font-size: 18px;
}.reviewInner {
    background: #E5F7FF;
    padding: 20px;
    border-radius: 20px;
}.reviewHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}.owl-carousel .owl-item img {
    display: block;
    width: auto;
}
.reviewTotal img {
    width: 80px;
    margin-right: 11px;
}.reviewTotal {
    text-align: right;color: #065073;font-size: 20px;
}.reviewTotal p {
    text-transform: capitalize;
    font-size: 14px;
}
.reviewBox,.reviewPercentPanel {
    background: #fff;
    padding: 25px 15px;
    border-radius: 20px;
    margin-top: 20px;
}.reviewBox img {
    width: 85px;
    margin: 0 0 20px;
}.reviewBox p {
    font-size: 14px;
    color: #495F69;
    line-height: 22px;
    margin: 0 0 15px;
}.reviewBox h6 {
    font-size: 14px;
}section#serviceSlider {
    padding: 80px 0;
}

#serSlider .owl-nav {
    display: none;
}
.serBox {
    border: 1px solid #E5F7FF;
    padding: 5px;
    border-radius: 0 0 30px 30px; margin:10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .075);
}
.serBox h4 {
    font-family: 'century_gothicregular';
    font-size: 18px;
    font-weight: 400;
    padding: 22px;
}#serSlider .owl-dots {
    display: flex;
    justify-content: center;
}
.getQuotePanel img { position: absolute;
}
.getQuotePanel {
    background: #065073;
    position: relative;
    color: #fff;
    border-radius: 100px;
    min-height: 176px;
    padding: 45px 100px;
    max-width: 1020px;
    margin: 70px auto 0;
}
.getQuotePanel h2{font-size: 40px}
.getQuotePanel h2 ,.getQuotePanel h4{
    font-family: 'century_gothicregular'; font-size: 40px;
    color: #fff;
    font-weight: 400;
}
.getQuotePanel img {
    position: absolute;
    right: 90px;
    top: -30px;
    width: 270px;
}
.pricingBg p {
    color: #fff;
    font-weight: 600;
       font-size: 18px;
    line-height: normal;margin: 30px 0;
}
.pricingBg a.btn.btn-secondary {
    background: #fff;
    color: #065073;
    padding: 14px 36px;
    border-radius: 7px;
    font-size: 18px;
}
.pricingBg .bannerTitle {
    margin-top: 80px;
}
.getReadyInner p {
    color: #495F69;font-size: 18px;
    line-height: 22px;
}.getReadyInner {
    width: 400px;
    font-size: 13px;
    line-height: 16px;
}.getReadyOuter {
    position: relative;
    padding: 190px 0 50px;
}.getReadyInnerImg {
    position: absolute;
    left: 420px;
    top: 80px;
    width: 270px;
    right: 0;
    margin: auto;
}.readyBg img {
    width: 100%;
}#control {
    background: #E5F7FF;
}.controlImg {
    position: absolute;
    top: -244px;
    left: -170px;
    right: 0;
    margin: auto;
    width: 650px;
}
#control {
    background: #E5F7FF;
    position: relative;
    text-align: center;
    padding: 520px 0 10px;
}#pricingImg {
    position: relative;
}#pricingImg:before {
    position: absolute;
    width: 100%;
    height: 200px;
    content: "";
    background: #E5F7FF;
    z-index: -1;
}
#pricingImg img{width: 100%}
.mb-35 {
    margin: 0 0 35px;
}.gurantedPanel img {
    width: 150px !important;
}.gurantedPanel {
    padding-top: 100px;
}.gurantedPanel .titleOuter {
    margin: 0;
}
.mb-90{ margin-bottom:90px }
.gurantedPanel img{width: auto;}
.joinBg p {
    color: #fff;
    font-weight: 500;
    padding: 0 300px;
    font-family: 'century_gothicbold';
    line-height: 20px;
    margin: 25px 0;
}
.joinBg .bannerTitle {
    margin-top: 50px;
}
.joinBg .searchPanel .pincode {
    padding-left: 10px;    border: none;
}
.joinBg .searchPanel,.faqBg .searchPanel{
    width: 578px;
    margin: auto;
}.pserBox:hover p {
    color: #065073;
}

.pserBox {
    text-align: center;
    margin: 0 0 30px;
}
.pserBox p {
   font-size: 18px;
    color: #000;
    margin: 15px 0 0;
    line-height: normal;
}.extraFeatureBox {
    background: #fff;
    padding: 7px;
    border-radius: 20px;min-height: 336px;
}.featureImg img {
    width: 100%;
}.featureIcon {
    width: 76px;
    height: 76px;
    box-shadow: 0 4px 14.5px 0 rgba(0, 0, 0, .09);
    border-radius: 10px;
    text-align: center;
    line-height: 80px;
    background: #fff;
    margin: -40px 0px 0 30px;
    z-index: 9;
    position: relative;
}.extraFeaturecont {
    padding: 30px 20px 0;
}.extraFeaturecont h5 {
    font-size: 20px;margin-bottom: 15px;
}.extraFeaturecont li {
   list-style: disc;
    color: #495F69;
    font-size: 16px;
    line-height: 22px;
}.extraFeaturecont ul {
    padding-left: 22px;    min-height: 100px;
    padding-bottom: 30px;
}.extraFeaturecont a.btn.btn-primary {
    padding: 14px 12px;
    margin-bottom: -23px;
    font-size: 18px;
}
.dashboardTitle p {
    font-size: 12px;
}
#joinMarket .titleOuter p {
    margin: 20px 0;
}
.joinMarketBox {
   width: 100%;    min-height: 226px;
    max-width: 226px;
    box-shadow: 24px 25px 39px 0 #EAF0F3;
    text-align: center;
    border-radius: 35px;
    border: 1px solid #eee;
    padding: 20px 10px;
    margin: auto;
}.joinMarketBox p {
    font-size: 18px;
    padding: 0 35px;
}
.joinMarketBox h4 {
    font-size: 40px;
    font-weight: 400;
    font-family: 'century_gothicregular';
}
.joinMarketBox img {
    margin: 10px 0;
}
section#faqInnerPanel {
    padding: 50px 0;
}



#faqInnerPanel li a {
    display: block;
    border-bottom: 1px solid #E2E2E2;
    padding: 15px 0;
    color: #065073;
}
#faqInnerPanel li:last-child a {
    border: none;
}#topics {
    background: #fff;padding-bottom: 50px;
}.topicInner,.customeReviewInner {
    background: #E5F7FF;
    border-radius: 30px;
    padding: 30px 15px;
}.topicBox h4 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    font-family: 'century_gothicregular';
    margin: 10px 0;
}
#customeReview{padding: 80px 0 50px}
.topicBox {
   background: #fff;
    text-align: center;
    padding: 25px 15px;
    margin: 0 0 15px;
    min-height: 217px;
    border-radius: 10px;
}.topicBox p {
    color: #495F69;
    font-size: 16x;
    line-height: 22px;
}
#guid {
    padding: 230px 0 50px;
}section#guid .container {
    position: relative;
    z-index: 9;
}#guid h5 {
    font-size: 20px;
}#guid .extraFeaturecont {
    padding: 15px 10px 0;
}.extraFeatureBox {
    margin: 0 0 20px;
}#extraFeature .col-md-4 {
    padding: 0 23px;
}
#guid .catBg{top: 0}

/*##########################    Dashboard CSS ##########################################*/


.dashboard_section .bg-light {
    background-color: #ffffff !important;box-shadow: 0 4px 4px 0 rgb(0 0 0 / 10%);
}
.dashboard_section{background: #F4F7FE;    padding-bottom: 50px;}
.navbar-light .navbar-nav .nav-link img {
    height: 20px;filter: contrast(0.2);
}
.navbar-light .navbar-nav .nav-link {
    background: #eee;
    border-radius: 5px;
    padding: 10px 20px;
}.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
    background: #0A394F;
}.navbar-light .navbar-nav .nav-link {
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 14px;
    color: #9197B3; background: transparent;
}
.navbar-light .navbar-nav .nav-link.active img{filter: none;}
.mainPanel {
    padding: 5px 0;
}
li.breadcrumb-item a {
    color: #788aa1;
}
.dashboardTitle h4 {
    color: #2D3748;
    font-size: 18px;
    font-family: 'century_gothicregular';
    font-weight: 4; margin: 0;
}
.dashboardTitle p {
    color: #656769;
}.card {
    border: 1px solid #D4D9F1; border-radius: 15px;
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 5%);
}.welcomeDashboardHead h3 {
    color: #065073;    margin-bottom: 25px;
    font-size: 18px;
}.welcomeDashboard {
    padding: 5px 30px;
}.mainPanel p {
    color: #065073;
}.welcomeDashboard li h3 {
    color: #065073;
    font-family: 'century_gothicregular';
    font-weight: 400;    margin-bottom: 20px;

    font-size: 18px;
}.welcomeDashboard li {
    margin: 20px 0 30px;    padding-left: 50px;    min-height: 85px;
    position: relative;
}.mainPanel li p {
    font-size: 16px;
}.dashboarduserPanel {
    position: relative;
}span.profileEdit {
    font-size: 12px;
    position: absolute;
    right: 0;
}
.dashboardTitle {
    margin: 0 0 15px;
}
.welcomeDashboard li:before {
    counter-increment: section;
    content: counters(section, ".") " ";
    background: #F4F7FE;
    width: 36px;
    height: 36px;
    border: 1px solid #DDE3F1;
    display: block;
    text-align: center;
    border-radius: 12px;
    line-height: 33px;
    position: absolute;
    left: 0;
    color: #2D3748;
    top: -7px;
    font-size: 18px;
}.lightBox.howMuch p {
    font-size: 16px;
}
.welcomeDashboard ul {position: relative;    margin-top: 30px;    padding-right: 50px;
    counter-reset: section;
    list-style-type: none;
}.welcomeDashboard ul li:after {
    position: absolute;
    content: "";
    background: #DDE3F1;
    width: 1px;
    height: 77%;
    left: 13px;
    top: 34px;
}
.welcomeDashboard li:last-child:after{display: none;}
.welcomeDashboard ul + p {
    color: #2D3748;
    font-size: 18px;
}.lightBox {
    background: #fff;
    border: 1px solid #D4D9F1;
    padding: 20px;
    border-radius: 14px;
}.darkBox {
    background: #065073;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
}.servicesSet {
    padding: 0 10px;
}
.darkBox p,.darkBox  h4,.darkBox a{color: #fff;    font-size: 16px;}
.lightBox h4, .darkBox h4 {
    font-family: 'century_gothicregular';
    font-size: 18px;
    font-weight: 500;
}.card-head h2 {
    font-size: 18px;
    padding: 20px;
    border-bottom: 1px solid #D4D9F1;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}.card-head h2 span {
    font-size: 12px;    color: #8692A5;
}.servicesSet h4 {
    font-family: century_gothicregular;
    font-size: 18px;
    font-weight: 500;
}

.mainPanel .servicesSet p{font-size: 16px;    color: #495F69;    margin: 5px 0;}
.servicesSetCont a {
    background: #F4F7FE;
    border: 1px solid #DDE3F1;
    margin: 3px;
    font-size: 16px;
    border-radius: 10px;
}.servicesSet h6 {
    font-family: century_gothicregular;
    font-size: 18px;
    font-weight: 500;
    margin: 8px 0;
    color: #065073;
}.servicesSet .d-flex a {
    font-family: 'century_gothicbold';font-size: 12px;
}.dashboarduserPanel h3 {
    font-size: 19px;
    font-family: 'century_gothicregular';
    margin: 15px 0;
    font-weight: 500;
}.progressBar {
    background: #F0F0F0;
    height: 8px;
    border-radius: 45px;    margin: 15px 0;
    position: relative;
}.progressBarBg {
    background: #065073;
    position: absolute;
    width: 40%;
    height: 100%;
    border-radius: 10px;
}.lightBG {
    background: #F6F6F6;
    padding: 15px;
    margin: 15px 0 0;
    border-radius: 10px;
}.lightBG h5 {
    font-family: 'century_gothicregular';
    font-size: 18px;
    font-weight: 500;
}.lightBG p {
    font-size: 16px;
}.leadBoxOuter {
    text-align: center;
    margin: 15px 0;
}.leadBox {
    border: 2px solid #065073;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    text-align: center;
    font-size: 50px;
    font-family: 'century_gothicbold';
    line-height: 125px;
    margin: 0 auto 10px;
    color: #065073;
}.leadBoxOuter p {
    font-size: 18px;
}.unleadBox {
    display: flex;
    align-items: center;    margin: 15px 0 0;
    justify-content: center;
}.unleadBox .leadBox {
    width: 70px;
    height: 70px;
    line-height: 68px;
    font-size: 30px;
    margin: 0 10px 0 0;
}
.servicesSet h6 a {
    color: #065073;
}
.leadTotalBox,.responceBox{
    background: #0A394F;
    padding:20px 15px;
    color: #fff;
    border-radius: 10px;
}.leadTotalBox h4 {
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}.leadTotalBox h4 a {
    color: #fff;
    font-size: 12px;
}.leadTotalBox ul {
    display: flex;
    align-items: center;
}.leadTotalBox ul li {
    margin-right: 15px;    font-size: 16px;
}.showingBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}.leadBoxList {
    background: #fff;
    padding: 20px 15px;
    border-radius: 15px;
    margin: 0 0 20px;display: flex;
    align-items: center;
    position: relative;
}.leadUserImg {
    width: 52px;
}span.timeLead {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 12px;
}
.leadUserImg {
    flex-shrink: 0;
    margin-right: 15px;
}
.leaduserInfo h3 {
    font-size: 18px;
    margin: 0;
    font-family: 'century_gothicregular';
}.leaduserInfo p {
    font-size: 14px;
}.leaduserInfo {
    padding-right: 40%;
}.leaduserInfo h6 {
    margin: 0;
    color: #ACBBC2;
    font-size: 14px;
    font-family: 'century_gothicregular';
    font-weight: 400;
}
.leadBocListinner{display: flex;}
.leadLightBg {
    background: #F4F7FE;
    padding: 15px;
    border-radius: 15px;
    margin: 15px 0;
}.leadLightBg h4 {
    margin: 0;
    font-size: 18px;
}.leadLightBg p {
    font-size: 14px;
}ul.leadFeatList li {
    width: 50%;
    margin: 10px 0;
    font-size: 14px;
}
ul.leadFeatList {
    display: flex;
    flex-wrap: wrap;
}.leadPriceOuter {
    display: flex;
    align-items: center;margin-top: 50px;
}
.leftBox {
    margin-right: 50px;
}.leadDetail h5 {
    font-size: 18px;
}.leadDetail li p {
    font-size: 16px;
}
.leadDetail li h6 {
    margin: 0;
    font-family: 'century_gothicregular';
    font-weight: 400;
    font-size: 14px;
}.leadDetail li {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}.leadReviewPanel {
    border-top: 1px solid #E4E7EE;
    border-bottom: 1px solid #E4E7EE;
    padding: 15px 0;
    margin: 20px 0;
}.leadPriceInner h5 {
    font-size: 18px;
}.leadPriceInner >p {
    font-size: 18px;
}.leadPriceInner ul li {
    margin: 10px 0;font-size: 16px;
}.leadPriceInner ul li i {
    margin-right: 10px;
}.buttonPanel a {
    background: #06507330;
    color: #0A394F;
    font-family: 'century_gothicbold';
    font-size: 13px;
    border: none;
    padding: 11px 16px;
}.buttonPanel {
    display: flex;
    flex-direction: column;
}.reviewLeadBox p i {
    color: #979797;
    font-size: 12px;
}.leadHighlight h5 i {
    color: #EBEBEB;
    font-size: 12px;
}.leadHighlight h5 {
    font-family: 'century_gothicregular';
    font-weight: 400;
    font-size: 16px;
}.leadHighlight ul {
    display: flex;
    align-items: center;
    font-size: 13px;
}.leadHighlight ul li img {
    width: 15px;
    margin-right: 5px;}
.leadHighlight ul li {
    margin-right: 9px;
}.sidebarpanel {padding-right: 10px;
    height: 800px;
    overflow: auto;
}

.sidebarpanel::-webkit-scrollbar-track
{
    
    border-radius: 10px;
    background-color: transparent; border: 1px solid #E0E0E0;
}

.sidebarpanel::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

.sidebarpanel::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #0A394F;
}
.dashboardInnerPage{min-height: 600px}
a.btn.whiteBg {
    background: #fff;
    font-size: 13px;color: #0A394F;
    font-family: 'century_gothicbold';
}a.btn.blueBg {
    background: #135675;
    color: #2387B6;
}.responceBox .btn {
    color: #fff;
}.settingPanel h4 {
    font-size: 16px; margin: 0; padding: 8px;
}
.settingPanel h4 img {margin-right: 10px;}
.settingPanel .card-header {
    background: transparent;
}.settingPanel p {
    margin: 0 0 15px;
}
.settingPanel h6 {
    font-family: 'century_gothicregular';
    margin: 0 0 20px;
}

#userPanel{background: #094B6B}
.userServices input[type=radio]{accent-color: #289453;}
section.userServices {
    padding: 50px 0;
}
.userTitle {
    background: #E5F7FF;
    color: #065073;
    font-family: 'century_gothicbold';
    padding: 15px;
    border-radius: 8px;
    font-size: 25px;
    margin: 0 0 25px;
}
 .userServices li input[type=radio] {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 12px;
    top: 16px;
}
.userServices li.active {
    background: #065073;
    color: #fff;
}.userServicesCont h5 {
    font-size: 24px;
}
.userServices li {
  margin: 1px 0;
    font-size: 16px;
    position: relative;
    padding: 0;
    border-radius: 10px;
    padding-left: 0;
}.nav-pills .nav-link {
    position: relative;
    padding-left: 34px;
    color: #212529;
}.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #065073;
    color: #fff;
}.nav-link.disabled {
    opacity: .2;
}.radioGroup li {
    padding-left: 43px;
    margin: 15px 0;
}.radioGroup li input[type=radio] {
    top: 5px;
}
.radioGroup input.form-control {
    max-width: 300px;
}a.btn.borderBtn {
    border: 1px solid #ccc;
    color: #065073;
       padding: 9px 50px; border-radius: 7px;
    font-size: 18px;
}
.userServices a.btn.btn-primary {
     padding: 9px 32px; border-radius: 7px;
    font-size: 18px;;
}.userServices li.disable {
    opacity: .3;
}.userServicesCont {
    
}
div#v-pills-tabContent{ border-left: 1px solid #ccc;
    padding-left: 20px;  min-height: 500px}
.padZero li{padding-left: 0}
.greatFoundBoxInner {
    width: 500px;
    margin: auto;
}.greatFoundBoxInner { position: relative;
    width: auto;    min-height: 358px;
    margin: auto;
    background: #E5F7FF;
    border-radius: 30px;
    text-align: center;
}.greatFoundMsg {    
    background: #fff;
    border: 1px solid #065073;
    position: relative;
    border-radius: 30px;
    padding: 38px 15px;
    margin: 0 -30px;
    min-height: 145px;
    margin-top: 5px;
}.greatFoundMsg h5 {
    font-size: 16px;
    margin: 0;
}.greatFoundMsg p {
    font-size: 18px;
    margin: 5px 0 0;
}.greatFoundMsg .borderBtn {
   position: absolute;
    background: #fff;
    left: 185px;
    bottom: -19px;
    padding: 9px 49px !important;
    font-size: 18px;

}
.greatFoundMsg a.btn.btn-primary{ 
    position: absolute;
    padding: 9px 32px !important;
    font-size: 18px;
    bottom: -19px;
    position-area: bottom;}
    

.greatFoundBoxInner > img {
    max-width: 280px;
    margin-top: 25px;
}
span#cancleBtn {
    position: absolute;
    right: 20px;
    top: 16px;
    width: 25px;
}

.greatFoundBox {
    padding: 0 0;
}

section.professionalPanel {
    background: #E5F7FF;
}.professionalListTopbra a.btn.borderBtn {
    border-color: #A7C7D4;
    padding: 9px 14px;
    font-size: 18px;
    margin-right: 10px;
    min-width: 146px;
}.nav-tabs {
    border-bottom: none;
    justify-content: center;border-radius: 15px;
    background: #fff;
    width: 424px;
    padding: 5px;
    border-radius: 8px;
    margin: auto;
}.nav-tabs li {
   width: 50%;
    flex-shrink: 0;
    text-align: center;
}.nav-tabs .nav-link {
   margin: 0;
    display: block;
    text-align: center;
    padding: 21px 30px;
    border: none;
    width: 100%;
    color: #065073;
    border-radius: 15px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #065073;
    background-color: #E5F7FF;
    border: none;
    font-family: 'century_gothicbold';
}.professionalMatches {
    margin: 50px 0;
}.dropdown.bootstrap-select button {
    background: #fff;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 18px;height: 51px;
    line-height: 41px;
}.dropdown.bootstrap-select {
   
    margin-right: 10px;
}
.matchFilter span {
    font-size: 14px;
}
.dropdown.bootstrap-select:last-child {
    margin-right: 0;
}.matchFilter {
    padding: 25px 0;
    border-bottom: 1px solid #94D8F6;
}.professionalBox {
    background: #fff;
    border: 1px solid #76B2CC;    border-radius: 15px;    margin-bottom: 50px;
    display: flex;
}.professionalImg {
    border-right: 1px solid #76B2CC;
    max-width: 158px;
    width: 100%;
    flex-shrink: 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}.professionalRating {
    display: flex; font-size: 12px;
    align-items: center;
}.professionalRating i {
    font-size: 17px;
}
.professionalRating i {
    color: #ffc107;
}
.professionalRating i:last-child{margin-right: 10px}
.professionalInfo {
    padding: 15px;
}.professionalInfo h2 {
   font-family: 'century_gothicregular';
    font-size: 18px;
    margin: 8px 0;
    font-weight: 400;
}
.professionalInfo p {
    font-size: 14px;
    color: #065073;
}.professionalSer p {
    color: #337796;
    font-size: 12px;
}
span.plusSer {
    background: #CCEFFF;
    display: inline-block;
    padding: 4px 6px;
    border-radius: 50%;
    font-size: 12px;    margin-left: 10px;
}.professionalSer {
    display: flex;    align-items: center;
}
.professionalBtn .btn {
        padding: 5px 10px;
    margin-right: 10px;
    font-size: 18px;
    width: auto; color: #fff;
}.professionalBtn a {
    font-size: 18px;
    color: #4021FA;
}
.professionalBtn {
    margin: 10px 0 0;
}
.professionalListInner {
    padding: 25px 0;
}
.profileProf {
    display: flex;
    background: #fff;
    border: 1px solid #76B2CC;
    border-radius: 15px;align-items: center;
    padding: 25px;
}.profileProfImg {
    width: 164px;
    height: 164px;
    border: 1px solid #76B2CC;
    border-radius: 50%;
    text-align: center;
    line-height: 140px;
}.profileProfCont {
    padding-left: 30px;
}.proDetailPanel {
    padding: 50px 0 0;
}ul.overviewList li img {
    width: 15px;
    margin-right: 10px;
}
ul.overviewList li {
    display: flex;
    align-items: center;
    margin: 10px 0;
}span.badge.bg-white {
    color: #337796;
    padding: 10px 15px;
    margin: 0 10px 10px 0;
    border-radius: 50px;
    font-size: 14px;
}
#product button.owl-prev{background-image: url(../img/leftA.png); background-size: 20px}
#product button.owl-next {background-image: url(../img/rightA.png); background-size: 20px}
div#product {
    position: relative;
}#product button.owl-prev, #product button.owl-next {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    right: auto;
}
#product .owl-nav {
    position: absolute;
    right: -20px;
    top: -30px;
}.proDetailPanel p {
    margin: 10px 0 30xp;
    font-size: 18px;
    line-height: 28px;
    color: #065073;
}.profileReviewOuter i.fas.fa-star {
    color: #ffc107;font-size: 14px;
}
.profileReviewOuter i.fas.fa-star.graycolor{color: #ccc}
.profileReviewOuter a.btn.btn-primary {
    padding: 7px 26px;
    font-size: 18px;
    width: 205px;
}
.reviewPercentPanel li {
    display: flex; margin: 6px 0;
    justify-content: flex-start; align-items: center;
}.reviewBar {
    background: #ccc;
    width: 120px;
    height: 5px;
    margin: 0 10px;
    border-radius: 10px;
    position: relative;
}.reviewPercentPanel li i {
    font-size: 11px;
}.reviewBarBg {
    background: #ffc107;
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    border-radius: 50px;
    top: 0;
}.profileReviewTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}.profileReviewList {
    border-bottom: 1px solid #80D8FF;
    padding: 30px 0;
}.profileProfSedibar {
    border-right: 1px solid #ccc;
    padding-right: 30px;    height: 100%;
}
    .form-switch-custom {
      display: inline-flex; margin: 0;
      align-items: center;
    }
    .form-switch-custom input {
      display: none;
    }
    .form-switch-custom label {
      position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
    background-color: #ccc;
    border-radius: 5px;
    transition: background-color 0.4s;
    cursor: pointer;
    }
    .form-switch-custom label:before {
      content: "\f00d";
      position: absolute;font-family: "Font Awesome 6 Free";
    font-weight: 900;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: white;
      font-size: 14px;
    }
    .form-switch-custom label:after {
     content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: white;
    border-radius: 3px;
    left: 3px;
    top: 3px;
    transition: transform 0.4s;
    }
    .form-switch-custom input:checked + label {
    background-color: #4DBF59;
}
    .form-switch-custom input:checked + label:before {
      content: "\f00c";
      left: 11px; right: auto;
     
    }
    .form-switch-custom input:checked + label:after {
     transform: translateX(30px);
    }
  .creditBoxTop img {
    width: 30px;
    margin-right: 10px;
}div#contact p {
    font-size: 16px;
}.creditRight p {
    color: #C7C7C7;
}.creditRight h6 {
    margin: 0;
}.buyCredit {
    border: 1px solid #76B2CC;
    border-radius: 15px;
    padding: 25px;    margin: 20px 0;
    display: flex;
}.buyCredit +p {
    font-size: 14px !important;
    text-align: center;
    margin: 0 0 50px;
}
  button.btn-close {
    background: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}#replyModal p {
    padding: 10px 90px;
    font-size: 16px;
}textarea.form-control {
    border: 1px solid #76B2CC;
    height: 140px;
    border-radius: 10px;
    resize: none;
}
#replyModal .dropdown.bootstrap-select, #replyModal .dropdown.bootstrap-select button {
    width: 100% !important;
    max-width: 100%;
}
#replyModal .dropdown.bootstrap-select button {
       border: 1px solid #76B2CC;
    height: 42px;
    font-size: 16px;
    line-height: 30px;
}.requestBox {
    border: 1px solid #76B2CC;
    border-radius: 5px;
    padding: 5px;    font-size: 16px;
    display: flex;    justify-content: space-between;
    align-items: center;
}ul.list1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
       font-size: 16px;

}
#replyModal .modal-footer {
    background: #E5F7FF;
    border-radius: 0 0 10px 10px;    justify-content: center;
}#replyModal .modal-footer .btn {
    padding: 8px 20px;
    font-size: 14px;    width: 245px;
}#replyModal .modal-dialog {
    max-width: 573px;
    border-radius: 10px;
}
.customeReviewBox {
    max-width: 384px;
    border: 1px solid #CBD5E1;
    background: #fff;
    padding: 25px;
    border-radius: 6px; margin-bottom: 20px;
}
.inner{padding: 10px}
.customeReviewBox p {
    font-style: italic;
    font-size: 14px;
    color: #495F69;
    line-height: 22px;
}
.customeReviewInfo h5 {
        font-size: 18px;
    font-family: 'century_gothicregular';
    margin: 0;
    font-weight: 400;
}
.customeReviewInfo h6 {
    font-size: 14px; color: #495F69;
    font-family: 'century_gothicregular';
    margin: 0;
}
.customeReviewBox .d-flex {
    align-items: center;
}.customeReviewInfo {
    margin-left: 20px;
}

.customeReviewBox .d-flex {
    align-items: center;
    margin: 20px 0 0;
}
 .customeReviewInner{padding: 30px 0}
 .slick-slider:before {
    width: 246px;
    content: "";
    height: 100%;
    background: rgb(229, 247, 255);
    background: linear-gradient(-90deg, rgba(229, 247, 255, 0) 0%, rgba(229, 247, 255, 1) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}
.slick-slider:after {
    width: 246px;
    content: "";
    height: 100%;
    background: rgb(229, 247, 255);
    background: linear-gradient(90deg, rgba(229, 247, 255, 0) 0%, rgba(229, 247, 255, 1) 100%);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}.btn-primary:hover,button.btn.searchbtn:hover {
    background: #022d40;
}.professionalListTopbra h5 {
    font-size: 25px;
}
.professionalListInner .col-md-6 {
    padding-left: 20px;
    padding-right: 20px;
}
.profileProfCont h3 {
    font-size: 25px;
}.profileProfCont p {
    color: #065073;
}.proDetailPanel h5 {
    font-size: 25px;
}.reviewBox h2 {
    font-size: 31px;
}.reviewBox p {
    font-size: 12px;
       margin: 0 0 10px;
}span.reviewPercent {
    font-size: 12px;
}.reviewBox.text-center {
    padding: 36px 0px;
}.profileReviewTop h6 {
    font-size: 14px;
}.profileReviewList p {
    font-size: 14px;
    line-height: 22px;
}.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 25px;
}.modal-body {
    padding: 30px 41px;
}

#login{min-height: 685px; background: url(../img/loginBg.png) #E5F7FF top center no-repeat; background-size: 100%; position: relative;}

.loginForm {
    max-width: 423px;    padding-top: 80px;
}.loginForm h2 {
    font-size: 60px;
}.loginForm label {
    font-size: 12px;
    color: #333333;
}
.loginForm .form-control {
    background: #D3E9F3;
    height: 48px;
    border: none;
    font-size: 15px;
}
.form-group {
    margin: 0 0 12px; position: relative;}
    .form-group.passwordBox i {
    position: absolute;
    font-size: 16px;
    right: 10px;
    bottom: 15px;
    color: #4d4d4d;
}.form-switch .form-check-input{background-color: #225D7A;
    background-image: url(../img/circle.png);
    background-size: 14px;
    background-position: 3px 1px;}label.form-check-label {
    color: #1A1A1A !important;
}.loginForm .d-flex a {
    color: #007AFF;
    font-size: 12px;
    font-family: 'century_gothicbold';
    font-weight: 500;
}
.loginForm a.btn.btn-primary {
    width: 100%;
    font-family: 'century_gothicbold';height: 40px;
    padding: 0;
    line-height: 40px;
}.loginForm a.btn.whiteBG {
    width: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #225D7A;
    height: 40px;
    margin: 15px 0;
}.saprtor:after {
    content: "";
    background: #C4DFEC;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 11px; left: 0;
}
.saprtor {
    position: relative;text-align: center;
}.saprtor span {
    background: #E5F7FF;
    position: relative;
    z-index: 999;
    width: 60px;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
}.loginForm p {
    text-align: center;
    font-size: 14px;
    margin: 10px 0;
}.loginForm p a {
    color: #007AFF;
}.dashboarduserPanel p {
    font-size: 16px;
}.dashboarduserPanel h6 {
    font-size: 16px;
    margin: 7px 0;
}
.responceCard p{font-size: 16px; padding: 24px 0;}.aboutBtn .whiteBg {
    width: 158px;
    height: 56px;
    font-size: 18px !important;
    line-height: 40px;
}.aboutBtn a.btn.borderBtn {
    width: 196px;
    height: 56px;
    color: #fff;
    padding: 0 !important;
    line-height: 56px;
}.aboutBtn .btn {
    margin: 0 10px;
}.aboutBtn {
    margin: 40px 0 0;
}.aboutSecOuter .bannerTitle {
    margin-top: 110px;
}#aboutSec h3 {
    font-size: 40px;
}#ourJobs {
    position: relative;
}
.jobBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.aboutImg{margin-bottom: -180px;
    position: relative;
    z-index: 9;
}#aboutSec {
    padding-top: 20px;
}section#ourJobs {
    background: #E5F7FF;
    padding: 300px 0 80px;
}.jobBox {
    border: 5px solid #fff;
    margin: 0 0 50px;
    border-radius: 25px; text-align: center;
}.topJob {
    background: #fff;
    border-radius: 20px 20px 0 0;
    padding:25px 10px;
}.topJob h3 {
    font-size: 18px;
    font-family: century_gothicregular;
    color: #000;
}.topJob p {
    font-size: 16px;
    color: #495F69;
}.bottomJob {
    padding: 20px 10px;
    color: #495F69;
    font-size: 16px;
}#ourJobs a.btn.btn-primary {
    width: 166px;
}section#ourValue {
    padding: 80px 0;
}.ourValues {
    display: flex;
    flex-wrap: wrap; 
}
 .valueBox1.darkBg {
    background: #065073;
   
    color: #fff;
}
.vb1{border-radius: 27px 0 0 0}
.vb2{border-radius: 0 27px 0 0}
.vb3{border-radius: 0 0 0 27px}
.vb4{border-radius: 0 0 27px 0}

.valueBox1{padding: 50px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);  display: flex;  align-items: center;  width: 50%;justify-content: space-between;}
.valueBox1.darkBg .valueCont h3 {
    color: #fff;
   
}
.valueBox1 h3{ font-size: 25px;}
.valueCont p {
    font-size: 16px;
}section#ourTeams {
    background: #E5F7FF;
    padding: 80px 0;
}.teamBox {
    background: #fff;
    text-align: center;
    padding: 30px;
    border-radius: 31px;
}.teamBox h4 {
    font-size: 20px;
    margin: 0 0 50px;
}
.teamBox {
    background: #fff;
    text-align: center;
    padding: 30px;
    border-radius: 31px;
}.teamBox {
    background: #fff;
    text-align: center;
    padding: 30px;
    border-radius: 31px;
    height: 443px;
}.teamBox.darkBg {
    background: #065073;
}.teamBox.darkBg h4 {
    color: #fff;
}.counterBox {
    width: 25%;
    flex-shrink: 0;
}

.counterPanel {
    display: flex;
    border: 1px solid #065073;
    border-radius: 32px;
    padding: 50px 30px;
    text-align: center;
    height: 263px;
    align-items: center;
    margin: 150px 0 0;
    box-shadow: 15px 15px 0 0 #fff;
}.counterBox img {
    margin-bottom: 30px;
}.counterBg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
#ourTeams{ position:relative; }
.counterBg img{width: 100%}
section#ourTeams {
    background: #E5F7FF;
    padding: 80px 0 320px;
}.benefitsBox h3 {
    font-size: 20px;
}.benefitsBox p {
    color: #495F69;
    font-size: 16px;
    line-height: 22px;
}.benefitsBox {
    padding: 0 15px;
    margin-bottom: 30px;
}section#benefitSec {
    padding: 0 0 50px;
}
#contact .modal-dialog {
    max-width: 741px;
}#buying .modal-dialog {
    max-width: 561px;
}a.btn.whitebg {
    border: 1px solid #065073;
    color: #065073;
    padding: 5px 15px; background: #fff;
}

#buying .modal-footer {
    padding: 0;
    margin: 0;
}.formAct {
    background: #E5F7FF;
    width: 100%;
    margin: 0;
    padding: 15px;
}.formAct a.btn.btn-primary {
    font-size: 18px;
    padding: 5px 15px;
    width: 172px;
}.termsbox {
    background: #D0E7F1;
    width: 100%;
    margin: 0;
    padding: 15px;
    border-radius: 0 0 15px 15px;
    font-size: 12px;
}.cardBox {
    display: flex;
}

#buying .modal-content{border-radius: 15px}
.nav-pills .nav-link {
    position: relative;
    padding-left: 34px;
}
.userServices  ul.locationTexts li {
    padding: 0;position: relative;
}ul.locationTexts li i {
    position: absolute;
    top: 9px;
    left: 8px;
}ul.locationTexts li input.form-control {
    padding-left: 30px;
}
#lastStep{display: none;}
#service9Cont.active  + .d-flex #lastStep{ display:block; }
#service9Cont.active + .d-flex #nextButton{ display:none; }

.step-container {
  position: relative;
  text-align: center;
  transform: translateY(-43%);
}
.progress-bar{background-color: #065073;}
.step-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #065073;
  line-height: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  cursor: pointer; /* Added cursor pointer */
}
section.dashboard_section .container {
    max-width: 1200px;
}
.step-line {
  position: absolute;
  top: 16px;
  left: 50px;
  width: calc(100% - 100px);
  height: 2px;
  background-color: #007bff;
  z-index: -1;
}

#multi-step-form{
  overflow-x: hidden;
}
#field1{max-width: 300px}
section.userServices {
    background: #E5F7FF;
}
.formInner {
    border: 1px solid #76B2CC;
    background: #fff;margin: 20px 0 0;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 1px 4px 0 #00000047;
    padding: 30px;
}.stepbtnGroup {
    background: #E5F7FF;
    border: 1px solid #76B2CC;
    box-shadow: 0 0 4px 0 #00000047;
    border-top: 0;
    border-radius: 0 0 15px 15px;
    padding: 15px;    display: flex;
    align-items: center;
    justify-content: space-between;
}form#multi-step-form {
    padding: 10px;
}.step >h3, .step >p {
    text-align: center;
}div#container {
    width: 800px;
    margin: auto;
}.step >h3 {
    font-size: 25px;
}.locationFrom .form-control {
    max-width: 250px;
}.mapMarker i {
    position: absolute;
    top: 11px;
    left: 10px;
}
.mapMarker {
    position: relative;    width: 250px;

}.locationFrom span {
    margin: 0 15px;
}.mapMarker .form-control {
    padding-left: 33px;
}.form-check {
    margin: 0 0 10px;
}.form-group {
    margin: 0 0 21px;
}.btn.radioBtn input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.btn.radioBtn {
    position: relative;    padding: 0;
    margin-right: 10px;
}.btn.radioBtn label {
    border: 1px solid #A1D6ED;    border-radius: 5px;

    padding: 8px 30px;
}
input.radioinp:checked + label {
    background: #065073; color: #fff
}

.form-check-input:checked[type=radio] {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e);
}

span.badge.bg-primary {
    background: #ccc !important;
    color: #000;
    margin: 0 0 15px;
}.leadsBadge {
    margin: 0 0 15px;
}span.badge.bg-secondary {
    background: #000 !important;
}span.badge.bg-secondary a {
    color: #fff;
    font-size: 11px;
    margin-left: 10px;
}.leadsBadgeBox {
    background: #E5F7FF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    margin: 15px 0 0;
}.leadsBadgeBox h4 {
    margin: 0;
}button.btn.btn-primary.prev-step {
    background: #fff;
    color: #065073;
    border: 1px solid #065073;
}

.viewpublicProfile {
    background: #fff;
    padding: 35px;
    box-shadow: 0px 3.5px 5.5px 0px rgb(0 0 0 / 1%);
    border-radius: 15px;
}.profileNum h2 {
    font-size: 140px;
}.profileNum p {
    font-size: 18px !important;
    font-weight: 800;
}.profileNum {
    padding-right: 60px;
}.viewpublicProfile .progressBar {
    height: 19px;
}#responcePanel h4 {
    font-size: 16px;
}.profileProgress .progressBar {
    margin-bottom: 30px;
}#responcePanel p {
    font-size: 16px;
    margin-bottom: 25px;
}#responcePanel .btn.btn-secondary {
    background: #e6edf1;
    color: #0A394F;
    font-size: 18px;
    font-weight: bold;
    border: none;
    padding: 15px 19px;
}#aboutAccordian .accordion-item {
    margin: 25px 0;
}
#aboutAccordian .accordion-item {
    margin: 25px 0;    padding: 0;
    background: #fff;
    border-radius: 15px !important;
    box-shadow: 0px 3.5px 5.5px 0px rgb(0 0 0 / 1%);
}#aboutAccordian .accordion-item button {
    padding:20px 25px;
}.uploadBtn input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}
.uploadBtn {
    position: relative;
}.uploadBtn.btn.btn-primary {
    font-size: 18px;
    padding: 8px 24px;
    font-weight: 800;
}
.aboutSecupload {
    text-align: center;
}.uploadPicture {
    margin: 0 0 20px;
}.aboutSec h3 {
    font-size: 18px;
    margin: 0 0 15px;
}.aboutSec .form-control {
    border-color: #A1D6ED;
    height: 41px;
}
.aboutSec .form-control::placeholder{color: #000}.aboutSec hr {
    margin: 60px 0;
}
#sub-aboutAccordian .accordion-item {
    background: #E5F7FF;border-radius: 10px !important;
    margin: 7px 0;
}
#sub-aboutAccordian .accordion-item button{padding: 15px; border-radius: 10px}
.settingPanel h3 {
    font-size: 16px;
}.addservices {
    color: #0C7CFF;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 30px;
}.locationPanel h4 {
    margin: 0;
}
.locationPanel p {
    margin: 0 !important;
    font-size: 15px !important;
}
.leadPanel ,.locationPanel {
    padding: 15px 25px;
    background: #fff;    margin-bottom: 20px;
    position: relative;
    border-radius: 10px;
}a.editBtn {
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -15px;
}.locationInfo {
    font-size: 16px;
}#aboutAccordian .addservices {
    margin: 0;
}#aboutAccordian label.form-check-label {
    font-size: 16px;
    color: #065073;
    font-weight: 800;
}input#flexCheckDefault {
    background: #E5F7FF;
    border: none;
}#services .titleOuter {
    display: none;
}span.sericon img {
    height: 60px;
    object-fit: cover;
}.pserBox img {
    height: 61px;
}header .dropdown-toggle,header .dropdown-toggle:focus,header .dropdown-toggle:hover {
    color: #fff;
}header .nav-item.dropdown.ms-auto {
    margin-right: 15px;
}.autocomplete-container {
    padding: 0 0 10px;
}
#suggestions,.suggestions{border: none !important;}
div#tagContainer span {
    margin: 0 5px;
}

.buyCredit .form-check {
    margin: 0;
}
#multi-step-form .form-group {
    display: flex;
    align-items: center;
}#multi-step-form .form-group span {
    margin-right: 5px;
}input#searchInput {
    border: none;
}











.exploreMenu .dropdown-menu {
    overflow: hidden;
    width: 400px;
    height: 300px;
    overflow: auto;
}
.exploreMenu .dropdown-menu >li{position: relative;}

.exploreMenu .hide{
   margin-left:-100%;
   transition: all 0.8s ease;
}

.side-menu{
  position:absolute;
  top:0px;
  width: 100%;padding: 15px;
  background: #fff;/* overflow: auto;*/
}

.show-menu{
  margin-left:0 !important;
    
}
.nav-title {
    padding:0 15px;
}
li.navTitle {
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
}
.nav-title a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 600;
}
span.navitem i {
    margin-right: 5px;
}
.backBtn {
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
}