:root {
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-black-100: #0A0A0A;
    --color-black-80: #3B3B3B;
    --color-white-50: #E8EAED;
    --color-green-50: #ECF4F1;
    --color-green-100: #E5FFF4;
    --color-green-300: #81B49E;
    --color-green-500: #438F6E;
    --color-green-600: #3D8264;
    --color-grey-300: #627484;
    --color-grey-400: #43596D;
    --color-grey-500: #142F48;
    --color-orange: #F97015;
    --color-green: #3F8F71;
    --color-red: #FF383C;
    --color-white-300: #FDF4EF;
    --color-white-400: #F0F4FA;
    --color-white-500: #EFF2F6;
    --color-white-600: #E8F9FF;
    --color-white-700: #ECECEC;
    --color-blue-50: #EAF1F7;
    --color-blue-100: #BED5E7;
    --color-blue-300: #63B2CE;
    --color-blue-400: #72A3CC;
    --color-blue-500: #2D76B3;
    --color-blue-600: #3884B6;
    --color-red-100: #FFEBE2;
    --color-red-500: #FFAFA8;
    --color-yellow-100: #FFF0D8;
    --color-yellow-300: #EAC280;
    --color-yellow-500: #F68B00;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body {
    font-family: "Inter", sans-serif;
}
a {
    text-decoration: none;
}
.object-fit-cover {
    object-fit: cover;
}
.text_red {
    color: var(--color-red);
}
.text_orange {
    color: var(--color-orange);
}
.text_green {
    color: var(--color-green-500);
}
.text_alt_green {
    color: var(--color-green);
}
.text_alt_black {
    color: var(--color-black-100);
}
.text_black_80 {
    color: var(--color-black-80);
}
.text_grey_300 {
    color: var(--color-grey-300);
}
.text_grey_400 {
    color: var(--color-grey-400);
}
.text_grey_500 {
    color: var(--color-grey-500);
}
.font_12 {
    font-size: 12px;
}
.font_18 {
    font-size: 1.125rem;
}
.font_20 {
    font-size: 1.25rem;
}
.font_24 {
    font-size: 1.5rem;
}
.font_28 {
    font-size: 1.75rem;
}
.font_36 {
    font-size: 2.25rem;
}
.font_52 {
    font-size: 3.25rem;
}
.header {
    position: sticky;
    top: 0;
    z-index: 1001;
    background: var(--color-white);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    padding: 8px 0;
}
.header .navbar {
    padding: 1px 0;
}
.header .navbar-toggler-new {
    display: none;
}
.header .navbar a.navbar-brand {
    width: 84px;
}
.header .navbar-nav li a {
    font-size: 1.125rem;
    color: var(--color-grey-500);
    position: relative;
}
.header .navbar-nav li a::after {
    content: '';
    width: 16px;
    height: 4px;
    border-radius: 20px;
    background: transparent;
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
}
.header .navbar-nav li a.active {
    color: var(--color-green-500);
    font-weight: 600;
}
.header .navbar-nav li a.active::after {
    background: var(--color-green-500);
}
.header .navbar-toggler-new .close-icon,
.header .navbar-toggler-new[aria-expanded="true"] .open-icon {
    display: none;
}
.header .navbar-toggler-new .open-icon,
.header .navbar-toggler-new[aria-expanded="true"] .close-icon {
    display: inline-block;
    transform: none;
}
.header .navbar-toggler-new i::before {
    opacity: 0;
}
.hero_banner {
    position: relative;
    width: 100%;
    background:#DBF9EC;
    background-size: cover; 
    background-position: center; 
    background-blend-mode: multiply;
    overflow: hidden;
}
.hero_banner::before {
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        90deg,
        #d7e6e1 0%,
        rgba(215,230,225,0.95) 20%,
        rgba(215,230,225,0.75) 35%,
        rgba(215,230,225,0.35) 55%,
        rgba(215,230,225,0) 70%
    );

    z-index:1;
    pointer-events:none;
}
.hero_banner .banner_img_video_holder {
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.hero_banner .banner_poster {
    height: 100%;
    object-fit: cover;
}
.hero_banner .video_wrapper {
    position: relative;
    height: 100%;
}
.hero_banner .video_wrapper .banner_video {
    inset: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-fit: cover;

    -webkit-mask-image: linear-gradient(
        to left,
        black 70%,
        transparent 100%
    );

    mask-image: linear-gradient(
        to left,
        black 70%,
        transparent 100%
    );
}
.hero_banner .banner_content {
    position: relative;
    z-index: 2;
    color: white;
    padding: 70px 0;
    max-width: 610px;
}
.hero_banner .banner_content .heading_holder {
    font-weight: 300;
    background: linear-gradient(90deg, #17384D 0%, #236FAE 50%, #187A4F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-bottom: 28px;
}
.hero_banner .banner_content .heading_holder .light_text {
    font-size: 2.75rem;
}
.hero_banner .banner_content .heading_holder .medium_text {
    font-size: 3.25rem;
}
.hero_banner .banner_content .heading_holder .bold_text {
    font-size: 3.75rem;
    font-weight: 600;
}
.hero_banner .banner_content .content_holder {
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--color-grey-400);
    margin-bottom: 30px;
}
.hero_banner .banner_content .all_btns_holder {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.hero_banner .play_btn {
    position: absolute;
    bottom: 70px;
    right: 25%;
    background: color-mix(in srgb, var(--color-black) 50%, transparent);
    color: var(--color-white);
    cursor:pointer;
    z-index: 1000;
}
.hero_banner .play_btn i {
    font-size: 24px;
}
.btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 1rem;
    font-weight: 500;
    padding: 12px 15px;
    border-radius: 10px;
    border: none;
}
.min-w-170 {
    min-width: 170px;
}
.btn i {
    font-size: 20px;
}
.gradient_btn {
    background: linear-gradient(80deg, #38C98A 0%, #3191CD 100%);
    color: var(--color-white);
    position: relative;
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, color .35s ease, background .35s ease;
    will-change: transform;
}
.gradient_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,0.35),
      transparent
    );
    transition: all .6s ease;
}
.gradient_btn:hover {
    background: linear-gradient(260deg, #38C98A 0%, #3191CD 100%);
    color: var(--color-white);
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 10px 30px rgba(49,145,205,0.35);
}
.gradient_btn:hover::before {
    transform: translateX(220%);
}
.gradient_btn i {
    transition: transform .3s ease;
}
.gradient_btn:hover i {
    transform: translate(6px,0);
}
.btn_outlined_grey_btn {
    border: 1px solid var(--color-grey-400);
    background: transparent;
    color: var(--color-grey-500);
    position: relative;
    overflow: hidden;
    transition: all .35s ease;
}
.btn_outlined_grey_btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, #2b2b2b, #6b6b6b);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
    z-index: -1;
}
.btn_outlined_grey_btn:hover {
    color: #fff;
    border-color: transparent;
}
.btn_outlined_grey_btn:hover::before {
    transform: scaleX(1);
}
.btn_outlined_grey_btn i {
    transition: transform .3s ease;
}  
.btn_outlined_grey_btn:hover i {
    transform: translate(5px, 0);
}
.white_btn {
    background: linear-gradient(80deg, #fff 0%, #fff 100%);
    color: var(--color-green-500);
    position: relative;
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, color .35s ease, background .35s ease;
    will-change: transform;
}
.white_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,0.35),
      transparent
    );
    transition: all .6s ease;
}
.white_btn:hover {
    background: linear-gradient(-260deg, #ffffff 0%, #38C98A 100%);
    color: var(--color-black);
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 10px 30px rgba(49,145,205,0.35);
}
.white_btn:hover::before {
    transform: translateX(220%);
}
.white_btn i {
    transition: transform .3s ease;
}
.white_btn:hover i {
    transform: translate(5px, 0);
}
.white_outlined_btn {
    background: transparent;
    border: 1px solid var(--color-white);
    color: var(--color-white);
    position: relative;
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, color .35s ease, background .35s ease;
    will-change: transform;
}
.white_outlined_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,0.35),
      transparent
    );
    transition: all .6s ease;
}
.white_outlined_btn:hover {
    background: linear-gradient(-260deg, #ffffff 0%, #86d3b6 100%);
    color: var(--color-black);
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 10px 30px rgba(49,145,205,0.35);
}
.white_outlined_btn:hover::before {
    transform: translateX(220%);
}
.white_outlined_btn i {
    transition: transform .3s ease;
}  
.white_outlined_btn:hover i {
    transform: translate(5px, 0);
}
.main_section {
    padding: 60px 0;
}
.main_section .section_heading_holder {
    margin-bottom: 24px;
}
.main_section .section_heading_holder .small_heading_holder {
    color: var(--color-grey-300);
}
.main_section .section_heading_holder .big_heading_holder {
    font-weight: 600;
    color: var(--color-grey-500);
    margin-bottom: 0;
}
.main_section .three_container_holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.main_section .three_container_holder .left_holder,
.main_section .three_container_holder .right_holder {
    width: 40%;
    max-width: 470px;
}
.main_section .three_container_holder .middle_holder {
    width: 20%;
    max-width: 290px;
}
.main_section .three_container_holder .left_holder .each_card_holder {
    font-size: 1.375rem;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 16px;
}
.main_section .three_container_holder .right_holder .heading_holder {
    font-size: 1.875rem;
    font-weight: 600;
    color: var(--color-grey-500);
    margin-bottom: 20px;
}
.light_yellow_card_holder {
    background: var(--color-white-300);
}
.light_blue_card_holder {
    background: var(--color-white-400);
}
.font_weight_600 {
    font-weight: 600;
}
.font_weight_700 {
    font-weight: 700;
}
.checked_lists_holder li {
    list-style-type: none;
    font-size: 1.25rem;
    color: var(--color-grey-500);
    padding-left: 30px;
    margin-bottom: 12px;
    display: inline-flex;
    justify-content: center;
    text-align: left;
    position: relative;
}
.checked_lists_holder li::before {
    content: '\e185';
    font-family: "Phosphor-Duotone" !important;
    color: var(--color-green-600);
    position: absolute;
    left: 0;
    top: 0;
}
.greyish_bg_holder {
    background: var(--color-white-500);
}
.treatment_plan_section {
    overflow: hidden;
}
.treatment_plan_section .left_holder {
    line-height: 58px;
    border-right: 6px solid var(--color-blue-600);
}
.treatment_plan_section .img_holder {
    position: absolute;
    left: 0;
    bottom: -145px;
}
.all_cards_holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}
.cstm_white_card_holder {
    display: inline-block;
    width: 256px;
    background: var(--color-white);
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0 68px 19px 0 rgba(0, 125, 128, 0),
        0 44px 17px 0 rgba(0, 125, 128, 0.01),
        0 25px 15px 0 rgba(0, 125, 128, 0.02),
        0 11px 11px 0 rgba(0, 125, 128, 0.03),
        0 3px 6px 0 rgba(0, 125, 128, 0.04);
}
.cstm_white_card_holder .heading_holder {
    font-size: 1.25rem;
    font-weight: 400;
}
.cstm_white_card_holder .content_holder {
    color: var(--color-grey-500);
    margin-bottom: 0;
}
.icon_holder {
    width: 48px;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 100%;
}
.icon_holder i {
    font-size: 24px;
}
.cstm_white_card_holder .icon_holder {
    margin-bottom: 10px;
}
.icon_holder.blue_300_bg {
    background: var(--color-white-600);
    color: var(--color-blue-300);
    border-color: var(--color-blue-300);
}
.icon_holder.red_500_bg {
    background: var(--color-red-100);
    color: var(--color-red);
    border-color: var(--color-red-500);
}
.icon_holder.green_300_bg {
    background: var(--color-green-100);
    color: var(--color-green-500);
    border-color: var(--color-green-300);
}
.icon_holder.blue_500_bg {
    background: var(--color-blue-50);
    color: var(--color-blue-500);
    border-color: var(--color-blue-500);
}
.icon_holder.yellow_300_bg {
    background: var(--color-yellow-100);
    color: var(--color-yellow-500);
    border-color: var(--color-yellow-300);
}
.work_steps_section .accordion .accordion-item {
    border: 1px solid var(--color-white-50);
    border-radius: 6px;
    margin-bottom: 4px;
}
.work_steps_section .accordion .accordion-item.active {
    border-color: var(--color-blue-400);
}
.work_steps_section .accordion .accordion-item .accordion-header .accordion-button {
    align-items: flex-start;
    padding: 10px 16px;
    border-radius: 6px 6px 0 0;
}
.work_steps_section .accordion .accordion-item .accordion-header .accordion-button:focus {
    border: none;
    box-shadow: none;
}
.work_steps_section .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}
.work_steps_section .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0 16px 10px;
}
.work_steps_section .accordion .accordion-item .accordion-collapse .accordion-body .checked_lists_holder li {
    display: block;
    font-size: 1rem;
    padding-left: 20px;
    margin-bottom: 8px;
}
.work_steps_section .accordion .accordion-item .accordion-collapse .accordion-body p {
    color: var(--color-grey-400);
}
.work_steps_section video {
    width: 100%;
    max-height: 740px;
    object-position: center;
}
.ai_image_section {
    background: linear-gradient(90deg, rgba(54, 157, 58, 0.13) 0%, rgba(51, 177, 224, 0.13) 100%);
}
.ai_image_section .all_imgs_holder {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.ai_image_section .all_imgs_holder .each_img_holder {
    width: calc(50% - 8px);
    font-size: 1rem;
    color: var(--color-grey-400);
    text-align: center;
}
.ai_image_section .all_imgs_holder .each_img_holder img {
    width: 100%;
    height: 100%;
    max-height: 300px;
    object-fit: cover;
    border-radius: 10px;
}
.services_section .cstm_white_card_holder {
    width: 100%;
    height: 100%;
    padding: 10px;
    padding-bottom: 20px;
    border: 1px solid var(--color-white-700);
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0 146px 41px 0 rgba(171, 171, 171, 0),
            0 93px 37px 0 rgba(171, 171, 171, 0.01),
            0 53px 32px 0 rgba(171, 171, 171, 0.05),
            0 23px 23px 0 rgba(171, 171, 171, 0.09),
            0 6px 13px 0 rgba(171, 171, 171, 0.1);
}
.services_section .cstm_white_card_holder img {
    width: 100%;
}
.services_section .cstm_white_card_holder .content_holder {
    font-size: 1rem;
    font-weight: 500;
    color: var(--color-grey-500);
    max-width: 265px;
    margin: 0 auto;
}
.services_section .cstm_white_card_holder .blue_light_outlined_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-blue-100);
    border-radius: 7px;
    padding: 8px 10px;
    color: var(--color-blue-500);
    font-size: 0.875rem;
    font-weight: 500;
    max-width: 240px;
    margin: 0 auto;
    gap: 8px;
    cursor: pointer;
}
.services_section .cstm_white_card_holder .blue_light_outlined_btn:hover {
    background: var(--color-blue-100);
}
.services_section .cstm_white_card_holder .blue_light_outlined_btn i {
    font-size: 1.25rem;
}
.treatment_banner_holder {
    max-width: 1280px;
    background: linear-gradient(90deg, #8ADEA6 0%, #8ED0E8 100%);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}
.treatment_banner_holder::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url('./images/mask-banner.webp');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 320px;
    top: 0;
    z-index: 0;
}
.treatment_banner_holder .left_holder,
.treatment_banner_holder .right_holder {
    position: relative;
    z-index: 1;
}
.treatment_banner_holder .left_holder {
    display: flex;
    width: 500px;
}
.treatment_banner_holder .left_holder .content_holder {
    padding: 25px 0 25px 15px;
}
.treatment_banner_holder .left_holder .content_holder .heading {
    color: #17513C;
}
.treatment_banner_holder .left_holder .content_holder .amount {
    font-size: 2.625rem;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.06);
    color: var(--color-white);
    border: 1px solid var(--color-white);
    border-radius: 6px;
    padding: 5px;
    text-align: center;
}
.treatment_banner_holder .right_holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 500px);
    padding-left: 120px;
}
.treatment_banner_holder .right_holder .legends_content_holder {
    width: calc(100% - 150px);
    height: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 15px 10px 30px;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li {
    display: inline-flex;
    align-items: center;
    width: 50%;
    list-style-type: none;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li::before {
    content: '';
    min-width: 4px;
    min-height: 4px;
    max-width: 4px;
    max-height: 4px;
    background: #000;
    border-radius: 100%;
    display: inline-block;
    margin: 0 6px;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li label {
    min-width: 145px;
    padding-right: 8px;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li.blue_list_holder::before {
    background: #2463EB;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li.yellow_list_holder::before {
    background: #FACC14;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li.orange_list_holder::before {
    background: #F97015;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li.green_list_holder::before {
    background: #40E020;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li.blue_list_holder span {
    color: #2463EB;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li.yellow_list_holder span {
    color: #FACC14;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li.orange_list_holder span {
    color: #F97015;
}
.treatment_banner_holder .right_holder .legends_content_holder .lists_holder li.green_list_holder span {
    color: #40E020;
}
.treatment_banner_holder .right_holder .legends_content_holder .only_text_holder {
    padding-left: 50px;
}
.cards_row_holder_section .cards_row_holder .cstm_card_holder {
    height: 100%;
    padding: 30px 28px;
    border-radius: 18px;
}
.cards_row_holder_section .cards_row_holder .cstm_card_holder.light_blue_card_holder {
    background: var(--color-blue-50);
}
.cards_row_holder_section .cards_row_holder .cstm_card_holder.light_green_card_holder {
    background: var(--color-green-50);
}
.cards_row_holder_section .cards_row_holder .cstm_card_holder .icon_holder {
    min-width: 72px;
    min-height: 72px;
    max-width: 72px;
    max-height: 72px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px;
}
.cards_row_holder_section .cards_row_holder .cstm_card_holder.light_blue_card_holder .icon_holder {
    background: var(--color-blue-100);
    color: var(--color-blue-500);
    border-color: 1px solid var(--color-blue-500);
}
.cards_row_holder_section .cards_row_holder .cstm_card_holder.light_green_card_holder .icon_holder {
    background: var(--color-green-100);
    color: var(--color-green-500);
    border-color: 1px solid var(--color-green-500);
}
.cards_row_holder_section .cards_row_holder .cstm_card_holder .icon_holder i {
    font-size: 2rem;
}
.cards_row_holder_section .cards_row_holder .cstm_card_holder .heading_holder {
    margin-bottom: 20px;
}
.cards_row_holder_section .cards_row_holder .cstm_card_holder .content_holder {
    margin-bottom: 40px;
}
.ready_cases_section {
    background-image: url('./images/gradient-green-bg.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ready_cases_section .main_heading {
    color: var(--color-white);
    margin-bottom: 34px;
}
.ready_cases_section .main_heading .text_yellow {
    color: #FACC14;
}
.ready_cases_section .all_btns_holder {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
footer .top_footer_holder {
    background: #0E2133;
    padding: 30px 0;
}
footer .bottom_footer_holder {
    background: var(--color-grey-500);
    padding: 20px 0;
}
footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
footer .top_footer_holder .logo_holder {
    filter: brightness(0) invert(1);
}
footer .top_footer_holder .navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
footer .top_footer_holder .navbar-nav li a {
    color: var(--color-white);
}
footer .top_footer_holder .right_holder .heading {
    color: #B6BFC6;
}
footer .top_footer_holder .right_holder .social_anchors_holder a {
    padding: 0 4px;
}
footer .bottom_footer_holder,
footer .bottom_footer_holder .all_anchors_holder a {
    font-size: 0.938rem;
    color: var(--color-white-50);
}
footer .bottom_footer_holder .all_anchors_holder a {
    padding: 0 8px;
}
.contact_form_holder .label_holder,
.label_holder {
    display: inline-block;
    color: var(--color-grey-500);
    margin-bottom: 3px;
}
.contact_form_holder .label_holder .required,
.label_holder .required {
    color: var(--color-red);
}
.contact_form_holder input,
.contact_form_holder select {
    font-size: 1rem;
    color: var(--color-black);
    border-color: #B6BFC6;
    border-radius: 4px;
    padding: 5px 10px;
}
.contact_form_holder input::placeholder,
.contact_form_holder select::placeholder {
    font-size: 0.875rem;
    color: var(--color-grey-400);
}
.cstm_modal .modal-header {
    justify-content: center;
}
.cstm_modal .modal-header .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
}
.cstm_modal .modal-content {
    border-radius: 10px;
}
.cstm_modal .modal-header,
.cstm_modal .modal-body {
    padding: 30px;
}
.cstm_modal .modal-header {
    padding-bottom: 16px;
    border-bottom: none;
}
.cstm_modal .modal-header .content_holder .heading {
    margin: 6px 0;
}
.cstm_modal .modal-body {
    padding-top: 0;
    padding-bottom: 16px;
}
.cstm_modal .modal-footer {
    border-top: none;
    padding: 0 30px 30px;
}
.cstm_modal .submit_btn,
.submit_btn {
    background: var(--color-blue-500);
    color: var(--color-white);
    border: 1px solid var(--color-blue-500);
    border-radius: 4px;
    padding: 12px 14px;
}
.cstm_modal .submit_btn:hover,
.submit_btn:hover {
    background: transparent;
    color: var(--color-blue-500);
}
.cstm_medium_modal .modal-header,
.cstm_medium_modal .modal-body {
    padding-left: 0;
    padding-right: 0;
}
.sub_hero_banner {
    position: relative;
    overflow: hidden;
    padding: 110px 0;
}
.sub_hero_banner .banner_bg{
    position: absolute;
    inset: 0;
    z-index: 1;
}
.sub_hero_banner .banner_bg img {
    width: 100%;
    height: 100%;
}
.sub_hero_banner .banner_overlay {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.17);
    z-index: 2;
}  
.sub_hero_banner .container{
    position: relative;
    z-index: 3;
}
.sub_hero_banner .content_holder {
    text-align: center;
}
.sub_hero_banner .content_holder.text_left {
    text-align: left;
}
.max-w-600 {
    max-width: 600px;
}
.sub_hero_banner .content_holder .heading {
    font-size: 3rem;
    font-weight: 700;
    background: linear-gradient(
        90deg,
        #142F48 0%,
        #33B1E0 53%,
        #369D3A 100%
      );
      
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
}
.sub_hero_banner .content_holder .content {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--color-grey-500);
}
.sub_hero_banner .content_holder .banner_btn,
.green_btn {
    display: inline-block;
    background: var(--color-green-500);
    color: var(--color-white);
    border: 1px solid var(--color-green-500);
    border-radius: 4px;
    padding: 15px 20px;
    box-shadow: 6px 40px 11px 0 rgba(67, 143, 110, 0),
        4px 25px 10px 0 rgba(67, 143, 110, 0.03),
        2px 14px 9px 0 rgba(67, 143, 110, 0.11),
        1px 6px 6px 0 rgba(67, 143, 110, 0.13),
        0px 2px 4px 0 rgba(67, 143, 110, 0.11);
}
.sub_hero_banner .content_holder .banner_btn:hover,
.green_btn:hover {
    background: var(--color-white);
    color: var(--color-green-500);
}
.sub_hero_banner.sub_banner_two_sided_holder {
    padding: 0;
}
.sub_hero_banner.sub_banner_two_sided_holder .all_cards_holder {
    justify-content: space-between;
}
.sub_hero_banner.sub_banner_two_sided_holder .all_cards_holder .content_holder {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px 0;
}
.sub_hero_banner.sub_banner_two_sided_holder .right_img_holder img {
    width: auto;
    height: auto;
}
.contact_form_section .each_card_holder {
    display: flex;
    gap: 10px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 10px;
}
.contact_form_section .all_cards_outer_holder {
    height: 100%;
    padding-right: 50px;
}
.contact_form_section .form_outer_holder {
    padding-left: 50px;
    border-left: 1px solid #cecece;
}
.contact_form_section .each_card_holder.form_holder {
    flex-wrap: wrap;
    gap: 0;
    padding: 20px 30px;
}
.contact_form_section .each_card_holder .icon_holder {
    min-width: 36px;
    min-height: 36px;
    max-width: 36px;
    max-height: 36px;
    border: none;
}
.contact_form_section .each_card_holder .icon_holder.light_blue_icon_holder {
    background: #CEE3FC;
    color: #0974F2;
}
.contact_form_section .each_card_holder .icon_holder.light_green_icon_holder {
    background: rgba(0, 162, 70, 0.2);
    color: #00A246;
}
.contact_form_section .each_card_holder .icon_holder.light_yellow_icon_holder {
    background: rgba(252, 136, 2, 0.2);
    color: #FC8802;
}
.contact_form_section .each_card_holder .icon_holder i {
    font-size: 1.25rem;
}
.contact_form_section .each_card_holder .content_holder .heading_holder {
    font-size: 1rem;
    color: var(--color-grey-500);
    margin-bottom: 0;
}
.contact_form_section .each_card_holder .content_holder .description_holder {
    color: var(--color-grey-400);
    margin-bottom: 0;
}
.contact_form_section .each_card_holder .content_holder .info_holder {
    color: var(--color-blue-500);
    margin-bottom: 0;
}
.form_holder input,
.form_holder select {
    font-size: 1rem;
    color: var(--color-black);
    border-color: #CECECE;
    border-radius: 6px;
    padding: 8px 16px;
}
.form_holder input::placeholder {
    color: #767676;
}
.form_holder input.phone_input::placeholder {
    color: #CECECE;
}
.plan_pricing_section .plan_card_holder {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
.plan_pricing_section .plan_card_holder .top_outer_holder {
    border-radius: 10px;
}
.plan_pricing_section .plan_card_holder .top_outer_holder .top_heading_holder {
    background-image: url('./images/mask-pricinng-bg.svg');
    background-repeat: no-repeat;
    position: relative;
    padding: 13px 35px 50px;
    overflow: hidden;
}
.plan_pricing_section .plan_card_holder .top_outer_holder .top_heading_holder .top_heading_inner_holder {
    color: var(--color-white);
    position: relative;
    z-index: 1;
}
.plan_pricing_section .plan_card_holder.professional_plan_holder .top_outer_holder .top_heading_holder::before {
    content: 'Popular';
    min-width: 170px;
    max-width: 170px;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: 5px;
    display: inline-block;
    position: absolute;
    left: -40px;
    top: 20px;
    background: var(--color-white);
    color: #129C84;
    transform: rotate(-40deg);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.plan_pricing_section .plan_card_holder .top_outer_holder .top_heading_holder::after {
    content: '';
    width: 105%;
    height: 100%;
    transform: skewY(-10deg);
    position: absolute;
    left: 0;
    bottom: -85%;
    background: var(--color-white);
    z-index: 2;
}
.plan_pricing_section .plan_card_holder .top_outer_holder .top_heading_holder .amount_holder {
    font-size: 2.625rem;
    font-weight: 700;
    text-align: right;
    margin-bottom: 0;
}
.plan_pricing_section .plan_card_holder .top_outer_holder .top_heading_holder .month_holder {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: right;
    margin-bottom: 0;
    position: relative;
}
.plan_pricing_section .plan_card_holder .top_outer_holder .top_heading_holder .month_holder .line_holder {
    flex: 1;
    height: 1px;
    background: var(--color-white);
}
.plan_pricing_section .plan_card_holder .top_outer_holder .top_heading_holder .package_name_holder {
    font-size: 1.875rem;
    font-weight: 600;
    margin-bottom: 0;
}
.plan_pricing_section .plan_card_holder .top_outer_holder .icon_btn_info_holder {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
    background: var(--color-white);
    text-align: center;
    padding: 14px 16px 20px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 93px 26px 0 rgba(143, 143, 143, 0),
        0 59px 24px 0 rgba(143, 143, 143, 0.01),
        0 33px 20px 0 rgba(143, 143, 143, 0.05),
        0 15px 15px 0 rgba(143, 143, 143, 0.09),
        0 4px 8px 0 rgba(143, 143, 143, 0.1);
}
.plan_pricing_section .plan_card_holder .top_outer_holder .icon_btn_info_holder img {
    height: 100px;
    object-fit: contain;
}
.plan_pricing_section .plan_card_holder .top_outer_holder .icon_btn_info_holder .contact_btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.188rem;
    font-weight: 600;
    padding: 16px 30px;
    color: #0974F2;
    border: 1px solid #0974F2;
    border-radius: 5px;
    box-shadow: 0 34px 9px 0 rgba(33, 100, 151, 0),
        0 22px 9px 0 rgba(33, 100, 151, 0.01),
        0 12px 7px 0 rgba(33, 100, 151, 0.05),
        0 5px 5px 0 rgba(33, 100, 151, 0.09),
        0 1px 3px 0 rgba(33, 100, 151, 0.1);
}
.plan_pricing_section .plan_card_holder .top_outer_holder .icon_btn_info_holder .contact_btn:hover {
    background: #0974F2;
    color: var(--color-white);
}
.plan_pricing_section .plan_card_holder .all_lists_outer_holder ul {
    background: #F3F3F4;
    border: 1px solid #C7C7CB;
    border-width: 0 1px;
    padding: 0;
    padding-top: 26px;
    margin: 0;
}
.plan_pricing_section .plan_card_holder .all_lists_outer_holder.checked_lists_holder ul li {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 16px;
    padding-left: 40px;
    margin-bottom: 0;
}
.plan_pricing_section .plan_card_holder .all_lists_outer_holder.checked_lists_holder ul li::before {
    content: '\e607';
    left: 16px;
    top: 22px;
    font-size: 16px;
    line-height: 16px;
}
.plan_pricing_section .plan_card_holder .all_lists_outer_holder.checked_lists_holder ul li:nth-child(even) {
    background: var(--color-white);
}
.plan_pricing_section .plan_card_holder .all_lists_outer_holder.checked_lists_holder ul li .heading {
    font-size: 0.938rem;
    margin-bottom: 4px;
}
.plan_pricing_section .plan_card_holder .all_lists_outer_holder.checked_lists_holder ul li .content {
    font-size: 0.813rem;
    margin-bottom: 0;
}
.plan_pricing_section .plan_card_holder .bottom_outer_holder {
    background: #EAB422;
    color: var(--color-white);
    padding: 7px 16px;
}
.plan_pricing_section .plan_card_holder .bottom_outer_holder .bottom_heading_holder {
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 4px;
}
.plan_pricing_section .plan_card_holder .bottom_outer_holder .content_holder {
    font-size: 0.813rem;
}
.plan_pricing_section .plan_card_holder.starter_plan_holder .top_outer_holder .top_heading_holder,
.plan_pricing_section .plan_card_holder.starter_plan_holder .bottom_outer_holder {
    background-color: #EAB422;
}
.plan_pricing_section .plan_card_holder.professional_plan_holder .top_outer_holder .top_heading_holder,
.plan_pricing_section .plan_card_holder.professional_plan_holder .bottom_outer_holder {
    background-color: #A2C63C;
}
.plan_pricing_section .plan_card_holder.custom_plan_holder .top_outer_holder .top_heading_holder,
.plan_pricing_section .plan_card_holder.custom_plan_holder .bottom_outer_holder {
    background-color: #129C84;
}
.plan_pricing_section .plan_card_holder.professional_plan_holder .all_lists_outer_holder {
    border-color: #A2C63C;
}
.faq_section .accordion {
    max-width: 920px;
    margin: 0 auto;
}
.faq_section .accordion .accordion-item {
    border-top: 1px;
    border: 1px solid #F4D85B;
    margin-bottom: 10px;
}
.faq_section .accordion .accordion-button {
    background: #FFFAE4;
    color: var(--color-grey-500);
    font-size: 1.5rem;
    font-weight: 600;
    padding: 12px 20px;
    box-shadow: none;
}
.faq_section .accordion .accordion-button::after {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z' opacity='0.2'%3E%3C/path%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm37.66-101.66a8,8,0,0,1-11.32,11.32L136,107.31V168a8,8,0,0,1-16,0V107.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0Z'%3E%3C/path%3E%3C/svg%3E");
    
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center;
}
.faq_section .accordion .accordion-body {
    font-size: 1.125rem;
    color: var(--color-grey-400);
    padding: 10px 20px;
    border-top: 1px solid #F4D85B;
}
.dotted_inline_lists_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.dotted_inline_lists_holder li {
    display: inline-flex;
    align-items: center;
}
.dotted_inline_lists_holder li:not(:first-child)::before {
    content: '';
    width: 10px;
    height: 10px;
    background:  var(--color-grey-300);
    display: inline-block;
    border-radius: 100%;
    margin-right: 10px;
}


/* Search Tabs Section */
.search_tabs_section {
    background: var(--color-white);
}
.search_tabs_section .search_tabs_holder {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    margin-bottom: 24px;
    border: 1px solid var(--color-white-50);
    border-width: 1px 0;
}
.search_tabs_section .search_input_holder {
    position: relative;
    min-width: 300px;
    max-width: 400px;
}
.search_tabs_section .search_input_holder .search_icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    color: var(--color-grey-300);
}
.search_tabs_section .search_input_holder .search_input {
    padding: 12px 16px 12px 40px;
    border: 1px solid #B6BFC6;
    border-radius: 10px;
    font-size: 1rem;
    color: var(--color-black);
    background: var(--color-white);
}
.search_tabs_section .search_input_holder .search_input:focus {
    outline: none;
    border-color: var(--color-green-500);
    box-shadow: 0 0 0 3px rgba(67, 143, 110, 0.1);
}
.search_tabs_section .search_tabs_holder .tabs_holder {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 0;
}
.search_tabs_section .search_tabs_holder .tabs_holder .tab_btn {
    background: transparent;
    border: 1px solid #B6BFC6;
    padding: 14px 20px;
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-grey-300);
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
    border-radius: 999px;
}
.search_tabs_section .search_tabs_holder .tabs_holder .tab_btn:hover {
    color: var(--color-grey-500);
}
.search_tabs_section .search_tabs_holder .tabs_holder .tab_btn.active {
    background: linear-gradient(80deg, #38C98A 0%, #3191CD 100%);
    border: 1px solid transparent;
    color: var(--color-white);
    font-weight: 500;
    position: relative;
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, color .35s ease, background .35s ease;
    will-change: transform;
}
.search_tabs_section .search_tabs_holder .tabs_holder .tab_btn.active::after {
    width: 100%;
}
.search_tabs_section .cards_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.search_tabs_section .cards_container .card_holder {
    background: var(--color-white);
    border: 1px solid var(--color-white-50);
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.search_tabs_section .cards_container .card_holder:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}
.search_tabs_section .cards_container .card_holder.hidden {
    display: none;
}
.search_tabs_section .cards_container .card_holder .card_image_holder {
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.search_tabs_section .cards_container .card_holder .card_image_holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.search_tabs_section .cards_container .card_holder:hover .card_image_holder img {
    transform: scale(1.05);
}
.search_tabs_section .cards_container .card_holder .card_content_holder {
    padding: 20px;
}
.search_tabs_section .cards_container .card_holder .card_content_holder .main_heading {
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 64px;
}
.search_tabs_section .cards_container .card_holder .card_content_holder .main_para {
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search_tabs_section .cards_container .card_holder .card_content_holder .card_read_btn {
    color: var(--color-green-500);
    font-weight: 500;
}
.single_post_section .post_content_holder {
    padding-right: 30px;
}
.single_post_section .post_content_holder .post_featured_image {
    margin-bottom: 30px;
}
.single_post_section .post_content_holder .post_featured_image img {
    width: 100%;
    height: auto;
    border-radius: 12px;
}
.single_post_section .post_content_holder h1 {
    font-size: 2.75rem;
    font-weight: 700;
    color: var(--color-grey-500);
    margin-bottom: 20px;
}
.single_post_section .post_content_holder .post_text_content h2 {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--color-grey-500);
    margin-bottom: 20px;
}
.single_post_section .post_content_holder .post_text_content h4 {
    font-size: 1.5rem;
    color: var(--color-grey-400);
    margin-bottom: 20px;
}
.single_post_section .post_content_holder .post_text_content p {
    font-size: 1.125rem;
    color: var(--color-grey-400);
    margin-bottom: 20px;
}
.single_post_section .post_content_holder .post_blue_holder {
    background: var(--color-green-50);
    color: var(--color-grey-400);
    font-size: 1.125rem;
    font-style: italic;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}
.single_post_section .post_content_holder .post_blue_holder .main_heading {
    font-size: 2.25rem;
    font-style: italic;
    font-weight: bold;
    color: var(--color-blue-500);
    margin-bottom: 20px;
}
.single_post_section .post_content_holder .post_blue_holder .italic_para {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 20px;
}
.single_post_section .sidebar_holder {
    position: sticky;
    top: 100px;
    align-self: flex-start;
}
.single_post_section .sidebar_holder .sidebar_inner .sidebar_heading {
    padding: 10px 0;
    border-bottom: 1px solid #B6BFC6;
    margin-bottom: 30px;
}
.single_post_section .sidebar_holder .sidebar_inner .card_content_holder {
    border-bottom: 1px solid var(--color-white-50);
    margin-bottom: 12px;
}
.single_post_section .sidebar_holder .sidebar_inner .card_content_holder .card_read_btn {
    display: inline-block;
    color: var(--color-green-500);
    font-weight: 500; 
    padding: 12px 0;
}

.ios_old .hero_banner .banner_content .heading_holder {
    background: transparent;
    -webkit-background-clip: none;
    -webkit-text-fill-color: initial;
    background-clip: none;
    color: #236FAE;
}

.ios_old .hero_banner .banner_content .all_btns_holder button, .ios_old .ready_cases_section .all_btns_holder > a:first-child {
    margin-right: 20px; 
 }

@media (max-width: 1400px) {
    .treatment_banner_holder .right_holder {
        padding-left: 70px;
    }
    .treatment_banner_holder .right_holder .legends_content_holder {
        padding: 10px 0 10px 70px;
    }
    .main_section .three_container_holder .left_holder, 
    .main_section .three_container_holder .right_holder,
    .main_section .three_container_holder .middle_holder,
    .treatment_banner_holder .right_holder .legends_content_holder .lists_holder li {
        width: 100%;
    }
    .main_section .three_container_holder .left_holder, 
    .main_section .three_container_holder .right_holder {
        max-width: 100%;
        text-align: center;
    }
    .main_section .three_container_holder .left_holder .each_card_holder {
        max-width: 470px;
        margin-left: auto;
        margin-right: auto;
    }
    .main_section .three_container_holder .middle_holder {
        margin-left: auto;
        margin-right: auto;
    }
    .treatment_banner_holder .right_holder .legends_content_holder .only_text_holder {
        padding-left: 0;
    }
    .search_tabs_section .search_input_holder .search_input {
        padding: 5px 16px 5px 40px;
    }
    .search_tabs_section .search_tabs_holder .tabs_holder .tab_btn {
        padding: 8px 12px;
        font-size: 0.75rem;
    }
}
@media (max-width: 1200px) {
    .treatment_banner_holder .right_holder {
        gap: 20px;
    }
    .treatment_banner_holder::after {
        content: none;
    }
    .treatment_banner_holder .left_holder,
    .treatment_banner_holder .right_holder,
    .treatment_banner_holder .right_holder .legends_content_holder {
        width: 100%;
        justify-content: center;
    }
    .treatment_banner_holder .right_holder .legends_content_holder {
        flex-direction: row;
        flex-wrap: wrap;
        height: auto;
        padding: 0;
    }
    .treatment_banner_holder .right_holder .legends_content_holder .lists_holder {
        justify-content: center;
    }
    .treatment_banner_holder .right_holder .legends_content_holder .lists_holder li {
        width: auto;
    }
    .treatment_banner_holder .right_holder {
        background: var(--color-blue-50);
        padding: 20px 0;
    }
    .treatment_banner_holder .right_holder .legends_content_holder .lists_holder li label {
        min-width: auto;
    }
}
@media (max-width: 1024px) {
    html {
        font-size: 13px;
    }
    .main_section {
        padding: 30px 0;
    }
    .treatment_plan_section .left_holder {
        line-height: 48px;
    }
    .icon_holder {
        width: 40px;
        height: 40px;
    }
    .icon_holder i {
        font-size: 20px;
    }
    .treatment_plan_section .img_holder {
        bottom: -60px;
    }
    .hero_banner .banner_content {
        max-width: 460px;
    }
    .search_tabs_section .cards_container {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 991px) {
    .header .navbar-toggler-new {
        display: inline-block;
    }
    .header .navbar-collapse {
        padding: 20px 0;
    }
    .header .navbar-collapse .navbar-nav {
        display: inline-flex;
    }
    .header .navbar-nav li a::after {
        left: 0;
        transform: none;
    }
    .hero_banner .banner_img_video_holder {
        position: relative;
        transform: none;
    }
    .hero_banner .banner_poster {
        width: 100%;
    }
    .hero_banner::before {
        content: none;
    }
    .hero_banner .banner_content {
        padding: 0 0 20px;
    }
    .hero_banner .video_wrapper .banner_video {
        mask-image: none;
    }
    .hero_banner .play_btn {
        right: auto;
        left: 0;
        bottom: 0;
        transform: translateX(0);
        background: color-mix(in srgb, var(--color-black) 100%, transparent);
    }
    .hero_banner .play_btn #videoBtnText {
        display: none !important;
    }
    .font_36,
    .single_post_section .post_content_holder .post_text_content h2,
    .single_post_section .post_content_holder .post_blue_holder .main_heading {
        font-size: 1.846rem;
    }
    .font_52 {
        font-size: 2.462rem;
    }
    .treatment_plan_section .left_holder {
        line-height: 40px;
    }
    .all_cards_holder {
        justify-content: center;
    }
    .all_cards_holder .cstm_white_card_holder {
        width: calc(50% - 6px);
    }
    .contact_form_section .all_cards_outer_holder {
        padding-right: 10px;
    }
    .contact_form_section .form_outer_holder {
        padding-left: 25px;
    }
    .plan_pricing_section .plan_card_holder .top_outer_holder .top_heading_holder::after {
        content: none;
    }
}
@media (max-width: 768px) {
    .treatment_plan_section .left_holder {
        border-right: none;
    }
    .services_section .cstm_white_card_holder .content_holder {
        font-size: 1.154rem;
    }
    .services_section .cstm_white_card_holder .blue_light_outlined_btn {
        font-size: 1rem;
    }
    .cards_row_holder_section .cards_row_holder .cstm_card_holder {
        text-align: center;
    }
    .cards_row_holder_section .cards_row_holder {
        gap: 16px;
    }
    footer .top_footer_holder .logo_holder,
    footer .top_footer_holder .navbar-nav {
        display: none;
    }
    footer .top_footer_holder,
    footer .bottom_footer_holder {
        text-align: center;
    }
    footer .container {
        justify-content: center;
    }
    footer .bottom_footer_holder .container {
        gap: 16px;
    }
    .contact_form_section .all_cards_outer_holder {
        padding-right: 0;
    }
    .contact_form_section .form_outer_holder {
        padding-left: 0;
        border-left: none;
    }
    .search_tabs_section .cards_container {
        grid-template-columns: 1fr;
    }
    .search_tabs_section .search_tabs_holder .tabs_holder {
        gap: 4px;
    }
    .search_tabs_section .search_tabs_holder .tabs_holder .tab_btn {
        padding: 8px 12px;
        font-size: 0.875rem;
    }
    .search_tabs_section .search_input_holder {
        min-width: 100%;
        max-width: 100%;
    }
}
@media (max-width: 600px) {
    body {
        line-height: 1.2;
    }
    .treatment_plan_section {
        text-align: center;
    }
    .font_28 {
        font-size: 1.538rem;
    }
    .font_36,
    .single_post_section .post_content_holder .post_text_content h2,
    .single_post_section .post_content_holder .post_blue_holder .main_heading {
        font-size: 1.846rem;
    }
    .font_52 {
        font-size: 2.154rem;
    }
}
@media (max-width: 480px) {
    .treatment_banner_holder .left_holder .content_holder {
        padding: 25px 15px;
    }
    .treatment_banner_holder .left_holder .content_holder .amount {
        font-size: 2rem;
    }
    .search_tabs_section .search_tabs_holder .tabs_holder .tab_btn {
        padding: 6px 10px;
    }
}

@media (min-width: 576px) {
    .cstm_medium_modal .modal-dialog {
        max-width: 800px;
    }
}