a {
    text-decoration: none;
}



/* ==========================================
   MAIN NAVBAR
========================================== */

.turban-navbar-main11 {
    width: 100%;
    background:
        linear-gradient(90deg,
            #07162d,
            #0b1d39,
            #07162d);

    position: relative;
    z-index: 999;

    border-bottom: 1px solid #c8942e;

    overflow: visible;
}


/* ==========================================
   NAVBAR CONTAINER
========================================== */

.turban-navbar-container22 {
    width: 100%;
    max-width: 1400px;
    margin: auto;

    min-height: 108px;

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

    padding: 0 35px;

    gap: 30px;
}


/* ==========================================
   LOGO IMAGE
========================================== */

.turban-logo-box33 {
    display: flex;
    align-items: center;

    text-decoration: none;

    min-width: 230px;

    animation: turbanLogoEntry201 1s ease forwards;
}


.turban-logo-image301 {
    width: 220px;
    height: auto;

    max-height: 90px;

    object-fit: contain;

    display: block;

    transition: 0.4s ease;
}


.turban-logo-image301:hover {
    transform: scale(1.03);
}


/* ==========================================
   NAVIGATION MENU
========================================== */

.turban-nav-menu77 {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 42px;

    flex: 1;
}


.turban-nav-link88 {
    position: relative;

    text-decoration: none;

    color: #e7e7e7;

    font-size: 14px;

    font-weight: 500;

    padding: 10px 0;

    transition: 0.4s ease;
}


.turban-nav-link88::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 0;
    height: 2px;

    background: #d99c2b;

    transition: 0.4s ease;
}


.turban-nav-link88:hover {
    color: #d99c2b;

    transform: translateY(-2px);
}


.turban-nav-link88:hover::after {
    width: 100%;
}


.turban-active-link99 {
    color: #d99c2b;
}


.turban-active-link99::after {
    width: 28px;
}


/* ==========================================
   CONTACT AREA
========================================== */

.turban-contact-area101 {
    min-width: 260px;

    border-left: 1px solid rgba(218, 157, 46, 0.35);

    padding-left: 20px;

    position: relative;

    animation: turbanContactEntry203 1s ease forwards;
}


/* ==========================================
   TOP TITLE
========================================== */

.turban-top-title111 {
    position: absolute;

    top: -37px;
    right: 0;

    background: linear-gradient(90deg,
            #b87815,
            #e4ad44);

    color: #142039;

    font-size: 10px;

    font-weight: 700;

    padding: 9px 18px;

    border-radius: 0 0 4px 4px;

    white-space: nowrap;

    animation: turbanTitleGlow204 2s infinite;
}


/* ==========================================
   PHONE
========================================== */

.turban-phone-box121 {
    display: flex;

    align-items: center;

    gap: 10px;

    text-decoration: none;

    margin-bottom: 4px;

    color: #ffffff;

    transition: 0.4s ease;
}


.turban-phone-box121:hover {
    transform: translateX(5px);
}


.turban-phone-icon131 {
    width: 25px;
    height: 25px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(135deg,
            #b87815,
            #e9b84d);

    color: #06162e;

    font-size: 12px;

    animation: turbanPhonePulse205 1.8s infinite;
}


.turban-phone-box121 span {
    font-size: 23px;

    font-weight: 700;

    letter-spacing: 2px;
}


/* ==========================================
   EMAIL
========================================== */

.turban-email-box141 {
    display: flex;

    align-items: center;

    gap: 8px;

    color: #dcdcdc;

    text-decoration: none;

    font-size: 10px;

    margin-bottom: 7px;

    transition: 0.3s ease;
}


.turban-email-box141 i {
    color: #d99c2b;
}


.turban-email-box141:hover {
    color: #d99c2b;
}


/* ==========================================
   SOCIAL ICONS
========================================== */

.turban-social-box151 {
    display: flex;

    align-items: center;

    gap: 10px;
}


.turban-social-link161 {
    width: 23px;
    height: 23px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 5px;

    text-decoration: none;

    font-size: 14px;

    transition: 0.4s ease;
}


.turban-instagram171 {
    background:
        linear-gradient(45deg,
            #f09433,
            #e6683c,
            #dc2743,
            #cc2366,
            #bc1888);

    color: #ffffff;
}


.turban-whatsapp181 {
    background: #25d366;

    color: #ffffff;
}


.turban-social-link161:hover {
    transform: translateY(-4px) scale(1.1);

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
}


/* ==========================================
   MOBILE TOGGLE BUTTON
========================================== */

.turban-mobile-toggle191 {
    display: none;

    width: 42px;
    height: 42px;

    background: transparent;

    border: 1px solid #d99c2b;

    border-radius: 5px;

    cursor: pointer;

    padding: 8px;
}


.turban-mobile-toggle191 span {
    display: block;

    width: 100%;
    height: 2px;

    background: #d99c2b;

    margin: 5px 0;

    transition: 0.4s ease;
}


/* ==========================================
   ANIMATIONS
========================================== */

@keyframes turbanLogoEntry201 {

    from {
        opacity: 0;
        transform: translateX(-40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}


@keyframes turbanContactEntry203 {

    from {
        opacity: 0;
        transform: translateX(40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }

}


@keyframes turbanPhonePulse205 {

    0% {
        box-shadow: 0 0 0 0 rgba(217, 156, 43, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(217, 156, 43, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(217, 156, 43, 0);
    }

}


@keyframes turbanTitleGlow204 {

    0% {
        box-shadow: 0 0 8px rgba(217, 156, 43, 0.2);
    }

    50% {
        box-shadow: 0 0 18px rgba(217, 156, 43, 0.7);
    }

    100% {
        box-shadow: 0 0 8px rgba(217, 156, 43, 0.2);
    }

}


/* ==========================================
   ONLY MOBILE MEDIA QUERY
   MAX WIDTH 768px
========================================== */

@media (max-width: 768px) {

    /* ==========================================
       NAVBAR CONTAINER
    ========================================== */

    .turban-navbar-container22 {
        min-height: 75px;

        padding: 8px 18px;

        gap: 10px;

        position: relative;
    }


    /* ==========================================
       LOGO IMAGE
    ========================================== */

    .turban-logo-box33 {
        min-width: auto;
    }


    .turban-logo-image301 {
        width: 160px;

        max-height: 60px;

        height: auto;
    }


    /* ==========================================
       HIDE DESKTOP CONTACT
    ========================================== */

    .turban-contact-area101 {
        display: none;
    }


    /* ==========================================
       MOBILE MENU BUTTON
    ========================================== */

    .turban-mobile-toggle191 {
        display: block;

        margin-left: auto;
    }


    /* ==========================================
       MOBILE NAVIGATION
    ========================================== */

    .turban-nav-menu77 {
        position: absolute;

        top: 100%;
        left: 0;

        width: 100%;

        background:
            linear-gradient(180deg,
                #0b1d39,
                #06142a);

        flex-direction: column;

        gap: 0;

        padding: 0 20px;

        max-height: 0;

        overflow: hidden;

        opacity: 0;

        pointer-events: none;

        transition: 0.5s ease;

        border-bottom: 1px solid transparent;
    }


    .turban-nav-menu77.turban-menu-open221 {
        max-height: 500px;

        opacity: 1;

        pointer-events: auto;

        padding: 15px 20px;

        border-bottom: 1px solid #d99c2b;
    }


    .turban-nav-link88 {
        width: 100%;

        padding: 14px 5px;

        border-bottom:
            1px solid rgba(255, 255, 255, 0.08);
    }


    .turban-nav-link88::after {
        bottom: 6px;
    }


    /* ==========================================
       MOBILE BUTTON ANIMATION
    ========================================== */

    .turban-mobile-toggle191.turban-toggle-active231 span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }


    .turban-mobile-toggle191.turban-toggle-active231 span:nth-child(2) {
        opacity: 0;
    }


    .turban-mobile-toggle191.turban-toggle-active231 span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }

}




/* =====================================
   BANNER 3 IMAGE SLIDER
===================================== */

.turban-banner-slider501 {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;

    z-index: 2;
}


.turban-banner-track511 {
    display: flex;

    width: 300%;
    height: 100%;

    transition: transform 1s ease-in-out;
}


.turban-banner-slide521 {
    width: 33.333333%;
    height: 100%;

    flex-shrink: 0;

    position: relative;
}


.turban-banner-slide521 img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}


/* DARK OVERLAY */

.turban-banner-slide521::after {
    content: "";

    position: absolute;

    inset: 0;

    background: rgba(7, 22, 47, 0.15);
}


/* MOBILE */






/* =========================================
   IMAGE BANNER MAIN
========================================= */

.turban-image-banner11 {
    width: 100%;
    position: relative;
    overflow: hidden;
}


/* =========================================
   SLIDER WRAPPER
========================================= */

.turban-slider-wrapper22 {
    width: 100%;
    height: 80vh;

    position: relative;

    overflow: hidden;

    background: #eef3f6;
}


/* =========================================
   SLIDER TRACK
========================================= */

.turban-slider-track33 {
    width: 100%;
    height: 100%;

    display: flex;

    transition:
        transform 1s cubic-bezier(0.65,
            0,
            0.35,
            1);

    will-change: transform;
}


/* =========================================
   SLIDE
========================================= */

.turban-slider-slide44 {
    width: 100%;
    height: 100%;

    min-width: 100%;

    flex: 0 0 100%;

    position: relative;

    overflow: hidden;
}


/* =========================================
   BANNER IMAGE
========================================= */

.turban-slide-image55 {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    animation: turbanImageZoom121 7s ease-in-out infinite alternate;
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.turban-slider-slide44::after {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;

    background:
        linear-gradient(90deg,
            rgba(4, 20, 45, 0.08),
            transparent 30%,
            transparent 70%,
            rgba(4, 20, 45, 0.08));
}


/* =========================================
   ARROWS
========================================= */

.turban-slider-arrow66 {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 46px;
    height: 46px;

    border-radius: 50%;

    border: 1px solid rgba(214, 157, 45, 0.9);

    background: rgba(7, 25, 52, 0.88);

    color: #e1a53a;

    font-size: 26px;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;

    z-index: 20;

    transition: 0.4s ease;

    box-shadow:
        0 5px 20px rgba(0, 0, 0, 0.2);
}


.turban-slider-arrow66:hover {
    background: #d79b2d;

    color: #071934;

    transform:
        translateY(-50%) scale(1.12);

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.3);
}


.turban-slider-prev77 {
    left: 25px;
}


.turban-slider-next88 {
    right: 25px;
}


/* =========================================
   DOTS
========================================= */

.turban-slider-dots99 {
    position: absolute;

    left: 50%;
    bottom: 18px;

    transform: translateX(-50%);

    display: flex;

    align-items: center;

    gap: 10px;

    z-index: 20;
}


.turban-slider-dot101 {
    width: 9px;
    height: 9px;

    padding: 0;

    border: none;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.65);

    cursor: pointer;

    transition: 0.4s ease;
}


.turban-slider-dot101:hover {
    transform: scale(1.2);

    background: #ffffff;
}


.turban-slider-dot-active111 {
    width: 28px;

    border-radius: 20px;

    background: #d79b2d;

    box-shadow:
        0 0 12px rgba(215, 155, 45, 0.8);
}


/* =========================================
   IMAGE ZOOM ANIMATION
========================================= */

@keyframes turbanImageZoom121 {

    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.06);
    }

}


/* =========================================
   ONLY MOBILE MEDIA QUERY
   MAX WIDTH 768PX
========================================= */

@media (max-width: 768px) {

    .turban-image-banner11 {
        width: 100%;
        height: auto;
        min-height: 0;
        overflow: hidden;
        position: relative;
    }

    .turban-slider-wrapper22 {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }

    .turban-slider-track33 {
        display: flex;
        width: 100%;
        height: auto;
    }

    .turban-slider-slide44 {
        min-width: 100%;
        width: 100%;
        height: auto;
        flex: 0 0 100%;
        position: relative;
    }

    .turban-slide-image55 {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
        object-fit: contain;
    }

    /* LEFT & RIGHT ARROWS */

    .turban-slider-arrow66 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        padding: 0;
        border: none;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
        cursor: pointer;
    }

    .turban-slider-arrow66 span {
        font-size: 18px;
        line-height: 1;
    }

    .turban-slider-prev77 {
        left: 8px;
    }

    .turban-slider-next88 {
        right: 8px;
    }

    /* DOTS */

    .turban-slider-dots99 {
        position: absolute;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        z-index: 10;
    }

    .turban-slider-dot101 {
        width: 8px;
        height: 8px;
        padding: 0;
        border: none;
        border-radius: 50%;
        cursor: pointer;
    }

    .turban-slider-dot-active111 {
        width: 10px;
        height: 10px;
    }

}






/* =========================================
   ABOUT SECTION MAIN
========================================= */

.turban-about-section11 {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 55px 20px;
    background:
        linear-gradient(135deg,
            #f7f8f8 0%,
            #ffffff 50%,
            #f1f3f4 100%);
}


/* =========================================
   CONTAINER
========================================= */

.turban-about-container44 {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 42% 58%;

    align-items: center;

    gap: 55px;

    position: relative;

    z-index: 5;
}


/* =========================================
   DECORATIVE DOTS
========================================= */

.turban-about-dots22 {
    position: absolute;

    width: 70px;
    height: 90px;

    left: 7%;
    top: 50%;

    transform: translateY(-50%);

    background-image:
        radial-gradient(circle,
            #c58b2b 2px,
            transparent 2px);

    background-size: 12px 12px;

    opacity: 0.8;
}


/* =========================================
   DECORATIVE VERTICAL LINE
========================================= */

.turban-about-line33 {
    position: absolute;

    width: 2px;
    height: 120px;

    left: 39%;
    top: 50%;

    transform: translateY(-50%);

    background:
        linear-gradient(to bottom,
            transparent,
            #c8912d,
            transparent);
}


/* =========================================
   IMAGE AREA
========================================= */

.turban-about-image-area55 {
    position: relative;

    width: 100%;

    min-height: 330px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================
   TOP LINE
========================================= */

.turban-about-top-line77 {
    position: absolute;

    width: 115px;
    height: 1px;

    top: 0;
    left: 20%;

    background: #c8912d;
}


.turban-about-top-line77::after {
    content: "";

    position: absolute;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    right: -30px;
    top: -3px;

    background: #c8912d;
}


/* =========================================
   IMAGE BOX
========================================= */

.turban-about-image-box88 {
    width: 330px;
    height: 270px;

    position: relative;

    margin-left: 35px;

    overflow: hidden;

    border-radius: 24px 24px 24px 24px;

    border: 1.5px solid #c8912d;

    background: #e9ecef;

    box-shadow:
        0 18px 45px rgba(9, 30, 58, 0.14);

    transition: 0.5s ease;
}


.turban-about-image-box88:hover {
    transform: translateY(-8px);

    box-shadow:
        0 25px 55px rgba(9, 30, 58, 0.2);
}


/* =========================================
   MAIN IMAGE
========================================= */

.turban-about-main-image99 {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition: transform 0.7s ease;
}


.turban-about-image-box88:hover .turban-about-main-image99 {
    transform: scale(1.08);
}


/* =========================================
   EXPERIENCE BOX
========================================= */

.turban-about-experience-box101 {
    position: absolute;

    width: 105px;
    height: 105px;

    left: 0;
    bottom: 5px;

    border-radius: 15px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    text-align: center;

    background:
        linear-gradient(145deg,
            #071b39,
            #102d55);

    border: 1px solid #c8912d;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.18);

    z-index: 5;

    animation:
        turbanAboutFloat311 4s ease-in-out infinite;
}


/* =========================================
   EXPERIENCE NUMBER
========================================= */

.turban-about-experience-number111 {
    color: #d8a13d;

    font-size: 32px;

    font-weight: 800;

    line-height: 1;
}


/* =========================================
   EXPERIENCE TEXT
========================================= */

.turban-about-experience-text121 {
    color: #ffffff;

    font-size: 11px;

    font-weight: 600;

    line-height: 1.5;

    margin-top: 7px;

    letter-spacing: 0.4px;
}


/* =========================================
   BOTTOM SHAPE
========================================= */

.turban-about-bottom-shape131 {
    position: absolute;

    width: 70px;
    height: 48px;

    right: 0;
    bottom: -14px;

    border-right: 1px solid #c8912d;
    border-bottom: 1px solid #c8912d;

    border-radius: 0 0 20px 0;
}


/* =========================================
   CONTENT AREA
========================================= */

.turban-about-content141 {
    width: 100%;

    position: relative;
}


/* =========================================
   SMALL TITLE
========================================= */

.turban-about-small-title161 {
    display: inline-block;

    color: #172944;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.5px;

    position: relative;

    padding-bottom: 7px;
}


.turban-about-small-title161::after {
    content: "";

    position: absolute;

    width: 38px;
    height: 2px;

    left: 0;
    bottom: 0;

    background: #c8912d;
}


/* =========================================
   MAIN HEADING
========================================= */

.turban-about-heading171 {
    margin: 5px 0 6px;

    color: #1a2a43;

    font-size: 29px;

    font-weight: 800;

    letter-spacing: 0.2px;
}


/* =========================================
   GOLDEN HEADING LINE
========================================= */

.turban-about-heading-line181 {
    width: 70px;
    height: 2px;

    margin-bottom: 14px;

    background:
        linear-gradient(to right,
            #c8912d,
            transparent);
}


/* =========================================
   DESCRIPTION
========================================= */

.turban-about-description191,
.turban-about-description201 {
    margin: 0 0 6px;

    max-width: 650px;

    color: #4a5568;

    font-size: 14px;

    line-height: 1.7;
}


/* =========================================
   FEATURES
========================================= */

.turban-about-features211 {
    width: 100%;

    margin-top: 22px;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 15px;
}


/* =========================================
   FEATURE
========================================= */

.turban-about-feature221 {
    display: flex;

    align-items: center;

    gap: 10px;

    transition: 0.4s ease;

    cursor: default;
}


.turban-about-feature221:hover {
    transform: translateY(-5px);
}


/* =========================================
   FEATURE ICON
========================================= */

.turban-about-icon231 {
    width: 42px;
    height: 42px;

    min-width: 42px;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    background:
        linear-gradient(145deg,
            #071b39,
            #112e54);

    border: 1px solid rgba(200, 145, 45, 0.7);

    transition: 0.4s ease;
}


.turban-about-feature221:hover .turban-about-icon231 {
    transform: rotateY(180deg) scale(1.08);

    background: #c8912d;
}


/* =========================================
   SVG ICON
========================================= */

.turban-about-svg241 {
    width: 20px;
    height: 20px;

    fill: none;

    stroke: #d6a13d;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;

    transition: 0.4s ease;
}


.turban-about-feature221:hover .turban-about-svg241 {
    stroke: #071b39;
}


/* =========================================
   FEATURE TEXT
========================================= */

.turban-about-feature-text251 {
    color: #27364b;

    font-size: 12px;

    font-weight: 500;

    line-height: 1.45;
}


/* =========================================
   KNOW MORE BUTTON
========================================= */

.turban-about-button261 {
    width: 150px;
    height: 38px;

    margin-top: 28px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    border-radius: 30px;

    border: 1px solid #c8912d;

    text-decoration: none;

    color: #27364b;

    font-size: 11px;

    font-weight: 700;

    background: transparent;

    overflow: hidden;

    position: relative;

    transition: 0.4s ease;
}


.turban-about-button261::before {
    content: "";

    position: absolute;

    width: 0;
    height: 100%;

    left: 0;
    top: 0;

    background:
        linear-gradient(90deg,
            #c8912d,
            #e1b14d);

    transition: 0.5s ease;

    z-index: 0;
}


.turban-about-button261 span {
    position: relative;

    z-index: 1;
}


.turban-about-button261:hover::before {
    width: 100%;
}


.turban-about-button261:hover {
    color: #071b39;

    transform: translateY(-4px);

    box-shadow:
        0 8px 20px rgba(200, 145, 45, 0.25);
}


/* =========================================
   BUTTON ARROW
========================================= */

.turban-about-button-arrow271 {
    font-size: 18px;

    transition: 0.4s ease;
}


.turban-about-button261:hover .turban-about-button-arrow271 {
    transform: translateX(5px);
}


/* =========================================
   SCROLL ANIMATION INITIAL
========================================= */

.turban-about-reveal-left66,
.turban-about-reveal-right151 {
    opacity: 0;

    transition:
        opacity 0.9s ease,
        transform 0.9s ease;
}


.turban-about-reveal-left66 {
    transform: translateX(-70px);
}


.turban-about-reveal-right151 {
    transform: translateX(70px);
}


/* =========================================
   ACTIVE ANIMATION
========================================= */

.turban-about-active281 {
    opacity: 1;

    transform: translateX(0);
}


/* =========================================
   FLOAT ANIMATION
========================================= */

@keyframes turbanAboutFloat311 {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }

}


/* =========================================
   ONLY MOBILE MEDIA QUERY
   MAX WIDTH 768PX
========================================= */

@media (max-width: 768px) {

    .turban-about-section11 {
        padding: 50px 15px;
    }


    .turban-about-container44 {
        grid-template-columns: 1fr;

        gap: 50px;
    }


    /* Decorative Elements */

    .turban-about-dots22 {
        left: 5px;

        top: 25%;

        opacity: 0.45;
    }


    .turban-about-line33 {
        display: none;
    }


    /* Image Area */

    .turban-about-image-area55 {
        min-height: 300px;
    }


    .turban-about-image-box88 {
        width: 85%;
        height: 260px;

        margin-left: 30px;
    }


    .turban-about-experience-box101 {
        width: 95px;
        height: 95px;

        left: 0;
        bottom: 0;
    }


    .turban-about-experience-number111 {
        font-size: 28px;
    }


    .turban-about-experience-text121 {
        font-size: 10px;
    }


    .turban-about-top-line77 {
        left: 18%;
    }


    /* Content */

    .turban-about-content141 {
        text-align: center;
    }


    .turban-about-small-title161::after {
        left: 50%;

        transform: translateX(-50%);
    }


    .turban-about-heading171 {
        font-size: 25px;
    }


    .turban-about-heading-line181 {
        margin-left: auto;
        margin-right: auto;
    }


    .turban-about-description191,
    .turban-about-description201 {
        font-size: 13px;
    }


    /* Features */

    .turban-about-features211 {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 20px 12px;

        text-align: left;
    }


    .turban-about-feature221 {
        gap: 8px;
    }


    .turban-about-icon231 {
        width: 38px;
        height: 38px;

        min-width: 38px;
    }


    .turban-about-feature-text251 {
        font-size: 11px;
    }


    /* Button */

    .turban-about-button261 {
        margin-top: 25px;
    }

}









/* =========================================
   TURBAN SERVICES MAIN SECTION
========================================= */

.turban-services-section11 {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 55px 20px 65px;
    background:
        linear-gradient(135deg,
            #f8f9fa 0%,
            #ffffff 50%,
            #f5f6f7 100%);
}


/* =========================================
   CONTAINER
========================================= */

.turban-services-container44 {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}


/* =========================================
   BACKGROUND DECORATION
========================================= */

.turban-services-bg-circle22 {
    position: absolute;

    width: 350px;
    height: 350px;

    border-radius: 50%;

    top: -180px;
    left: -180px;

    border: 1px solid rgba(200, 145, 45, 0.18);
}


.turban-services-bg-line33 {
    position: absolute;

    width: 1px;
    height: 250px;

    right: 8%;
    top: 100px;

    background:
        linear-gradient(transparent,
            rgba(200, 145, 45, 0.4),
            transparent);
}


/* =========================================
   SECTION HEADING
========================================= */

.turban-services-heading55 {
    width: 100%;
    text-align: center;
    margin-bottom: 35px;

    opacity: 0;
    transform: translateY(40px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}


.turban-services-heading-active66 {
    opacity: 1;
    transform: translateY(0);
}


/* =========================================
   SMALL TITLE
========================================= */

.turban-services-small-title77 {
    display: block;

    color: #1a2b45;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.7px;

    margin-bottom: 5px;
}


/* =========================================
   MAIN TITLE
========================================= */

.turban-services-main-title88 {
    margin: 0;

    color: #1a2b45;

    font-size: 28px;

    font-weight: 800;

    letter-spacing: 0.2px;
}


/* =========================================
   TITLE LINE
========================================= */

.turban-services-title-line99 {
    width: 85px;
    height: 2px;

    margin: 10px auto 0;

    background:
        linear-gradient(90deg,
            transparent,
            #c8912d,
            transparent);
}


/* =========================================
   SERVICES GRID
========================================= */

.turban-services-grid101 {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 25px;

    align-items: stretch;
}


/* =========================================
   SERVICE CARD
========================================= */

.turban-service-card111 {
    position: relative;

    min-height: 365px;

    padding: 7px 7px 22px;

    background:
        linear-gradient(145deg,
            #ffffff,
            #f8f8f8);

    border: 1px solid #d6a34a;

    border-radius: 12px;

    text-align: center;

    box-shadow:
        0 8px 25px rgba(15, 33, 60, 0.08);

    opacity: 0;

    transform: translateY(60px);

    transition:
        transform 0.5s ease,
        box-shadow 0.5s ease,
        opacity 0.8s ease;
}


/* =========================================
   ACTIVE CARD ANIMATION
========================================= */

.turban-service-card-active222 {
    opacity: 1;
    transform: translateY(0);
}


/* =========================================
   CARD HOVER
========================================= */

.turban-service-card111:hover {
    transform: translateY(-12px);

    box-shadow:
        0 22px 45px rgba(15, 33, 60, 0.18);
}


/* =========================================
   IMAGE BOX
========================================= */

.turban-service-image-box131 {
    width: 100%;
    height: 245px;

    position: relative;

    overflow: hidden;

    border-radius: 7px;

    background: #e9ecef;
}


/* =========================================
   SERVICE IMAGE
========================================= */

.turban-service-image141 {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.7s ease;
}


.turban-service-card111:hover .turban-service-image141 {
    transform: scale(1.12);
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.turban-service-image-overlay151 {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(180deg,
            transparent 40%,
            rgba(6, 25, 51, 0.3));

    pointer-events: none;
}


/* =========================================
   SERVICE NUMBER BADGE
========================================= */

.turban-service-number161 {
    width: 48px;
    height: 48px;

    position: relative;

    margin:
        -25px auto 8px;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    background:
        linear-gradient(145deg,
            #071b39,
            #16365f);

    border: 2px solid #d6a34a;

    color: #d9a13a;

    font-size: 15px;

    font-weight: 700;

    z-index: 5;

    transition: 0.4s ease;
}


.turban-service-card111:hover .turban-service-number161 {
    transform: rotate(360deg);

    background: #c8912d;

    color: #071b39;
}


/* =========================================
   CONTENT
========================================= */

.turban-service-content171 {
    padding: 10px 10px 0;
}


/* =========================================
   SERVICE TITLE
========================================= */

.turban-service-title181 {
    margin: 8px 0 8px;

    color: #26364d;

    font-size: 17px;

    font-weight: 700;

    transition: 0.4s ease;
}


.turban-service-card111:hover .turban-service-title181 {
    color: #b57d20;
}


/* =========================================
   DESCRIPTION
========================================= */

.turban-service-description191 {
    margin: 0;

    color: #4d5561;

    font-size: 12px;

    line-height: 1.65;
}


/* =========================================
   CARD REVEAL DELAY
========================================= */

.turban-service-reveal121:nth-child(1) {
    transition-delay: 0.1s;
}


.turban-service-reveal121:nth-child(2) {
    transition-delay: 0.25s;
}


.turban-service-reveal121:nth-child(3) {
    transition-delay: 0.4s;
}


.turban-service-reveal121:nth-child(4) {
    transition-delay: 0.55s;
}


/* =========================================
   ONLY MEDIA QUERY
   MAX WIDTH 768PX
========================================= */

@media (max-width: 768px) {

    .turban-services-section11 {
        padding: 50px 15px;
    }


    .turban-services-grid101 {
        grid-template-columns: 1fr;

        gap: 20px;
    }


    .turban-services-main-title88 {
        font-size: 24px;
    }


    .turban-service-card111 {
        min-height: auto;
    }


    .turban-service-image-box131 {
        height: 190px;
    }


    .turban-services-bg-line33 {
        display: none;
    }

}







/* =========================================
   TURBAN GALLERY SECTION
========================================= */

.turbanGallerySection1122 {
    width: 100%;
    padding: 55px 20px 65px;
    background: #f7f8fa;
    overflow: hidden;
    position: relative;
}

.turbanGalleryContainer2233 {
    width: 100%;
    max-width: 1450px;
    margin: auto;
}


/* =========================================
   HEADING
========================================= */

.turbanGalleryHeading3344 {
    text-align: center;
    margin-bottom: 28px;
}

.turbanGalleryHeading3344 span {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #b8862f;
    margin-bottom: 5px;
}

.turbanGalleryHeading3344 h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: #172844;
}


/* =========================================
   SLIDER WRAPPER
========================================= */

.turbanGallerySliderWrap4455 {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}


/* =========================================
   VIEWPORT
========================================= */

.turbanGalleryViewport7788 {
    width: 100%;
    overflow: hidden;
    padding: 10px 5px;
}


/* =========================================
   TRACK
========================================= */

.turbanGalleryTrack8899 {
    display: flex;
    gap: 16px;
    transition: transform 0.7s ease-in-out;
    will-change: transform;
}


/* =========================================
   GALLERY ITEM
========================================= */

.turbanGalleryItem1010,
.turbanGalleryItem1212,
.turbanGalleryItem1414,
.turbanGalleryItem1616,
.turbanGalleryItem1818,
.turbanGalleryItem2020 {
    flex: 0 0 calc(20% - 13px);
    height: 260px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #d3a34b;
    background: #ffffff;
    cursor: pointer;
    transition: 0.4s ease;
    box-shadow: 0 8px 25px rgba(10, 25, 50, 0.08);
}


/* =========================================
   IMAGE
========================================= */

.turbanGalleryItem1010 img,
.turbanGalleryItem1212 img,
.turbanGalleryItem1414 img,
.turbanGalleryItem1616 img,
.turbanGalleryItem1818 img,
.turbanGalleryItem2020 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}


/* =========================================
   HOVER EFFECT
========================================= */

.turbanGalleryItem1010:hover,
.turbanGalleryItem1212:hover,
.turbanGalleryItem1414:hover,
.turbanGalleryItem1616:hover,
.turbanGalleryItem1818:hover,
.turbanGalleryItem2020:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(10, 25, 50, 0.18);
}

.turbanGalleryItem1010:hover img,
.turbanGalleryItem1212:hover img,
.turbanGalleryItem1414:hover img,
.turbanGalleryItem1616:hover img,
.turbanGalleryItem1818:hover img,
.turbanGalleryItem2020:hover img {
    transform: scale(1.12);
}


/* =========================================
   OVERLAY
========================================= */

.turbanGalleryOverlay1111,
.turbanGalleryOverlay1313,
.turbanGalleryOverlay1515,
.turbanGalleryOverlay1717,
.turbanGalleryOverlay1919,
.turbanGalleryOverlay2121 {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    padding: 15px 10px;
    text-align: center;
    background: linear-gradient(to top,
            rgba(4, 20, 45, 0.95),
            rgba(4, 20, 45, 0.05));
    transition: 0.4s ease;
}

.turbanGalleryOverlay1111 span,
.turbanGalleryOverlay1313 span,
.turbanGalleryOverlay1515 span,
.turbanGalleryOverlay1717 span,
.turbanGalleryOverlay1919 span,
.turbanGalleryOverlay2121 span {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}


/* SHOW OVERLAY */

.turbanGalleryItem1010:hover .turbanGalleryOverlay1111,
.turbanGalleryItem1212:hover .turbanGalleryOverlay1313,
.turbanGalleryItem1414:hover .turbanGalleryOverlay1515,
.turbanGalleryItem1616:hover .turbanGalleryOverlay1717,
.turbanGalleryItem1818:hover .turbanGalleryOverlay1919,
.turbanGalleryItem2020:hover .turbanGalleryOverlay2121 {
    bottom: 0;
}


/* =========================================
   SLIDER BUTTONS
========================================= */

.turbanGalleryBtn5566 {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #c79538;
    background: #ffffff;
    color: #b8862f;
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.12);
}

.turbanGalleryBtn5566:hover {
    background: #c79538;
    color: #ffffff;
    transform: translateY(-50%) scale(1.1);
}



/* NEXT */

.turbanGalleryNext2222 {
    right: 1px;
}


/* =========================================
   DOTS
========================================= */

.turbanGalleryDots2323 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 25px;
}

.turbanGalleryDots2323 button {
    width: 9px;
    height: 9px;
    border: none;
    border-radius: 50%;
    padding: 0;
    background: #c9c9c9;
    cursor: pointer;
    transition: 0.3s ease;
}

.turbanGalleryDots2323 button.turbanGalleryActive2424 {
    width: 25px;
    border-radius: 20px;
    background: #c79538;
}


/* =========================================
   MOBILE RESPONSIVE
   ONLY MAX WIDTH 768PX
========================================= */

@media (max-width: 768px) {

    .turbanGallerySection1122 {
        padding: 40px 15px 50px;
    }

    .turbanGalleryHeading3344 {
        margin-bottom: 20px;
    }

    .turbanGalleryHeading3344 span {
        font-size: 10px;
    }

    .turbanGalleryHeading3344 h2 {
        font-size: 23px;
        line-height: 1.3;
    }

    .turbanGalleryTrack8899 {
        gap: 12px;
    }

    .turbanGalleryItem1010,
    .turbanGalleryItem1212,
    .turbanGalleryItem1414,
    .turbanGalleryItem1616,
    .turbanGalleryItem1818,
    .turbanGalleryItem2020 {
        flex: 0 0 100%;
        height: 240px;
    }

    .turbanGalleryPrev6677 {
        left: 5px;
    }

    .turbanGalleryNext2222 {
        right: 5px;
    }

    .turbanGalleryBtn5566 {
        width: 38px;
        height: 38px;
        font-size: 19px;
    }

    .turbanGalleryDots2323 {
        margin-top: 20px;
    }

}









/* =========================================
   TURBAN CONTACT SECTION
========================================= */

.turban-contact-section1122 {
    width: 100%;
    padding: 90px 20px;
    position: relative;
    overflow: hidden;
    background: #07172f;
    font-family: Arial, sans-serif;
}


/* =========================================
   BACKGROUND EFFECTS
========================================= */

.turban-contact-section1122::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    border: 1px solid rgba(220, 167, 47, 0.18);
    top: -220px;
    left: -150px;
    animation: turbanRotate112 16s linear infinite;
}


.turban-contact-section1122::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(220, 167, 47, 0.07);
    right: -120px;
    bottom: -150px;
    filter: blur(30px);
    animation: turbanFloat223 6s ease-in-out infinite alternate;
}


/* =========================================
   MAIN CONTAINER
========================================= */

.turban-contact-container3344 {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
    position: relative;
    z-index: 2;
}


/* =========================================
   LEFT SIDE
========================================= */

.turban-contact-info5566 {
    color: #ffffff;
}


.turban-contact-small7788 {
    display: inline-block;
    color: #dca72f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 12px;
}


.turban-contact-title9900 {
    font-size: 44px;
    font-weight: 700;
    margin: 0 0 18px;
    color: #ffffff;
}


.turban-contact-title9900 span {
    color: #dca72f;
}


.turban-contact-description1133 {
    max-width: 480px;
    color: #c5ceda;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 32px;
}


/* =========================================
   CONTACT DETAILS - ONE BELOW ANOTHER
========================================= */

.turban-contact-details2244 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}


/* CONTACT ITEM */

.turban-contact-item3355 {
    width: 100%;
    min-height: 80px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 16px 20px;
    box-sizing: border-box;

    text-decoration: none;

    border-radius: 12px;

    border: 1px solid rgba(220, 167, 47, 0.25);

    background: rgba(255, 255, 255, 0.04);

    transition: 0.4s;

    position: relative;

    overflow: hidden;
}


/* Hover Animation */

.turban-contact-item3355::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 0;
    left: 0;
    top: 0;

    background: #dca72f;

    transition: 0.4s;
}


.turban-contact-item3355:hover::before {
    height: 100%;
}


.turban-contact-item3355:hover {
    transform: translateX(8px);
    border-color: #dca72f;
    background: rgba(220, 167, 47, 0.08);
}


/* ICON */

.turban-contact-icon4466 {
    width: 52px;
    height: 52px;
    min-width: 52px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #dca72f;

    color: #07172f;

    font-size: 22px;

    position: relative;
    z-index: 2;

    box-shadow: 0 0 22px rgba(220, 167, 47, 0.3);

    transition: 0.4s;
}


.turban-contact-item3355:hover .turban-contact-icon4466 {
    transform: rotate(12deg) scale(1.08);
}


/* CONTENT */

.turban-contact-content5577 {
    position: relative;
    z-index: 2;
}


.turban-contact-content5577 span {
    color: #aeb9c8;
    font-size: 12px;
}


.turban-contact-content5577 h4 {
    margin: 5px 0 0;

    color: #ffffff;

    font-size: 16px;

    font-weight: 600;

    word-break: break-word;
}


/* =========================================
   SOCIAL ICONS
========================================= */

.turban-contact-social6677 {
    display: flex;
    gap: 14px;
    margin-top: 28px;
}


.turban-social-item7788,
.turban-social-item8899,
.turban-social-item9900 {
    width: 46px;
    height: 46px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;

    color: #ffffff;

    font-size: 20px;

    border: 1px solid rgba(220, 167, 47, 0.35);

    background: rgba(255, 255, 255, 0.05);

    transition: 0.4s;
}


.turban-social-item7788:hover,
.turban-social-item8899:hover,
.turban-social-item9900:hover {
    background: #dca72f;

    color: #07172f;

    transform: translateY(-6px);

    box-shadow: 0 10px 25px rgba(220, 167, 47, 0.3);
}


/* =========================================
   RIGHT FORM BOX
========================================= */

.turban-contact-formbox1011 {
    padding: 45px;

    border-radius: 20px;

    position: relative;

    overflow: hidden;

    background: rgba(9, 27, 53, 0.95);

    border: 1px solid rgba(220, 167, 47, 0.35);

    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);

    animation: turbanFormFloat556 4s ease-in-out infinite alternate;
}


/* FORM GLOW */

.turban-form-glow1123 {
    position: absolute;

    width: 230px;
    height: 230px;

    border-radius: 50%;

    right: -100px;
    top: -100px;

    background: rgba(220, 167, 47, 0.1);

    filter: blur(35px);

    pointer-events: none;
}


/* TOP TEXT */

.turban-form-top2234 {
    display: inline-block;

    color: #dca72f;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 12px;

    position: relative;
}


/* FORM HEADING */

.turban-form-heading3345 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 32px;

    position: relative;
}


/* FORM TEXT */

.turban-form-text4456 {
    color: #b9c3d1;

    line-height: 1.7;

    margin-bottom: 30px;

    position: relative;
}


/* =========================================
   FORM
========================================= */

.turban-whatsapp-form5567 {
    position: relative;
}


/* FORM GROUP */

.turban-form-group6678 {
    margin-bottom: 20px;
}


/* LABEL */

.turban-form-group6678 label {
    display: block;

    color: #dca72f;

    font-size: 13px;

    font-weight: 600;

    margin-bottom: 8px;
}


/* INPUT */

.turban-form-group6678 input {
    width: 100%;

    padding: 16px 18px;

    box-sizing: border-box;

    border-radius: 9px;

    outline: none;

    border: 1px solid rgba(255, 255, 255, 0.15);

    background: rgba(255, 255, 255, 0.05);

    color: #ffffff;

    font-size: 15px;

    transition: 0.4s;
}


.turban-form-group6678 input::placeholder {
    color: #8e9aad;
}


.turban-form-group6678 input:focus {
    border-color: #dca72f;

    background: rgba(255, 255, 255, 0.07);

    box-shadow: 0 0 0 4px rgba(220, 167, 47, 0.08);

    transform: translateY(-2px);
}


/* =========================================
   SEND BUTTON
========================================= */

.turban-whatsapp-button7789 {
    width: 100%;

    border: none;

    outline: none;

    padding: 17px 20px;

    border-radius: 10px;

    cursor: pointer;

    background: linear-gradient(135deg,
            #dca72f,
            #f2c45b);

    color: #07172f;

    font-size: 15px;

    font-weight: 700;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    position: relative;

    overflow: hidden;

    transition: 0.4s;
}


/* BUTTON SHINE */

.turban-whatsapp-button7789::before {
    content: "";

    position: absolute;

    width: 45px;

    height: 180%;

    left: -80px;

    top: -40px;

    background: rgba(255, 255, 255, 0.35);

    transform: rotate(25deg);

    transition: 0.7s;
}


.turban-whatsapp-button7789:hover::before {
    left: 120%;
}


.turban-whatsapp-button7789:hover {
    transform: translateY(-4px);

    box-shadow: 0 15px 30px rgba(220, 167, 47, 0.3);
}


.turban-button-text8890,
.turban-arrow-icon9901 {
    position: relative;

    z-index: 2;
}


.turban-arrow-icon9901 {
    font-size: 22px;

    transition: 0.3s;
}


.turban-whatsapp-button7789:hover .turban-arrow-icon9901 {
    transform: translateX(6px);
}


/* =========================================
   FORM BOTTOM
========================================= */

.turban-form-bottom1012 {
    text-align: center;

    margin-top: 18px;

    color: #aeb8c8;

    font-size: 13px;
}


.turban-form-bottom1012 span {
    color: #dca72f;

    margin-right: 5px;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes turbanRotate112 {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


@keyframes turbanFloat223 {

    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-30px);
    }

}


@keyframes turbanFormFloat556 {

    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-8px);
    }

}


/* =========================================
   MOBILE ONLY
========================================= */

@media (max-width: 768px) {

    .turban-contact-section1122 {
        padding: 65px 15px;
    }


    .turban-contact-container3344 {
        grid-template-columns: 1fr;

        gap: 45px;
    }


    .turban-contact-title9900 {
        font-size: 34px;
    }


    .turban-contact-description1133 {
        font-size: 14px;
    }


    .turban-contact-item3355 {
        padding: 15px;

        gap: 14px;
    }


    .turban-contact-icon4466 {
        width: 46px;

        height: 46px;

        min-width: 46px;

        font-size: 19px;
    }


    .turban-contact-content5577 h4 {
        font-size: 14px;
    }


    .turban-contact-formbox1011 {
        padding: 30px 20px;
    }


    .turban-form-heading3345 {
        font-size: 26px;
    }


    .turban-form-text4456 {
        font-size: 14px;
    }

}











/* =========================================
   TURBAN STYLE FOOTER
========================================= */

.turban-footer-section1133 {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 75px 20px 25px;
    box-sizing: border-box;
    background: linear-gradient(
        135deg,
        #020b18 0%,
        #061a35 50%,
        #020b18 100%
    );
    font-family: Arial, sans-serif;
    color: #ffffff;
}


/* =========================================
   BACKGROUND EFFECTS
========================================= */

.turban-footer-glow2244 {
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    top: -200px;
    left: -150px;
    background: rgba(220, 167, 47, 0.08);
    filter: blur(50px);
    pointer-events: none;
    animation: turbanFooterFloat111 7s ease-in-out infinite alternate;
}


.turban-footer-circle3355 {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    right: -250px;
    bottom: -250px;
    border: 1px solid rgba(220, 167, 47, 0.12);
    pointer-events: none;
    animation: turbanFooterRotate222 25s linear infinite;
}


/* =========================================
   CONTAINER
========================================= */

.turban-footer-container4466 {
    width: 100%;
    max-width: 1250px;
    margin: auto;
    position: relative;
    z-index: 2;
}


/* =========================================
   MAIN FOOTER GRID
========================================= */

.turban-footer-main5577 {
    display: grid;
    grid-template-columns: 1.2fr 0.9fr 1fr 1.2fr;
    gap: 45px;
}


/* =========================================
   BRAND SECTION
========================================= */

.turban-footer-brand6688 {
    animation: turbanFooterFade333 0.8s ease forwards;
}


.turban-footer-logo7799 {
    display: inline-block;
    margin-bottom: 20px;
}


.turban-footer-logo7799 img {
    width: 180px;
    max-width: 100%;
    height: auto;
    display: block;
    transition: 0.4s ease;
}


.turban-footer-logo7799:hover img {
    transform: scale(1.05);
}


/* =========================================
   DESCRIPTION
========================================= */

.turban-footer-description8800 {
    margin: 0;
    max-width: 280px;
    color: #aeb9c8;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================
   SOCIAL ICONS
========================================= */

.turban-footer-social9911 {
    display: flex;
    gap: 12px;
    margin-top: 25px;
}


.turban-footer-social-link1022,
.turban-footer-social-link2033,
.turban-footer-social-link3044 {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dca72f;
    text-decoration: none;
    font-size: 20px;
    border: 1px solid rgba(220, 167, 47, 0.35);
    background: rgba(255, 255, 255, 0.04);
    transition: 0.4s ease;
}


.turban-footer-social-link1022:hover,
.turban-footer-social-link2033:hover,
.turban-footer-social-link3044:hover {
    background: #dca72f;
    color: #061a35;
    transform: translateY(-6px) rotate(8deg);
    box-shadow: 0 10px 25px rgba(220, 167, 47, 0.3);
}


/* =========================================
   FOOTER HEADING
========================================= */

.turban-footer-heading5566 {
    position: relative;
    margin: 0 0 25px;
    padding-bottom: 12px;
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
}


.turban-footer-heading5566::after {
    content: "";
    position: absolute;
    width: 45px;
    height: 2px;
    left: 0;
    bottom: 0;
    background: linear-gradient(
        90deg,
        #dca72f,
        transparent
    );
}


/* =========================================
   FOOTER LINKS
========================================= */

.turban-footer-list6677 {
    list-style: none;
    padding: 0;
    margin: 0;
}


.turban-footer-list6677 li {
    margin-bottom: 15px;
}


.turban-footer-list6677 a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #aeb9c8;
    text-decoration: none;
    font-size: 14px;
    transition: 0.35s ease;
}


.turban-footer-list6677 a span {
    color: #dca72f;
    font-size: 20px;
    line-height: 1;
}


.turban-footer-list6677 a:hover {
    color: #dca72f;
    transform: translateX(7px);
}


/* =========================================
   CONTACT INFO
========================================= */

.turban-footer-contact9901 {
    display: flex;
    flex-direction: column;
}


.turban-footer-contact-item1012 {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 18px;
    text-decoration: none;
    transition: 0.35s ease;
}


.turban-footer-contact-item1012:hover {
    transform: translateX(6px);
}


/* CONTACT ICON */

.turban-footer-contact-icon1123 {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dca72f;
    background: rgba(220, 167, 47, 0.1);
    border: 1px solid rgba(220, 167, 47, 0.25);
    font-size: 18px;
    transition: 0.35s ease;
}


.turban-footer-contact-item1012:hover
.turban-footer-contact-icon1123 {
    background: #dca72f;
    color: #061a35;
    transform: rotate(10deg);
}


/* CONTACT TEXT */

.turban-footer-contact-item1012 span {
    display: block;
    color: #8491a4;
    font-size: 11px;
    margin-bottom: 4px;
}


.turban-footer-contact-item1012 strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    word-break: break-word;
}


/* =========================================
   DIVIDER
========================================= */

.turban-footer-divider2234 {
    width: 100%;
    height: 1px;
    margin: 55px 0 25px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(220, 167, 47, 0.4),
        transparent
    );
}


/* =========================================
   FOOTER BOTTOM
========================================= */

.turban-footer-bottom3345 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}


.turban-footer-copyright4457 {
    margin: 0;
    color: #8d9aac;
    font-size: 13px;
}


.turban-footer-copyright4457 span {
    color: #dca72f;
}


.turban-footer-bottom-links5568 {
    display: flex;
    gap: 20px;
}


.turban-footer-bottom-links5568 a {
    color: #8d9aac;
    text-decoration: none;
    font-size: 12px;
    transition: 0.3s ease;
}


.turban-footer-bottom-links5568 a:hover {
    color: #dca72f;
}


/* =========================================
   BACK TO TOP BUTTON
========================================= */

.turban-footer-top-button6679 {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid rgba(220, 167, 47, 0.5);
    background: rgba(7, 23, 47, 0.8);
    color: #dca72f;
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease;
    animation: turbanFooterTop444 2s infinite ease-in-out;
}


.turban-footer-top-button6679:hover {
    background: #dca72f;
    color: #061a35;
    box-shadow: 0 10px 25px rgba(220, 167, 47, 0.3);
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes turbanFooterFloat111 {

    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(35px);
    }

}


@keyframes turbanFooterRotate222 {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


@keyframes turbanFooterFade333 {

    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


@keyframes turbanFooterTop444 {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }

}


/* =========================================
   MOBILE ONLY - MAX WIDTH 768px
========================================= */

@media (max-width: 768px) {

    .turban-footer-section1133 {
        padding: 65px 20px 25px;
    }


    .turban-footer-main5577 {
        grid-template-columns: 1fr;
        gap: 40px;
    }


    .turban-footer-description8800 {
        max-width: 100%;
    }


    .turban-footer-heading5566 {
        margin-bottom: 20px;
    }


    .turban-footer-bottom3345 {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }


    .turban-footer-bottom-links5568 {
        justify-content: center;
        flex-wrap: wrap;
    }


    .turban-footer-top-button6679 {
        width: 40px;
        height: 40px;
        right: 15px;
        top: 15px;
    }


    .turban-footer-contact-item1012 strong {
        font-size: 12px;
    }

}