@charset "UTF-8";

#tagline {
    padding: min(6.250vw, 120px) 0 
}

#tagline img {
    display: block;
    width: min(37.083vw, 712px);
    margin: 0 auto;
}

.fullContent.contLogos {
    padding: clamp(80px, 9.375vw, 180px) 0 clamp(60px, 13.542vw, 260px);
}

#Con-test.fullContent {
    background: linear-gradient(to bottom,  var( --white ) 0%,var( --white ) 43%,var( --primary-color ) 43%,var( --primary-color ) 45%,var( --primary-color ) 55%,var( --primary-color ) 56%,var( --white ) 56%,var( --white ) 100%);
    margin-bottom: 0px;
    padding: clamp(60px, 6.25vw, 120px) 0px;
    background-size: cover;
    background-position: center top;
}

#Con-test.fullContent p {
    margin-bottom: 0px;
}

#vBsec.fullContent {
    height: fit-content;
    padding: var( --secPaddingNoTop );
    background: linear-gradient(to bottom,  var( --black ) 0%,var( --black ) 20%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);
    margin-top: -1px;
    overflow: hidden;
}

#vBsec a.popVid {
    position: relative;
    width: min( 85.417vw, 1640px );
    height: min( 39.583vw, 760px );
    border-radius: var( --card-border-rad );
    overflow: hidden;
}

.fullContent h1,
.fullContent h2 {
    color: var( --black );
    font-size: 34px;
    letter-spacing: 1.09px;
    line-height: 48px;
    font-weight: 400;
    text-transform: capitalize;
}

.fullContent h2::before,
.video-block h2::before,
h2.lHeading::before {
    content: '';
    display: none;
    width: 124px;

    /* height: 70px; */
    margin: 0 auto 10px;
}

#Con-test .container > div {
    background-color: var( --white );
}

#main .fullContent .btn.btn-orange, .half-content .btn-orange, [role=button] {
    background-color: var( --primary-color );
    color: var( --white );
    text-transform: uppercase;
    padding: 15px 40px;
    font-weight: 500;
    text-align: center;
    border-radius: 5px;
}

.fullContent.offer .btn.btn-orange.bottom-opener {
    margin: 40px auto 0;
}

#main .fullContent.offer .btn.btn-orange.bottom-opener:hover,
#main .fullContent.night .btn.btn-orange.bottom-opener:hover{
    background-color: var( --white );
    color: var( --black );
}

#main .fullContent .btn.btn-orange:hover, .half-content .btn-orange:hover {
    background-color: var( --black );
}

.fullContent.night {
    background-color: var( --black );
    color: var( --white );
    padding: var( --secPadding );
}

.fullContent.night.test svg {
    margin: 0 auto 24px;
    display: block;
    width: clamp( 428px, 56.667vw, 1088px );
}

.fullContent.night.test .col-lg-10 {
    padding: 0;
}

.hd-shots {
    gap: 16px;
}

.row.flex.hd-shots img {
    border-radius: var( --card-border-rad );
}

#financing.fullContent {
    padding: 260px 0;
    position: relative;
    clip-path: polygon(0 0, 100% 7%, 100% 100%, 0 93%);
    z-index: 2;
}

.fullContent h1,
.fullContent h2 {
    color: inherit;
    font-size: var( --i-h2-font-size );
    margin: 0 0 clamp( 20px, 1.25vw, 24px );
    text-transform: unset;
}

#Con-test.fullContent h2 {
    margin: 0;
}

.fullContent h2:after {
    content: '';
    border: none;
    margin: clamp(4px, 0.417vw, 8px) auto clamp(16px, 1.667vw, 32px);
    height: 4px;
    width: 60px;
    background-color: var( --white );
    display: none;
}

.fullContent.contLogos .container h2:after {
    content: '';
    color: var( --secondary-color );
    border-bottom: none;
    width: 80px;
    border: none;
    margin: 16px auto 21px;
    border-bottom: 4px solid;
    display: block;
}

#Con-test.toothIcon {
    position: relative;
    margin-bottom: 0px;
    padding: clamp(60px, 11.458vw, 220px) 0;
}

#Con-test.toothIcon:before {
    content: '';
    position: absolute;
    width: min(13.438vw, 258px);
    height: min(2.813vw, 54px);
    top: min(6.25vw, 120px);
    left: min(43.281vw, 831px);
    background-image: url('/wp-content/uploads/2024/04/icon_top.svg');
    background-size: cover;
    z-index: 2;
}

#Con-test.toothIcon:after {
    content: '';
    position: absolute;
    width: min(43.958vw, 844px);
    height: min(3.698vw, 71px);
    bottom: min(6.615vw, 127px);
    left: min(28.021vw, 538px);
    background-image: url('/wp-content/uploads/2024/04/icon_bottom.svg');
    background-size: cover;
    z-index: 2;
}

#inner-content .fullContent h2 {
    font-family: var( --heading-font );
    font-size: clamp(28px, 2.083vw, 40px);
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
    line-height: clamp(36px, 2.5vw, 48px);
    color: inherit;
}

#servCon {
    padding-top: clamp(40px, 5.208vw, 100px);
}

.fullContent.offer {
    padding: var( --secPaddingNoTop)
}

.fullContent.offer .col-lg-8 {
    display: block;
    padding: clamp( 20px, 4.167vw, 80px ) clamp( 40px, 7.29vw, 140px );
    background-color: var( --black );
    color: var( --white );
    border-radius: var( --card-border-rad );
}

.fullContent.offer .col-lg-8 h3 {
    margin: 0 0 clamp( 20px, 1.25vw, 24px );
}

@media ( max-width: 1024px ) {
    #vBsec a.popVid {
        width: 100%;
        height: auto;
    }
}

@media ( max-width: 567px ) {
    .fullContent.untreated img {
        width: 90%;
        display: block;
        margin: 0 auto;
    }

    .fullContent.offer .col-lg-8 {
        width: 90%;
        margin: 0 auto;
    }

    .row.flex.hd-shots {
        flex-direction: column;
    }

    .row.flex.hd-shots img {
        width: 80%;
    }

    #vBsec a.popVid {
        width: 100%;
        height: fit-content;
        border-radius: 5px;
    }

    #vBsec.fullContent .container > div {
        padding: 0;
    }

    #Con-test.toothIcon:before,
    #Con-test.toothIcon:after {
        display: none;
    }
}