/* font-family: "Inter", sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');   


/* color variables */

:root {
    /* --primary_color: #3487B8; */
    --secondary_color: #FFFFFF;
    --transparent_color: #FFFFFF00;
    --black_color: #000000;
    --light_black_color: #989898;
    --white_color: #FFFFFF;
    --red_color: #C73636;
    --orange_color: #EB7500;
    --description_color: #6A6363;
    --gf_step_number_color: #333333;


    /* --light_color: #EBF3F8;
    --light_hover_color: #E1EDF4;
    --light_active_color: #C0DAE9;
    --normal_color: #3487B8;
    --normal_hover_color: #2F7AA6;
    --normal_active_color: #2A6C93;
    --dark_color: #27658A;
    --dark_hover_color: #1F516E;
    --dark_active_color: #173D53;
    --darker_color: #122F40; */


    --header_bg_color: #F8F8F8;
    --section_bg_color: #F1F2F4;
    --form_border_color: #c3c3c3;
    --footer_bg_color: #14181F;
    --footer_border_color: #535353;
    --showtime_bg_color: #080F1A;
    --copyright_bg_color: #1E2832;
    --video_overlay_color: #00000080;


    --slider_dot_color: #D9D9D9;
    --gf_step_number_dot_bg_color: #E0E0E7;

    --section_box_shadow: 0px 4px 16px 0px #0000001F;
    --input_field_box_shadow: 0px 2px 4px 0px #00000040;


    --input_field_active_bg_color: #3487B826;


    --tab_one_bg_color: #FBEFE3;
    --tab_one_border_color: #EBC7A3;
    --tab_two_bg_color: #EDF7FB;
    --tab_two_border_color: #9FD3E8;
    --tab_three_bg_color: #EAE8EB;
    --tab_three_border_color: #D2BFDC;
    --tab_four_bg_color: #DBE8FC;
    --tab_four_border_color: #9CB2D4;

}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
    height: 100%;
    font-family: 'Inter', sans-serif;
}

body {
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--black_color);
    background-color: var(--secondary_color);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
    display: inline-block;
}

ul,
li{
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.h1{
    font-size: clamp(1.625rem, 3vw, 2.25rem); /* 26px → 36px */
    font-weight: 700;
    line-height: 1.4;
}

.h2{
    font-size: clamp(1.5rem, 3vw, 2rem); /* 24px → 32px */
    font-weight: 700;
    line-height: 1.4;
}

.h3{
    font-size: clamp(1.375rem, 2vw, 1.75rem); /* 22px → 28px */
    font-weight: 700;
    line-height: 1.4;
}

.h4{
    font-size: clamp(1.25rem, 2vw, 1.563rem); /* 20px → 25px */
    font-weight: 600;
    line-height: 1.4;
}

.h5{
    font-size: clamp(1.125rem, 2vw, 1.375rem); /* 18px → 22px */
    font-weight: 600;
    line-height: 1.4;
}

.h6{
    font-size: clamp(1rem, 2vw, 1.25rem); /* 16px → 20px */
    font-weight: 600;
    line-height: 1.4;
}

.p1{
    font-size: clamp(0.875rem, 1vw, 1.25rem); /* 14px → 20px */
    font-weight: 400;
    line-height: 1.6;
}

.p2{
    font-size: clamp(0.813rem, 1vw, 1.188rem); /* 13px → 19px */
    font-weight: 400;
    line-height: 1.6;
}

.p3{
    font-size: clamp(0.75rem, 1vw, 1.125rem); /* 12px → 18px */
    font-weight: 400;
    line-height: 1.6;
}

.p4{
    font-size: clamp(0.625rem, 1vw, 0.75rem); /* 10px → 12px */
    font-weight: 400;
    line-height: 1.6;
}

.p5{
    font-size: clamp(0.5rem, 1vw, 0.625rem); /* 8px → 10px */
    font-weight: 600;
    line-height: 1.6;
}


.overflow-hidden{
    overflow: hidden;
}


/* Fluid Container */

.fluid-container{
    max-width: 100%;
    margin: 0 120px;
}

@media (max-width: 1600px){
    .fluid-container{
        max-width: 1440px;
        padding: 0 20px;
        width: 100%;
        margin: 0 auto;
    }
}




/* Container */

.container{
    max-width: 1440px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}



/* Filled btn */

.btn-filled{
    display: inline-block;
    background-color: var(--dark_active_color);
    padding: 15px 20px;
    color: var(--secondary_color);
    text-align: center;
    border-radius: 90px;
    cursor: pointer;
    border: 1px solid var(--dark_active_color);
    transition: all 0.3s ease;
    font-size: clamp(0.875rem, 1vw, 1.05rem);
    font-weight: 500;
    line-height: 1.25;
}

.btn-filled:hover{
    background-color: var(--secondary_color);
    color: var(--dark_active_color);
}

@media (max-width: 767px){
    .btn-filled{
        padding: 10px 15px;
    }
}



/* Outline Bth */

.btn-outline{
    display: inline-block;
    background-color: var(--secondary_color);
    padding: 15px 20px;
    color: var(--dark_active_color);
    text-align: center;
    border-radius: 90px;
    cursor: pointer;
    border: 1px solid var(--dark_active_color);
    transition: all 0.3s ease;
    font-size: clamp(0.875rem, 1vw, 1.05rem);
    font-weight: 500;
    line-height: 1.25;
}

.btn-outline:hover{
    background-color: var(--dark_active_color);
    color: var(--secondary_color);
}

@media (max-width: 767px){
    .btn-outline{
        padding: 10px 15px;
    }
}



/* Link Arrow global class*/

.link-arrow-blue,
.link-arrow-white{
    position: relative;
}

.link-arrow-blue{
    padding-right: 50px;
}

.link-arrow-blue::after{
    content: url('/wp-content/uploads/2025/10/link-blue-arrow.webp');
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    transition: all 0.3s ease;
}

.link-arrow-blue:hover::after{
    transform: translate(15%, -50%);
}

.link-arrow-white{
    padding-right: 25px;
}

.link-arrow-white::after{
    content: url('/wp-content/uploads/2025/11/link-white-arrow.webp');
    position: absolute;
    right: 0;
    top: 60%;
    transform: translate(0%, -50%);
    transition: all 0.3s ease;
}

.link-arrow-white:hover::after{
    transform: translate(15%, -50%);
}


/* Section padding large global class*/

.section-padding-large{
    padding: 60px 0px;
    /*padding: 80px 0px;*/
}

@media(max-width: 767px){
    .section-padding-large{
        padding: 40px 0px;
    }
}



/* Section padding global class */

.section-padding{
    padding: 40px 0px;
}

@media(max-width: 767px){
    .section-padding{
        padding: 25px 0px;
    }
}



/* Top padding global class */

.top-padding{
    padding: 40px 0 0;
}

@media(max-width: 767px){
    .top-padding{
        padding: 25px 0 0;
    }
}




/* Bottom padding global class */

.bottom-padding{
    padding: 0 0 40px;
}

@media(max-width: 767px){
    .bottom-padding{
        padding: 0 0 25px;
    }
}



.section-bg-color{
    background-color: var(--section_bg_color);
}



.footer-padding{
    padding: 50px 0 35px;
}




.title-underline{
    position: relative;
    padding: 0 0 20px 0;
}

.title-underline::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: var(--orange_color);
    width: 100px;
}

.center-underline.title-underline::after{
    left: 50%;
    transform: translate(-50%, 0%);
}




.slick-dots li button:before {
    font-size: 0.875rem;
    height: 15px;
    width: 15px;
    color: var(--slider_dot_color);
}

.slick-dots li.slick-active button:before {
    color: var(--normal_active_color);
}

@media (max-width: 580px){
    body {
        font-size: 0.875rem;
    }
}