/*====================================================
Gentle Style BD
Premium Hero Section
Author : ChatGPT
Namespace : ba-hero-
=====================================================*/

/*==========================
RESET
==========================*/

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

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Inter',sans-serif;

    background:#fff;

    color:#222;

    overflow-x:hidden;

    line-height:1.6;

}

img{

    display:block;

    max-width:100%;

}

a{

    text-decoration:none;

}

ul{

    list-style:none;

}

button{

    border:none;

    background:none;

    cursor:pointer;

    font-family:inherit;

}

/*==========================
ROOT VARIABLES
==========================*/

:root{

--ba-hero-white:#ffffff;

--ba-hero-red:#d71920;

--ba-hero-green:#004d40;

--ba-hero-dark:#111111;

--ba-hero-gray:#bdbdbd;

--ba-hero-shadow:0 15px 45px rgba(0,0,0,.18);

--ba-hero-transition:.35s ease;

}

/*==========================
HEADER
==========================*/

.ba-hero-header{

position:fixed;

top:0;

left:0;

width:100%;

z-index:9999;

transition:.4s;

padding:18px 0;

}

.ba-hero-header.ba-hero-sticky{

background:rgba(0,0,0,.88);

backdrop-filter:blur(10px);

padding:12px 0;

box-shadow:0 8px 30px rgba(0,0,0,.25);

}

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

.ba-hero-navbar{

max-width:1320px;

margin:auto;

padding:0 30px;

display:flex;

align-items:center;

justify-content:space-between;

}

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

.ba-hero-logo{

display:flex;

align-items:center;

}

.ba-hero-logo img{

height:72px;

transition:.35s;

}

.ba-hero-header.ba-hero-sticky .ba-hero-logo img{

height:60px;

}

/*==========================
DESKTOP MENU
==========================*/

.ba-hero-navigation{

display:flex;

align-items:center;

}

.ba-hero-menu{

display:flex;

align-items:center;

gap:34px;

}

.ba-hero-menu-item{

position:relative;

}

.ba-hero-menu-item>a{

color:#fff;

font-size:13px;

font-weight:600;

text-transform:uppercase;

letter-spacing:.6px;

padding:8px 0;

display:inline-flex;

align-items:center;

transition:.3s;

}

.ba-hero-menu-item>a:hover{

color:var(--ba-hero-red);

}

.ba-hero-current>a{

color:var(--ba-hero-red);

}

.ba-hero-current>a::after{

content:"";

position:absolute;

left:0;

bottom:-8px;

width:100%;

height:2px;

background:var(--ba-hero-red);

}

/*==========================
DROPDOWN
==========================*/

.ba-hero-dropdown-parent{

position:relative;

}

.ba-hero-dropdown-arrow{

margin-left:6px;

font-size:11px;

}

.ba-hero-dropdown-menu{

position:absolute;

left:0;

top:150%;

width:230px;

background:#1b1b1b;

border-radius:8px;

padding:12px 0;

opacity:0;

visibility:hidden;

transform:translateY(20px);

transition:.35s;

box-shadow:0 18px 40px rgba(0,0,0,.35);

}

.ba-hero-dropdown-parent:hover .ba-hero-dropdown-menu{

opacity:1;

visibility:visible;

transform:translateY(0);

}

.ba-hero-dropdown-menu li{

width:100%;

}

.ba-hero-dropdown-menu li a{

display:block;

padding:12px 22px;

color:#ddd;

font-size:13px;

transition:.3s;

}

.ba-hero-dropdown-menu li a:hover{

background:#2a2a2a;

padding-left:30px;

color:var(--ba-hero-red);

}

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

.ba-hero-mobile-toggle{

display:none;

width:48px;

height:48px;

border-radius:50%;

border:1px solid rgba(255,255,255,.25);

justify-content:center;

align-items:center;

flex-direction:column;

gap:5px;

transition:.3s;

}

.ba-hero-mobile-toggle span{

display:block;

width:22px;

height:2px;

background:#fff;

transition:.3s;

}

.ba-hero-mobile-toggle:hover{

background:rgba(255,255,255,.08);

}

/*==========================
MOBILE DRAWER
==========================*/

.ba-hero-mobile-menu{

position:fixed;

top:0;

right:-360px;

width:340px;

height:100vh;

background:#111;

z-index:10000;

transition:.4s;

overflow-y:auto;

padding:25px;

}

.ba-hero-mobile-menu.ba-hero-open{

right:0;

}

.ba-hero-mobile-top{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:30px;

}

.ba-hero-mobile-top img{

height:60px;

}

.ba-hero-mobile-close{

font-size:34px;

color:#fff;

background:none;

border:none;

cursor:pointer;

}

.ba-hero-mobile-list li{

border-bottom:1px solid rgba(255,255,255,.08);

}

.ba-hero-mobile-list li a{

display:block;

padding:16px 0;

color:#fff;

font-size:15px;

font-weight:500;

transition:.3s;

}

.ba-hero-mobile-list li a:hover{

color:var(--ba-hero-red);

padding-left:10px;

}

.ba-hero-mobile-sublist{
list-style:none;
margin:0 0 8px;
padding:0 0 0 14px;
border-left:2px solid rgba(255,255,255,.12);
}

.ba-hero-mobile-sublist li{
border-bottom:none;
}

.ba-hero-mobile-sublist li a{
padding:10px 0;
font-size:14px;
font-weight:400;
color:rgba(255,255,255,.82);
}

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

.ba-hero-mobile-overlay{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(0,0,0,.6);

opacity:0;

visibility:hidden;

transition:.3s;

z-index:9998;

}

.ba-hero-mobile-overlay.ba-hero-show{

opacity:1;

visibility:visible;

}

/*==========================
HERO WRAPPER
==========================*/

.ba-hero-slider-wrap{

position:relative;

height:100vh;

overflow:hidden;

background:#000;

}
/*====================================================
HERO SLIDER
====================================================*/

.ba-hero-slider {
    position: relative;
    width: 100%;
    height: 100%;
}

.ba-hero-slide-item {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease;
    overflow: hidden;
}

.ba-hero-slide-item.ba-hero-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

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

.ba-hero-slide-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1);
    transition: transform 7s linear;
}

.ba-hero-slide-item.ba-hero-active .ba-hero-slide-bg {
    transform: scale(1.12);
}

.ba-hero-slide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0,0,0,.60), rgba(0,0,0,.60));
}

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

.ba-hero-slide-content {
    position: relative;
    z-index: 5;
    max-width: 900px;
    margin: auto;
    height: 100%;
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    animation: baHeroFadeUp 1s ease;
}

.ba-hero-subtitle {

    color: #ffffff;

    text-transform: uppercase;

    letter-spacing: 4px;

    font-size: 14px;

    margin-bottom: 20px;

    opacity: .9;

}

.ba-hero-slide-title {

    font-size: 68px;

    line-height: 1.1;

    font-weight: 800;

    margin-bottom: 25px;

}

.ba-hero-title-white {

    color: #ffffff;

}

.ba-hero-title-red {

    color: #d71920;

}

.ba-hero-slide-description {

    color: rgba(255,255,255,.88);

    font-size: 18px;

    line-height: 1.8;

    max-width: 780px;

    margin-bottom: 40px;

}

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

.ba-hero-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

justify-content:center;

}

.ba-hero-primary-btn{

padding:16px 34px;

background:#d71920;

color:#fff;

font-weight:700;

border-radius:4px;

transition:.35s;

}

.ba-hero-primary-btn:hover{

background:#ffffff;

color:#111;

transform:translateY(-3px);

}

.ba-hero-secondary-btn{

padding:16px 34px;

border:2px solid #fff;

color:#fff;

font-weight:700;

border-radius:4px;

transition:.35s;

}

.ba-hero-secondary-btn:hover{

background:#fff;

color:#111;

transform:translateY(-3px);

}

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

.ba-hero-prev-btn,

.ba-hero-next-btn{

position:absolute;

top:50%;

transform:translateY(-50%);

width:56px;

height:56px;

border-radius:50%;

background:rgba(255,255,255,.12);

backdrop-filter:blur(6px);

color:#fff;

font-size:26px;

z-index:20;

transition:.35s;

}

.ba-hero-prev-btn{

left:35px;

}

.ba-hero-next-btn{

right:35px;

}

.ba-hero-prev-btn:hover,

.ba-hero-next-btn:hover{

background:#d71920;

}

/*====================================================
PAGINATION
====================================================*/

.ba-hero-pagination{

position:absolute;

left:50%;

bottom:40px;

transform:translateX(-50%);

display:flex;

gap:12px;

z-index:20;

}

.ba-hero-dot{

width:14px;

height:14px;

border-radius:50%;

background:rgba(255,255,255,.35);

cursor:pointer;

transition:.35s;

}

.ba-hero-dot-active{

background:#d71920;

transform:scale(1.3);

}

/*====================================================
TEXT ANIMATION
====================================================*/

@keyframes baHeroFadeUp{

0%{

opacity:0;

transform:translateY(50px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

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

.ba-hero-menu-item>a,

.ba-hero-primary-btn,

.ba-hero-secondary-btn,

.ba-hero-prev-btn,

.ba-hero-next-btn{

transition:all .35s ease;

}
/*====================================================
RESPONSIVE CSS
Gentle Style BD Hero Section
====================================================*/

/*==========================
Large Laptop
==========================*/

@media (max-width:1200px){

.ba-hero-navbar{

padding:0 25px;

}

.ba-hero-slide-title{

font-size:58px;

}

.ba-hero-slide-description{

font-size:17px;

max-width:700px;

}

}


/*==========================
Tablet
==========================*/

@media (max-width:991px){

.ba-hero-navigation{

display:none;

}

.ba-hero-mobile-toggle{

display:flex;

}

.ba-hero-logo img{

height:60px;

}

.ba-hero-slide-title{

font-size:48px;

}

.ba-hero-slide-description{

font-size:16px;

max-width:650px;

}

.ba-hero-prev-btn,

.ba-hero-next-btn{

width:48px;

height:48px;

font-size:22px;

}

}


/*==========================
Mobile
==========================*/

@media (max-width:768px){

.ba-hero-header{

padding:12px 0;

}

.ba-hero-navbar{

padding:0 20px;

}

.ba-hero-logo img{

height:50px;

}

.ba-hero-slider-wrap{

height:100vh;

min-height:650px;

}

.ba-hero-slide-content{

padding:0 20px;

}

.ba-hero-subtitle{

font-size:12px;

letter-spacing:2px;

margin-bottom:15px;

}

.ba-hero-slide-title{

font-size:38px;

line-height:1.2;

margin-bottom:18px;

}

.ba-hero-slide-description{

font-size:15px;

line-height:1.7;

margin-bottom:30px;

}

.ba-hero-buttons{

flex-direction:column;

width:100%;

align-items:center;

gap:15px;

}

.ba-hero-primary-btn,

.ba-hero-secondary-btn{

width:230px;

text-align:center;

padding:15px 20px;

}

.ba-hero-prev-btn,

.ba-hero-next-btn{

display:none;

}

.ba-hero-pagination{

bottom:25px;

}

}


/*==========================
Small Mobile
==========================*/

@media (max-width:576px){

.ba-hero-mobile-menu{

width:100%;

right:-100%;

}

.ba-hero-slide-title{

font-size:32px;

}

.ba-hero-slide-description{

font-size:14px;

}

.ba-hero-primary-btn,

.ba-hero-secondary-btn{

width:100%;

max-width:260px;

}

}


/*==========================
Extra Small Mobile
==========================*/

@media (max-width:400px){

.ba-hero-slide-title{

font-size:28px;

}

.ba-hero-subtitle{

font-size:11px;

}

.ba-hero-slide-description{

font-size:13px;

}

.ba-hero-pagination{

gap:8px;

}

.ba-hero-dot{

width:10px;

height:10px;

}

}
/*=========================================================
    Gentle Style BD - Welcome Section
    Namespace : ba-welcome-
==========================================================*/

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

.ba-welcome-section{
    position:relative;
    padding:80px 0;
    background:#060d13;
    overflow:hidden;
    z-index:1;
}

/* Decorative Background */

.ba-welcome-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top left,
    rgba(230,0,0,.08),
    transparent 40%),
    radial-gradient(circle at bottom right,
    rgba(255,255,255,.04),
    transparent 45%);
    z-index:-1;
}

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

.ba-welcome-container{

    max-width:850px;

    margin:0 auto;

    padding:0 20px;

    text-align:center;

}

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

.ba-welcome-main-title{

    font-family:'Oswald',sans-serif;

    font-size:clamp(40px,5vw,68px);

    font-weight:700;

    text-transform:uppercase;

    line-height:1.1;

    letter-spacing:1px;

    margin-bottom:18px;

}

.ba-welcome-white{

    color:#ffffff;

}

.ba-welcome-red{

    color:#e60000;

}

/*==============================
SUB TITLE
==============================*/

.ba-welcome-sub-title{

    font-family:'Inter',sans-serif;

    font-size:clamp(20px,2vw,28px);

    font-weight:600;

    margin-bottom:28px;

    line-height:1.4;

}

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

.ba-welcome-desc{

    color:#d7dde5;

    font-size:15px;

    line-height:1.9;

    max-width:760px;

    margin:0 auto;

}

/*==============================
BUTTON WRAPPER
==============================*/

.ba-welcome-btn-wrapper{

    margin-top:40px;

}

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

.ba-welcome-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 36px;

    background:#e60000;

    color:#fff;

    font-size:15px;

    font-weight:700;

    letter-spacing:.5px;

    border-radius:4px;

    transition:all .35s ease;

    box-shadow:0 10px 30px rgba(230,0,0,.25);

}

.ba-welcome-btn:hover{

    background:#c40000;

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(230,0,0,.35);

}

/*==============================
SCROLL REVEAL
==============================*/

.ba-welcome-reveal{

    opacity:0;

    transform:translateY(50px);

    filter:blur(8px);

    animation:baWelcomeReveal 1s ease forwards;

}

.ba-welcome-main-title{

    animation-delay:.15s;

}

.ba-welcome-sub-title{

    animation-delay:.35s;

}

.ba-welcome-desc{

    animation-delay:.55s;

}

.ba-welcome-btn-wrapper{

    animation-delay:.75s;

}

/*==============================
KEYFRAMES
==============================*/

@keyframes baWelcomeReveal{

    from{

        opacity:0;

        transform:translateY(50px);

        filter:blur(8px);

    }

    to{

        opacity:1;

        transform:translateY(0);

        filter:blur(0);

    }

}
/*=========================================================
    Responsive CSS
    Gentle Style BD - Welcome Section
==========================================================*/

/*==============================
Laptop (1200px)
==============================*/

@media (max-width:1200px){

    .ba-welcome-section{
        padding:70px 0;
    }

    .ba-welcome-desc{
        max-width:700px;
    }

}

/*==============================
Tablet (992px)
==============================*/

@media (max-width:992px){

    .ba-welcome-section{
        padding:65px 0;
    }

    .ba-welcome-main-title{
        font-size:clamp(34px,6vw,52px);
    }

    .ba-welcome-sub-title{
        font-size:22px;
    }

    .ba-welcome-desc{
        font-size:15px;
        line-height:1.8;
    }

}

/*==============================
Mobile (768px)
==============================*/

@media (max-width:768px){

    .ba-welcome-section{
        padding:55px 0;
    }

    .ba-welcome-container{
        padding:0 20px;
    }

    .ba-welcome-main-title{
        font-size:36px;
        line-height:1.2;
        margin-bottom:15px;
    }

    .ba-welcome-sub-title{
        font-size:20px;
        margin-bottom:20px;
    }

    .ba-welcome-desc{
        font-size:14px;
        line-height:1.8;
    }

    .ba-welcome-btn-wrapper{
        margin-top:30px;
    }

    .ba-welcome-btn{
        padding:13px 28px;
        font-size:14px;
    }

}

/*==============================
Small Mobile (576px)
==============================*/

@media (max-width:576px){

    .ba-welcome-section{
        padding:50px 0;
    }

    .ba-welcome-main-title{
        font-size:30px;
    }

    .ba-welcome-sub-title{
        font-size:18px;
    }

    .ba-welcome-desc{
        font-size:14px;
    }

    .ba-welcome-btn{
        width:100%;
        max-width:240px;
    }

}

/*==============================
Extra Small Mobile (400px)
==============================*/

@media (max-width:400px){

    .ba-welcome-section{
        padding:45px 0;
    }

    .ba-welcome-main-title{
        font-size:26px;
    }

    .ba-welcome-sub-title{
        font-size:16px;
    }

    .ba-welcome-desc{
        font-size:13px;
        line-height:1.7;
    }

    .ba-welcome-btn{
        max-width:220px;
        padding:12px 24px;
        font-size:13px;
    }

}
/*=========================================================
    WHY CHOOSE US SECTION
    Namespace : ba-why-choose-
==========================================================*/

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

.ba-why-choose-section{
    position:relative;
    padding:80px 0;
    overflow:hidden;

    background-image:url("../imag/parallax-1.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:scroll;

    z-index:1;
}

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

.ba-why-choose-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        rgba(0,0,0,.60),
        rgba(0,0,0,.60)
    );

    z-index:1;

}

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

.ba-why-choose-container{

    position:relative;

    z-index:2;

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

    display:flex;

    align-items:center;

    min-height:550px;

}

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

.ba-why-choose-content-box{

    width:58%;

}

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

.ba-why-choose-title{

    font-family:'Oswald',sans-serif;

    font-size:clamp(40px,5vw,64px);

    text-transform:uppercase;

    font-weight:700;

    line-height:1.15;

    margin-bottom:25px;

    letter-spacing:1px;

}

.ba-why-choose-title-white{

    color:#ffffff;

}

.ba-why-choose-title-red{

    color:#ff0000;

}

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

.ba-why-choose-list{

    list-style:none;

    padding:0;

    margin:0;

}

.ba-why-choose-item{

    position:relative;

    color:#ffffff;

    font-size:15px;

    line-height:1.9;

    padding-left:22px;

    margin-bottom:12px;

    font-family:'Inter',sans-serif;

    opacity:0;

    transform:translateX(-40px);

    animation:baWhyItem .7s ease forwards;

}

/* Bullet */

.ba-why-choose-item::before{

    content:"";

    position:absolute;

    left:0;

    top:12px;

    width:7px;

    height:7px;

    background:#ffffff;

    border-radius:50%;

}

/* Animation Delay */

.ba-why-choose-item:nth-child(1){animation-delay:.20s;}
.ba-why-choose-item:nth-child(2){animation-delay:.35s;}
.ba-why-choose-item:nth-child(3){animation-delay:.50s;}
.ba-why-choose-item:nth-child(4){animation-delay:.65s;}
.ba-why-choose-item:nth-child(5){animation-delay:.80s;}
.ba-why-choose-item:nth-child(6){animation-delay:.95s;}
.ba-why-choose-item:nth-child(7){animation-delay:1.10s;}
.ba-why-choose-item:nth-child(8){animation-delay:1.25s;}

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

.ba-why-choose-btn-wrap{

    margin-top:35px;

}

.ba-why-choose-btn{

    display:inline-block;

    background:#ff0000;

    color:#ffffff;

    font-family:'Inter',sans-serif;

    font-size:15px;

    font-weight:600;

    padding:13px 32px;

    border-radius:3px;

    transition:all .35s ease;

    box-shadow:0 10px 25px rgba(255,0,0,.25);

}

.ba-why-choose-btn:hover{

    background:#d80000;

    transform:translateY(-3px);

    box-shadow:0 18px 35px rgba(255,0,0,.35);

}

/*==============================
TITLE ANIMATION
==============================*/

.ba-why-choose-title{

    opacity:0;

    transform:translateY(40px);

    animation:baWhyTitle .9s ease forwards;

}

/*==============================
KEYFRAMES
==============================*/

@keyframes baWhyTitle{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes baWhyItem{

    from{

        opacity:0;

        transform:translateX(-40px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}
/*=========================================================
    RESPONSIVE CSS
    WHY CHOOSE US SECTION
==========================================================*/

/*==============================
Large Laptop
==============================*/

@media (max-width:1200px){

    .ba-why-choose-container{
        max-width:1100px;
    }

    .ba-why-choose-content-box{
        width:62%;
    }

}

/*==============================
Tablet
==============================*/

@media (max-width:992px){

    .ba-why-choose-section{
        padding:70px 0;
    }

    .ba-why-choose-container{

        min-height:auto;

    }

    .ba-why-choose-content-box{

        width:75%;

    }

    .ba-why-choose-title{

        font-size:48px;

    }

    .ba-why-choose-item{

        font-size:14px;

        line-height:1.8;

    }

}

/*==============================
Mobile
==============================*/

@media (max-width:768px){

    .ba-why-choose-section{

        padding:60px 0;

        background-position:center center;

    }

    .ba-why-choose-container{

        padding:0 20px;

    }

    .ba-why-choose-content-box{

        width:100%;

    }

    .ba-why-choose-title{

        font-size:36px;

        line-height:1.2;

        margin-bottom:20px;

    }

    .ba-why-choose-item{

        font-size:14px;

        padding-left:20px;

        margin-bottom:10px;

    }

    .ba-why-choose-item::before{

        top:10px;

        width:6px;

        height:6px;

    }

    .ba-why-choose-btn-wrap{

        margin-top:30px;

    }

    .ba-why-choose-btn{

        padding:12px 28px;

        font-size:14px;

    }

}

/*==============================
Small Mobile
==============================*/

@media (max-width:576px){

    .ba-why-choose-section{

        padding:50px 0;

    }

    .ba-why-choose-title{

        font-size:30px;

    }

    .ba-why-choose-item{

        font-size:13px;

        line-height:1.7;

    }

    .ba-why-choose-btn{

        width:100%;

        max-width:220px;

        text-align:center;

    }

}

/*==============================
Extra Small Mobile
==============================*/

@media (max-width:400px){

    .ba-why-choose-section{

        padding:45px 0;

    }

    .ba-why-choose-title{

        font-size:26px;

    }

    .ba-why-choose-item{

        font-size:12.5px;

        line-height:1.7;

    }

    .ba-why-choose-btn{

        max-width:200px;

        padding:11px 22px;

        font-size:13px;

    }

}
/*=========================================================
    OUR PRODUCTS INTRO SECTION
    Namespace : ba-products-intro-
==========================================================*/

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

.ba-products-intro-section{

    background:#060d13;

    padding:80px 0;

    overflow:hidden;

    position:relative;

}

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

.ba-products-intro-container{

    max-width:850px;

    margin:0 auto;

    padding:0 20px;

    text-align:center;

}

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

.ba-products-intro-title{

    font-family:'Oswald',sans-serif;

    font-size:clamp(42px,5vw,68px);

    text-transform:uppercase;

    font-weight:700;

    line-height:1.1;

    letter-spacing:1px;

    margin-bottom:25px;

    animation:baProductsFadeUp .9s ease;

}

.ba-products-intro-title-white{

    color:#ffffff;

}

.ba-products-intro-title-red{

    color:#ff0000;

}

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

.ba-products-intro-desc{

    color:#d7dde6;

    font-family:'Inter',sans-serif;

    font-size:15px;

    line-height:1.8;

    font-weight:400;

    max-width:760px;

    margin:0 auto;

    animation:baProductsFadeUp 1.2s ease;

}

.ba-products-intro-desc strong{

    color:#ffffff;

    font-weight:600;

}

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

.ba-products-intro-arrow-wrap{

    margin-top:45px;

}

.ba-products-intro-arrow-icon{

    display:inline-block;

    width:22px;

    height:22px;

    border-right:3px solid #9ca3af;

    border-bottom:3px solid #9ca3af;

    transform:rotate(45deg);

    animation:baProductsBounce 2s infinite;

}

/*==============================
KEYFRAMES
==============================*/

@keyframes baProductsFadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes baProductsBounce{

    0%{

        transform:rotate(45deg) translateY(0);

        opacity:.6;

    }

    25%{

        transform:rotate(45deg) translateY(6px);

        opacity:1;

    }

    50%{

        transform:rotate(45deg) translateY(12px);

    }

    75%{

        transform:rotate(45deg) translateY(6px);

    }

    100%{

        transform:rotate(45deg) translateY(0);

        opacity:.6;

    }

}

/*==============================
BUTTON HOVER (Future Ready)
==============================*/

.ba-products-intro-arrow-wrap:hover .ba-products-intro-arrow-icon{

    border-color:#ff0000;

    transition:.3s;

}
/*=========================================================
    RESPONSIVE CSS
    OUR PRODUCTS INTRO SECTION
==========================================================*/

/*==============================
Large Laptop
==============================*/

@media (max-width:1200px){

    .ba-products-intro-section{

        padding:75px 0;

    }

}

/*==============================
Tablet
==============================*/

@media (max-width:992px){

    .ba-products-intro-section{

        padding:70px 0;

    }

    .ba-products-intro-title{

        font-size:50px;

    }

    .ba-products-intro-desc{

        font-size:15px;

        line-height:1.8;

    }

}

/*==============================
Mobile
==============================*/

@media (max-width:768px){

    .ba-products-intro-section{

        padding:60px 0;

    }

    .ba-products-intro-container{

        padding:0 20px;

    }

    .ba-products-intro-title{

        font-size:38px;

        line-height:1.2;

        margin-bottom:20px;

    }

    .ba-products-intro-desc{

        font-size:14px;

        line-height:1.8;

    }

    .ba-products-intro-arrow-wrap{

        margin-top:35px;

    }

    .ba-products-intro-arrow-icon{

        width:20px;

        height:20px;

    }

}

/*==============================
Small Mobile
==============================*/

@media (max-width:576px){

    .ba-products-intro-section{

        padding:50px 0;

    }

    .ba-products-intro-title{

        font-size:32px;

    }

    .ba-products-intro-desc{

        font-size:13px;

        line-height:1.7;

    }

    .ba-products-intro-arrow-icon{

        width:18px;

        height:18px;

    }

}

/*==============================
Extra Small Mobile
==============================*/

@media (max-width:400px){

    .ba-products-intro-section{

        padding:45px 0;

    }

    .ba-products-intro-title{

        font-size:28px;

    }

    .ba-products-intro-desc{

        font-size:12.5px;

        line-height:1.7;

    }

    .ba-products-intro-arrow-wrap{

        margin-top:30px;

    }

    .ba-products-intro-arrow-icon{

        width:16px;

        height:16px;

        border-right:2px solid #9ca3af;

        border-bottom:2px solid #9ca3af;

    }

}
/*=========================================================
    PRODUCTS GALLERY SECTION
    Namespace : ba-gallery-
==========================================================*/

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

.ba-gallery-section{
    padding:90px 0;
    background:#ffffff;
    overflow:hidden;
}

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

.ba-gallery-container{
    max-width:1300px;
    margin:0 auto;
    padding:0 20px;
}

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

.ba-gallery-heading{
    text-align:center;
    margin-bottom:45px;
}

.ba-gallery-title{
    font-family:'Oswald',sans-serif;
    font-size:clamp(42px,5vw,68px);
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:15px;
}

.ba-gallery-title-white{
    color:#ffffff;
}

.ba-gallery-title-red{
    color:#ff0000;
}

.ba-gallery-subtitle{

    max-width:700px;
    margin:auto;
    color:#d8d8d8;
    font-size:15px;
    line-height:1.8;
    font-family:'Inter',sans-serif;

}

/*==============================
FILTER BUTTONS
==============================*/

.ba-gallery-filter-controls{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:55px;

}

.ba-gallery-filter-btn{

    border:none;
    outline:none;
    cursor:pointer;

    background:#20262f;

    color:#ffffff;

    padding:12px 30px;

    font-size:14px;

    font-weight:600;

    font-family:'Inter',sans-serif;

    border-radius:4px;

    transition:.35s;

}

.ba-gallery-filter-btn:hover{

    background:#ff0000;

}

.ba-gallery-filter-current{

    background:#ff0000;

}

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

.ba-gallery-grid{

    display:grid;

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

    gap:28px;

}

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

.ba-gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:6px;

    cursor:pointer;

    transition:.45s;

}

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

.ba-gallery-image-wrap{

    position:relative;

    overflow:hidden;

}

.ba-gallery-image{

    width:100%;

    display:block;

    transition:.5s;

}

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

.ba-gallery-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.55);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    transition:.45s;

}

.ba-gallery-view-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    border:2px solid #ffffff;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#ffffff;

    font-size:34px;

    transition:.4s;

}

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

.ba-gallery-item:hover .ba-gallery-overlay{

    opacity:1;

}

.ba-gallery-item:hover .ba-gallery-image{

    transform:scale(1.10);

}

.ba-gallery-item:hover{

    transform:translateY(-6px);

}

/*==============================
FILTER ANIMATION
==============================*/

.ba-gallery-item{

    opacity:1;

    transform:scale(1);

    transition:
    opacity .45s,
    transform .45s;

}

.ba-gallery-item.ba-gallery-hide{

    opacity:0;

    transform:scale(.85);

    pointer-events:none;

}

/*==============================
LIGHTBOX
==============================*/

.ba-gallery-lightbox-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.90);

    opacity:0;

    visibility:hidden;

    transition:.4s;

    z-index:9998;

}

.ba-gallery-lightbox-modal{

    position:fixed;

    inset:0;

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.4s;

    z-index:9999;

}

/* Active */

.ba-gallery-lightbox-overlay.ba-gallery-lightbox-open,
.ba-gallery-lightbox-modal.ba-gallery-lightbox-open{

    opacity:1;

    visibility:visible;

}

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

.ba-gallery-lightbox-image{

    max-width:85vw;

    max-height:85vh;

    border-radius:8px;

    box-shadow:0 25px 60px rgba(0,0,0,.45);

}

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

.ba-gallery-lightbox-close{

    position:absolute;

    top:30px;

    right:35px;

    border:none;

    background:none;

    color:#fff;

    font-size:42px;

    cursor:pointer;

}

.ba-gallery-lightbox-prev,
.ba-gallery-lightbox-next{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    border:none;

    background:rgba(255,255,255,.12);

    width:60px;

    height:60px;

    color:#fff;

    font-size:28px;

    cursor:pointer;

    transition:.3s;

}

.ba-gallery-lightbox-prev{

    left:40px;

}

.ba-gallery-lightbox-next{

    right:40px;

}

.ba-gallery-lightbox-prev:hover,
.ba-gallery-lightbox-next:hover{

    background:#ff0000;

}
/*=========================================================
    RESPONSIVE CSS
    PRODUCTS GALLERY
==========================================================*/

/*==============================
Large Laptop
==============================*/

@media (max-width:1200px){

    .ba-gallery-container{

        max-width:1100px;

    }

    .ba-gallery-grid{

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

        gap:24px;

    }

}

/*==============================
Tablet Landscape
==============================*/

@media (max-width:992px){

    .ba-gallery-section{

        padding:70px 0;

    }

    .ba-gallery-title{

        font-size:50px;

    }

    .ba-gallery-grid{

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

        gap:22px;

    }

    .ba-gallery-lightbox-image{

        max-width:88vw;

        max-height:80vh;

    }

}

/*==============================
Tablet Portrait
==============================*/

@media (max-width:768px){

    .ba-gallery-section{

        padding:60px 0;

    }

    .ba-gallery-container{

        padding:0 20px;

    }

    .ba-gallery-title{

        font-size:38px;

    }

    .ba-gallery-subtitle{

        font-size:14px;

    }

    .ba-gallery-filter-controls{

        gap:10px;

    }

    .ba-gallery-filter-btn{

        padding:10px 18px;

        font-size:13px;

    }

    .ba-gallery-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .ba-gallery-lightbox-prev,
    .ba-gallery-lightbox-next{

        width:48px;

        height:48px;

        font-size:22px;

    }

    .ba-gallery-lightbox-prev{

        left:10px;

    }

    .ba-gallery-lightbox-next{

        right:10px;

    }

    .ba-gallery-lightbox-close{

        top:15px;

        right:20px;

        font-size:34px;

    }

}

/*==============================
Small Mobile
==============================*/

@media (max-width:576px){

    .ba-gallery-title{

        font-size:32px;

    }

    .ba-gallery-subtitle{

        font-size:13px;

    }

    .ba-gallery-filter-btn{

        width:100%;

        max-width:220px;

    }

    .ba-gallery-filter-controls{

        flex-direction:column;

    }

    .ba-gallery-view-icon{

        width:55px;

        height:55px;

        font-size:28px;

    }

    .ba-gallery-lightbox-image{

        max-width:94vw;

        max-height:72vh;

    }

}

/*==============================
Extra Small Mobile
==============================*/

@media (max-width:400px){

    .ba-gallery-section{

        padding:50px 0;

    }

    .ba-gallery-title{

        font-size:28px;

    }

    .ba-gallery-subtitle{

        font-size:12px;

        line-height:1.7;

    }

    .ba-gallery-lightbox-prev,
    .ba-gallery-lightbox-next{

        width:42px;

        height:42px;

        font-size:18px;

    }

}
/*=========================================================
    OUR VALUABLE CUSTOMERS
    Namespace : ba-clients-
==========================================================*/

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

.ba-clients-section{

    background:#f9f8f3;

    padding:70px 0;

    overflow:hidden;

    position:relative;

}

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

.ba-clients-container{

    max-width:1320px;

    margin:0 auto;

    padding:0 20px;

}

/*==============================
HEADER
==============================*/

.ba-clients-header{

    text-align:center;

    margin-bottom:50px;

}

.ba-clients-main-title{

    font-family:'Inter',sans-serif;

    font-size:clamp(34px,4vw,48px);

    font-weight:700;

    color:#1e293b;

    margin-bottom:15px;

    letter-spacing:.5px;

}

.ba-clients-sub-title{

    font-family:'Inter',sans-serif;

    font-size:15px;

    color:#64748b;

    line-height:1.7;

    max-width:700px;

    margin:0 auto;

}

/*==============================
CAROUSEL
==============================*/

.ba-clients-carousel-view{

    width:100%;

    overflow:hidden;

    position:relative;

}

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

.ba-clients-track{

    display:flex;

    align-items:center;

    gap:60px;

    width:max-content;

    animation:baClientsScroll 28s linear infinite;

    will-change:transform;

}

.ba-clients-carousel-view:hover .ba-clients-track{

    animation-play-state:paused;

}

/*==============================
LOGO CARD
==============================*/

.ba-clients-logo-card{

    flex:0 0 auto;

    display:flex;

    justify-content:center;

    align-items:center;

    min-width:170px;

    transition:.35s;

}

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

.ba-clients-logo-card img{

    max-width:150px;

    max-height:55px;

    width:auto;

    height:auto;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.65;

    transition:.4s ease;

}

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

.ba-clients-logo-card:hover img{

    filter:none;

    opacity:1;

    transform:scale(1.08);

}

/*==============================
EDGE FADE
==============================*/

.ba-clients-carousel-view::before,
.ba-clients-carousel-view::after{

    content:"";

    position:absolute;

    top:0;

    width:90px;

    height:100%;

    z-index:5;

    pointer-events:none;

}

.ba-clients-carousel-view::before{

    left:0;

    background:linear-gradient(
        to right,
        #f9f8f3 0%,
        rgba(249,248,243,0) 100%
    );

}

.ba-clients-carousel-view::after{

    right:0;

    background:linear-gradient(
        to left,
        #f9f8f3 0%,
        rgba(249,248,243,0) 100%
    );

}

/*==============================
INFINITE ANIMATION
==============================*/

@keyframes baClientsScroll{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}
/*=========================================================
    RESPONSIVE CSS
    OUR VALUABLE CUSTOMERS
==========================================================*/

/*==============================
Large Laptop
==============================*/

@media (max-width:1200px){

    .ba-clients-track{

        gap:50px;

        animation-duration:26s;

    }

    .ba-clients-logo-card{

        min-width:150px;

    }

}

/*==============================
Tablet
==============================*/

@media (max-width:992px){

    .ba-clients-section{

        padding:60px 0;

    }

    .ba-clients-main-title{

        font-size:40px;

    }

    .ba-clients-sub-title{

        font-size:14px;

    }

    .ba-clients-track{

        gap:40px;

        animation-duration:24s;

    }

    .ba-clients-logo-card{

        min-width:140px;

    }

    .ba-clients-logo-card img{

        max-width:120px;

        max-height:45px;

    }

}

/*==============================
Mobile
==============================*/

@media (max-width:768px){

    .ba-clients-section{

        padding:55px 0;

    }

    .ba-clients-container{

        padding:0 20px;

    }

    .ba-clients-main-title{

        font-size:32px;

    }

    .ba-clients-sub-title{

        font-size:13px;

        line-height:1.7;

    }

    .ba-clients-track{

        gap:30px;

        animation-duration:20s;

    }

    .ba-clients-logo-card{

        min-width:110px;

    }

    .ba-clients-logo-card img{

        max-width:95px;

        max-height:38px;

    }

    .ba-clients-carousel-view::before,
    .ba-clients-carousel-view::after{

        width:40px;

    }

}

/*==============================
Small Mobile
==============================*/

@media (max-width:576px){

    .ba-clients-main-title{

        font-size:28px;

    }

    .ba-clients-sub-title{

        font-size:12px;

    }

    .ba-clients-track{

        gap:24px;

        animation-duration:18s;

    }

    .ba-clients-logo-card{

        min-width:90px;

    }

    .ba-clients-logo-card img{

        max-width:80px;

        max-height:32px;

    }

}

/*==============================
Extra Small Mobile
==============================*/

@media (max-width:400px){

    .ba-clients-section{

        padding:45px 0;

    }

    .ba-clients-main-title{

        font-size:24px;

    }

    .ba-clients-track{

        gap:20px;

        animation-duration:16s;

    }

    .ba-clients-logo-card{

        min-width:80px;

    }

    .ba-clients-logo-card img{

        max-width:70px;

        max-height:28px;

    }

}
/*==================================================
    FEATURED CERTIFICATIONS
    Production Version
==================================================*/

.ba-cert-bg-slider-section{

    position:relative;
    overflow:hidden;

    padding:90px 20px;

    background:
    linear-gradient(
    rgba(0,0,0,.60),
    rgba(0,0,0,.60)),
    url("../imag/about_back.png");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;

}

/*========================*/

.ba-cert-bg-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
    rgba(255,255,255,.15),
    rgba(255,255,255,.15));

    pointer-events:none;

}

/*========================*/

.ba-cert-bg-container{

    position:relative;

    max-width:1300px;

    margin:auto;

}

/*========================*/

.ba-cert-bg-header{

    text-align:center;

    margin-bottom:70px;

}

.ba-cert-bg-subtitle{

    display:block;

    color:#d60000;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:10px;

}

.ba-cert-bg-title{

    font-size:48px;

    font-weight:700;

    color:#1f2937;

    margin-bottom:20px;

}

.ba-cert-bg-text{

    max-width:760px;

    margin:auto;

    line-height:1.8;

    color:#4b5563;

}

/*==========================
3D STAGE
==========================*/

.ba-cert-bg-stage{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

}

/*==========================*/

.ba-cert-bg-perspective{

    perspective:1800px;

    width:700px;

    height:500px;

    display:flex;

    justify-content:center;

    align-items:center;

}

/*==========================

JS ONLY

==========================*/

.ba-cert-bg-rotator{

    position:relative;

    width:340px;

    height:340px;

    transform-style:preserve-3d;

    transition:

    transform .9s cubic-bezier(.22,.61,.36,1);

}

/*==========================

CSS ONLY

==========================*/

.ba-cert-bg-ring{

    position:absolute;

    inset:0;

    transform-style:preserve-3d;

}

/*==========================*/

.ba-cert-bg-card{

    position:absolute;

    left:50%;

    top:50%;

    width:220px;

    height:130px;

    margin-left:-110px;

    margin-top:-65px;

    background:#fff;

    border-radius:15px;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:

    0 20px 40px rgba(0,0,0,.12);

    border:1px solid #eee;

    transition:

    transform .4s,

    box-shadow .4s;

}

/*==========================*/

.ba-cert-bg-card:hover{

    transform:

    scale(1.06);

    box-shadow:

    0 35px 60px rgba(0,0,0,.18);

}

/*==========================*/

.ba-cert-bg-card img{

    max-width:140px;

    max-height:70px;

    object-fit:contain;

}

/*==========================
3D POSITIONS
==========================*/

.ba-cert-bg-card:nth-child(1){

transform:
rotateY(0deg)
translateZ(360px);

}

.ba-cert-bg-card:nth-child(2){

transform:
rotateY(45deg)
translateZ(360px);

}

.ba-cert-bg-card:nth-child(3){

transform:
rotateY(90deg)
translateZ(360px);

}

.ba-cert-bg-card:nth-child(4){

transform:
rotateY(135deg)
translateZ(360px);

}

.ba-cert-bg-card:nth-child(5){

transform:
rotateY(180deg)
translateZ(360px);

}

.ba-cert-bg-card:nth-child(6){

transform:
rotateY(225deg)
translateZ(360px);

}

.ba-cert-bg-card:nth-child(7){

transform:
rotateY(270deg)
translateZ(360px);

}

.ba-cert-bg-card:nth-child(8){

transform:
rotateY(315deg)
translateZ(360px);

}

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

.ba-cert-bg-controls{

    margin-top:40px;

    display:flex;

    justify-content:center;

    gap:20px;

}

.ba-cert-bg-btn{

    width:56px;

    height:56px;

    border:none;

    border-radius:50%;

    background:#d60000;

    color:#fff;

    font-size:22px;

    cursor:pointer;

    transition:.35s;

}

.ba-cert-bg-btn:hover{

    background:#111827;

    transform:translateY(-4px);

}
/*==================================================
    FEATURED CERTIFICATIONS
    RESPONSIVE
==================================================*/

/*==========================
1200px
==========================*/

@media (max-width:1200px){

    .ba-cert-bg-perspective{

        width:600px;
        height:450px;

    }

    .ba-cert-bg-rotator{

        width:300px;
        height:300px;

    }

    .ba-cert-bg-card{

        width:190px;
        height:115px;

        margin-left:-95px;
        margin-top:-57px;

    }

    .ba-cert-bg-card img{

        max-width:120px;

    }

}

/*==========================
992px
==========================*/

@media (max-width:992px){

    .ba-cert-bg-slider-section{

        padding:70px 20px;

        background-attachment:scroll;

    }

    .ba-cert-bg-title{

        font-size:38px;

    }

    .ba-cert-bg-perspective{

        width:500px;
        height:400px;

        perspective:1300px;

    }

    .ba-cert-bg-rotator{

        width:260px;
        height:260px;

    }

    .ba-cert-bg-card{

        width:170px;
        height:100px;

        margin-left:-85px;
        margin-top:-50px;

    }

    .ba-cert-bg-card img{

        max-width:105px;

    }

}

/*==========================
768px
==========================*/

@media (max-width:768px){

    .ba-cert-bg-title{

        font-size:30px;

    }

    .ba-cert-bg-text{

        font-size:15px;

    }

    .ba-cert-bg-perspective{

        perspective:none;

        width:100%;
        height:auto;

    }

    .ba-cert-bg-rotator{

        width:100%;
        height:auto;

        transform:none !important;

    }

    .ba-cert-bg-ring{

        display:grid;

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

        gap:20px;

        transform:none !important;

    }

    .ba-cert-bg-card{

        position:relative;

        left:auto;
        top:auto;

        margin:0;

        width:100%;

        transform:none !important;

    }

}

/*==========================
576px
==========================*/

@media (max-width:576px){

    .ba-cert-bg-title{

        font-size:25px;

    }

    .ba-cert-bg-subtitle{

        font-size:13px;

        letter-spacing:2px;

    }

    .ba-cert-bg-text{

        font-size:14px;

    }

    .ba-cert-bg-ring{

        grid-template-columns:1fr;

    }

    .ba-cert-bg-card{

        height:95px;

    }

    .ba-cert-bg-card img{

        max-width:95px;

    }

    .ba-cert-bg-btn{

        width:46px;
        height:46px;

        font-size:18px;

    }

}
/*==================================================
    INSIDE OUR FACTORY
==================================================*/

.ba-factory-gallery-section{
    background:#f9f8f3;
    padding:80px 0;
    overflow:hidden;
}

.ba-factory-gallery-container{
    max-width:1400px;
    margin:0 auto;
    padding:0 20px;
}

.ba-factory-gallery-header{
    max-width:820px;
    margin:0 auto 60px;
    text-align:center;
}

.ba-factory-gallery-subtitle{
    display:inline-block;
    color:#d60000;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.ba-factory-gallery-title{
    font-family:"Poppins",sans-serif;
    font-size:clamp(34px,5vw,52px);
    font-weight:700;
    color:#1e293b;
    margin-bottom:18px;
    line-height:1.2;
}

.ba-factory-gallery-description{
    font-size:16px;
    color:#64748b;
    line-height:1.8;
}

/*==========================================
ROW
==========================================*/

.ba-factory-gallery-row{

    width:100%;
    overflow:hidden;
    position:relative;
    margin:28px 0;

}

/* Soft Fade Edge */

.ba-factory-gallery-row::before,
.ba-factory-gallery-row::after{

    content:"";
    position:absolute;
    top:0;
    width:120px;
    height:100%;
    z-index:5;
    pointer-events:none;

}

.ba-factory-gallery-row::before{

    left:0;

    background:linear-gradient(
        to right,
        #f9f8f3 0%,
        rgba(249,248,243,0)100%
    );

}

.ba-factory-gallery-row::after{

    right:0;

    background:linear-gradient(
        to left,
        #f9f8f3 0%,
        rgba(249,248,243,0)100%
    );

}

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

.ba-factory-gallery-track{

    display:flex;
    align-items:center;
    width:max-content;
    gap:22px;
    will-change:transform;

}

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

.ba-factory-gallery-item{

    flex:0 0 auto;

    width:290px;
    height:180px;

    border-radius:12px;

    overflow:hidden;

    background:#fff;

    box-shadow:
    0 10px 35px rgba(0,0,0,.08);

    transition:
    transform .4s ease,
    box-shadow .4s ease;

}

.ba-factory-gallery-item:hover{

    transform:
    translateY(-6px)
    scale(1.04);

    box-shadow:
    0 20px 50px rgba(0,0,0,.15);

}

.ba-factory-gallery-item img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:
    transform .5s ease,
    filter .5s ease;

}

.ba-factory-gallery-item:hover img{

    transform:scale(1.10);

    filter:brightness(1.05);

}

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

.ba-factory-gallery-row-forward
.ba-factory-gallery-track{

    animation:
    baFactoryForward 32s linear infinite;

}

.ba-factory-gallery-row-reverse
.ba-factory-gallery-track{

    animation:
    baFactoryReverse 32s linear infinite;

}

@keyframes baFactoryForward{

    from{

        transform:translateX(-50%);

    }

    to{

        transform:translateX(0);

    }

}

@keyframes baFactoryReverse{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

/* Pause Animation */

.ba-factory-gallery-row:hover
.ba-factory-gallery-track{

    animation-play-state:paused;

}
/*==================================================
    INSIDE OUR FACTORY
    RESPONSIVE
==================================================*/

/*==============================
1400px
==============================*/

@media (max-width:1400px){

    .ba-factory-gallery-item{

        width:260px;
        height:170px;

    }

}

/*==============================
1200px
==============================*/

@media (max-width:1200px){

    .ba-factory-gallery-section{

        padding:70px 0;

    }

    .ba-factory-gallery-header{

        margin-bottom:50px;

    }

    .ba-factory-gallery-item{

        width:230px;
        height:155px;

    }

    .ba-factory-gallery-row-forward .ba-factory-gallery-track{

        animation-duration:28s;

    }

    .ba-factory-gallery-row-reverse .ba-factory-gallery-track{

        animation-duration:28s;

    }

}

/*==============================
992px
==============================*/

@media (max-width:992px){

    .ba-factory-gallery-title{

        font-size:36px;

    }

    .ba-factory-gallery-description{

        font-size:15px;

    }

    .ba-factory-gallery-item{

        width:210px;
        height:145px;

    }

    .ba-factory-gallery-track{

        gap:18px;

    }

}

/*==============================
768px
==============================*/

@media (max-width:768px){

    .ba-factory-gallery-section{

        padding:60px 0;

    }

    .ba-factory-gallery-title{

        font-size:30px;

    }

    .ba-factory-gallery-description{

        font-size:14px;

        line-height:1.8;

    }

    .ba-factory-gallery-item{

        width:180px;
        height:120px;

    }

    .ba-factory-gallery-track{

        gap:15px;

    }

    /* Slightly Faster */

    .ba-factory-gallery-row-forward .ba-factory-gallery-track{

        animation-duration:22s;

    }

    .ba-factory-gallery-row-reverse .ba-factory-gallery-track{

        animation-duration:22s;

    }

}

/*==============================
576px
==============================*/

@media (max-width:576px){

    .ba-factory-gallery-section{

        padding:50px 0;

    }

    .ba-factory-gallery-container{

        padding:0 15px;

    }

    .ba-factory-gallery-subtitle{

        font-size:12px;

        letter-spacing:2px;

    }

    .ba-factory-gallery-title{

        font-size:26px;

    }

    .ba-factory-gallery-description{

        font-size:13px;

    }

    .ba-factory-gallery-item{

        width:160px;
        height:110px;

        border-radius:10px;

    }

    .ba-factory-gallery-track{

        gap:12px;

    }

    .ba-factory-gallery-row{

        margin:18px 0;

    }

}

/*==============================
400px
==============================*/

@media (max-width:400px){

    .ba-factory-gallery-item{

        width:140px;
        height:100px;

    }

    .ba-factory-gallery-track{

        gap:10px;

    }

    .ba-factory-gallery-row-forward .ba-factory-gallery-track{

        animation-duration:18s;

    }

    .ba-factory-gallery-row-reverse .ba-factory-gallery-track{

        animation-duration:18s;

    }

}
/*==================================================
    CORPORATE FOOTER
    PREMIUM CSS
==================================================*/

.ba-corp-footer-wrapper{

    position:relative;

    background:#0a0a0a;

    color:#cbd5e1;

    overflow:hidden;

    font-family:'Inter',sans-serif;

}

.ba-corp-footer-container{

    max-width:1280px;

    margin:0 auto;

    padding:70px 20px 25px;

}

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

.ba-corp-footer-grid{

    display:grid;

    grid-template-columns:
    1.4fr
    1fr
    1fr;

    gap:60px;

}

/*=============================
COLUMN
=============================*/

.ba-corp-footer-col{

    min-width:0;

}

/*=============================
WIDGET TITLE
=============================*/

.ba-corp-footer-widget-title{

    font-size:22px;

    font-weight:700;

    color:#d4af37;

    margin-bottom:28px;

    position:relative;

}

.ba-corp-footer-widget-title::after{

    content:"";

    width:60px;

    height:2px;

    background:#d4af37;

    display:block;

    margin-top:12px;

}

/*=============================
CONTACT LIST
=============================*/

.ba-corp-footer-contact-list{

    list-style:none;

    padding:0;

    margin:0;

}

.ba-corp-footer-contact-list li{

    display:flex;

    align-items:flex-start;

    gap:15px;

    margin-bottom:22px;

    line-height:1.8;

}

.ba-corp-footer-icon{

    color:#d4af37;

    font-size:18px;

    flex-shrink:0;

}

.ba-corp-footer-contact-list strong{

    color:#ffffff;

}

.ba-corp-footer-contact-list a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.35s;

}

.ba-corp-footer-contact-list a:hover{

    color:#d4af37;

}

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

.ba-corp-footer-links{

    list-style:none;

    padding:0;

    margin:0;

}

.ba-corp-footer-links li{

    margin-bottom:16px;

}

.ba-corp-footer-links a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.35s;

    position:relative;

    padding-left:18px;

}

.ba-corp-footer-links a::before{

    content:"›";

    position:absolute;

    left:0;

    color:#d4af37;

}

.ba-corp-footer-links a:hover{

    color:#d4af37;

    padding-left:24px;

}

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

.ba-corp-footer-social-wrap{

    display:flex;

    gap:15px;

    margin-bottom:20px;

}

.ba-corp-footer-social-link{

    width:46px;

    height:46px;

    border:1px solid rgba(212,175,55,.35);

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    color:#ffffff;

    transition:.35s;

    text-decoration:none;

}

.ba-corp-footer-social-link svg{

    width:20px;

    height:20px;

    fill:currentColor;

}

.ba-corp-footer-social-link:hover{

    background:#d4af37;

    color:#000;

    transform:translateY(-5px);

}

.ba-corp-footer-social-text{

    color:#cbd5e1;

    line-height:1.7;

    font-size:15px;

}

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

.ba-corp-footer-divider{

    width:100%;

    height:1px;

    background:rgba(255,255,255,.12);

    margin:55px 0 25px;

}

/*=============================
BOTTOM BAR
=============================*/

.ba-corp-footer-bottom-bar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.ba-corp-footer-copy{

    color:#cbd5e1;

    font-size:15px;

}

.ba-corp-footer-credit{

    color:#ffffff;

    font-size:15px;

}

.ba-corp-footer-credit-link{

    color:#d4af37;

    text-decoration:none;

    transition:.35s;

}

.ba-corp-footer-credit-link:hover{

    color:#ffffff;

}

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

.ba-corp-footer-scroll-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:52px;

    height:52px;

    border:none;

    border-radius:10px;

    background:#d4af37;

    color:#000;

    font-size:22px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:
    0 15px 35px rgba(0,0,0,.25);

    transition:.35s;

    z-index:9999;

}

.ba-corp-footer-scroll-top:hover{

    background:#ffffff;

    transform:translateY(-5px);

}
/*==================================================
    CORPORATE FOOTER
    RESPONSIVE
==================================================*/

/*==============================
1200px
==============================*/

@media (max-width:1200px){

    .ba-corp-footer-grid{

        grid-template-columns:1fr 1fr;

        gap:45px;

    }

    .ba-corp-footer-col:first-child{

        grid-column:1 / -1;

    }

}

/*==============================
992px
==============================*/

@media (max-width:992px){

    .ba-corp-footer-container{

        padding:60px 20px 25px;

    }

    .ba-corp-footer-grid{

        gap:40px;

    }

    .ba-corp-footer-widget-title{

        font-size:20px;

    }

    .ba-corp-footer-contact-list li{

        margin-bottom:18px;

    }

}

/*==============================
768px
==============================*/

@media (max-width:768px){

    .ba-corp-footer-grid{

        grid-template-columns:1fr;

        gap:35px;

        text-align:center;

    }

    .ba-corp-footer-widget-title::after{

        margin:12px auto 0;

    }

    .ba-corp-footer-contact-list li{

        justify-content:center;

        flex-direction:column;

        align-items:center;

        text-align:center;

    }

    .ba-corp-footer-links{

        display:flex;

        flex-direction:column;

        align-items:center;

    }

    .ba-corp-footer-links a{

        padding-left:0;

    }

    .ba-corp-footer-links a::before{

        display:none;

    }

    .ba-corp-footer-links a:hover{

        padding-left:0;

    }

    .ba-corp-footer-social-wrap{

        justify-content:center;

    }

    .ba-corp-footer-bottom-bar{

        flex-direction:column;

        text-align:center;

    }

}

/*==============================
576px
==============================*/

@media (max-width:576px){

    .ba-corp-footer-container{

        padding:50px 20px 20px;

    }

    .ba-corp-footer-widget-title{

        font-size:19px;

    }

    .ba-corp-footer-copy,

    .ba-corp-footer-credit,

    .ba-corp-footer-social-text,

    .ba-corp-footer-contact-list,

    .ba-corp-footer-links{

        font-size:14px;

    }

    .ba-corp-footer-social-link{

        width:42px;

        height:42px;

    }

    .ba-corp-footer-social-link svg{

        width:18px;

        height:18px;

    }

    .ba-corp-footer-scroll-top{

        width:46px;

        height:46px;

        right:15px;

        bottom:15px;

        font-size:18px;

    }

}

/*==============================
400px
==============================*/

@media (max-width:400px){

    .ba-corp-footer-container{

        padding:45px 15px 20px;

    }

    .ba-corp-footer-widget-title{

        font-size:18px;

    }

    .ba-corp-footer-contact-list li{

        gap:10px;

    }

    .ba-corp-footer-divider{

        margin:35px 0 20px;

    }

    .ba-corp-footer-scroll-top{

        width:42px;

        height:42px;

        font-size:16px;

    }

}
/*==================================================
    INNER PAGE HEADER
    PREMIUM CSS
==================================================*/

.ba-inner-header-section{

    position:relative;

    background:#061224;

    padding:60px 0;

    overflow:hidden;

}

.ba-inner-header-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,.03),
        rgba(255,255,255,0)
    );

    pointer-events:none;

}

.ba-inner-header-content{

    position:relative;

    z-index:2;

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

    text-align:center;

}

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

.ba-inner-header-main-title{

    margin:0;

    font-family:"Oswald",sans-serif;

    font-size:clamp(32px,5vw,52px);

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    color:#ffffff;

    line-height:1.2;

}

/*==============================
BREADCRUMB
==============================*/

.ba-inner-header-breadcrumb{

    margin-top:16px;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    font-family:"Inter",sans-serif;

    font-size:15px;

    color:#cbd5e1;

}

.ba-inner-header-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#ffffff;

    text-decoration:none;

    transition:all .35s ease;

}

.ba-inner-header-link:hover{

    color:#d4af37;

}

.ba-inner-header-home-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:18px;

    height:18px;

    color:#d4af37;

}

.ba-inner-header-home-icon svg{

    width:100%;

    height:100%;

    display:block;

}

.ba-inner-header-divider{

    color:#94a3b8;

    font-weight:500;

}

.ba-inner-header-current{

    color:#cbd5e1;

    font-weight:500;

}

/*==============================
RESPONSIVE
==============================*/

@media (max-width:991px){

    .ba-inner-header-section{

        padding:50px 0;

    }

}

@media (max-width:768px){

    .ba-inner-header-section{

        padding:45px 0;

    }

    .ba-inner-header-main-title{

        font-size:32px;

    }

    .ba-inner-header-breadcrumb{

        font-size:14px;

        gap:8px;

    }

}

@media (max-width:576px){

    .ba-inner-header-section{

        padding:40px 0;

    }

    .ba-inner-header-content{

        padding:0 20px;

    }

    .ba-inner-header-main-title{

        font-size:26px;

        line-height:1.35;

    }

    .ba-inner-header-breadcrumb{

        font-size:13px;

    }

    .ba-inner-header-home-icon{

        width:16px;

        height:16px;

    }

}

@media (max-width:400px){

    .ba-inner-header-main-title{

        font-size:22px;

        letter-spacing:.5px;

    }

    .ba-inner-header-breadcrumb{

        font-size:12px;

    }

}

/*=========================================================
    CORPORATE PROFILE LIGHTBOX SECTION
    Part 2 - Desktop
    Namespace : ba-profile-lightbox-
==========================================================*/

/*------------------------------
Google Font loaded via <head> link (Inter) — do not use mid-file @import
------------------------------*/

/*------------------------------
Section
------------------------------*/

.ba-profile-lightbox-section{

    background:#ffffff;

    padding:80px 0;

    position:relative;

    overflow:hidden;

    font-family:"Inter",sans-serif;

}


/*------------------------------
Container
------------------------------*/

.ba-profile-lightbox-container{

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

}


/*------------------------------
Rows
------------------------------*/

.ba-profile-lightbox-row{

    display:grid;

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

    gap:70px;

    align-items:center;

}

.ba-profile-lightbox-row+.ba-profile-lightbox-row{

    margin-top:70px;

}


/* Second Row */

.ba-profile-lightbox-row-reverse{

    align-items:start;

}


/*------------------------------
Text
------------------------------*/

.ba-profile-lightbox-title{

    margin:0;

    font-size:34px;

    font-weight:700;

    letter-spacing:1px;

    color:#1e293b;

    text-transform:uppercase;

}

.ba-profile-lightbox-line{

    display:block;

    width:70px;

    height:3px;

    background:#ea580c;

    margin-top:15px;

    margin-bottom:28px;

}

.ba-profile-lightbox-paragraph{

    margin:0 0 18px;

    font-size:16px;

    line-height:1.85;

    color:#555;

}


/*------------------------------
Main Image
------------------------------*/

.ba-profile-lightbox-img-box{

    overflow:hidden;

    border-radius:14px;

    box-shadow:

    0 20px 45px rgba(0,0,0,.12);

}

.ba-profile-lightbox-main-img{

    width:100%;

    display:block;

    transition:.6s;

}

.ba-profile-lightbox-img-box:hover
.ba-profile-lightbox-main-img{

    transform:scale(1.06);

}


/*------------------------------
Gallery
------------------------------*/

.ba-profile-lightbox-sub-grid{

    display:grid;

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

    gap:18px;

}

.ba-profile-lightbox-gallery-item{

    cursor:pointer;

    overflow:hidden;

    border-radius:12px;

    position:relative;

    box-shadow:

    0 12px 30px rgba(0,0,0,.08);

}

.ba-profile-lightbox-gallery-item img{

    width:100%;

    height:220px;

    object-fit:cover;

    display:block;

    transition:.45s;

}

.ba-profile-lightbox-gallery-item:hover img{

    transform:scale(1.08);

    filter:brightness(1.08);

}


/* Hover Overlay */

.ba-profile-lightbox-gallery-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    rgba(0,0,0,.15);

    opacity:0;

    transition:.35s;

    z-index:1;

}

.ba-profile-lightbox-gallery-item:hover::before{

    opacity:1;

}


/*------------------------------
Lightbox
------------------------------*/

.ba-profile-lightbox-modal{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.88);

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:99999;

}

.ba-profile-lightbox-modal.ba-profile-lightbox-modal-active{

    opacity:1;

    visibility:visible;

}


/* Popup Image */

.ba-profile-lightbox-modal-content{

    max-width:900px;

    width:90%;

}

.ba-profile-lightbox-modal-img{

    width:100%;

    display:block;

    border-radius:10px;

    box-shadow:

    0 25px 70px rgba(0,0,0,.45);

}


/* Close Button */

.ba-profile-lightbox-close-btn{

    position:absolute;

    top:35px;

    right:40px;

    width:50px;

    height:50px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    background:#ffffff;

    color:#111;

    font-size:32px;

    font-weight:600;

    line-height:50px;

    transition:.35s;

}

.ba-profile-lightbox-close-btn:hover{

    background:#ea580c;

    color:#fff;

    transform:rotate(90deg);

}


/*------------------------------
Premium Hover
------------------------------*/

.ba-profile-lightbox-text-col{

    transition:.35s;

}

.ba-profile-lightbox-text-col:hover{

    transform:translateY(-5px);

}


/*------------------------------
Selection
------------------------------*/

.ba-profile-lightbox-section ::selection{

    background:#ea580c;

    color:#fff;

}


/*------------------------------
Universal
------------------------------*/

.ba-profile-lightbox-section *,
.ba-profile-lightbox-section *::before,
.ba-profile-lightbox-section *::after{

    box-sizing:border-box;

}
/*=========================================================
    CORPORATE PROFILE LIGHTBOX
    PART 3 (Responsive)
    Namespace : ba-profile-lightbox-
==========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1200px){

.ba-profile-lightbox-row{

gap:50px;

}

.ba-profile-lightbox-title{

font-size:32px;

}

}


/*=========================================
Tablet Landscape
=========================================*/

@media (max-width:992px){

.ba-profile-lightbox-section{

padding:70px 0;

}

.ba-profile-lightbox-row{

grid-template-columns:1fr;

gap:45px;

}

/* Text always first */

.ba-profile-lightbox-row-reverse
.ba-profile-lightbox-gallery-col{

order:2;

}

.ba-profile-lightbox-row-reverse
.ba-profile-lightbox-text-col{

order:1;

}

.ba-profile-lightbox-row+.ba-profile-lightbox-row{

margin-top:60px;

}

.ba-profile-lightbox-main-img{

max-height:550px;

object-fit:cover;

}

.ba-profile-lightbox-modal-content{

width:95%;

}

}


/*=========================================
Tablet Portrait
=========================================*/

@media (max-width:768px){

.ba-profile-lightbox-section{

padding:60px 0;

}

.ba-profile-lightbox-container{

padding:0 20px;

}

.ba-profile-lightbox-title{

font-size:clamp(26px,5vw,32px);

}

.ba-profile-lightbox-line{

width:60px;

margin-bottom:22px;

}

.ba-profile-lightbox-paragraph{

font-size:15px;

line-height:1.8;

}

.ba-profile-lightbox-sub-grid{

gap:15px;

}

.ba-profile-lightbox-gallery-item img{

height:190px;

}

.ba-profile-lightbox-close-btn{

top:20px;

right:20px;

width:46px;

height:46px;

line-height:46px;

font-size:28px;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:576px){

.ba-profile-lightbox-section{

padding:55px 0;

}

.ba-profile-lightbox-row{

gap:35px;

}

.ba-profile-lightbox-title{

font-size:24px;

letter-spacing:.5px;

}

.ba-profile-lightbox-line{

width:55px;

height:3px;

margin-top:12px;

margin-bottom:18px;

}

.ba-profile-lightbox-paragraph{

font-size:15px;

line-height:1.75;

margin-bottom:16px;

}

.ba-profile-lightbox-sub-grid{

grid-template-columns:1fr 1fr;

gap:12px;

}

.ba-profile-lightbox-gallery-item{

border-radius:10px;

}

.ba-profile-lightbox-gallery-item img{

height:145px;

}

.ba-profile-lightbox-img-box{

border-radius:12px;

}

.ba-profile-lightbox-modal-content{

width:94%;

}

.ba-profile-lightbox-modal-img{

border-radius:8px;

}

.ba-profile-lightbox-close-btn{

width:42px;

height:42px;

line-height:42px;

font-size:26px;

top:15px;

right:15px;

}

}


/*=========================================
Extra Small Mobile
=========================================*/

@media (max-width:380px){

.ba-profile-lightbox-title{

font-size:22px;

}

.ba-profile-lightbox-paragraph{

font-size:14px;

}

.ba-profile-lightbox-gallery-item img{

height:120px;

}

.ba-profile-lightbox-line{

width:45px;

}

.ba-profile-lightbox-close-btn{

width:38px;

height:38px;

line-height:38px;

font-size:22px;

}

}


/*=========================================
Landscape Phone
=========================================*/

@media (max-height:500px){

.ba-profile-lightbox-modal-content{

max-width:600px;

}

.ba-profile-lightbox-modal-img{

max-height:80vh;

object-fit:contain;

}

}


/*=========================================
Accessibility
=========================================*/

@media (prefers-reduced-motion:reduce){

.ba-profile-lightbox-gallery-item img,

.ba-profile-lightbox-main-img,

.ba-profile-lightbox-close-btn{

transition:none;

}

}






























/*==================================================
    ABOUT INFO GRID SECTION
    100% Conflict-Free
==================================================*/

.ba-about-grid-section{

    position:relative;

    overflow:hidden;

    padding:80px 0;

    background-image:url("../imag/about-bg.png");

    background-position:center;

    background-repeat:no-repeat;

    background-size:contain;

}

.ba-about-grid-white-overlay{

    position:absolute;

    inset:0;

    background:rgba(255,255,255,.92);

    z-index:1;

}

.ba-about-grid-container{

    position:relative;

    z-index:2;

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

}

/*==============================
TOP BLOCK
==============================*/

.ba-about-grid-full-width{

    margin-bottom:55px;

}

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

.ba-about-grid-layout{

    display:grid;

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

    gap:50px;

}

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

.ba-about-grid-item{

    transition:.35s ease;

}

.ba-about-grid-item:hover{

    transform:translateY(-4px);

}

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

.ba-about-grid-heading-wrap{

    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:20px;

}

.ba-about-grid-marker-box{

    width:10px;

    height:42px;

    background:#f97316;

    flex-shrink:0;

    border-radius:2px;

}

.ba-about-grid-heading{

    margin:0;

    font-family:"Inter",sans-serif;

    font-size:clamp(24px,3vw,34px);

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    color:#0c4a81;

}

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

.ba-about-grid-desc-text{

    margin:0;

    color:#6b7280;

    font-size:16px;

    line-height:1.9;

    font-family:"Inter",sans-serif;

}

/*==============================
RESPONSIVE
==============================*/

@media (max-width:991px){

    .ba-about-grid-section{

        padding:70px 0;

    }

    .ba-about-grid-layout{

        gap:35px;

    }

}

@media (max-width:768px){

    .ba-about-grid-layout{

        grid-template-columns:1fr;

    }

    .ba-about-grid-full-width{

        margin-bottom:40px;

    }

    .ba-about-grid-heading{

        font-size:28px;

    }

    .ba-about-grid-desc-text{

        font-size:15px;

        line-height:1.8;

    }

}

@media (max-width:576px){

    .ba-about-grid-section{

        padding:55px 0;

    }

    .ba-about-grid-container{

        padding:0 20px;

    }

    .ba-about-grid-heading-wrap{

        gap:12px;

    }

    .ba-about-grid-marker-box{

        width:8px;

        height:34px;

    }

    .ba-about-grid-heading{

        font-size:23px;

    }

    .ba-about-grid-desc-text{

        font-size:14px;

        line-height:1.8;

    }

}

@media (max-width:400px){

    .ba-about-grid-heading{

        font-size:20px;

    }

    .ba-about-grid-marker-box{

        height:30px;

    }

}
/*=========================================================
  Corporate Profile White Section
  Namespace: ba-story-white-
=========================================================*/

/* Google Font loaded via <head> link (Inter) — do not use mid-file @import */

/* Reset */

.ba-story-white-section *,
.ba-story-white-section *::before,
.ba-story-white-section *::after{
    box-sizing:border-box;
}

/*==================================================
Section
==================================================*/

.ba-story-white-section{

    background:#ffffff;

    padding:80px 0;

    position:relative;

    overflow:hidden;

    font-family:"Inter",sans-serif;

}

/*==================================================
Container
==================================================*/

.ba-story-white-container{

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

}

/*==================================================
Grid
==================================================*/

.ba-story-white-grid{

    display:grid;

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

    gap:70px;

    align-items:flex-start;

}

/*==================================================
Column
==================================================*/

.ba-story-white-col{

    position:relative;

}

/*==================================================
Heading
==================================================*/

.ba-story-white-heading-wrap{

    display:flex;

    align-items:center;

    margin-bottom:30px;

}

/* Orange Marker */

.ba-story-white-marker{

    width:8px;

    height:42px;

    background:#ea580c;

    border-radius:3px;

    margin-right:18px;

    flex-shrink:0;

}

/* Title */

.ba-story-white-heading{

    margin:0;

    font-size:34px;

    font-weight:800;

    color:#0c4a81;

    letter-spacing:1px;

    text-transform:uppercase;

    line-height:1.2;

}

/*==================================================
Body
==================================================*/

.ba-story-white-content{

    width:100%;

}

.ba-story-white-body-text{

    margin:0 0 18px;

    color:#555555;

    font-size:16px;

    line-height:1.85;

    font-weight:400;

}

/*==================================================
Logo Box
==================================================*/

.ba-story-white-logo-box{

    width:100%;

    display:flex;

    justify-content:flex-end;

    align-items:center;

    margin-bottom:40px;

}

.ba-story-white-logo-img{

    max-width:230px;

    width:100%;

    height:auto;

    display:block;

    transition:.35s ease;

}

.ba-story-white-logo-img:hover{

    transform:scale(1.04);

}

/*==================================================
Bottom Website Strip
==================================================*/

.ba-story-white-bottom-strip{

    display:inline-flex;

    margin-top:45px;

    background:#ea580c;

    border-radius:50px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(234,88,12,.18);

}

.ba-story-white-bottom-link{

    display:inline-block;

    padding:14px 34px;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    letter-spacing:.4px;

    transition:.35s ease;

}

.ba-story-white-bottom-link:hover{

    background:#c2410c;

}

/*==================================================
Hover Effect
==================================================*/

.ba-story-white-col{

    transition:.35s ease;

}

.ba-story-white-col:hover{

    transform:translateY(-5px);

}

/*==================================================
Selection
==================================================*/

.ba-story-white-section ::selection{

    background:#ea580c;

    color:#fff;

}
/*=========================================================
  Corporate Profile White Section
  Responsive CSS
  Namespace: ba-story-white-
=========================================================*/


/*=========================================
Large Laptop
=========================================*/

@media (max-width:1200px){

.ba-story-white-grid{

gap:50px;

}

.ba-story-white-heading{

font-size:32px;

}

}


/*=========================================
Tablet Landscape
=========================================*/

@media (max-width:992px){

.ba-story-white-section{

padding:70px 0;

}

.ba-story-white-grid{

grid-template-columns:1fr;

gap:55px;

}

.ba-story-white-logo-box{

justify-content:flex-start;

margin-bottom:30px;

}

.ba-story-white-logo-img{

max-width:200px;

}

.ba-story-white-bottom-strip{

margin-top:35px;

}

}


/*=========================================
Tablet Portrait
=========================================*/

@media (max-width:768px){

.ba-story-white-section{

padding:60px 0;

}

.ba-story-white-container{

padding:0 20px;

}

.ba-story-white-heading{

font-size:clamp(26px,5vw,32px);

}

.ba-story-white-marker{

width:7px;

height:36px;

margin-right:15px;

}

.ba-story-white-heading-wrap{

margin-bottom:24px;

}

.ba-story-white-body-text{

font-size:15px;

line-height:1.8;

margin-bottom:16px;

}

.ba-story-white-logo-img{

max-width:180px;

}

.ba-story-white-bottom-link{

padding:13px 28px;

font-size:14px;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:576px){

.ba-story-white-section{

padding:50px 0;

}

.ba-story-white-grid{

gap:45px;

}

.ba-story-white-heading{

font-size:24px;

letter-spacing:.5px;

}

.ba-story-white-marker{

width:6px;

height:32px;

margin-right:12px;

}

.ba-story-white-body-text{

font-size:15px;

line-height:1.75;

}

.ba-story-white-logo-box{

justify-content:center;

margin-bottom:28px;

}

.ba-story-white-logo-img{

max-width:160px;

}

.ba-story-white-bottom-strip{

display:flex;

width:100%;

justify-content:center;

}

.ba-story-white-bottom-link{

width:100%;

text-align:center;

padding:14px 20px;

font-size:14px;

}

}


/*=========================================
Extra Small Mobile
=========================================*/

@media (max-width:380px){

.ba-story-white-heading{

font-size:21px;

}

.ba-story-white-body-text{

font-size:14px;

line-height:1.7;

}

.ba-story-white-logo-img{

max-width:135px;

}

.ba-story-white-bottom-link{

font-size:13px;

padding:12px 16px;

word-break:break-word;

}

}


/*=========================================
Accessibility
=========================================*/

@media (prefers-reduced-motion:reduce){

.ba-story-white-col,

.ba-story-white-logo-img,

.ba-story-white-bottom-link{

transition:none;

}

}
/*=========================================================
    PREMIUM PROCESS CARDS
    Namespace : ba-premium-cards-
=========================================================*/

/* Google Font loaded via <head> link (Inter) — do not use mid-file @import */

/*=========================================
Reset
=========================================*/

.ba-premium-cards-section *,
.ba-premium-cards-section *::before,
.ba-premium-cards-section *::after{

    box-sizing:border-box;

}

/*=========================================
Section
=========================================*/

.ba-premium-cards-section{

    padding:80px 0;

    background:#ffffff;

    font-family:'Inter',sans-serif;

}

/*=========================================
Container
=========================================*/

.ba-premium-cards-container{

    max-width:1320px;

    margin:0 auto;

    padding:0 20px;

}

/*=========================================
Header
=========================================*/

.ba-premium-cards-header{

    max-width:900px;

    margin-bottom:70px;

}

.ba-premium-cards-title-wrap{

    display:flex;

    align-items:center;

    margin-bottom:20px;

}

/*=========================================
Orange Marker
=========================================*/

.ba-premium-cards-marker-box{

    width:8px;

    height:42px;

    background:#ea580c;

    border-radius:4px;

    margin-right:18px;

    flex-shrink:0;

}

/*=========================================
Title
=========================================*/

.ba-premium-cards-title{

    margin:0;

    color:#0c4a81;

    font-size:38px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

}

/*=========================================
Subtitle
=========================================*/

.ba-premium-cards-subtitle{

    margin:0;

    color:#555;

    font-size:16px;

    line-height:1.9;

    max-width:850px;

}

/*=========================================
Cards Row
=========================================*/

.ba-premium-cards-row{

    display:grid;

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

    gap:35px;

}

/*=========================================
Card
=========================================*/

.ba-premium-cards-chevron-item{

    position:relative;

    background:#fcfcfc;

    min-height:260px;

    padding:75px 30px 35px;

    transition:.35s ease;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    overflow:visible;

    isolation:isolate;

}

/*=========================================
Chevron Shape
=========================================*/

.ba-premium-cards-chevron-item::after{

    content:"";

    position:absolute;

    top:0;

    right:-42px;

    width:42px;

    height:100%;

    background:inherit;

    clip-path:polygon(0 0,100% 50%,0 100%);

    z-index:2;

}

/*=========================================
Last Card
=========================================*/

.ba-premium-cards-chevron-item:last-child::after{

    display:none;

}

/*=========================================
Blue Theme
=========================================*/

.ba-premium-cards-theme-blue{

    border:3px solid #0c4a81;

}

/*=========================================
Orange Theme
=========================================*/

.ba-premium-cards-theme-orange{

    border:3px solid #ea580c;

}

/*=========================================
Circle Badge
=========================================*/

.ba-premium-cards-circle-badge{

    position:absolute;

    top:-38px;

    left:50%;

    transform:translateX(-50%);

    width:76px;

    height:76px;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:5;

}

/*=========================================
Badge Theme
=========================================*/

.ba-premium-cards-theme-blue
.ba-premium-cards-circle-badge{

    border:5px solid #0c4a81;

    color:#0c4a81;

}

.ba-premium-cards-theme-orange
.ba-premium-cards-circle-badge{

    border:5px solid #ea580c;

    color:#ea580c;

}

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

.ba-premium-cards-circle-badge svg{

    width:30px;

    height:30px;

}

/*=========================================
Text
=========================================*/

.ba-premium-cards-body-text{

    margin:0;

    font-size:16px;

    color:#555;

    line-height:1.8;

}

/*=========================================
Shadow
=========================================*/

.ba-premium-cards-chevron-item{

    box-shadow:

    0 12px 35px rgba(0,0,0,.06);

}

/*=========================================
Hover
=========================================*/

.ba-premium-cards-chevron-item:hover{

    transform:translateY(-8px);

    box-shadow:

    0 22px 55px rgba(0,0,0,.12);

}

/*=========================================
Theme Hover
=========================================*/

.ba-premium-cards-theme-blue:hover{

    border-color:#1565c0;

}

.ba-premium-cards-theme-orange:hover{

    border-color:#f97316;

}

/*=========================================
Selection
=========================================*/

.ba-premium-cards-section ::selection{

    background:#ea580c;

    color:#fff;

}
/*=========================================================
    RESPONSIVE CSS
    Namespace : ba-premium-cards-
=========================================================*/

/*=========================================
Large Desktop
=========================================*/

@media (max-width:1400px){

    .ba-premium-cards-row{

        gap:28px;

    }

}

/*=========================================
Laptop
=========================================*/

@media (max-width:1200px){

    .ba-premium-cards-row{

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

        gap:45px;

    }

    .ba-premium-cards-chevron-item{

        min-height:250px;

    }

    .ba-premium-cards-chevron-item:nth-child(2)::after{

        display:none;

    }

}

/*=========================================
Tablet
=========================================*/

@media (max-width:991px){

    .ba-premium-cards-section{

        padding:70px 0;

    }

    .ba-premium-cards-header{

        margin-bottom:55px;

    }

    .ba-premium-cards-title{

        font-size:clamp(30px,5vw,38px);

    }

    .ba-premium-cards-subtitle{

        font-size:15px;

    }

    .ba-premium-cards-row{

        gap:35px;

    }

    .ba-premium-cards-chevron-item{

        padding:70px 25px 30px;

    }

}

/*=========================================
Mobile
=========================================*/

@media (max-width:767px){

    .ba-premium-cards-section{

        padding:60px 0;

    }

    .ba-premium-cards-container{

        padding:0 20px;

    }

    .ba-premium-cards-header{

        margin-bottom:45px;

    }

    .ba-premium-cards-title-wrap{

        align-items:flex-start;

    }

    .ba-premium-cards-title{

        font-size:clamp(26px,7vw,34px);

        line-height:1.3;

    }

    .ba-premium-cards-subtitle{

        font-size:15px;

        line-height:1.8;

    }

    .ba-premium-cards-row{

        grid-template-columns:1fr;

        gap:70px;

    }

    .ba-premium-cards-chevron-item{

        min-height:auto;

        padding:70px 28px 35px;

    }

    /* Remove desktop chevron */

    .ba-premium-cards-chevron-item::after{

        display:none;

    }

    /* Mobile Bottom Arrow */

    .ba-premium-cards-chevron-item::before{

        content:"";

        position:absolute;

        left:50%;

        bottom:-30px;

        transform:translateX(-50%);

        width:60px;

        height:30px;

        background:inherit;

        clip-path:polygon(0 0,100% 0,50% 100%);

    }

    .ba-premium-cards-chevron-item:last-child::before{

        display:none;

    }

    .ba-premium-cards-circle-badge{

        width:72px;

        height:72px;

    }

    .ba-premium-cards-circle-badge svg{

        width:28px;

        height:28px;

    }

}

/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

    .ba-premium-cards-section{

        padding:50px 0;

    }

    .ba-premium-cards-title{

        font-size:28px;

    }

    .ba-premium-cards-subtitle{

        font-size:14px;

    }

    .ba-premium-cards-chevron-item{

        padding:65px 22px 30px;

    }

    .ba-premium-cards-body-text{

        font-size:15px;

        line-height:1.75;

    }

    .ba-premium-cards-circle-badge{

        width:66px;

        height:66px;

        top:-34px;

    }

    .ba-premium-cards-circle-badge svg{

        width:24px;

        height:24px;

    }

}

/*=========================================
Extra Small Devices
=========================================*/

@media (max-width:360px){

    .ba-premium-cards-title{

        font-size:24px;

    }

    .ba-premium-cards-body-text{

        font-size:14px;

    }

    .ba-premium-cards-chevron-item{

        padding:60px 18px 28px;

    }

}
/*=========================================================
    PREMIUM UI EFFECTS
    Namespace : ba-premium-cards-
=========================================================*/

/*=========================================
Smooth Reveal Animation
=========================================*/

@keyframes baPremiumCardsFadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.ba-premium-cards-chevron-item{

    animation:baPremiumCardsFadeUp .8s cubic-bezier(.22,.61,.36,1) both;

}

.ba-premium-cards-chevron-item:nth-child(1){

    animation-delay:.10s;

}

.ba-premium-cards-chevron-item:nth-child(2){

    animation-delay:.25s;

}

.ba-premium-cards-chevron-item:nth-child(3){

    animation-delay:.40s;

}

.ba-premium-cards-chevron-item:nth-child(4){

    animation-delay:.55s;

}

/*=========================================
Premium Glass Effect
=========================================*/

.ba-premium-cards-chevron-item{

    backdrop-filter:blur(8px);

    -webkit-backdrop-filter:blur(8px);

    background:

    linear-gradient(

    180deg,

    rgba(255,255,255,.98),

    rgba(252,252,252,.96)

    );

}

/*=========================================
Gradient Border Glow
=========================================*/

.ba-premium-cards-theme-blue{

    box-shadow:

    0 10px 25px rgba(12,74,129,.08),

    inset 0 1px 0 rgba(255,255,255,.5);

}

.ba-premium-cards-theme-orange{

    box-shadow:

    0 10px 25px rgba(234,88,12,.08),

    inset 0 1px 0 rgba(255,255,255,.5);

}

/*=========================================
Premium Hover
=========================================*/

.ba-premium-cards-chevron-item:hover{

    transform:

    translateY(-10px)

    scale(1.02);

}

/*=========================================
Border Animation
=========================================*/

.ba-premium-cards-theme-blue:hover{

    border-color:#1565c0;

    box-shadow:

    0 18px 45px rgba(12,74,129,.18);

}

.ba-premium-cards-theme-orange:hover{

    border-color:#fb923c;

    box-shadow:

    0 18px 45px rgba(234,88,12,.18);

}

/*=========================================
Circle Pulse
=========================================*/

@keyframes baPremiumCardsPulse{

    0%{

        box-shadow:0 0 0 0 rgba(12,74,129,.25);

    }

    70%{

        box-shadow:0 0 0 14px rgba(12,74,129,0);

    }

    100%{

        box-shadow:0 0 0 0 rgba(12,74,129,0);

    }

}

.ba-premium-cards-theme-blue
.ba-premium-cards-circle-badge{

    animation:baPremiumCardsPulse 3s infinite;

}

@keyframes baPremiumCardsPulseOrange{

    0%{

        box-shadow:0 0 0 0 rgba(234,88,12,.25);

    }

    70%{

        box-shadow:0 0 0 14px rgba(234,88,12,0);

    }

    100%{

        box-shadow:0 0 0 0 rgba(234,88,12,0);

    }

}

.ba-premium-cards-theme-orange
.ba-premium-cards-circle-badge{

    animation:baPremiumCardsPulseOrange 3s infinite;

}

/*=========================================
SVG Animation
=========================================*/

.ba-premium-cards-circle-badge svg{

    transition:

    transform .35s ease,

    color .35s ease;

}

.ba-premium-cards-chevron-item:hover
.ba-premium-cards-circle-badge svg{

    transform:scale(1.15) rotate(8deg);

}

/*=========================================
Paragraph Animation
=========================================*/

.ba-premium-cards-body-text{

    transition:

    color .35s ease;

}

.ba-premium-cards-chevron-item:hover
.ba-premium-cards-body-text{

    color:#334155;

}

/*=========================================
Soft Shine Effect
=========================================*/

.ba-premium-cards-chevron-item{

    position:relative;

}

.ba-premium-cards-chevron-item::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

    background:

    linear-gradient(

    120deg,

    transparent,

    rgba(255,255,255,.55),

    transparent

    );

    transition:1s;

    pointer-events:none;

}

.ba-premium-cards-chevron-item:hover::before{

    left:140%;

}

/*=========================================
Smooth Transition
=========================================*/

.ba-premium-cards-chevron-item,

.ba-premium-cards-circle-badge,

.ba-premium-cards-body-text{

    transition:

    all .4s cubic-bezier(.22,.61,.36,1);

}
/*=========================================================
    OUR CERTIFICATIONS
    Namespace : ba-cert-slider-
=========================================================*/

/*==============================
Base Section
==============================*/

.ba-cert-slider-section{

    background:#1a1d20;

    padding:60px 0;

    overflow:hidden;

    position:relative;

    font-family:"Inter","Poppins",sans-serif;

}

.ba-cert-slider-wrapper{

    max-width:1320px;

    margin:0 auto;

    padding:0 20px;

}

/*==============================
Heading
==============================*/

.ba-cert-slider-heading{

    text-align:center;

    margin-bottom:42px;

}

.ba-cert-slider-title{

    margin:0;

    color:#ffffff;

    font-size:clamp(30px,4vw,42px);

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    line-height:1.2;

}

/*==============================
Slider
==============================*/

.ba-cert-slider-carousel{

    position:relative;

}

.ba-cert-slider-viewport{

    overflow:hidden;

    width:100%;

    border-radius:12px;

}

/*==============================
Track
==============================*/

.ba-cert-slider-track{

    display:flex;

    gap:24px;

    will-change:transform;

    transform:translate3d(0,0,0);

    transition:transform .45s ease;

}

/*==============================
Cards
==============================*/

.ba-cert-slider-card{

    flex:0 0 calc((100% - 96px)/5);

    background:#ffffff;

    border-radius:12px;

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:170px;

    padding:28px;

    box-sizing:border-box;

    transition:
    transform .35s ease,
    box-shadow .35s ease;

    box-shadow:
    0 10px 30px rgba(0,0,0,.15);

}

.ba-cert-slider-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 18px 40px rgba(0,0,0,.28);

}

.ba-cert-slider-logo{

    display:block;

    width:100%;

    max-width:180px;

    max-height:95px;

    object-fit:contain;

    transition:transform .35s ease;

}

.ba-cert-slider-card:hover
.ba-cert-slider-logo{

    transform:scale(1.06);

}

/*==============================
Navigation
==============================*/

.ba-cert-slider-controls{

    margin-top:28px;

    display:flex;

    justify-content:flex-end;

    gap:12px;

}

.ba-cert-slider-btn-nav{

    width:52px;

    height:52px;

    border:none;

    outline:none;

    cursor:pointer;

    border-radius:10px;

    background:#2563eb;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:
    background .30s ease,
    transform .30s ease,
    box-shadow .30s ease;

    box-shadow:
    0 8px 20px rgba(37,99,235,.35);

}

.ba-cert-slider-btn-nav:hover{

    background:#1d4ed8;

    transform:translateY(-3px);

}

.ba-cert-slider-btn-nav:active{

    transform:scale(.96);

}

.ba-cert-slider-btn-nav svg{

    width:22px;

    height:22px;

    pointer-events:none;

}

/*==============================
Prevent Image Selection
==============================*/

.ba-cert-slider-card,
.ba-cert-slider-logo{

    user-select:none;

    -webkit-user-select:none;

    -webkit-user-drag:none;

}

/*==============================
Focus Accessibility
==============================*/

.ba-cert-slider-btn-nav:focus-visible{

    outline:3px solid rgba(255,255,255,.35);

    outline-offset:3px;

}
/*=========================================================
    Responsive CSS
    Namespace : ba-cert-slider-
=========================================================*/

/*==========================================
Large Laptop
4 Cards
==========================================*/

@media (max-width:1200px){

.ba-cert-slider-card{

    flex:0 0 calc((100% - 72px)/4);

}

}


/*==========================================
Tablet Landscape
3 Cards
==========================================*/

@media (max-width:992px){

.ba-cert-slider-section{

    padding:55px 0;

}

.ba-cert-slider-title{

    font-size:clamp(28px,4vw,36px);

}

.ba-cert-slider-track{

    gap:20px;

}

.ba-cert-slider-card{

    flex:0 0 calc((100% - 40px)/3);

    min-height:160px;

    padding:22px;

}

.ba-cert-slider-logo{

    max-width:150px;

    max-height:85px;

}

.ba-cert-slider-controls{

    justify-content:center;

    margin-top:25px;

}

}


/*==========================================
Tablet Portrait
2 Cards
==========================================*/

@media (max-width:768px){

.ba-cert-slider-wrapper{

    padding:0 20px;

}

.ba-cert-slider-track{

    gap:18px;

}

.ba-cert-slider-card{

    flex:0 0 calc((100% - 18px)/2);

    min-height:145px;

    padding:18px;

}

.ba-cert-slider-logo{

    max-width:130px;

    max-height:72px;

}

.ba-cert-slider-btn-nav{

    width:48px;

    height:48px;

}

}


/*==========================================
Mobile
1 Card
==========================================*/

@media (max-width:576px){

.ba-cert-slider-section{

    padding:45px 0;

}

.ba-cert-slider-wrapper{

    padding:0 18px;

}

.ba-cert-slider-heading{

    margin-bottom:30px;

}

.ba-cert-slider-title{

    font-size:clamp(24px,7vw,30px);

    letter-spacing:1px;

}

.ba-cert-slider-track{

    gap:16px;

}

.ba-cert-slider-card{

    flex:0 0 100%;

    min-height:135px;

    padding:20px;

}

.ba-cert-slider-logo{

    max-width:120px;

    max-height:65px;

}

.ba-cert-slider-controls{

    margin-top:22px;

    gap:10px;

}

.ba-cert-slider-btn-nav{

    width:44px;

    height:44px;

}

}


/*==========================================
Very Small Phones
==========================================*/

@media (max-width:380px){

.ba-cert-slider-wrapper{

    padding:0 15px;

}

.ba-cert-slider-card{

    min-height:120px;

    padding:16px;

}

.ba-cert-slider-logo{

    max-width:100px;

    max-height:58px;

}

.ba-cert-slider-btn-nav{

    width:40px;

    height:40px;

}

}


/*==========================================
Extra Safety
==========================================*/

.ba-cert-slider-section,
.ba-cert-slider-wrapper,
.ba-cert-slider-carousel,
.ba-cert-slider-viewport{

    max-width:100%;

    overflow-x:hidden;

    box-sizing:border-box;

}

.ba-cert-slider-track,
.ba-cert-slider-card{

    box-sizing:border-box;

}

.ba-cert-slider-logo{

    width:100%;

    height:auto;

    display:block;

}

img{

    max-width:100%;

}
/*==================================================
  PDF DOWNLOAD CTA SECTION
  Namespace : ba-pdf-download-
==================================================*/

/*========== Section ==========*/

.ba-pdf-download-section{
    background:#f4f5f7;
    padding:60px 0;
}

/*========== Container ==========*/

.ba-pdf-download-container{

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

    display:grid;

    grid-template-columns:1.2fr .8fr;

    align-items:center;

    gap:40px;

}

/*========== Left Side ==========*/

.ba-pdf-download-title-side{
    width:100%;
}

.ba-pdf-download-heading{

    margin:0;

    font-family:'Inter','Poppins',sans-serif;

    font-size:clamp(28px,3vw,42px);

    font-weight:700;

    line-height:1.2;

    letter-spacing:1px;

    text-transform:uppercase;

    color:#0f172a;

}

/*========== Right Side ==========*/

.ba-pdf-download-card-side{

    display:flex;

    justify-content:flex-end;

}

/*========== Download Card ==========*/

.ba-pdf-download-card{

    width:100%;

    max-width:420px;

    background:#ffffff;

    border-radius:12px;

    overflow:hidden;

    box-shadow:
    0 12px 35px rgba(15,23,42,.08);

    transition:
    transform .35s ease,
    box-shadow .35s ease;

}

.ba-pdf-download-card:hover{

    transform:translateY(-5px);

    box-shadow:
    0 18px 45px rgba(15,23,42,.15);

}

/*========== Card Top ==========*/

.ba-pdf-download-label{

    padding:26px 28px;

    font-family:'Inter','Poppins',sans-serif;

    font-size:16px;

    font-weight:500;

    color:#4b5563;

    line-height:1.7;

}

/*========== Download Bar ==========*/

.ba-pdf-download-action-bar{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:18px 26px;

    background:#025aae;

    color:#ffffff;

    text-decoration:none;

    transition:
    background .30s ease,
    filter .30s ease;

}

.ba-pdf-download-action-bar:hover{

    background:#004f9b;

    filter:brightness(1.05);

}

/*========== File Size ==========*/

.ba-pdf-download-size{

    font-size:17px;

    font-weight:700;

    letter-spacing:.5px;

}

/*========== Icon ==========*/

.ba-pdf-download-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    transition:transform .30s ease;

}

.ba-pdf-download-action-bar:hover
.ba-pdf-download-icon{

    transform:translateY(2px);

}

.ba-pdf-download-icon svg{

    display:block;

}

/*========== Tablet ==========*/

@media (max-width:991px){

.ba-pdf-download-container{

    grid-template-columns:1fr;

    text-align:center;

}

.ba-pdf-download-card-side{

    justify-content:center;

}

}

/*========== Mobile ==========*/

@media (max-width:576px){

.ba-pdf-download-section{

    padding:50px 0;

}

.ba-pdf-download-heading{

    font-size:clamp(24px,7vw,32px);

}

.ba-pdf-download-label{

    padding:22px 20px;

    font-size:15px;

}

.ba-pdf-download-action-bar{

    padding:16px 20px;

}

.ba-pdf-download-size{

    font-size:16px;

}

.ba-pdf-download-card{

    max-width:100%;

}

}
/*==================================================
PRODUCT CATALOG SECTION
Namespace:
ba-prod-catalog-
==================================================*/

.ba-prod-catalog-section{
    background:#ffffff;
    padding:80px 0;
    font-family:'Inter','Poppins',sans-serif;
}

.ba-prod-catalog-container{
    width:min(1400px,100%);
    margin:0 auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:280px 1fr;
    gap:45px;
    align-items:start;
}

/*=====================================
SIDEBAR
=====================================*/

.ba-prod-catalog-sidebar{
    background:#fff;
    border:1px solid #ececec;
    border-radius:12px;
    overflow:hidden;
    position:sticky;
    top:100px;
}

.ba-prod-catalog-sidebar-title{
    margin:0;
    padding:22px 25px;
    background:#0c4a81;
    color:#fff;
    font-size:22px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

/*=====================================
SEARCH
=====================================*/

.ba-prod-catalog-search-wrap{
    position:relative;
    padding:20px;
}

.ba-prod-catalog-search-input{
    width:100%;
    height:48px;
    border:1px solid #dcdcdc;
    border-radius:8px;
    outline:none;
    padding:0 50px 0 16px;
    font-size:15px;
    transition:.35s;
}

.ba-prod-catalog-search-input:focus{
    border-color:#0c4a81;
}

.ba-prod-catalog-search-btn{
    position:absolute;
    right:30px;
    top:50%;
    transform:translateY(-50%);
    width:36px;
    height:36px;
    border:none;
    background:none;
    color:#0c4a81;
    cursor:pointer;
}

/*=====================================
CATEGORY MENU
=====================================*/

.ba-prod-catalog-menu{
    list-style:none;
    margin:0;
    padding:0;
}

.ba-prod-catalog-menu li{
    border-top:1px solid #f2f2f2;
}

.ba-prod-catalog-menu-btn,
.ba-prod-catalog-filter-btn{

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

    background:#fff;
    border:none;
    cursor:pointer;

    padding:16px 22px;

    color:#374151;

    font-size:15px;
    font-weight:600;

    transition:.35s;
}

.ba-prod-catalog-menu-btn:hover,
.ba-prod-catalog-filter-btn:hover{

    background:#f5f8fc;
    color:#0c4a81;

}

.ba-prod-catalog-menu-active{

    background:#0c4a81;
    color:#fff;

}

.ba-prod-catalog-arrow{

    font-size:13px;
    transition:.35s;

}

.ba-prod-catalog-menu-parent.ba-prod-open
.ba-prod-catalog-arrow{

    transform:rotate(180deg);

}

.ba-prod-catalog-submenu{

    list-style:none;

    margin:0;
    padding:0;

    max-height:0;
    overflow:hidden;

    transition:max-height .45s ease;

    background:#fafafa;

}

.ba-prod-open
.ba-prod-catalog-submenu{

    max-height:400px;

}

.ba-prod-catalog-submenu li{

    border:none;

}

.ba-prod-catalog-filter-btn{

    padding-left:42px;
    font-size:14px;
}

/*=====================================
PRODUCT GRID
=====================================*/

.ba-prod-catalog-grid{

    display:grid;

    grid-template-columns:
    repeat(3,minmax(0,1fr));

    gap:30px;

    align-items:start;

}
/*==================================================
PRODUCT CARD
==================================================*/

.ba-prod-catalog-card{

    background:#ffffff;

    border:1px solid #e8edf3;

    border-radius:12px;

    overflow:hidden;

    transition:
    transform .35s ease,
    box-shadow .35s ease;

}

.ba-prod-catalog-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 15px 40px rgba(0,0,0,.12);

}

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

.ba-prod-catalog-img-wrap{

    position:relative;

    width:100%;

    aspect-ratio:4/5;

    overflow:hidden;

    background:#f8f8f8;

}

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

.ba-prod-catalog-img-wrap img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:
    transform .45s ease;

}

.ba-prod-catalog-card:hover
.ba-prod-catalog-img-wrap img{

    transform:scale(1.08);

}

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

.ba-prod-catalog-hover-layer{

    position:absolute;

    inset:0;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(30,41,59,.72);

    opacity:0;

    visibility:hidden;

    transition:.35s;

}

.ba-prod-catalog-card:hover
.ba-prod-catalog-hover-layer{

    opacity:1;

    visibility:visible;

}

/*===============================
DETAIL BUTTON
================================*/

.ba-prod-catalog-btn-details{

    border:none;

    cursor:pointer;

    background:#ffffff;

    color:#0c4a81;

    padding:12px 28px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    letter-spacing:.5px;

    transition:.30s;

}

.ba-prod-catalog-btn-details:hover{

    background:#0c4a81;

    color:#ffffff;

}

/*===============================
PRODUCT TITLE
================================*/

.ba-prod-catalog-product-title{

    margin:0;

    padding:20px;

    text-align:center;

    color:#4b5563;

    font-size:16px;

    font-weight:700;

    letter-spacing:.4px;

    text-transform:uppercase;

}

/*===============================
SMOOTH EFFECT
================================*/

.ba-prod-catalog-card,
.ba-prod-catalog-btn-details,
.ba-prod-catalog-img-wrap img{

    will-change:transform;

}
/*==================================================
POPUP MODAL
==================================================*/

.ba-prod-catalog-modal{

    position:fixed;
    inset:0;

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

    background:rgba(15,23,42,.82);

    backdrop-filter:blur(8px);

    opacity:0;
    visibility:hidden;

    transition:.35s ease;

    z-index:99999;

    padding:20px;

}

.ba-prod-catalog-modal.ba-prod-catalog-modal-show{

    opacity:1;
    visibility:visible;

}

/*==================================
MODAL BOX
==================================*/

.ba-prod-catalog-modal-box{

    width:min(1000px,100%);
    background:#fff;

    border-radius:18px;

    overflow:hidden;

    position:relative;

    animation:baProdZoom .35s ease;

}

@keyframes baProdZoom{

    from{

        opacity:0;
        transform:scale(.92);

    }

    to{

        opacity:1;
        transform:scale(1);

    }

}

/*==================================
CLOSE BUTTON
==================================*/

.ba-prod-catalog-modal-close{

    position:absolute;

    right:18px;
    top:18px;

    width:42px;
    height:42px;

    border:none;

    border-radius:50%;

    background:#0c4a81;

    color:#fff;

    font-size:24px;

    cursor:pointer;

    transition:.3s;

    z-index:5;

}

.ba-prod-catalog-modal-close:hover{

    background:#ea580c;

}

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

.ba-prod-catalog-modal-grid{

    display:grid;

    grid-template-columns:
    1fr
    1fr;

}

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

.ba-prod-catalog-modal-image{

    background:#f7f7f7;

    display:flex;

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

    min-height:500px;

}

.ba-prod-catalog-modal-image img{

    width:100%;
    height:100%;

    object-fit:cover;

}

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

.ba-prod-catalog-modal-content{

    padding:45px;

}

.ba-prod-catalog-modal-content h2{

    margin:0 0 25px;

    color:#0c4a81;

    font-size:30px;

    text-transform:uppercase;

}

.ba-prod-catalog-modal-table{

    width:100%;

    border-collapse:collapse;

}

.ba-prod-catalog-modal-table tr{

    border-bottom:1px solid #ececec;

}

.ba-prod-catalog-modal-table th{

    width:160px;

    text-align:left;

    padding:15px 0;

    color:#111827;

    font-size:14px;

}

.ba-prod-catalog-modal-table td{

    color:#4b5563;

    font-size:15px;

}

.ba-prod-catalog-modal-brand{

    margin-top:35px;

    color:#ea580c;

    font-weight:700;

    letter-spacing:3px;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1100px){

.ba-prod-catalog-container{

grid-template-columns:250px 1fr;

}

.ba-prod-catalog-grid{

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

}

}

@media(max-width:768px){

.ba-prod-catalog-container{

grid-template-columns:1fr;

}

.ba-prod-catalog-sidebar{

position:static;

}

.ba-prod-catalog-grid{

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

gap:20px;

}

.ba-prod-catalog-modal-grid{

grid-template-columns:1fr;

}

.ba-prod-catalog-modal-image{

min-height:320px;

}

.ba-prod-catalog-modal-content{

padding:30px;

}

}

@media(max-width:576px){

.ba-prod-catalog-grid{

grid-template-columns:1fr;

}

.ba-prod-catalog-sidebar-title{

font-size:20px;

}

.ba-prod-catalog-product-title{

font-size:15px;

}

.ba-prod-catalog-modal-content h2{

font-size:24px;

}

.ba-prod-catalog-modal-table th,
.ba-prod-catalog-modal-table td{

font-size:13px;

}

}
/*==================================================
EXECUTIVE TEAM SECTION
Namespace:
ba-exec-team-
==================================================*/

.ba-exec-team-section{
    background:#fdfbf7;
    padding:90px 0;
    font-family:'Inter','Poppins',sans-serif;
}

.ba-exec-team-container{
    width:min(1280px,100%);
    margin:0 auto;
    padding:0 24px;
}

/*=========================================
TOP LEADERSHIP BLOCK
=========================================*/

.ba-exec-team-leader-block{
    display:grid;
    grid-template-columns:360px 1fr;
    gap:70px;
    align-items:center;
    margin-bottom:80px;
}

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

.ba-exec-team-leader-img-box{
    margin:0;
    overflow:hidden;
    border-radius:18px;
    background:#eef5fb;
    box-shadow:0 20px 45px rgba(15,23,42,.08);
}

.ba-exec-team-leader-img-box img{
    width:100%;
    display:block;
    object-fit:cover;
}

/*=========================================
QUOTE
=========================================*/

.ba-exec-team-main-quote{
    margin:0;
    color:#0f172a;
    font-size:clamp(28px,3vw,42px);
    line-height:1.55;
    font-weight:600;
    letter-spacing:-.4px;
}

.ba-exec-team-main-quote span{
    color:#0891b2;
    font-weight:700;
}

.ba-exec-team-author{
    margin-top:35px;
}

.ba-exec-team-leader-name{
    margin:0;
    color:#0c4a81;
    font-size:24px;
    font-weight:700;
}

.ba-exec-team-leader-role{
    margin:10px 0 0;
    color:#6b7280;
    font-size:16px;
}

/*=========================================
TEAM GRID
=========================================*/

.ba-exec-team-grid-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

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

.ba-exec-team-member-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,.05);
    transition:all .35s ease;
}

.ba-exec-team-member-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(15,23,42,.12);
}

/*=========================================
PHOTO AREA
=========================================*/

.ba-exec-team-photo-tint{
    height:300px;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    overflow:hidden;
}

.ba-exec-team-photo-tint img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    transition:transform .4s ease;
}

.ba-exec-team-member-card:hover
.ba-exec-team-photo-tint img{
    transform:scale(1.04);
}

/*=========================================
BACKGROUND COLORS
=========================================*/

.ba-exec-team-tint-cyan{
    background:#e0f2fe;
}

.ba-exec-team-tint-green{
    background:#dcfce7;
}

.ba-exec-team-tint-mint{
    background:#ccfbf1;
}

.ba-exec-team-tint-blue{
    background:#e2e8f0;
}

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

.ba-exec-team-meta{
    padding:24px;
    text-align:center;
}

.ba-exec-team-name{
    margin:0;
    color:#0c4a81;
    font-size:20px;
    font-weight:700;
}

.ba-exec-team-role{
    margin-top:10px;
    color:#4b5563;
    font-size:15px;
    line-height:1.7;
}
/*==================================================
EXECUTIVE TEAM
RESPONSIVE
==================================================*/

/*==============================
Large Laptop
==============================*/

@media (max-width:1200px){

    .ba-exec-team-grid-row{

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

        gap:30px;

    }

    .ba-exec-team-leader-block{

        grid-template-columns:320px 1fr;

        gap:50px;

    }

}

/*==============================
Tablet
==============================*/

@media (max-width:991px){

    .ba-exec-team-section{

        padding:70px 0;

    }

    .ba-exec-team-leader-block{

        grid-template-columns:1fr;

        text-align:center;

        gap:40px;

    }

    .ba-exec-team-leader-img-box{

        max-width:360px;

        margin:auto;

    }

    .ba-exec-team-main-quote{

        font-size:34px;

    }

}

/*==============================
Mobile
==============================*/

@media (max-width:767px){

    .ba-exec-team-grid-row{

        grid-template-columns:1fr;

        gap:25px;

    }

    .ba-exec-team-main-quote{

        font-size:28px;

        line-height:1.6;

    }

    .ba-exec-team-leader-name{

        font-size:22px;

    }

    .ba-exec-team-name{

        font-size:20px;

    }

    .ba-exec-team-role{

        font-size:15px;

    }

    .ba-exec-team-photo-tint{

        height:280px;

    }

}

/*==============================
Small Mobile
==============================*/

@media (max-width:480px){

    .ba-exec-team-section{

        padding:60px 0;

    }

    .ba-exec-team-container{

        padding:0 20px;

    }

    .ba-exec-team-main-quote{

        font-size:24px;

    }

    .ba-exec-team-leader-role{

        font-size:14px;

    }

    .ba-exec-team-photo-tint{

        height:240px;

    }

    .ba-exec-team-meta{

        padding:20px;

    }

}

/*==================================================
Premium Animation
==================================================*/

.ba-exec-team-member-card{

    transition:
    transform .35s ease,
    box-shadow .35s ease;

    will-change:transform;

}

.ba-exec-team-member-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 18px 45px rgba(15,23,42,.12);

}

.ba-exec-team-photo-tint img{

    transition:transform .4s ease;

}

.ba-exec-team-member-card:hover
.ba-exec-team-photo-tint img{

    transform:scale(1.05);

}
/*==================================================
CONTACT MAP SECTION
Namespace : ba-contact-map-
==================================================*/

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

.ba-contact-map-section{

    position:relative;
    padding:80px 0;

    background:#f8fafc
    url("../imag/s-map-dot.png")
    center center / contain
    no-repeat;

    overflow:hidden;

}

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

.ba-contact-map-container{

    width:min(1200px,100%);
    margin:auto;
    padding:0 20px;

}

/*==============================
FLOATING CARD
==============================*/

.ba-contact-map-card{

    display:grid;
    grid-template-columns:1fr 1fr;

    background:#ffffff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:
    0 20px 45px rgba(15,23,42,.08);

}

/*==============================
LEFT PANEL
==============================*/

.ba-contact-map-info-pane{

    padding:60px;

}

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

.ba-contact-map-orange-subtitle{

    display:inline-block;

    color:#ea580c;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

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

.ba-contact-map-main-title{

    margin:0;

    color:#003366;

    font-size:clamp(34px,4vw,50px);

    line-height:1.2;

    font-weight:800;

}

/*==============================
UNDERLINE
==============================*/

.ba-contact-map-title-line{

    display:block;

    width:75px;

    height:4px;

    background:#ea580c;

    border-radius:20px;

    margin:22px 0 40px;

}

/*==============================
ROWS
==============================*/

.ba-contact-map-row-item{

    padding:22px 0;

    border-bottom:1px solid #edf2f7;

}

.ba-contact-map-row-item:last-child{

    border:none;

}

/*==============================
LABEL
==============================*/

.ba-contact-map-label{

    margin:0 0 12px;

    color:#334155;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

/*==============================
DETAIL
==============================*/

.ba-contact-map-detail{

    margin:0;

    color:#555;

    line-height:1.9;

    font-size:16px;

}

.ba-contact-map-detail a{

    color:#0c4a81;

    text-decoration:none;

    transition:.3s;

}

.ba-contact-map-detail a:hover{

    color:#ea580c;

}

/*==============================
MAP
==============================*/

.ba-contact-map-iframe-wrapper{

    min-height:100%;

    overflow:hidden;

}

.ba-contact-map-iframe-wrapper iframe{

    width:100%;

    height:100%;

    min-height:650px;

    border:0;

    display:block;

}

.ba-contact-map-iframe-wrapper{

    margin:20px 20px 20px 0;

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 20px 40px rgba(0,0,0,.10);

}
/*==================================================
CONTACT MAP
RESPONSIVE
==================================================*/

/*==================================
Laptop
==================================*/

@media (max-width:1200px){

    .ba-contact-map-info-pane{

        padding:50px;

    }

    .ba-contact-map-iframe-wrapper iframe{

        min-height:560px;

    }

}

/*==================================
Tablet
==================================*/

@media (max-width:991px){

    .ba-contact-map-card{

        grid-template-columns:1fr;

    }

    .ba-contact-map-info-pane{

        padding:45px;

    }

    .ba-contact-map-main-title{

        font-size:40px;

    }

    .ba-contact-map-iframe-wrapper{

        min-height:450px;

    }

    .ba-contact-map-iframe-wrapper iframe{

        min-height:450px;

    }

}

/*==================================
Mobile
==================================*/

@media (max-width:767px){

    .ba-contact-map-section{

        padding:60px 0;

    }

    .ba-contact-map-container{

        padding:0 20px;

    }

    .ba-contact-map-info-pane{

        padding:35px 25px;

    }

    .ba-contact-map-main-title{

        font-size:32px;

    }

    .ba-contact-map-orange-subtitle{

        font-size:13px;

        letter-spacing:1.5px;

    }

    .ba-contact-map-label{

        font-size:13px;

    }

    .ba-contact-map-detail{

        font-size:15px;

        line-height:1.8;

    }

    .ba-contact-map-iframe-wrapper{

        height:350px;

    }

    .ba-contact-map-iframe-wrapper iframe{

        min-height:350px;

    }

}

/*==================================
Small Mobile
==================================*/

@media (max-width:480px){

    .ba-contact-map-main-title{

        font-size:28px;

    }

    .ba-contact-map-info-pane{

        padding:30px 20px;

    }

    .ba-contact-map-title-line{

        width:60px;

        margin:18px 0 30px;

    }

    .ba-contact-map-row-item{

        padding:18px 0;

    }

    .ba-contact-map-iframe-wrapper{

        height:300px;

    }

    .ba-contact-map-iframe-wrapper iframe{

        min-height:300px;

    }

}

/*==================================================
PREMIUM EFFECTS
==================================================*/

.ba-contact-map-card{

    transition:
    transform .35s ease,
    box-shadow .35s ease;

}

.ba-contact-map-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 28px 60px rgba(15,23,42,.12);

}

.ba-contact-map-iframe-wrapper{

    overflow:hidden;

}

.ba-contact-map-iframe-wrapper iframe{

    transition:transform .4s ease;

}

.ba-contact-map-card:hover
.ba-contact-map-iframe-wrapper iframe{

    transform:scale(1.02);

}

.ba-contact-map-detail a{

    position:relative;

}

.ba-contact-map-detail a::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-2px;

    width:0;

    height:2px;

    background:#ea580c;

    transition:.3s;

}

.ba-contact-map-detail a:hover::after{

    width:100%;

}
/*==================================================
CONTACT FORM SECTION
Namespace:
ba-form-bg-
==================================================*/

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

.ba-form-bg-section{

    position:relative;

    padding:80px 0;

    background:
    #f8fafc
    url("../imag/about_back.png")
    center center / cover
    no-repeat;

    overflow:hidden;

}

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

.ba-form-bg-container{

    width:min(1100px,100%);

    margin:auto;

    padding:0 20px;

}

/*==================================
HEADER
==================================*/

.ba-form-bg-header-box{

    text-align:center;

    margin-bottom:45px;

}

.ba-form-bg-orange-sub{

    display:inline-block;

    color:#ea580c;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.ba-form-bg-main-heading{

    margin:0;

    color:#003366;

    font-size:clamp(36px,5vw,54px);

    font-weight:800;

    line-height:1.2;

}

.ba-form-bg-title-line{

    display:block;

    width:80px;

    height:4px;

    margin:22px auto 0;

    background:#ea580c;

    border-radius:30px;

}

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

.ba-form-bg-card-box{

    background:#ffffff;

    border-radius:14px;

    padding:50px;

    box-shadow:
    0 15px 35px rgba(0,0,0,.05);

}

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

.ba-form-bg-input-row{

    display:grid;

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

    gap:24px;

}

/*==================================
FIELD
==================================*/

.ba-form-bg-field-group{

    margin-bottom:24px;

}

/*==================================
INPUT
==================================*/

.ba-form-bg-input-control,
.ba-form-bg-textarea-control{

    width:100%;

    background:#fcfcfc;

    border:1px solid #e2e8f0;

    border-radius:8px;

    padding:16px 18px;

    font-size:16px;

    font-family:'Inter','Poppins',sans-serif;

    color:#334155;

    outline:none;

    transition:
    border-color .30s ease,
    box-shadow .30s ease;

}

.ba-form-bg-input-control{

    height:56px;

}

.ba-form-bg-textarea-control{

    resize:vertical;

    min-height:180px;

}

/*==================================
PLACEHOLDER
==================================*/

.ba-form-bg-input-control::placeholder,
.ba-form-bg-textarea-control::placeholder{

    color:#94a3b8;

}

/*==================================
FOCUS
==================================*/

.ba-form-bg-input-control:focus,
.ba-form-bg-textarea-control:focus{

    border-color:#ea580c;

    box-shadow:
    0 0 0 4px rgba(234,88,12,.10);

}

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

.ba-form-bg-btn-wrap{

    text-align:center;

    margin-top:15px;

}

.ba-form-bg-submit-btn{

    border:none;

    cursor:pointer;

    background:#ea580c;

    color:#ffffff;

    padding:16px 42px;

    border-radius:8px;

    font-size:15px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    transition:
    background .30s ease,
    transform .30s ease,
    box-shadow .30s ease;

}

.ba-form-bg-submit-btn:hover{

    background:#c2410c;

    transform:translateY(-3px);

    box-shadow:
    0 15px 30px rgba(234,88,12,.28);

}