body {
    padding: 0;
    margin: 0;
    font-family: "Montserrat", sans-serif;
}

@font-face {
    font-family: SF Pro Display;
    src: url(../fonts/SFPRODISPLAYBOLD.otf);
}
/* --- Scrollbar Code --- */
 ::-webkit-scrollbar {
    width: 6px;
} 

 ::-webkit-scrollbar-track {
    background: #4268D2;
} 

::-webkit-scrollbar-thumb {
    background: #000;
    transition:.4s;
}

::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}
ul {
    padding: 0;
    margin: 0;
}

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

a, a:hover {
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

img {
    max-width: 100%;
    height: auto;
}

.container {
    max-width: 1234px;
    margin: 0 auto;
}

.container-full {
    max-width: 1287px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.container-small {
    max-width: 1219px;
    margin: 0 auto;
}

.topnavigation {
    position: absolute;
    width: 100%;
    top: 44px;
    left: 0;
    height: 66px;
    z-index: 1;
}

nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logomain a {
    display: block;
}

.menu ul {
    display: flex;
    gap: 28px;
    align-items: center;
    justify-content: flex-end;
}

.menu ul li a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.navbar-nav li.menu-item-has-children {
    position: relative;
}

.navbar-nav li.menu-item-has-children>span {
    position: absolute;
    top: 0;
    right: 0;
}

.navbar-nav li.menu-item-has-children>span:after {
    content: '\276E';
    transform: rotate(-90deg);
    position: absolute;
    right: -17px;
    color: var(--bgwhclr);
    transition: all 0.3s ease-in-out;
}

.navbar-nav li.menu-item-has-children>span.active:after {
    transform: rotate(90deg);
}

.navbar-nav ul.sub-menu {
    position: absolute;
    left: 0;
    padding: 10px 0 0;
    width: 280px;
    list-style: none;
    background-color: var(--bgwhclr);
    opacity: 0;
    visibility: hidden;
    transform: translate(0%, 50%);
    transition: all 0.3s ease-in-out;
    flex-wrap: wrap;
    gap: 0;
}

.navbar-nav li.menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0%, 0%);
    display: block;
}

.navbar-nav li ul.sub-menu a {
    color: #fff;
}

.navbar-nav ul.sub-menu>li {
    padding: 10px 15px;
    font-size: 14px;
    width: 100%;
    background: #4268D2;
}
.menu-search {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 60px;
}

.bookbutton a {
    color: #FFF;
    font-size: 15.23px;
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: 19.798px;
    border-radius: 95.185px;
    background: #4268D2;
    padding: 6px 15px 6px 9px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

span.arrows {
    width: 32.363px;
    height: 32.363px;
    background-color: #ffffff;
    border-radius: 100%;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

section.banner {
    min-height: 812px;
    padding-top: 155px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 0 223px;
    background: linear-gradient(105deg, #EFF4FF 19.45%, #EAFBFF 67.44%);
}

section.banner::after {
    content: '';
    position: absolute;
    left: -207px;
    bottom: -120px;
    border-radius: 574px;
    border: 55px solid rgba(66, 104, 210, 0.08);
    width: 574px;
    height: 574px;
}

section.banner::before {
    content: '';
    position: absolute;
    right: -376px;
    top: -213px;
    width: 860px;
    height: 860px;
    border-radius: 860px;
    border: 112px solid #B0EFFD;
}

.overlay-banner {
    background-image: url('../img/banner-bg.png');
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner-contents {
    z-index: 1;
    position: relative;
}

.banner-contents h1 {
    color: #4268D2;
    font-size: 59px;
    font-style: normal;
    font-weight: 400;
    line-height: 86.168px;
    letter-spacing: -1.8px;
    padding: 0;
    margin: 0 0 15px;
}

.banner-contents p {
    color: #3B3B3B;
    font-size: 18.141px;
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-20_8, 20.8px);
    margin: 0;
    /* padding: 22px 0px 0px; */
}

.anchore-btn {
    color: #FFF;
    font-size: 15.23px;
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: 19.798px;
    border-radius: 95.185px;
    background: #4268D2;
    padding: 6px 18px 6px 9px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.banner-btn {
    margin-top: 34px;
}

span.infocont {
    color: #636363;
    font-size: 12.478px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

span.infocont b {
    display: block;
    color: #636363;
    font-size: 17.825px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.banner-infopart ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 54px;
    margin-top: 54px;
}

.banner-infopart ul li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
}

.left-banner {
    width: 62.3%;
}

.right-banner {
    width: 64.5%;
    text-align: center;
}

.mainbanner-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.leftimg {
    position: relative;
    font-size: 0;
    width: 50.6%;
}

.rightwhy {
    width: 73.8%;
}

.leftimg img {
    z-index: 1;
    position: relative;
}

.leftimg::after {
    content: '';
    border-radius: 117.02px 0;
    background: #B9F1FE;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 465.016px;
    height: 456.926px;
}

.rightwhy h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
}

.rightwhy p {
    color: #3B3B3B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 20px 0px 0px;
    margin: 0;
}

.whyinfo {
    margin-top: 26px;
}

.whyinfo ul {
    display: flex;
    gap: 20px;
    align-items: baseline;
    justify-content: flex-start;
}

.whyinfo ul li {
    display: flex;
    align-items: center;
    gap: 19px;
    font-size: 0;
}

.whyinfo ul li p {
    padding: 0;
    margin: 0;
    color: #636363;
    font-size: 17.603px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.604px;
}

.commonbtn {
    margin-top: 37px;
}

.commonbtn a {
    color: #FFF;
    text-align: center;
    font-size: 15.23px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.798px;
    padding: 13px 30px;
}

.whymain {
    display: flex;
    align-items: center;
    gap: 42px;
    justify-content: space-around;
    padding-top: 68px;
    padding-bottom: 134px;
}

.bookbutton a:hover, a.anchore-btn:hover {
    background-color: #000000;
}

.menu ul li a:hover {
    text-decoration: underline;
}

a.knowbtn:hover {
    background-color: #000000;
}

section.servicesection {
    border-radius: 0 223px 0 0;
    background: linear-gradient(105deg, #EAFBFF 19.45%, #EFF4FF 67.44%);
    min-height: 800px;
    overflow: hidden;
    position: relative;
    padding: 89px 0px;
    box-sizing: border-box;
}

section.servicesection::before {
    content: '';
    border-radius: 449px;
    border: 55px solid rgba(66, 104, 210, 0.08);
    position: absolute;
    left: -225px;
    top: -187px;
    width: 449px;
    height: 449px;
}

section.servicesection::after {
    content: '';
    border-radius: 449px;
    border: 55px solid rgba(66, 104, 210, 0.08);
    position: absolute;
    right: 95px;
    bottom: -225px;
    width: 449px;
    height: 449px;
}

.midservice {
    text-align: center;
}

.midservice h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
}

.midservice p {
    margin: 0;
    padding: 20px 0px 0px;
    color: #3B3B3B;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.service-item {
    margin-top: 69px;
}

.innerbox {
    position: relative;
    border-radius: 45px 0;
    border: 1px solid #4268D2;
    background: linear-gradient(105deg, #D3F7FF 19.45%, #DBE7FF 67.44%);
    padding: 30px 18px;
}

/* Gap between slides */
.service-item .slick-slide {
    padding: 0 15px;
}

/* Prevent outer overflow */
.service-item .slick-list {
    margin: 0 -26px;
}

.innerbox-text h3 {
    color: #4268D2;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 43.345px;
    letter-spacing: -0.9px;
    text-align: left;
    padding: 0;
    margin: 0;
}
.service-item h3 a {
    padding-right: 10px;
}
.innerbox-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 88px;
}

.innericon {
    text-align: left;
}

section.servicesection .slick-dots {
    bottom: -89px;
}

section.servicesection .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #D9D9D9;
    border-radius: 100%;
}

section.servicesection .slick-dots li button:before {
    display: none;
}

section.servicesection li.slick-active {
    background-color: #B9F1FE;
}

section.dentalinsurance {
    padding: 95px 0px 111px;
    text-align: center;
}

section.dentalinsurance h2 {
    color: #4268D2;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -1.2px;
    padding: 0;
    margin: 0;
}

section.dentalinsurance p {
    color: #3B3B3B;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 21px 0px 0px;
    margin: 0;
}

ul.insurance-partner {
    padding: 0;
    margin: 40px 0px 0px;
    display: flex;
    align-items: center;
    gap: 88px;
    justify-content: center;
}

ul.insurance-partner a span {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 44.844px;
}

ul.insurance-partner a {
    display: flex;
    flex-direction: column;
}
ul.insurance-partner li img{
    max-height:80px;
    width: auto;
    max-width: max-content;
    margin: auto;
}
.dentalinsurance a.anchore-btn {
    padding: 9.605px 32.309px 9.846px 10.203px;
}

.teamsliders::after {
    content: '';
    border-radius: 0px 117.02px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 298px;
    background: #AEF4F2;
}

.teamsliders-leftimg {
    position: absolute;
    left: 0px;
    bottom: 0;
    z-index: 1;
    width: 380px;
    height: 451px;
}

.teamsliders {
    position: relative;
    min-height: 491px;
    padding-left: 380px;
    display: flex;
    align-items: center;
    border-radius: 0px 117.02px;
    overflow: hidden;
}

.teamsliders-rightdetails {
    z-index: 1;
    margin-top: 230px;
}

.sharesections ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
}

.sharesections {
    aspect-ratio: 170.06 / 235.77;
    background: #4268D2;
    border-radius: 55.956px 0;
    width: 166.778px;
    height: 158.755px;
    position: absolute;
    top: 20px;
    left: 290px;
    z-index: 9;
}

.teamsliders-rightdetails h4 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-size: 17.089px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.735px;
    letter-spacing: -0.513px;
}

.teamsliders-rightdetails h4 b {
    display: block;
    color: #4268D2;
    font-size: 23.735px;
    font-style: normal;
    font-weight: 700;
    line-height: 23.735px;
    /* 100% */
    letter-spacing: -0.712px;
}

.teamsliders-rightdetails p {
    color: #3B3B3B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    padding: 7px 0px 0px;
}

.team-item .slick-slide {
    padding: 0 26px;
}

.team-item .slick-list {
    margin: 0 -26px;
}

.team-item.slick-initialized.slick-slider.slick-dotted {
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.team-item .slick-dots {
    bottom: 0px;
}

.team-item .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #D9D9D9;
    border-radius: 100%;
}

.team-item .slick-dots li button:before {
    display: none;
}

.team-item li.slick-active {
    background-color: #B9F1FE;
}

.lefttitle h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
}

.rightcontent p {
    padding: 0;
    margin: 0;
    color: #3B3B3B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.teamheadlines {
    display: flex;
    align-items: flex-start;
    gap: 84px;
}

.lefttitle {
    width: 39.32%;
}

.rightcontent {
    width: 54.07%;
}

section.counter-area {
    border-radius: 100px 100px 0px 0px;
    background: linear-gradient(0deg, #FFF 0%, #EFF5FF 49.04%, #E7FBFD 100%);
    padding: 58px 0px 60px 0px;
}

.count span {
    color: #CDD9F5;
    font-size: 128px;
    font-style: normal;
    font-weight: 700;
    line-height: 95px;
    letter-spacing: -3.84px;
}

.count p {
    padding: 0;
    margin: 0;
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 43.345px;
    letter-spacing: -0.96px;
    z-index: 1;
    position: relative;
}

section.counter-area ul {
    text-align: center;
    font-size: 0;
    display: flex;
    justify-content: center;
}

.counter-area li {
    border-right: 1px solid #CECECE;
    padding-right: 57px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding-left: 57px;
}

.count {
    position: relative;
    text-align: center;
}

.count p {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.leftfeatured-content h2 {
    color: #4268D2;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
    padding: 0;
    margin: 0;
}

.leftfeatured-content p {
    color: #3B3B3B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    padding: 20px 0px 0px;
}

.mainfill-part .banner-btn {
    margin-top: 55px;
}

.mainfill-part .banner-btn a.anchore-btn {
    padding: 9.605px 25.309px 9.846px 10.203px;
}

.before-after-item {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    padding: 40px;
}

.slider-container {
    position: relative;
    width: 100%;
    height: 424px;
    overflow: hidden;
    border-radius: 20px;
}

.slider-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.before-image, .after-image {
    position: absolute;
    inset: 0;
}

.before-image {
    z-index: 1;
}

.after-image {
    z-index: 2;
}

.label {
    position: absolute;
    bottom: 15px;
    padding: 5px 12px;
    background: #ffffff;
    color: #000000;
    font-size: 14px;
}

.before-text {
    left: 15px;
}

.after-text {
    right: 15px;
}

.slider-line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #fff;
    z-index: 5;
    cursor: ew-resize;
}

.slider-handle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: ew-resize;
}

.right-before-after {
    width: 64.8%;
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
}

.leftfeatured-content {
    width: 28.6%;
}

.mainfill-part {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 85px;
}

.mainfill-part .slick-initialized.slick-slider.slick-dotted {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 69px;
}

.mainfill-part .slick-dots {
    bottom: 0px;
}

.mainfill-part .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #A9A9A9;
    border-radius: 100%;
}

.mainfill-part .slick-dots li button:before {
    display: none;
}

.mainfill-part li.slick-active {
    background-color: #4268D2;
}

.leftsmile h2 {
    color: #4268D2;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
    padding: 0;
    margin: 0;
}

.leftsmile p {
    color: #3B3B3B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 28px 0px 0px;
}

.leftsmile ul li {
    color: #3B3B3B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    display: flex;
    align-items: center;
    gap: 16px;
}

a.knowbtn {
    color: #FFF;
    text-align: center;
    display: inline-block;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-20_8, 20.8px);
    border-radius: 100px;
    border: 1px solid #4268D2;
    padding: 13px 30px;
    background-color: #4268D2;
    margin-top: 20px;
}

.mainhealth-smile {
    display: flex;
    align-items: center;
    gap: 20px;
}

.leftsmile {
    width: 47.2%;
}

.rightsmile {
    width: 50.1%;
}

.leftsmile ul {
    font-size: 0;
    padding: 28px 0px;
}

section.healthsmile {
    padding-bottom: 90px;
}

.testimoni-part .slick-initialized.slick-slider.slick-dotted {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 0px;
}

.testimoni-part .slick-dots {
    bottom: 0px;
}

.testimoni-part .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #D9D9D9;
    border-radius: 100%;
}

.testimoni-part .slick-dots li button:before {
    display: none;
}

.testimoni-part li.slick-active {
    background-color: #B9F1FE;
}

.Appointmentneww .mainappoiments-right h2, section.afterbefore-slider h2, section.testimoni-part h2 {
    color: #4268D2;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
    padding: 0;
    margin: 0;
}

section.testimoni-part p {
    color: #3B3B3B;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 21px 0px 0px;
    margin: 0;
}

.reviewsliders {
    margin-top: 42px;
    margin-bottom: 0;
}

section.testimoni-part {
    position: relative;
    overflow: hidden;
    border-radius: 0 0 0 223px;
    background: linear-gradient(312deg, #EAFBFF 19.45%, #EFF4FF 67.44%);
    padding: 73px 0px;
}

section.testimoni-part::before {
    content: '';
    border-radius: 449px;
    border: 55px solid rgba(66, 104, 210, 0.08);
    width: 449px;
    height: 449px;
    position: absolute;
    top: -303px;
    left: 95px;
    box-sizing: border-box;
}

section.testimoni-part::after {
    content: '';
    border-radius: 449px;
    border: 55px solid rgba(66, 104, 210, 0.08);
    width: 449px;
    height: 449px;
    position: absolute;
    right: -225px;
    bottom: -228px;
    box-sizing: border-box;
}

.clientsliders {
    border-radius: 45px 0;
    border: 1px solid #4268D2;
    background: linear-gradient(105deg, #D3F7FF 19.45%, #DBE7FF 67.44%);
    padding: 27px 35px;
    overflow: hidden;
    display: flex;
    text-align: left;
    align-items: center;
    gap: 7px;
}

.client-details {
    width: 30%;
}

.clientreview-content {
    width: 70%;
}

.Appointmentneww .mainappoimentsdiv ul li a p, section.testimoni-part .clientreview-content p {
    color: #3B3B3B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    padding: 0;
}

.clientimage {
    border-radius: 97.143px;
    background: #FFF;
    overflow: hidden;
    width: 102px;
    height: 102px;
}

.client-details h4 {
    margin: 0;
    color: #4268D2;
    font-size: 15.524px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.492px;
    letter-spacing: -0.466px;
    padding: 16px 0px 0px;
}

.client-details h4 span {
    display: block;
    color: #6D6D6D;
    font-size: 9.935px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.492px;
    letter-spacing: -0.298px;
}

.client-details h5 {
    color: #EA7F4A;
    font-size: 15.524px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.492px;
    letter-spacing: -0.466px;
    margin: 73px 0px 0px;
    padding: 0;
}

section.testimoni-part .slick-slide {
    padding: 0 22px;
}

section.testimoni-part .slick-list {
    margin: 0 -22px;
}

section.latestblog {
    padding: 60px 0px 45px;
    text-align: center;
}

section.latestblog h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
}

section.latestblog p {
    color: #3B3B3B;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 27px 170px 0px;
    margin: 0;
}

.latestblog .slick-slide {
    padding: 0 15px;
}

.latestblog .slick-list {
    margin: 0 -15px;
}

.blogdiv {
    border-radius: 21.45px;
    background: linear-gradient(49deg, #EAFBFF 45.43%, #EFF5FF 77.87%);
    overflow: hidden;
    margin-top: 56px;
}

.blogdivbottom-conts {
    padding: 30px;
    text-align: left;
}

.blogdivbottom-conts h3 span {
    color: #EA7F4A;
    font-size: 15.015px;
    font-style: normal;
    font-weight: 500;
    line-height: 24.595px;
    letter-spacing: -0.45px;
    display: block;
    padding-bottom: 7px;
}

.blogdivbottom-conts h3 {
    padding: 0px 20px 0px 0px;
    margin: 0;
    color: #4268D2;
    font-size: 24.595px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -0.738px;
}

.blogdivbottom-conts p {
    padding: 7px 0px 0px !important;
    color: #3B3B3B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.813px;
    letter-spacing: -0.48px;
    text-align: left !important;
}

a.viewmore-btn {
    color: #FFF;
    font-size: 9.447px;
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: 12.281px;
    display: inline-block;
    vertical-align: top;
    border-radius: 66.942px;
    background: #4268D2;
    padding: 12.719px 24.527px;
    margin-top: 13px;
}

a.viewmore-btn:hover {
    background-color: #000000;
}

.latestblog .slick-initialized.slick-slider.slick-dotted {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 0px;
}

.latestblog .slick-dots {
    bottom: 0px;
}

.latestblog .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #D9D9D9;
    border-radius: 100%;
}

.latestblog .slick-dots li button:before {
    display: none;
}

.latestblog li.slick-active {
    background-color: #B9F1FE;
}

.booking-form {
    flex: 1;
    padding-right: 20px;
}

.field {
    margin-bottom: 10px;
    position: relative;
}

.icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    fill: #9aa4b2;
}

.icon svg {
    width: 100%;
    height: 100%;
}

.icon-field input, .icon-field select {
    width: 100%;
    padding: 10px 12px 10px 38px;
    border: 1px solid #cfd8e3;
    border-radius: 4px;
    font-size: 14px;
    appearance: none;
}

.checkbox {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #555;
    color: #636363;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.36px;
    padding: 15px 0px 20px;
}

.checkbox input {
    margin-right: 8px;
}

section.footer-appoiment {
    border-radius: 0 223px 0 0;
    background: linear-gradient(105deg, #EAFBFF 19.45%, #EFF4FF 67.44%);
    position: relative;
    padding: 66px 0px 34px;
}

section#single-location .mainappoiments {
    display: flex;
    gap: 152px;
    align-items: center;
}

.mainappoimentsdiv {
    font-size: 0px;
    border-radius: 62.542px 0px;
    background: #AEF4F2;
    position: relative;
    overflow: hidden;
}

.mainappoimentsdiv ul li a p {
    color: #636363;
    font-size: 22.515px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0;
    margin: 0;
}
.mainappoimentsdiv ul li a p:hover{
    color: #4268D2;
}
.mainappoimentsdiv ul a {
    display: flex;
    gap: 23px;
}

.mainappoimentsdiv ul li {
    margin-bottom: 24px;
}
.mainappoimentsdiv ul li svg{
    margin-top:3px
}
.mainappoiments-left {
    position: relative;
}

.svglocation {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -40px;
    z-index: 1;
    text-align: center;
}

.mainappoimentsdiv ul {
    padding: 90px 40px 30px;
}

.bottom-map img {
    width: 100%;
    height: 100%;
    font-size: 0;
}

.mainappoiments-right h2 {
    padding: 0;
    margin: 0 0 10px;
    color: #4268D2;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
    letter-spacing: -1.2px;
    text-align: center;
}

.mainappoiments-right p {
    color: #636363;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.48px;
    padding: 0;
    margin: 0;
}

.booking-wrapper {
    margin-top: 32px;
}

.booking-wrapper input, .booking-wrapper select {
    box-sizing: border-box;
    padding: 0px 14px 0px 38px;
    border: 0.951px solid #B9B9B9;
    background-color: #FFF;
    color: #8E8E8E;
    text-align: left;
    font-size: 13.313px;
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-20_8, 20.8px);
    border-radius: 0;
    line-height: normal;
    height: 50px;
}

section#single-location span.icon {
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0px;
    position: absolute;
    top: 36%;
    transform: translateY(-44%);
}

span.icon {
    width: 38px !important;
    height: 20px !important;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

section#single-location .mainappoiments-right, section#single-location .mainappoiments-right h2 {
    text-align: left;
}

input.btn-book {
    border-radius: 83.552px;
    background: #4268D2;
    box-shadow: none;
    border: 0;
    width: 128px;
    height: 43px;
    padding: 10.862px 25px;
    color: #FFF;
    text-align: center;
    font-size: 13.368px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

input.btn-book:hover {
    background-color: #000000;
}

/*.mainappoiments {display: flex;gap: 63px;align-items: center;flex-direction: column;}*/
.footerfollow {
    background: #BAF2FE;
    padding: 60px 0px 190px;
}

.footerfollow h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    text-align: left;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
}

.footerfollow a {
    color: #4268D2;
    text-align: center;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: var(--line-height-20_8, 20.8px);
    border-radius: 75.203px;
    border: 0.752px solid #4268D2;
    width: 156.305px;
    height: 37.868px;
    padding: 0 31.585px 0 35px;
    display: inline-block;
    line-height: 37.868px;
    box-sizing: border-box;
    transition: 0.3s ease-in-out;
}

.footerfollow a:hover {
    background-color: #4268D2;
    color: #ffffff;
}

.footerfollow .container-full {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-instra {
    margin-top: -172px;
}

.copyrights {
    color: #A4A4A4;
    text-align: center;
    padding: 30px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: initial;
    letter-spacing: -0.48px;
}

.mainfooter-part h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-size: 22.932px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.932px;
    letter-spacing: -0.688px;
}

.mainfooter-part ul li a {
    color: #636363;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.48px;
    transition: 0.3s ease-in-out;
}

.mainfooter-part ul li a:hover {
    text-decoration: underline;
}
.footer-workinghour li {
    color: #636363;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.48px;
    transition: 0.3s ease-in-out;
}
.footer-navigation ul {
    padding-top: 30px;
}
.quicklinks {
    column-count: 2;
    gap: 70px;
}
.mainfooter-part {
    display: flex;
    align-items: flex-start;
    gap: 111px;
}

.mainfooter-part>div {
    flex: 0 29%;
    margin-top: 45px;
}

.uls {
    display: flex;
    align-items: flex-start;
    gap: 76px;
}

.footer-workinghour {
    flex: 0 28% !important;
}

.footer-quicklink {
    flex: 0 40% !important;
}

.footerlogo-info p {
    color: #3B3B3B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    padding: 21px 0px 0px;
}

a.footerbtn {
    border-radius: 100px;
    background: #4268D2;
    margin-top: 26px;
    display: inline-block;
    vertical-align: top;
    padding: 16.174px 58.178px 18.281px 57px;
    color: #FFF;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: var(--line-height-20_8, 20.8px);
    transition: 0.3s ease-in-out;
}

a.footerbtn:hover {
    background-color: #000000;
}

.headerfooter h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.9px;
}

.footerright p {
    color: #4268D2;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: -0.42px;
    padding: 0;
    margin: 0;
}
.gjs-cell {
    display: flex;
}
form.footerform button, .gjs-cell input[type="submit"] {
    border-radius: 0 80.734px 80.734px 0;
    border: 1.211px solid #4268D2;
    background: #4268D2;
    box-shadow: 0 0 0 0 #6C6C6C inset;
    color: #FFF;
    text-align: center;
    font-size: 12.917px;
    font-style: normal;
    font-weight: 500;
    line-height: inherit;
    padding: 14.532px 12.11px;
    box-sizing: border-box;
    width: 117.064px;
    height: 44.404px;
    transition: 0.3s ease-in-out;
}
.gjs-cell input[type="submit"]:hover{
    background:#000;
}
input.newsletterinput, input.es-email {
    border-radius: 80.734px 0px 0px 80.734px;
    background: #FFF;
    box-shadow: 0 0 0 0 #6C6C6C inset;
    height: 44.404px;
    padding: 0px 12.11px;
    box-sizing: border-box;
    border: 0;
    background-color: #ffffff !important;
    color: #A9A9A9;
    text-align: left;
    font-size: 11.303px;
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-20_8, 20.8px);
    width: 345px;
    height: 44.404px;
}
input.es-email::placeholder{
    color: #A9A9A9;
    opacity:1;
}
form.footerform {
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.contents-footer {
    border-radius: 20px;
    background: linear-gradient(230deg, #B9F1FE 21.49%, #EFF4FF 61.91%);
    padding: 50px 70px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bg-image {
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center;
}

.headerfooter, .footerright {
    z-index: 2;
}

input:focus-visible {
    outline: 0;
}

input.newsletterinput::placeholder {
    text-align: left;
    color: #A9A9A9;
    font-size: 11.303px;
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-20_8, 20.8px);
    /* 184.026% */
    opacity: 1;
    /* important for Firefox */
}

.footernews-letter {
    margin-top: 35px;
    overflow: hidden;
}

section#single-location {
    padding: 80px 0 40px;
}

section.footer-appoiment {
    overflow: hidden;
}

.footer-appoiment::before {
    content: '';
    border-radius: 449px;
    border: 55px solid rgba(66, 104, 210, 0.08);
    width: 449px;
    height: 449px;
    position: absolute;
    top: -280px;
    left: -225px;
    box-sizing: border-box;
}

.footer-appoiment::after {
    content: '';
    border-radius: 449px;
    border: 55px solid rgba(66, 104, 210, 0.08);
    width: 449px;
    height: 449px;
    position: absolute;
    right: 95px;
    bottom: -240px;
    box-sizing: border-box;
}

.section.counter-area ul {
    display: flex;
    justify-content: center;
}

.hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.hamburger span {
    width: 26px;
    height: 3px;
    background: #000;
}

.close-menu {
    font-size: 32px;
    cursor: pointer;
    align-self: flex-end;
    display: none;
}

.mainappoiments-left {
    max-width: 512px;
    width: 100%;
}

.mainappoimentsLeft .slick-slide {
    padding: 0 11.5px;
}

.mainappoimentsLeft {
    margin: 0 -11.5px;
}

.mainappoimentsLocations {
    border-radius: 86px 0px;
    background: #4268D2;
    overflow: hidden;
    padding: 15px 36px 36px;
    margin-top: 63px;
}

.mainappoimentsLocations .slick-dots {
    bottom: -28px;
}

.mainappoimentsLocations .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #D9D9D9;
    border-radius: 100%;
}

.mainappoimentsLocations .slick-dots li button:before {
    display: none;
}

.mainappoimentsLocations li.slick-active {
    background-color: #B9F1FE;
}

section#single-location .mainappoiments-right {
    max-width: 500px;
    width: 100%;
}

.fieldicon-fieldmain {
    width: 100%;
}
.fieldicon-fieldmain form.wpcf7-form.init {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.fieldicon-fieldmain div {
    flex: 0 49%;
    justify-content: center;
    text-align: left;
    justify-content: center;
    margin: 0;
}

/*about page*/
img.aboutimage {
    border-radius: 0px 0px 0 0px;
    left: 0px;
}

.whymainabout .leftimg {
    border-bottom-right-radius: 146.02px;
    overflow: hidden;
}

.whymainabout {
    gap: 68px;
}

.whymainabout .leftimg::after {
    left: 40px;
}

section.service-range h2, section.dental-service h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
}

section.afterbefore-slider p, .service-range p, section.dental-service p {
    padding: 21px 0px 0px;
    color: #3B3B3B;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}

.itemscontents h3 {
    padding: 0;
    margin: 0;
    color: #47DBD6;
    text-align: left;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.92px;
}

.itemscontents p {
    color: #4268D2;
    text-align: left !important;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 43.345px;
    letter-spacing: -0.75px;
    padding: 0 !important;
    margin: 0;
}

.service-items svg {
    width: 89px;
    height: 89px;
    margin: 0 auto;
    text-align: center;
}

.service-items {
    flex: 0 20%;
    border-radius: 45px 0;
    border: 1px solid #4268D2;
    background: linear-gradient(105deg, #D3F7FF 19.45%, #DBE7FF 67.44%);
    padding: 42px 18px;
    text-align: center;
}

.dentalservice-items {
    display: flex;
    gap: 26px;
    justify-content: center;
    margin-top: 69px;
    flex-wrap: wrap;
}

.reviewtesti {
    margin-top: 110px;
}

section.dental-service .reviewtesti p {
    color: #4268D2;
    text-align: center;
    padding-top: 24px !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.signature-image {
    width: 135px;
    height: 103px;
    aspect-ratio: 135 / 103;
    margin: 24px auto;
}

section.dental-service {
    border-radius: 0 0 223px 0;
    background: linear-gradient(105deg, #EAFBFF 19.45%, #EFF4FF 67.44%);
    padding: 89px 0px 30px;
    position: relative;
    overflow: hidden;
}

section.dental-service::before {
    content: '';
    border-radius: 449px;
    border: 55px solid rgba(66, 104, 210, 0.08);
    width: 449px;
    height: 449px;
    position: absolute;
    top: -280px;
    left: -225px;
    box-sizing: border-box;
}

section.dental-service::after {
    content: '';
    border-radius: 449px;
    border: 55px solid rgba(66, 104, 210, 0.08);
    width: 449px;
    height: 449px;
    position: absolute;
    right: 95px;
    bottom: 0px;
    box-sizing: border-box;
}

.imgstoryline img {
    border-radius: 20px 244px 20px 20px;
}

.leftstory h2 {
    color: #4268D2;
    padding: 0;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
    margin: 0;
}

.leftstory p {
    color: #3B3B3B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 21px 0px 0px;
    margin: 0;
}

.storydetails {
    padding: 81px 0px 91px;
    gap: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.leftstory {
    flex: 0 57.34%;
}

.rightimgstory {
    flex: 0 40.95%;
}

section.chooseus-about {
    border-radius: 100px 100px 0 0;
    background: linear-gradient(0deg, #FFF 0%, #EFF5FF 49.04%, #E7FBFD 100%);
    padding: 83px 0px 180px;
    text-align: center;
}

section.chooseus-about h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    text-align: center;
    font-family: "SF Pro Display";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
}

.chooseitems h3 {
    padding: 42px 0px 0px;
    margin: 0;
    color: #4268D2;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.55px;
    letter-spacing: -0.72px;
}

.chooseitems p {
    color: #3B3B3B;
    text-align: center;
    padding: 28px 0px 0px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.48px;
    margin: 0;
}

.chooseicon svg {
    width: 77.68px;
}

.chooseelements {
    display: flex;
    justify-content: center;
    gap: 58px;
    margin-top: 50px;
}

.lefttakecare img {
    border-radius: 211.5px 20px 20px 20px;
}

.righttakecare h2 {
    color: #0E54AE;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    padding: 0;
    margin: 0;
}

.listtake h3 {
    color: #0E54AE;
    text-align: left;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.55px;
    letter-spacing: -0.72px;
    padding: 0;
    margin: 0;
}

.listtake p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.48px;
    padding: 11px 0px 0px;
    margin: 0;
}

.svgiconds {
    width: 72px;
    height: 72px;
    border: 2px solid #4268D2;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.listtake {
    padding-left: 99px;
    position: relative;
    margin: 72px 0px;
}

.leftrighttake {
    display: flex;
    gap: 45px;
    align-items: flex-start;
    justify-content: center;
}

.abouttakecare {
    padding-bottom: 140px;
}

.doctorleftimg {
    position: relative;
}

.doctorleftimg::after {
    content: '';
    width: 460.285px;
    height: 505.401px;
    aspect-ratio: 460.29 / 505.40;
    background: #AEF4F2;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0px 142.649px;
    background: #B9F1FE;
}

.doctorleftimg::after {
    content: '';
    width: 100%;
    height: 363px;
    aspect-ratio: 460.29 / 505.40;
    background: #AEF4F2;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0px 142.649px;
    background: #B9F1FE;
}

.doctorleftimg img {
    z-index: 11;
    position: relative;
    bottom: -10px;
}

.doctorleftimg {
    position: relative;
    border-radius: 0px 142.649px;
    overflow: hidden;
    width: 100%;
}

.lefttdr {
    width: 42.1%;
}

h3.dttitle {
    text-align: center;
    padding: 30px 0px 0px;
    margin: 0;
    color: #4268D2;
    text-align: center;
    font-family: Montserrat;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 38.457px;
    letter-spacing: -1.05px;
}

.qutationsvg {
    padding-top: 36px;
}

.qutationsvg svg {
    width: 60px;
    height: 44px;
}

.doctorquat p {
    padding: 24px 0px 42px;
    color: #4268D2;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.coscontent h3 {
    color: #4268D2;
    text-align: center;
    font-family: Montserrat;
    font-size: 23.735px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.735px;
    letter-spacing: -0.712px;
    padding: 0;
    margin: 0;
}

.coscontent p {
    color: #4268D2;
    font-family: Montserrat;
    font-size: 17.089px;
    font-style: normal;
    font-weight: 400;
    line-height: 23.735px;
    letter-spacing: -0.513px;
    text-align: center;
    margin: 0;
}

.cosmeticdentists-ul ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

section.cosmeticdentists-section h2 {
    margin: 0;
    padding: 0;
    color: #4268D2;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
}

.cosmeticdentists-ul {
    padding-top: 74px;
}

.cosmeticdentistsimg {
    margin-bottom: 15px;
}

.coscontent {
    margin-top: 20px;
}

.cosmeticdentists-ul ul li {
    font-size: 0;
    flex: 0 24%;
}

.frontfrom .form-intro {
    text-align: center;
    color: #666;
    margin-bottom: 25px;
    font-size: 15px;
}

.frontfrom .appointment-form {
    width: 100%;
}

.frontfrom .form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.frontfrom .form-group label {
    display: block;
    color: #3B3B3B;
    text-align: left;
    font-family: "SF Pro Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    padding: 0px 0px 20px;
    margin: 0;
}

.frontfrom .form-group input, .frontfrom .form-group select, .frontfrom .form-group textarea {
    width: 100%;
    padding: 12px 14px;
    border-radius: 25px;
    border: 1px solid #ddd;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
}

.frontfrom .form-group textarea {
    border-radius: 16px;
    min-height: 140px;
    resize: vertical;
}

.frontfrom .form-group.full {
    margin-top: 18px;
}

.frontfrom .form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    gap: 15px;
}

.frontfrom .checkbox {
    font-size: 13px;
    color: #555;
    display: flex;
    align-items: center;
    gap: 8px;
}

.frontfrom .submit-btn {
    background: #4b5cff;
    color: #fff;
    border: none;
    padding: 12px 26px;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s;
}

.frontfrom .submit-btn:hover {
    background: #3747ff;
}

section.frontfrom {
    padding-top: 175px;
    padding-bottom: 71px;
}

p.form-intro {
    color: #3B3B3B;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

.frontfrom .form-group select {
    padding-right: 30px;
}

.frontfrom .submit-btn {
    background: #4b5cff;
    color: #fff;
    border: none;
    padding: 12px 26px;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: var(--line-height-20_8, 20.8px);
    border-radius: 100px;
    border: 1px solid rgba(66, 104, 210, 0.00);
    display: flex;
    padding: 13px 30px;
    align-items: flex-start;
}

.appointment-wrapper h3 {
    color: #4268D2;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
    margin: 0;
    padding: 0px 0px 15px 0px;
}

section.teamsection.docteams {
    padding-top: 79px;
}

.leftintro h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
}

.leftintro p {
    color: #3B3B3B;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
    padding: 26px 0px 0px;
}

.introbg {
    padding-left: 45px;
    padding-right: 45px;
    border-radius: 0 101.695px;
    border: 1px solid #AEF4F2;
    width: 312px;
    height: 306px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.introicon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.introbg h3 {
    text-align: left;
    width: 100%;
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -0.72px;
}

.leftright-intro {
    display: flex;
    gap: 32px;
    padding: 37px 0px;
    align-items: center;
}

.infordoc {
    border-top: 2px solid #E4E4E4;
    padding-top: 24px;
}

.infordoc ul li a {
    color: #3B3B3B;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.6px;
}

.infordoc ul li a {
    gap: 9px;
    display: flex;
    align-items: center;
}

.infordoc ul li a span {
    display: flex;
}

.infordoc ul {
    display: flex;
    gap: 33px;
    padding-bottom: 60px;
}

.left-banner h1 b {
    color: #4268D2;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 86.168px;
    letter-spacing: -1.2px;
}

.interdoc h1 {
    line-height: inherit;
}

.interdoc .right-banner {
    text-align: right;
}

/* 40px gap between slides */
.afterbeforeslider .slick-slide {
    padding: 0 20px;
    /* 20px left + 20px right = 40px gap */
}

/* Compensate outer spacing */
.afterbeforeslider .slick-list {
    margin: 0 -20px;
}

/* Base */
.afterbeforeslider-left {
    position: relative;
    padding-bottom: 20px;
}

.afterbeforeslider-left img {
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 23.412px 23.412px 23.412px 184.953px;
}

.bgback {
    background-color: #AEF4F2;
    position: absolute;
    right: 9px;
    width: 144.975px;
    height: 138.001px;
    bottom: 13px;
    border-radius: 0 0 23.412px;
}

/* ========================= */
/* ODD SLIDES */
/* ========================= */
.afterbeforeslider .slick-slide:not(.slick-cloned):nth-child(even) .afterbeforeslider-left img {
    border-radius: 23.412px 184.953px 23.412px 23.412px;
}

.afterbeforeslider .slick-slide:not(.slick-cloned):nth-child(even) .afterbeforeslider-left .bgback {
    left: -8px;
    right: auto;
    border-radius: 0 23.412px 0;
}

/* ========================= */
/* EVEN SLIDES */
/* ========================= */
.afterbeforeslider .slick-slide:not(.slick-cloned):nth-child(odd) .afterbeforeslider-left img {
    border-radius: 23.412px 23.412px 23.412px 184.953px;
}

.afterbeforeslider .slick-slide:not(.slick-cloned):nth-child(odd) .afterbeforeslider-left .bgback {
    right: -9px;
    left: auto;
    border-radius: 0 0 23.412px;
}

.afterbefore-slider .slick-slide {
    padding: 0 26px;
}

.afterbefore-slider .slick-list {
    margin: 0 -26px;
}

.afterbefore-slider.slick-initialized.slick-slider.slick-dotted {
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.afterbefore-slider .slick-dots {
    bottom: -30px;
}

.afterbefore-slider .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #D9D9D9;
    border-radius: 100%;
}

.afterbefore-slider .slick-dots li button:before {
    display: none;
}

.afterbefore-slider li.slick-active {
    background-color: #B9F1FE;
}

a.buttonsslider {
    border-radius: 100px;
    border: 1px solid #4268D2;
    display: inline-block;
    padding: 13px 30px;
    align-items: normal;
    margin: 0 auto;
    background-color: #4268D2;
    color: #FFF;
    text-align: center;
    font-size: 15.23px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.798px;
}

section.afterbefore-slider h2 {
    text-align: left;
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.514px;
}

section.afterbefore-slider p {
    text-align: left;
    margin: 0;
    padding: 16px 0px 0px;
    color: #3B3B3B;
    font-family: SF Pro Display;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

section.afterbefore-slider {
    padding: 50px 0px;
}

.afterbeforeslider {
    margin: 30px 0px;
}

section.afterbefore-slider {
    text-align: center;
}

a.buttonsslider {
    margin-top: 40px;
}

section.afterbefore-apoinment {
    padding: 56px 0px;
}

.serviceareas .service-card h3{
    color: #4268D2;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    padding: 0;
    margin: 0;
}
.serviceareas .service-card h3 a{
    color: #4268D2;
}
.serviceareas .service-card h3 a:hover {
    color: #000;
}
.serviceareas .service-card p {
    color: #3B3B3B;
    font-family: SF Pro Display;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 0px 0px 20px;
    margin: 0;
    text-align: left;
}

.serviceareas .service-card a.btn {
    display: inline-block;
    vertical-align: top;
    border-radius: 100px;
    border: 1px solid #4268D2;
    padding: 13px 30px;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 15.23px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.798px;
    background-color: #4268D2;
}
.serviceareas .service-card a.btn:hover{
    background:#B9F1FE;
    color:#000;
}
.service-card {
    border-radius: 121px 20px;
    border: 1px solid #B9F1FE;
    background: #FFF;
    box-shadow: 0 0 9.2px 0 rgba(0, 0, 0, 0.11);
}

.image-wrap {
    height: 197px;
    overflow: hidden;
    position: relative;
}

.image-wrap img {
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.hh-part {
    padding: 0px 30px 30px;
}

.serviceareas {
    margin-top: 30px;
    box-sizing: border-box;
}

.service-card {
    overflow: hidden;
    flex: 0 0 30%;
    position: relative;
}

section.service-range {
    padding: 60px 0px;
}

.serviceareas.service-posts span.sericon {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-top: -45px;
    left: 24px;
    position: relative;
}

.service-card svg {
    width: 43px;
    height: 43px;
}

section.service-range.servicesrrt {
    padding: 80px 0px;
}

section.service-range.servicesrrt .service-card {
    text-align: center;
    border-radius: 0 45px;
    background: linear-gradient(105deg, #EAFBFF 19.45%, #EFF4FF 67.44%);
}

section.service-range.servicesrrt .service-card p {
    color: #3B3B3B;
    font-family: Montserrat;
    font-size: 14.98px;
    font-style: normal;
    font-weight: 400;
    line-height: 26.269px;
    text-align: center;
}

.innericon.innernumber {
    color: rgba(66, 104, 210, 0.63);
    font-family: "Myriad Pro";
    font-size: 128px;
    font-style: normal;
    font-weight: 600;
    line-height: 47px;
    letter-spacing: -3.84px;
    text-align: right;
}

.innerbox-text.innernumbertext {
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    align-items: baseline;
}

.innerbox-text.innernumbertext p {
    color: #4268D2;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
}

.tooth-benefits {
    padding: 60px 20px;
    background: #fff;
}

.benefits-wrap {
    /*max-width: 1200px;*/
    margin: auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 40px;
}

/* CENTER IMAGE */
.tooth-image img {
    width: 100%;
    max-width: 100%;
    display: block;
}

/* BENEFITS */
.benefits {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.benefit {
    position: relative;
    background: #fff;
    padding: 14px 18px;
    border-radius: 10px;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 1.5;
    width: 203px;
    /* height: 85px; */
    padding: 13px 0 12px 12px;
}

/* CHECK ICON */
.check {
    width: 22px;
    height: 22px;
    background: #2a4cff;
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    flex-shrink: 0;
    z-index: 1;
}

/* ALIGNMENTS */
.left .benefit {
    padding-right: 40px;
}

.benefits.left p {
    text-align: left;
    margin: 0;
    padding: 0;
}

.benefits.right p {
    margin: 0;
    padding: 0;
    text-align: left;
}

.left .check {
    position: absolute;
    right: -11px;
    top: 50%;
    transform: translateY(-50%);
}

.right .benefit {
    padding-left: 40px;
}

.right .check {
    position: absolute;
    left: -11px;
    top: 50%;
    transform: translateY(-50%);
}

/* DOTTED CONNECTORS */
.left .benefit::after, .right .benefit::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 60px;
    border-top: 1px dotted #ccc;
}

.left .benefit::after {
    left: 100%;
}

.right .benefit::after {
    right: 100%;
}

.benefits {
    align-items: center;
}

.tooth-image {
    z-index: 1;
}

.Appointmentneww .booking-form {
    flex: 1;
    padding-right: 20px;
    text-align: left;
}

.Appointmentneww .field {
    margin-bottom: 10px;
    position: relative;
}

.Appointmentneww .icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    fill: #9aa4b2;
}

.Appointmentneww .icon svg {
    width: 100%;
    height: 100%;
}

.Appointmentneww .icon-field input, .Appointmentneww .icon-field select {
    width: 100%;
    padding: 10px 12px 10px 38px;
    border: 1px solid #cfd8e3;
    border-radius: 4px;
    font-size: 14px;
    appearance: none;
}

.Appointmentneww .checkbox {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #555;
    margin: 21px 0px;
    color: #636363;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.36px;
}

.Appointmentneww .checkbox input {
    margin-right: 8px;
}

section.Appointmentneww {
    border-radius: 0 223px 0 0;
    background: linear-gradient(105deg, #EAFBFF 19.45%, #EFF4FF 67.44%);
    position: relative;
    padding: 34px 0px 34px;
}

.Appointmentneww .mainappoimentsdiv {
    font-size: 0px;
    border-radius: 62.542px 0px;
    background: #AEF4F2;
    position: relative;
    overflow: hidden;
}

.Appointmentneww .mainappoimentsdiv ul li a p {
    color: #636363;
    font-size: 22.515px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0;
    margin: 0;
}

.Appointmentneww .mainappoimentsdiv ul a {
    display: flex;
    gap: 23px;
    align-items: center;
}

.Appointmentneww .mainappoimentsdiv ul li {
    margin-bottom: 24px;
}

.Appointmentneww .mainappoiments-left {
    position: relative;
}

.Appointmentneww .svglocation {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 26px;
    z-index: 1;
    text-align: center;
}

.Appointmentneww .mainappoimentsdiv ul {
    padding: 94px 70px 30px;
}

.Appointmentneww .bottom-map img {
    width: 100%;
    height: 100%;
    font-size: 0;
}

.Appointmentneww .mainappoiments-right h2 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
    letter-spacing: -1.2px;
    text-align: left;
}

.Appointmentneww .mainappoiments-right p {
    text-align: left;
    color: #636363;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.48px;
    padding: 0;
    margin: 0;
}

.Appointmentneww .booking-wrapper {
    margin-top: 32px;
}

.Appointmentneww .booking-wrapper input, .booking-wrapper select {
    box-sizing: border-box;
    padding: 12.362px 14px 12.362px 38px;
    border: 0.951px solid #B9B9B9;
    background-color: #FFF;
    color: #8E8E8E;
    text-align: left;
    font-size: 13.313px;
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-20_8, 20.8px);
    border-radius: 0;
    outline: none;
}

.Appointmentneww span.icon {
    width: 38px;
    height: 20px;
    left: 0;
}

.Appointmentneww button.btn-book {
    border-radius: 83.552px;
    background: #4268D2;
    box-shadow: none;
    border: 0;
    width: 128px;
    height: 43px;
    padding: 10.862px 25px;
    color: #FFF;
    text-align: center;
    font-size: 13.368px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.Appointmentneww button.btn-book:hover {
    background-color: #000000;
}

.Appointmentneww .mainappoiments {
    display: flex;
    gap: 152px;
    align-items: center;
}

section.afterbefore-slider {
    padding: 80px 0px;
}

section.afterbefore-slider h2 {
    color: #4268D2;
    text-align: center;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 64px;
}

section.afterbefore-slider p {
    color: #3B3B3B;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.afterbeforesliderr img {
    padding: 50px 0px;
}

.innerCost {
    border-radius: 0 0 100px 100px;
    background: linear-gradient(180deg, #FFF 0%, #EFF5FF 49.04%, #E7FBFD 100%);
    padding: 115px 44px 84px;
}

.innerCost h3 {
    color: #4268D2;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 53.418px;
    letter-spacing: -1.2px;
    padding: 0;
    margin: 0;
}

.innerCost p {
    padding: 22px 0px 0px;
    margin: 0;
    color: #636363;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.414px;
    letter-spacing: -0.48px;
}

.Whofor h3 {
    padding: 0;
    margin: 0;
    color: #4268D2;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 53.418px;
    letter-spacing: -1.2px;
}

span.textdivb h4 {
    color: #4268D2;
    font-family: Montserrat;
    font-size: 23.183px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.452px;
    letter-spacing: -0.695px;
    padding: 0;
    margin: 0;
}

span.textdivb p {
    color: #636363;
    font-family: Montserrat;
    font-size: 18.185px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.414px;
    letter-spacing: -0.546px;
    margin: 0;
    padding: 11px 0px 0px;
}

.Whofor li {
    gap: 17px;
    display: flex;
    align-items: center;
    margin-top: 45px;
}

.Eligibilitymain {
    display: flex;
    gap: 77px;
}

.Eligibilitymain>div {
    flex: 0 0 46%;
}

.Eligibilitymain {
    display: flex;
    gap: 57px;
    align-items: center;
    padding-bottom: 80px;
}

/* ======================
   RESPONSIVE
====================== */
@media only screen and (min-width: 1600px) {
    .benefits.left .benefit:nth-child(odd) {
        margin-left: -120px;
    }

    .benefits.right .benefit:nth-child(odd) {
        margin-right: -120px;
    }
}

@media (max-width: 991px) {
    .benefits-wrap {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .tooth-image {
        order: -1;
    }

    .benefit {
        padding: 15px;
    }

    .benefit::after {
        display: none;
    }

    .check {
        display: none;
    }
}

.left .benefit::after, .right .benefit::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    border-top: 1px dotted #ccc;
}

.faq-container {
    /*max-width: 1200px;*/
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 50px;
    align-items: flex-start;
}

/* LEFT */
.faq-label {
    color: #2a4cff;
    font-size: 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.faq-left h2 {
    font-size: 34px;
    line-height: 1.3;
    color: #1a1a1a;
    margin-bottom: 20px;
}

.faq-subtext {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.faq-btn {
    display: inline-block;
    background: #2a4cff;
    color: #fff;
    padding: 12px 26px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
}

/* RIGHT */
.faq-item {
    /*border: 1px solid #c8d4ff;*/
    border-radius: 14px;
    margin-bottom: 16px;
    overflow: hidden;
    border: 1.5px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #4268D2, #EBFBFF) border-box;
}

.faq-question {
    width: 100%;
    background: #fff;
    border: none;
    padding: 18px 22px;
    font-size: 15px;
    color: #2a4cff;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq-question .icon {
    font-size: 20px;
    transition: transform 0.3s ease;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 22px;
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    transition: max-height 0.4s ease, padding 0.3s ease;
}

.faq-item.active .faq-answer {
    max-height: 200px;
    padding: 12px 22px 20px;
}

.faq-item.active .icon {
    transform: rotate(45deg);
}

button.faq-question {
    position: relative;
}

section.faqsections {
    padding: 90px 0px;
}

span.faq-label {
    color: #3B3B3B;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.faq-left h2 {
    color: #4268D2;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px;
    letter-spacing: -1.2px;
    padding: 12px 0px 0px;
    margin: 0;
}

p.faq-subtext {
    padding: 55px 0px 0px;
    color: #4268D2;
    text-align: left;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.41px;
    letter-spacing: -0.48px;
    margin: 0;
}

a.faq-btn {
    display: inline-flex;
    padding: 17px 28px 16px 28px;
    justify-content: center;
    align-items: center;
    margin: 32px 0px 0px 0px;
    border-radius: 100px;
    background: #4268D2;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: var(--font-weight-700, 700);
    line-height: var(--line-height-20_8, 20.8px);
}

button.faq-question {
    color: #4268D2;
    text-align: center;
    font-family: Montserrat;
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-20_8, 20.8px);
}


/* --- Back To Top Code --- */
.back-to-top {
    position: fixed;
    z-index: 9;
    bottom: 150px;
    right: -2px;
    background-color: var(--secondarycolor);
    padding: 10px 12px 5px;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    box-shadow: 0 0 10px #979797;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

#btn-back-to-top.show {
    opacity: 1;
    visibility: visible;
}

.back-to-top i {
    transition: all 0.3s ease-in-out;
}

.back-to-top:hover {
    background-color: #000;
}

.back-to-top:hover i {
    color: #fff;
}
span.infocont p {
    line-height: 22px;
}
h5.h5_title {
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    color: hsl(0deg 0% 0% / 33%);
}
.clogo {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wpcf7-checkbox .wpcf7-list-item {
    margin: 0;
}

.wpcf7-checkbox .wpcf7-list-item label {
    display: flex;
    align-items: center;
}
.wpcf7-not-valid {
    border: 1px solid #dc3232 !important;
}

span.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7-response-output {
    border: none !important;
    padding: 15px 0 !important;
    margin: 0 !important;
    color: #dc3232;
    font-size: 12px;
}
.name {
    background-image: url('../img/user.svg');
    background-repeat: no-repeat;
    background-position: 0 center;
}
.email {
    background-image: url('../img/email.svg');
    background-repeat: no-repeat;
    background-position: 0 center;
}
.walcf7-datepicker {
    background-image: url('../img/phone.svg');
    background-repeat: no-repeat;
    background-position: 0 center;
}
select {
    background-image: url('../img/select.svg');
    background-repeat: no-repeat;
    background-position: 97% center;
}
section#multi-location .mainappoiments-left {
    max-width: max-content;
    padding-top: 30px;
}
p.mpara {
    text-align: center;
}
section#multi-location .mainappoimentsdiv {
    background: #EBFBFF;
}
section#multi-location .mainappoiments-left .svglocation {
    top: 0;
}
ul.search-list li {
    font-size: 14px;
    line-height: 26px;
    list-style: decimal;
}

ul.search-list {
    padding: 10px 20px 0px;
}
.blog-card span.date img {
    width: 24px;
    height: auto;
    border-radius: 0px;
}
/* Hide default checkbox */
.wpcf7-checkbox input[type="checkbox"] {
  display: none;
}

/* Label styling */
.wpcf7-checkbox label {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  font-size: 15px;
}

/* Custom checkbox box */
.wpcf7-checkbox .wpcf7-list-item-label::before {
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #d7e1f3; /* WP blue */
  border-radius: 4px;
  display: inline-block;
  transition: all 0.3s ease;
  position: absolute;
  left: 0;
  top: -3px;
}

/* Checked state */
.wpcf7-checkbox input:checked + .wpcf7-list-item-label::before {
  background-color: #fff;
  border-color: #d7e1f3;
}

/* Tick mark */
.wpcf7-checkbox input:checked + .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 9px;
  border: solid #4268D2;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-left: 6px;
  margin-top: -1px;
  position: absolute;
  left: 0;
}


span.wpcf7-list-item-label {
    display: inline-flex;
    padding-left: 25px;
}