:root {
    --ge-accent: #FF5E15;
    --ge-dark: #00173C;
    --ge-white: #ffffff;
    --theme-color: #0568B3;

    --theme-color2: #c2df93;

    --theme-color3: #f8f8f8;

    --title-color: var(--dark-color);

    --body-color: var(--gray-color);

    --dark-color: #000000;

    --dark-color2: #053131;

    --dark-color3: #114f4f;

    --dark-color4: #093b3b;

    --gray-color: #000000;

    --gray-color2: #90b4b6;

    --white-color: #ffffff;

    --light-color: #ffffff00;

    --light-color2: #f4f8ec;

    --light-color3: #dcefef;

    --light-color4: #ddf1f1;

    --light-color5: #f6f6f6;

    --orange-color: #ff9d10;

    --orange-color2: #f9c664;

    --success-color: #28a745;

    --error-color: #ff0000;

    --bs-text-color1: #10171d;

    --bs-text-color2: rgba(255, 255, 255, 0.70);

    --bs-bg-color1: rgba(6, 50, 50, 0.4);

    --bs-bg-color2: rgba(0, 0, 0, 0.60);

    --bs-bg-color3: rgba(0, 0, 0, 0.3);

    --bs-bg-color4: rgba(236, 248, 248, 0.2);

    --bs-bg-color5: rgba(255, 255, 255, 0.30);

    --bs-bg-color6: rgba(255, 255, 255, 0.50);

    --bs-bg-color7: rgba(6, 50, 50, 0.10);

    --bs-bg-color8: rgba(6, 50, 50, 0.8);

    --bs-bg-color9: rgba(255, 255, 255, .3);

    --bs-bg-color10: rgba(255, 255, 255, 0.10);

    --bs-bg-color11: rgba(209, 219, 219, 0.3);

    --bs-bg-color12: rgba(255, 255, 255, 0.2);

    --bs-bg-color13: rgba(6, 50, 50, 0.70);

    --bs-bg-color14: rgba(255, 255, 255, 0.6);

    --bs-bg-color15: rgba(6, 50, 50, 0.90);

    --bs-bg-color16: rgba(6, 50, 50, 0.30);

    --bs-bg-color17: rgba(193, 223, 147, 0.9999999999999999);

    --bs-bg-color18: rgba(194, 223, 147, 0.5019607843137255);

    --bs-bg-color19: rgba(3, 42, 42, 0.9019607843137255);

    --bs-bg-color20: #186060;

    --bs-border-color: rgba(255, 255, 255, 0.10);

    --bs-border-color2: rgba(255, 255, 255, 0.2);

    --bs-border-color3: rgba(0, 0, 0, .05);

    --bs-border-color4: rgba(212, 226, 226, 0.3);

    --bs-border-color5: rgba(0, 67, 70, 0.10);

    --bs-border-color6: rgba(6, 50, 50, 0.15);

    --bs-border-color7: rgba(6, 50, 50, 0.1);

    --bs-border-color8: #dce4d9;

    --bs-border-color9: rgba(255, 255, 255, 0.30);

    --bs-border-color10: rgba(6, 50, 50, 0.10);

    --bs-border-color11: rgba(255, 255, 255, 0.2);

    --bs-border-color12: rgba(6, 50, 50, 0.2);

    --bs-border-color13: rgba(255, 255, 255, 0.15);

    --bs-border-color14: #FFFFFF66;

    --title-font: "Montserrat", sans-serif;

    --body-font: "Montserrat", sans-serif;

    --icon-font: "Font Awesome 6 Pro";

    --main-container: 1320px;

    --container-gutters: 24px;

    --section-space: 120px;

    --section-space-mobile: 80px;

    --section-space-small-mobile: 60px;

    --section-title-space: 70px;

    --ripple-ani-duration: 5s

}

html, body {
    overflow-anchor: none;
    overscroll-behavior-y: none; 
}





html,

body {

    scroll-behavior: smooth !important

}



body {

    font-family: var(--body-font);

    font-size: 16px;

    font-weight: 400;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased

}








section {

    position: relative;

    z-index: 1

}



section>.outer-box {

    margin: 0 60px;

    position: relative;

    z-index: 1;

    overflow: hidden

}



@media(max-width: 1399px) {

    section>.outer-box {

        margin: 0 12px

    }

}



@media(max-width: 540px) {

    section>.outer-box {

        margin: 0

    }

}



iframe {

    border: none;

    width: 100%

}



.slick-slide:focus,

button:focus,

a:focus,

a:active,

input,

input:hover,

input:focus,

input:active,

textarea,

textarea:hover,

textarea:focus,

textarea:active {

    outline: none

}



input:focus {

    outline: none;

    box-shadow: none

}







ul {

    list-style-type: none;

    margin-bottom: 0;

    padding: 0;

    list-style: none

}



ol {

    list-style-type: decimal

}



table {

    margin: 0 0 1.5em;

    width: 100%;

    border-collapse: collapse;

    border-spacing: 0;

    border: 1px solid var(--bs-border-color)

}



th {

    font-weight: 700;

    color: var(--title-color)

}



td,

th {

    border: 1px solid var(--bs-border-color);

    padding: 9px 12px

}











span.ajax-loader:empty,

p:empty {

    display: none

}



p {

    font-family: var(--body-font);

    margin: 0 0 15px 0;

    color: var(--gray-color);

    line-height: 1.75

}






@media(max-width: 1199px) {



    .h1,

    h1 {

        font-size: 44px;

        line-height: 1.3

    }



    .h2,

    h2 {

        font-size: 40px;

        line-height: 1.25

    }



    .h3,

    h3 {

        font-size: 30px

    }



    .h4,

    h4 {

        font-size: 24px

    }



    .h5,

    h5 {

        font-size: 20px

    }



    .h6,

    h6 {

        font-size: 16px

    }

}



@media(max-width: 767px) {



    .h1,

    h1 {

        font-size: 40px

    }



    .h2,

    h2 {

        font-size: 34px;

        line-height: 1.3

    }



    .h3,

    h3 {

        font-size: 26px

    }



    .h4,

    h4 {

        font-size: 22px

    }



    .h5,

    h5 {

        font-size: 18px

    }



    .h6,

    h6 {

        font-size: 16px

    }

}



@media(max-width: 575px) {



    .h1,

    h1 {

        font-size: 34px;

        line-height: 1.35

    }



    .h2,

    h2 {

        font-size: 30px

    }

}



@media(max-width: 375px) {



    .h1,

    h1 {

        font-size: 32px

    }

}









.breadcrumb-section {
    position: relative;
    width: 100%;
    padding: 200px 0 100px;
    display: flex;
    align-items: center;
    background-color: #222;
    overflow: hidden;
}

.breadcrumb-section .bg.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}

.breadcrumb-section .bg.bg-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 10% 20%, rgba(29, 88, 173, 0.78) 0%, rgba(0, 32, 175, 0.82) 50%, rgba(0, 10, 46, 0.85) 100%);
    z-index: 2;
}

.breadcrumb-section .container {
    position: relative;
    z-index: 5;
}

.breadcrumb-section .title-outer {
    display: flex;
    align-items: center;
    width: 100%;
}

.breadcrumb-section .page-title {
    width: 100%;
    max-width: 55%;
}

.breadcrumb-section .title {
    color: #ffffff;
    font-size: 42px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.breadcrumb-section .page-breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.breadcrumb-section .page-breadcrumb li {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1;
}

.breadcrumb-section .page-breadcrumb li a {
    display: flex;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
    transition: 0.3s ease;
    opacity: 0.9;
}

.breadcrumb-section .page-breadcrumb li a:hover {
    opacity: 1;
    color: var(--theme-color);
    text-decoration: none;
}

.breadcrumb-section .page-breadcrumb li i {
    font-size: 14px;
    color: #ffffff;
    margin: 0 2px;
    display: block;
    line-height: 1;
}

.breadcrumb-section .page-breadcrumb li a:hover i {
    color: var(--theme-color);
}

@media (max-width: 991px) {
    .breadcrumb-section .page-title {
        max-width: 100%;
    }
    .breadcrumb-section .title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .breadcrumb-section {
        padding: 80px 0;
        text-align: center;
    }
    .breadcrumb-section .title-outer {
        justify-content: center;
    }
    .breadcrumb-section .page-breadcrumb {
        justify-content: center;
    }
    .breadcrumb-section .title {
        font-size: 28px;
    }
}



.ca-section {
    padding: 80px 0;
    background-color: #fff;
}

.ca-content {
    display: flex;
    align-items: center; 
    flex-wrap: wrap;     
}

.ca-text {
    font-family: var(--body-font);
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    padding-right: 30px; 
}

.ca-text h2 {
    font-family: var(--title-font);
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
    line-height: 1.3;
}

.ca-text p {
    margin-bottom: 20px;
}

.ca-text strong {
    font-weight: 500;
}

.sticky-wrapper {
    position: sticky;
    top: 100px;
    z-index: 10;
    width: 100%; 
}

.image-box {
    width: 100%;
    aspect-ratio: 3 / 4; 
    
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1); 
    background-color: transparent; 
    position: relative;
}

.styled-image {
    width: 100%;
    height: 100%; 
    display: block;
    object-fit: cover; 
    object-position: center; 
    
    transition: transform 0.5s ease;
}

.image-box:hover .styled-image {
    transform: scale(1.05); 
}

@media (max-width: 991.98px) {
    .ca-section {
        padding: 60px 0;
    }
    
    .ca-text {
        padding-right: 0;
        margin-bottom: 40px; 
    }

    .sticky-wrapper {
        position: static; 
        max-width: 500px; 
        margin: 0 auto;   
    }

    .image-box {
        aspect-ratio: 3 / 4; 
    }
}

html, body {
    margin: 0;
    padding: 0;
    background-color: #000000; 
}

body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}