@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;
0,200;
0,300;
0,400;
0,500;
0,600;
0,700;
0,800;
0,900;
1,100;
1,200;
1,300;
1,400;
1,500;
1,600;
1,700;
1,800;
1,900&display=swap);
*,body{
    margin:0;
    padding:0
}
.main-footer,.ticker-wrap{
    position:relative;
    overflow:hidden
}
*,body{
    padding:0
}
.footer-btn,.footer-col ul li a,.footer-social a{
    transition:.3s;
    text-decoration:none
}
.dropdown-box a,.footer-btn,.footer-col ul li a,.footer-social a,.lang-item,.menu-item>a,.top-links a{
    text-decoration:none
}
.collection-inner img,.footer-brochure img{
    object-fit:cover;
    object-fit:cover
}
.btn-call,.btn-franchise,.btn-get-price,.dropdown-box,.edit-link,.float-btn.mail,.float-btn::before,.lang-toggle-btn,.ticker,.ticker-wrap,.top-links a,.top-text marquee,.zoom-hint{
    white-space:nowrap
}
.blog-heading,.btn-call,.btn-quote,.choose-item,.detail-banner,.diamond-box h4,.eq-submit,.eq-title,.footer-bottom,.info-card,.kids-content,.kids-overlay,.latest-content,.nebula-testimonial-title,.pd-cta,.pillar-body,.prod-card-name,.production-heading,.production-item,.range-heading,.saree-content,.section-heading,.section-title,.stat-item,.top-text marquee,.value-card,.video-left,.youtube-btn-wrap,.youtube-heading{
    text-align:center
}
.badge-label,.blog-main-card-tag,.btn-enquiry,.faq-subtitle,.faq-tag,.footer-col h3,.form-label-custom,.kids-overlay h2,.mv-label,.pp-eyebrow{
    text-transform:uppercase
}
.float-btn::before,.input-wrap .i-icon,.logo-watermark,.whatsapp-popup,.zoom-hint,.zoom-lens{
    pointer-events:none
}
:root{
    --primary-bg-color:#20387c;
    --secondary-bg-color:#294289;
    --text-color:green;
    --link-color:green;
    --button-color:#294289
}
*{
    box-sizing:border-box;
    font-family:Poppins,sans-serif
}
body{
    overflow-x:hidden;
    top:0!important
}
.ticker-wrap{
    width:100%
}
.ticker{
    display:inline-block;
    color:#fff;
    font-size:16px;
    animation:25s linear infinite tickerMove
}
@keyframes tickerMove{
    0%{
        transform:translateX(10%)
    }
    100%{
        transform:translateX(-100%)
    }
}
.main-footer{
    padding:55px 0 20px;
    background:url("assets/img/footer-bg.jpg") center center/cover no-repeat
}
.footer-overlay{
    position:absolute;
    inset:0;
    background:#881e19;
}
.about-dropdown,.dropdown-box a,.footer-col ul li,.heroSwiper,.input-wrap,.language-wrapper,.menu-item,.phone-wrap,.pp-swiper-wrap{
    position:relative
}
.footer-grid{
    display:grid;
    grid-template-columns:1.2fr 1.8fr 1.9fr 1.2fr;
    gap:34px;
    padding-bottom:35px;
    border-bottom:1px solid #cfcfcf
}
.footer-logo{
    width:220px;
    margin-bottom:18px
}
.footer-about p{
    font-size:15px;
    line-height:1.8;
    color:#fff;
    margin-bottom:18px
}
.footer-col h3{
    font-size:17px;
    color:#fff;
    font-weight:600;
    margin-bottom:22px
}
.footer-other h4,.footer-social-wrap h4{
    font-size:15px;
    color:#111;
    margin:22px 0 15px;
    font-weight:700
}
.footer-col ul{
    padding:0;
    margin:0;
    list-style:none
}
.footer-col ul li{
    margin-bottom:14px;
    padding-left:16px
}
.footer-col ul li::before{
    content:"◉";
    position:absolute;
    left:0;
    top:6px;
    font-size:9px;
    color:#fff
}
.footer-col ul li a{
    color:#fff;
    font-size:15px
}
.footer-col ul li a:hover{
    color:#cfcfcf;
    padding-left:3px
}
.footer-contact-item{
    display:flex;
    gap:14px;
    margin-bottom:22px
}
.footer-contact-item i{
    font-size:21px;
    color:#fff
}
.footer-contact-item strong{
    display:block;
    font-size:15px;
    margin-bottom:5px;
    color:#fff;
    font-weight:500
}
.footer-contact-item a,.footer-contact-item p{
    color:#fff;
    text-decoration:none;
    font-size:15px;
    line-height:1.7;
    margin:0
}
.footer-social{
    display:flex;
    gap:12px
}
.footer-social a{
    width:44px;
    height:44px;
    border:1px dashed #ef4444;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ef4444;
    font-size:18px
}
.footer-social a:hover{
    background:#ef4444;
    color:#fff;
    transform:translateY(-3px)
}
.footer-brochure img{
    width:100%;
    height:160px;
    margin-bottom:16px
}
.footer-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:150px;
    height:44px;
    background:#101010;
    color:#fff;
    font-size:15px;
    font-weight:700;
    box-shadow:4px 4px 0 rgba(0,0,0,.15)
}
.footer-btn:hover{
    background:#d91d1d;
    color:#fff
}
.footer-bottom{
    padding-top:16px;
    font-size:15px;
    color:#333
}
.footer-bottom p{
    margin-bottom:0;
    color:#fff
}
@media (max-width:1199px){
    .footer-grid{
        grid-template-columns:repeat(2,1fr)
    }
}
.top-bar{
    background-color:#b61e17;
    padding:8px
}
.custom-faq .accordion-button:not(.collapsed) i,.faq-item.open .faq-q-icon i,.faq-item.open .faq-q-text,.kids-overlay a:hover,.page-banner .breadcrumb-item a:hover,.page-banner .breadcrumb-item.active,.sep,.top-links a,.top-text marquee,.value-card:hover .value-desc,.value-card:hover .value-title{
    color:#fff
}
.main-header{
    background:#fff;
    padding:12px 0;
    transition:margin-top .3s,opacity .3s
}
.header-inner{
    gap:16px
}
.logo-box{
    width:189px;
    padding:28px 5px;
    box-shadow:0 2px 10px rgba(0,0,0,.08)
}
.blog-content a:hover::after,.dropdown-box a:hover::before,.kids-wrapper.no-left .kids-right,.logo-img,.mv-title:hover::after,.team-card:hover .team-role::after{
    width:100%
}
.logo-img{
    height:49px
}
.search-wrap{
    max-width:480px
}
.search-box{
    display:flex;
    overflow:hidden;
    border-radius:2px;
    background:#fff;
    border:1px solid #bbb
}
.search-box input{
    border:none;
    height:38px;
    padding-left:14px;
    font-size:13px;
    box-shadow:none!important;
    width:100%
}
.btn-search{
    width:52px;
    height:41px;
    border:none;
    background:#b61e17;
    color:#fff;
    font-size:16px;
    flex-shrink:0
}
.main-nav{
    position:sticky;
    top:0;
    z-index:9999;
    transition:box-shadow .3s;
    border-top:1px solid #afafaf
}
.main-nav.stuck{
    box-shadow:0 4px 16px rgba(0,0,0,.25)
}
.lang-toggle-btn{
    background:#f1f1f1;
    padding:8px 16px;
    border-radius:30px;
    font-weight:500;
    cursor:pointer;
    font-size:15px;
    display:flex;
    align-items:center;
    gap:6px;
    border:1px solid #a5a5a5;
    color:#222
}
.language-dropdown{
    position:absolute;
    top:50px;
    right:0;
    width:fit-content;
    background:#fff;
    border-radius:10px;
    padding:7px;
    box-shadow:0 5px 25px rgba(0,0,0,.15);
    display:none;
    grid-template-columns:repeat(6,1fr);
    gap:8px;
    z-index:10011;
    max-height:480px;
    overflow-y:auto;
    border:1px solid #727272
}
.dropdown-box,.mega-menu{
    transition:.3s;
    z-index:999
}
.about-section,.blogMainSwiper,.collection-card,.dropdown-box a,.float-btn.mail,.hero-slider,.kids-banner,.kids-card,.kids-img,.kids-overlay,.kids-overlay a,.kidsSwiper,.latest-card,.latest-img,.pp-form-card,.quality-section,.saree-img,.wa-popup,.youtube-card{
    overflow:hidden
}
.show-lang{
    display:grid!important;
    grid-template-columns:1fr
}
.menu-item>a,.nav-menu{
    display:flex;
    align-items:center
}
.lang-item{
    color:#222;
    padding:7px 9px;
    border-radius:0;
    transition:.3s;
    font-size:13px;
    cursor:pointer;
    border-bottom:1px solid #8f8f8f
}
.lang-item:hover{
    background:#0b57a4;
    color:#fff
}
.btn-franchise{
    border:none;
    padding:7px 18px;
    border-radius:30px;
    color:#fff;
    font-weight:600;
    font-size:15px;
    margin-right:12px
}
.red-btn{
    background:#153c6c
}
.main-nav{
    background:#e5e5e5
}
.about-menu,.dropdown-box,.mega-menu{
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    visibility:hidden
}
.nav-menu{
    list-style:none;
    justify-content:center;
    gap:35px;
    margin:0;
    padding:0
}
.menu-item>a{
    color:#282828;
    padding:12px 0;
    gap:6px;
    font-size:18px;
    font-weight:600
}
.menu-item>a i{
    font-size:11px;
    font-weight:700;
    color:#000
}
.menu-item>a .nav-icon{
    font-size:17px;
    color:#282828
}
.dropdown-box{
    width:max-content;
    min-width:max-content;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    opacity:0;
    transform:translateY(10px)
}
.about-dropdown:hover .about-menu,.dropdown-item-custom:hover .dropdown-box,.mega-item:hover .mega-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.dropdown-box a{
    display:block;
    padding:12px 16px;
    color:#222;
    border-bottom:1px solid #7c7c7c;
    font-size:15px;
    transition:color .3s,padding-left .3s;
    z-index:1
}
.dropdown-box a::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0%;
    height:100%;
    background:#e0e0e0;
    transition:width .35s;
    z-index:-1
}
.dropdown-box a:hover{
    color:#000;
    padding-left:22px
}
.mega-menu{
    width:900px;
    padding:28px;
    box-shadow:0 10px 35px rgba(0,0,0,.15);
    opacity:0;
    transform:translateY(15px)
}
.mega-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px
}
.mega-col h5{
    color:#e53935;
    margin-bottom:14px;
    font-size:16px
}
.about-menu a,.mega-col a{
    display:block;
    font-size:14px;
    transition:.3s;
    text-decoration:none
}
.mega-col a{
    color:#222;
    padding:6px 0
}
.mega-col a:hover{
    color:#0b4ea2;
    padding-left:8px
}
.about-btnn{
    color:#fff;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:4px
}
.about-menu{
    min-width:200px;
    box-shadow:0 8px 25px rgba(0,0,0,.15);
    opacity:0;
    transform:translateY(10px);
    transition:.3s;
    z-index:9999
}
.about-menu a{
    padding:12px 16px;
    color:#333;
    border-bottom:1px solid #eee
}
.about-menu a:hover{
    background:#f5f5f5;
    color:#0b4ea2;
    padding-left:22px
}
.choose-icon,.hero-next,.hero-prev{
    border-radius:50%;
    align-items:center;
    transition:.3s
}
.hero-item,.heroSwiper{
    width:100%
}
.blogMainSwiper .swiper-slide,.heroSwiper,.swiper-wrapper{
    height:auto
}
#google_translate_element,.pp-more,.production-heading p,.zoom-wrapper:hover .zoom-hint{
    display:none
}
.goog-te-banner-frame{
    display:none!important
}
.px-4{
    padding-right:3rem!important;
    padding-left:3rem!important
}
.hero-slider{
    position:relative
}
.hero-item{
    height:100%
}
.about-left img,.blog-main-card-img,.hero-item img{
    width:100%;
    height:auto;
    object-fit:cover;
    display:block
}
.hero-next,.hero-prev{
    width:46px;
    height:46px;
    background:rgba(255,255,255,.28);
    backdrop-filter:blur(4px);
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    justify-content:center;
    cursor:pointer
}
.hero-prev{
    display:none;
    left:28px
}
.hero-next{
    display:none;
    right:28px
}
.hero-next i,.hero-prev i{
    color:#fff;
    font-size:22px
}
.hero-next:hover,.hero-prev:hover{
    background:#ef1c24
}
.hero-slider .swiper-pagination{
    bottom:18px!important
}
.hero-slider .swiper-pagination-bullet{
    background:#fff;
    opacity:.7;
    height:9px;
    width:9px
}
.hero-slider .swiper-pagination-bullet-active{
    background:var(--primary-bg-color);
    opacity:1
}
.choose-section{
    padding:55px 0 65px;
    background:#f7f7f7;
     min-height: 576px;
}
.section-heading{
    margin-bottom:45px
}
.section-heading h1,.section-heading h2,.section-heading h3{
    color:#3a3a3a;
    font-size:25px;
    font-weight:700;
    margin-bottom:14px
}
.section-heading p{
    max-width:900px;
    margin:auto;
    font-size:16px;
    line-height:1.8;
    color:#222
}
.choose-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0
}
.choose-item{
    padding:18px 25px;
    border-right:1px solid #b5b5b5;
    transition:.3s
}
.choose-item:last-child,.production-item:last-child{
    border-right:none
}
.choose-item:hover,.production-item:hover .production-icon{
    transform:translateY(-5px)
}
.choose-icon{
    width:74px;
    height:74px;
    margin:auto auto 18px;
    background:var(--primary-bg-color);
    display:flex;
    justify-content:center
}
.choose-stats{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    margin-top:14px
}
.choose-icon img{
    width:34px
}
.choose-item:hover .choose-icon{
    transform:rotate(8deg) scale(1.05)
}
.choose-item h4{
    font-size:15px;
    color:#222;
    line-height:1.6;
    margin-bottom:6px
}
.choose-item h3,.choose-item span{
    color:#294289;
    font-size:18px;
    font-weight:700
}
.choose-item h3{
    margin-bottom:0;
    margin-right:9px;
    line-height:1
}
.choose-item span{
    display:block
}
.choose-item p{
    font-size:15px;
    color:#222;
    margin:0;
    line-height:1.6
}
@media (max-width:991px){
    .header-inner{
        align-items:stretch!important;
        height:auto;
        padding:0
    }
    .custom-hero-next,.custom-hero-prev{
        width:37px!important;
        height:37px!important
    }
    .search-wrap{
        width:100%;
        margin:0!important;
        max-width:100%
    }
    .language-dropdown{
        width:100%;
        left:0;
        grid-template-columns:repeat(3,1fr)
    }
    .choose-grid{
        grid-template-columns:repeat(2,1fr)
    }
    .choose-item{
        border-right:none;
        border-bottom:1px solid #ddd;
        padding:30px 15px
    }
    .stat-box{
        border-right:none;
        border-bottom:1px solid #dde
    }
    .stat-box:last-child{
        border-bottom:none
    }
    .banner-content{
        padding:40px 30px
    }
}
@media (max-width:576px){
    .hero-next,.hero-prev{
        width:38px;
        height:38px
    }
    .choose-icon{
        width:60px;
        height:60px
    }
    .choose-section{
        padding:0
    }
    .about-right h2,.about-right h3{
        font-weight:500
    }
    .choose-item h3{
        font-size:15px
    }
    .choose-grid{
        grid-template-columns:1fr 1fr
    }
    .choose-heading h2{
        font-size:28px
    }
}
.wa-popup-body,.wa-popup-header{
    padding:14px 16px
}
.float-btns{
    display:flex;
    flex-direction:column;
    align-items:flex-start
}
.float-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:20px;
    text-decoration:none;
    cursor:pointer;
    border:none
}
.float-btn.vid{
    background:#e53935
}
.float-btn.mail{
    width:48px;
    height:48px;
    border-radius:30px;
    transition:width .35s cubic-bezier(.4, 0, .2, 1),border-radius .35s;
    justify-content:flex-start;
    flex-direction:row-reverse;
    padding:0 14px;
    gap:10px
}
.float-btn.mail:hover{
    width:190px
}
.float-btn.mail .mail-label{
    font-size:13px;
    font-weight:700;
    letter-spacing:.8px;
    color:#fff;
    opacity:0;
    transform:translateX(8px);
    transition:opacity .25s .1s,transform .25s .1s;
    white-space:nowrap
}
.float-btn.mail:hover .mail-label{
    opacity:1;
    transform:translateX(0)
}
.wa-popup{
    position:absolute;
    bottom:60px;
    left:0;
    right:auto;
    width:300px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 8px 32px rgba(0,0,0,.18);
    display:none;
    flex-direction:column;
    z-index:9999;
    animation:.25s popUp
}
.phone-fab,.scroll-top-btn{
    box-shadow:0 3px 10px rgba(0,0,0,.25)
}
.pp-phone,.quotePopup.active,.wa-popup.open{
    display:flex
}
@keyframes popUp{
    from{
        opacity:0;
        transform:translateY(16px) scale(.97)
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1)
    }
}
.wa-popup-header{
    background:#25d366;
    display:flex;
    align-items:flex-start;
    gap:12px;
    position:relative
}
.wa-popup-header .wa-icon-wrap{
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(255,255,255,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
.wa-popup-header .wa-icon-wrap i{
    font-size:22px;
    color:#fff
}
.wa-popup-header .header-text h4{
    color:#fff;
    font-size:15px;
    font-weight:700;
    margin:0 0 4px
}
.wa-popup-header .header-text p{
    color:rgba(255,255,255,.9);
    font-size:12px;
    margin:0;
    line-height:1.4
}
.wa-close{
    position:absolute;
    top:10px;
    right:12px;
    background:0 0;
    border:none;
    color:#fff;
    font-size:20px;
    cursor:pointer;
    opacity:.85;
    line-height:1
}
.float-btn:hover::before,.product-image-zoom-container:hover .zoom-lens,.team-card:hover .team-img-wrap::after,.value-card:hover::before,.wa-close:hover{
    opacity:1
}
.wa-popup-body p{
    font-size:13px;
    color:#555;
    margin:0 0 12px
}
.wa-chat-row{
    display:flex;
    align-items:center;
    gap:12px;
    border:1.5px solid #25d366;
    border-radius:8px;
    padding:10px 12px;
    text-decoration:none;
    cursor:pointer;
    transition:background .2s
}
.wa-chat-row:hover{
    background:#f0fdf4
}
.wa-chat-row .wa-av{
    width:36px;
    height:36px;
    border-radius:50%;
    background:#e8f9ef;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
.phone-fab:hover,.profile-link:hover::after{
    background:var(--secondary)
}
.wa-chat-row .wa-av i{
    font-size:20px;
    color:#25d366
}
.eq-qty-wrap input,.wa-chat-row .wa-info,.wp-chat-btn-text{
    flex:1
}
.wa-chat-row .wa-info strong{
    display:block;
    font-size:14px;
    color:#222;
    font-weight:700
}
.wa-chat-row .wa-info span{
    font-size:11px;
    color:#888
}
.wa-chat-row .wa-arrow i,.wp-chat-icon-right{
    font-size:22px;
    color:#25d366
}
.scroll-top-btn{
    background:var(--accent);
    align-items:center;
    justify-content:center
}
.phone-fab{
    background:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center
}
.about-btn,.about-line{
    background:var(--secondary-bg-color)
}
@media (max-width:767px){
    .footer-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px
    }
    .footer-grid>:first-child,.footer-grid>:nth-child(4){
        grid-column:1/-1
    }
    .footer-grid>:nth-child(2),.footer-grid>:nth-child(3){
        grid-column:span 1
    }
    .footer-col h3{
        font-size:17px
    }
    .footer-contact-item{
        margin-bottom:11px
    }
    .hero-carousel .carousel-item{
        min-height:300px
    }
    .banner-content h1{
        font-size:24px
    }
    .banner-content{
        padding:30px 20px
    }
    .kids-card img,.range-card img{
        height:190px
    }
    .diamond-box{
        width:95px;
        height:95px
    }
    .about-img{
        height:240px;
        margin-bottom:24px
    }
}
@media (min-width:80px) and (max-width:125px){
    html{
        font-size:7px
    }
}
.about-section{
    padding:67px 0!important
}
.about-wrapper{
    display:grid;
    grid-template-columns:38% 62%;
    align-items:stretch
}
.about-right{
    padding:0 50px
}
.about-right h2{
    font-size:26px;
    line-height:1.2;
    color:#16213e;
    font-weight:700;
    margin-bottom:18px
}
.about-right h2 span{
    color:var(--secondary-bg-color)
}
.about-line{
    width:80px;
    height:3px;
    margin-bottom:30px
}
.about-text{
    font-size:17px;
    line-height:2;
    color:#333;
    margin-bottom:28px
}
.about-right h3,.about-right h4{
    font-size:24px;
    color:#16213e;
    margin-bottom:24px;
    font-weight:700
}
.about-point{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:22px
}
.about-point i{
    color:var(--secondary-bg-color);
    font-size:16px;
    margin-top:4px
}
.about-point p{
    margin:0;
    font-size:16px;
    line-height:1.9;
    color:#333
}
.about-btn{
    display:inline-block;
    color:#fff;
    text-decoration:none;
    padding:15px 34px;
    font-size:13px;
    font-weight:700;
    margin-top:12px;
    box-shadow:6px 6px 0 rgba(0,0,0,.15);
    transition:.3s
}
.about-btn:hover{
    background:#4a4a4a;
    transform:translateY(-2px);
    color:#fff
}
.collection-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px
}
.collection-card{
    border:none;
    padding:0;
    position:relative;
    transition:.4s
}
.collection-card h4{
    font-size:20px;
    background-color:#294289;
    padding:10px 20px;
    border-radius:3px;
    color:#fff
}
.collection-card h4 a{
    color:#fff;
    cursor:pointer;
    display:block;
    width:100%
}
.collection-inner img{
    width:100%;
    height:100%;
    transition:.4s
}
.collection-inner::before{
    content:"";
    inset:0;
    transition:.4s;
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.08);
    z-index:1
}
.collection-section,.latest-section{
    padding:60px 0;
    background:#fff
}
.blog-main-heading,.collection-heading{
    text-align:center;
    margin-bottom:40px
}
.collection-heading h2{
    color:#e53935;
    font-size:28px;
    margin-bottom:10px;
    font-weight:700
}
.collection-heading p{
    max-width:850px;
    margin:auto;
    font-size:14px;
    line-height:1.8;
    color:#222
}
.collection-inner{
    position:relative;
    overflow:hidden;
    height:auto;
    margin-bottom:3px
}
.collection-content{
    position:absolute;
    bottom:-4%;
    right:15px;
    transform:translateY(-50%);
    z-index:2
}
.collection-content h3{
    color:var(--primary-bg-color);
    font-size:22px;
    margin-bottom:19px;
    font-weight:700
}
.collection-content span{
    display:block;
    font-size:14px;
    color:#222;
    margin-bottom:18px;
    font-weight:600
}
.collection-content a{
    display:inline-block;
    background:#f7f7f7;
    color:#505050;
    text-decoration:none;
    padding:10px 22px;
    font-size:14px;
    font-weight:700;
    box-shadow:4px 4px 0 #2d2d44;
    transition:.3s
}
.collection-content a i,.profile-header h2{
    font-size:22px
}
.collection-content a:hover{
    background:var(--primary-bg-color);
    color:#fff
}
.blog-card:hover img,.collection-card:hover img,.kids-card:hover img,.prem-flag-card:hover .prem-flag-img-box img,.saree-card:hover img,.youtube-card:hover img{
    transform:scale(1.05)
}
@media (max-width:600px){
    .collection-grid{
        grid-template-columns:1fr
    }
}
.video-call-section{
    background:url("https://www.transparenttextures.com/patterns/cream-paper.png") #f8f5ef;
    padding:0;
    margin-top:24px
}
.video-call-wrapper{
    display:grid;
    grid-template-columns:48% 52%;
    align-items:center;
    gap:40px
}
.video-left img{
    width:100%;
    max-width:700px;
    height:auto;
    object-fit:contain
}
.video-right{
    padding-left:20px
}
.video-subtitle{
    color:var(--primary-bg-color);
    font-size:20px;
    display:block;
    margin-bottom:18px;
    font-weight:500
}
.video-right h2{
    font-size:29px;
    line-height:1.2;
    color:#16213e;
    margin-bottom:35px;
    font-weight:600
}
.video-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--button-color);
    color:#fff;
    text-decoration:none;
    padding:16px 34px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    box-shadow:0 6px 0 rgba(0,0,0,.15);
    transition:.3s
}
.video-btn:hover{
    background:#262626;
    color:#fff;
    transform:translateY(-3px)
}
.range-section{
    padding:55px 0;
    background:#f7f7f7
}
.range-heading,.youtube-heading{
    margin-bottom:35px
}
.range-heading h2{
    color:#e53935;
    font-size:32px;
    font-weight:700;
    margin-bottom:10px
}
.range-heading p{
    max-width:850px;
    margin:auto;
    font-size:15px;
    line-height:1.8;
    color:#222
}
.saree-card{
    background:#fff;
    transition:.3s
}
.saree-img img{
    width:100%;
    height:auto;
    object-fit:cover;
    transition:.4s
}
.saree-content{
    padding:15px 10px 20px
}
.saree-content h4{
    color:#303030;
    font-size:17px;
    font-weight:600;
    margin-bottom:5px;
    min-height:30px
}
.saree-content h4 a{
    color:#303030;
    text-decoration:none
}
.saree-content span{
    display:block;
    color:#222;
    font-size:14px;
    margin-bottom:15px
}
.saree-btns{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap
}
.btn-call,.btn-quote{
    flex:1;
    text-decoration:none;
    padding:9px 14px;
    font-size:16px!important;
    font-weight:700;
    color:#fff;
    transition:.3s;
    border:1px solid #b61e17;
    border-radius:7px!important
}
.btn-call i,.btn-quote i{
    font-size:17px;
    margin-right:6px
}
.btn-call{
    display:flex;
    justify-content:center;
    background:#153c6c;
    color:#fff
}
.btn-quote{
    font-family:13px;
    background:#b61e17;
}
.btn-call:hover,.btn-quote:hover,.catalog-btn:hover,.enquire-btn:hover{
    color:#fff;
    transform:translateY(-2px)
}
.quality-section{
    position:relative;
    padding:60px 0 90px;
    background:url("assets/img/quality-bg.jpg") center center/cover no-repeat
}
.quality-overlay{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.82)
}
.quality-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:40px;
    align-items:center;
    justify-content:center
}
.quality-item{
    display:flex;
    justify-content:center
}
.diamond-box{
    width:135px;
    height:135px;
    background:#294289;
    transform:rotate(45deg);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
    transition:.3s
}
.latest-card,.view-all-btn{
    background:#fff;
    transition:.3s
}
.diamond-box::before{
    content:"";
    position:absolute;
    inset:8px;
    border:1px dashed rgba(255,255,255,.8)
}
.diamond-box img{
    width:42px;
    margin-bottom:12px;
    transform:rotate(-45deg)
}
.diamond-box h4{
    color:#fff;
    font-size:14px;
    line-height:1.3;
    margin:0;
    font-weight:700;
    transform:rotate(-45deg)
}
.diamond-box:hover{
    transform:rotate(45deg) translateY(-8px)
}
.latest-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
    margin-bottom:35px
}
.latest-heading{
    max-width:850px
}
.latest-heading h2{
    color:#294289;
    font-size:34px;
    font-weight:700;
    margin-bottom:14px
}
.latest-heading p{
    font-size:15px;
    line-height:1.8;
    color:#222
}
.view-all-btn{
    border:1px solid #294289;
    color:#294289;
    text-decoration:none;
    padding:12px 28px;
    font-size:15px;
    font-weight:700;
    box-shadow:4px 4px 0 rgba(0,0,0,.15)
}
.view-all-btn:hover,.youtube-btn:hover{
    background:#ef4444;
    color:#fff
}
.latest-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px
}
.latest-card{
    border:1px solid #ddd;
    box-shadow:0 2px 10px rgba(0,0,0,.05)
}
.latest-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 25px rgba(0,0,0,.12)
}
.latest-img{
    position:relative
}
.latest-img img{
    width:100%;
    aspect-ratio:1;
    height:auto;
    object-fit:cover;
    transition:.5s
}
.kids-banner:hover img,.latest-card:hover img,.team-card:hover .team-img-wrap img{
    transform:scale(1.08)
}
.latest-content{
    padding:20px 18px 22px
}
.latest-content h4{
    font-size:16px;
    line-height:1.6;
    color:#1f2937;
    font-weight:700;
    margin-bottom:20px
}
.latest-btns{
    display:flex;
    justify-content:center;
    gap:10px
}
.catalog-btn,.enquire-btn{
    text-decoration:none;
    padding:10px 16px;
    font-size:14px;
    font-weight:600;
    color:#fff;
    transition:.3s
}
.catalog-btn{
    background:#ef4444
}
.enquire-btn{
    background:linear-gradient(to bottom,#444,#111)
}
.kids-section{
    padding:45px 0;
    background:#f1f7ff
}
.kids-wrapper.no-left,.menu-overlay.active,.more-content.active,.phone-flag img,.pp-more.active,.zoom-wrapper:hover .zoom-lens{
    display:block
}
.kids-banner{
    position:relative;
    height:379px
}
.kids-banner img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s
}
.kids-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:20px
}
.kids-overlay span{
    color:#ff1f1f;
    font-size:30px;
    font-weight:700;
    margin-bottom:20px;
    letter-spacing:1px;
    animation:1s fadeDown
}
.kids-overlay h2{
    color:#fff;
    font-size:30px;
    line-height:1.15;
    font-weight:400;
    margin-bottom:30px;
    animation:1.2s zoomFade
}
.kids-overlay a{
    width:190px;
    height:48px;
    border:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:15px;
    font-weight:600;
    position:relative;
    transition:.4s;
    animation:1.4s fadeUp
}
.kids-top,.menu-header{
    justify-content:space-between
}
.blog-img img,.kids-img img,.youtube-card img{
    transition:.5s;
    object-fit:cover
}
.kids-overlay a::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:#d04340;
    transition:.4s;
    z-index:0
}
.kids-overlay a:hover::before,.mobile-side-menu.active,.prem-flag-prev{
    left:0
}
.kids-overlay a span{
    position:relative;
    z-index:2
}
@keyframes fadeDown{
    from{
        opacity:0;
        transform:translateY(-30px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes zoomFade{
    from{
        opacity:0;
        transform:scale(.8)
    }
    to{
        opacity:1;
        transform:scale(1)
    }
}
@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
.kids-top{
    display:flex;
    align-items:flex-start;
    border-bottom:1px solid #ddd;
    padding-bottom:14px;
    margin-bottom:22px
}
.kids-top h2{
    color:var(--primary-bg-color);
    font-size:28px;
    margin-bottom:10px;
    font-weight:700
}
.kids-top p{
    max-width:780px;
    font-size:14px;
    line-height:1.8;
    color:#222
}
.kids-nav{
    display:flex;
    gap:6px
}
.kids-next,.kids-prev{
    width:28px;
    height:28px;
    border:1px solid #ccc;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s
}
.kids-next:hover,.kids-prev:hover{
    background:#ef4444;
    color:#fff;
    border-color:#ef4444
}
.kids-card{
    background:#fff;
    border:1px solid #ddd;
    transition:.3s
}
.kids-card:hover{
    box-shadow:0 8px 20px rgba(0,0,0,.12)
}
.kids-img img{
    width:100%;
    height:auto;
    aspect-ratio:1
}
.kids-content{
    padding:12px 8px 14px
}
.kids-content h4{
    font-size:15px;
    color:#222;
    font-weight:700;
    margin-bottom:4px
}
.kids-content span{
    font-size:13px;
    color:#444
}
.youtube-section{
    padding:55px 0 50px;
    background:#f7f7f7
}
.blog-heading h2,.youtube-heading h2{
    color:#e31e24;
    font-size:32px;
    font-weight:700;
    margin-bottom:14px
}
.youtube-heading p{
    max-width:900px;
    margin:auto;
    font-size:15px;
    line-height:1.8;
    color:#333
}
.youtube-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-bottom:38px
}
.play-btn,.youtube-overlay{
    display:flex;
    align-items:center
}
.youtube-card{
    position:relative;
    border-radius:18px;
    border:1px solid #ddd;
    background:#fff;
    transition:.4s;
    box-shadow:0 4px 12px rgba(0,0,0,.08)
}
.youtube-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 22px rgba(0,0,0,.15)
}
.youtube-card img{
    width:100%;
    height:235px
}
.youtube-overlay{
    position:absolute;
    inset:0;
    justify-content:center
}
.play-btn{
    background:#ef1c24;
    border-radius:50%;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    position:relative;
    transition:.3s;
    animation:2s infinite pulse
}
.production-icon,.youtube-btn{
    align-items:center;
    transition:.3s
}
.play-btn:hover{
    background:#d90d15;
    color:#fff;
    transform:scale(1.08)
}
.play-btn::before{
    content:"";
    position:absolute;
    inset:-10px;
    border-radius:50%;
    border:2px solid rgba(239,28,36,.4);
    animation:2s infinite ring
}
@keyframes pulse{
    0%,100%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.05)
    }
}
@keyframes ring{
    0%{
        transform:scale(.8);
        opacity:1
    }
    100%{
        transform:scale(1.4);
        opacity:0
    }
}
.youtube-btn{
    display:inline-flex;
    justify-content:center;
    width:185px;
    height:42px;
    border:1px solid #ef4444;
    background:#fff;
    color:#ef4444;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    box-shadow:4px 4px 0 rgba(0,0,0,.12)
}
.blog-content-wrap,.sidebar-card{
    box-shadow:0 8px 28px rgba(0,0,0,.08);
    overflow:hidden
}
.production-section{
    position:relative;
    padding:45px 0 65px;
    background:url("assets/img/production-bg.jpg") center center/cover no-repeat;
    overflow:hidden
}
.production-overlay{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.86)
}
.production-heading{
    margin-bottom:32px
}
.production-heading h2{
    color:var(--primary-bg-color);
    font-size:32px;
    font-weight:700;
    margin-bottom:12px
}
.production-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    border:1px solid #d9d9d9;
    background:rgba(255,255,255,.55)
}
.production-item{
    min-height:160px;
    border-right:1px solid #d9d9d9;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:15px;
    transition:.3s
}
.production-item:hover{
    background:rgba(255,255,255,.9)
}
.production-icon{
    width:92px;
    height:92px;
    background:var(--primary-bg-color);
    border-radius:50%;
    display:flex;
    justify-content:center;
    margin-bottom:18px;
    position:relative
}
.production-icon::before{
    content:"";
    position:absolute;
    inset:7px;
    border:2px dashed rgba(255,255,255,.8);
    border-radius:50%
}
.production-icon img{
    width:42px;
    position:relative;
    z-index:2
}
.production-item h4{
    font-size:16px;
    color:#333;
    font-weight:700;
    margin:0
}
.detail-banner{
    background:linear-gradient(135deg,#1a2540 0,#243057 60%,#2e1a06 100%);
    padding:70px 0 60px;
    position:relative;
    overflow:hidden
}
.detail-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top right,rgba(201,146,10,.18),transparent 45%),radial-gradient(circle at bottom left,rgba(178,34,34,.12),transparent 45%)
}
.badge-label{
    display:inline-block;
    background:var(--red);
    color:#fff;
    padding:6px 18px;
    border-radius:3px;
    font-size:12px;
    letter-spacing:2px;
    margin-bottom:18px
}
.detail-banner h1{
    font-size:46px;
    color:#fff;
    font-weight:800;
    line-height:1.4;
    max-width:900px;
    margin:auto
}
.breadcrumb-area{
    background:#fff;
    padding:14px 0;
    border-bottom:1px solid #eee
}
.breadcrumb{
    margin:0
}
.breadcrumb a{
    color:var(--gold);
    text-decoration:none
}
.blog-detail-section{
    padding:23px 0
}
.blog-content-wrap{
    background:#fff;
    border-radius:14px
}
.blog-main-img{
    width:100%;
    height:430px;
    object-fit:cover
}
.blog-content-body{
    padding:16px
}
.blog-content-body h2{
    font-size:22px;
    font-weight:700;
    color:var(--navy);
    line-height:1.4;
    margin-bottom:18px
}
.blog-divider{
    width:60px;
    height:4px;
    border-radius:10px;
    background:linear-gradient(90deg,var(--gold),var(--red));
    margin-bottom:24px
}
.blog-text{
    font-size:16px;
    color:var(--text);
    line-height:2
}
.blog-text p{
    margin-bottom:18px
}
.blog-back-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:28px;
    background:#1e54a4;
    color:#fff;
    padding:13px 28px;
    border-radius:6px;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    transition:.3s
}
.blog-back-btn:hover{
    background:#dc3545;
    color:#fff;
    transform:translateX(-4px)
}
.sidebar-card{
    background:#fff;
    border-radius:14px;
    margin-bottom:28px
}
.sidebar-card-header{
    background:var(--primary-bg-color);
    padding:18px 22px;
    display:flex;
    align-items:center;
    gap:12px
}
.sidebar-card-header .bar{
    width:4px;
    height:24px;
    background:#fff;
    border-radius:20px
}
.sidebar-card-header h4{
    color:#fff;
    font-size:18px;
    font-weight:700;
    margin:0
}
.branch-body,.sidebar-card-body{
    padding:22px
}
.related-item{
    display:flex;
    gap:14px;
    text-decoration:none;
    padding:14px 0;
    border-bottom:1px solid #eee;
    transition:.3s
}
.related-item:last-child{
    border:none
}
.related-item:hover{
    transform:translateX(5px)
}
.related-item img{
    width:85px;
    height:70px;
    border-radius:8px;
    object-fit:cover
}
.rel-info h6{
    font-size:16px;
    color:#343434;
    font-weight:600;
    line-height:1.5;
    margin-bottom:2px
}
.rel-info span{
    color:#20387c;
    font-size:14px;
    font-weight:600
}
.form-label-custom{
    font-size:13px;
    font-weight:700;
    color:var(--navy);
    margin-bottom:6px;
    display:block
}
.btn-enquiry,.form-control-custom{
    width:100%;
    font-size:14px;
    transition:.3s
}
.alert-error-custom,.alert-success-custom,.form-control-custom{
    padding:12px 15px;
    margin-bottom:16px
}
.form-control-custom{
    border:1.5px solid #ddd;
    border-radius:8px;
    background:#fafafa;
    outline:0
}
.form-control-custom:focus{
    border-color:var(--gold);
    background:#fff;
    box-shadow:0 0 0 3px rgba(201,146,10,.12)
}
textarea.form-control-custom{
    resize:none;
    min-height:110px
}
.btn-enquiry{
    height:50px;
    border:none;
    background:var(--primary-bg-color);
    color:#fff;
    border-radius:8px;
    font-weight:700;
    letter-spacing:1px
}
.btn-enquiry:hover{
    background:#dc3545;
    opacity:.9;
    transform:translateY(-2px)
}
.alert-success-custom{
    background:#eaffea;
    border:1px solid #77c977;
    border-radius:8px;
    color:#236423
}
.alert-error-custom{
    background:#fff0f0;
    border:1px solid #e18080;
    border-radius:8px;
    color:#992525
}
@media (max-width:991px){
    .about-right{
        padding:35px 20px
    }
    .about-right h2{
        font-size:24px;
        font-weight:600
    }
    .about-point p,.about-text{
        font-size:16px
    }
    .video-btn,.video-subtitle{
        font-size:15px
    }
    .video-call-wrapper{
        grid-template-columns:1fr;
        text-align:center
    }
    .video-right{
        padding-left:0
    }
    .video-right h2{
        font-size:34px
    }
    .video-btn{
        padding:14px 24px
    }
    .kids-banner,.latest-img img,.saree-img img{
        height:auto
    }
    .quality-grid{
        grid-template-columns:repeat(2,1fr);
        gap:59px
    }
    .latest-top{
        flex-direction:row;
        padding-top: 30px;
    }
    .kids-wrapper,.youtube-grid{
        grid-template-columns:1fr
    }
    .youtube-card img{
        height:220px
    }
    .youtube-heading h2{
        font-size:26px
    }
    .production-grid{
        grid-template-columns:repeat(2,1fr)
    }
    .production-item{
        border-bottom:1px solid #ddd
    }
    .blog-main-img{
        height:280px
    }
    .blog-content-body{
        padding:24px
    }
    .blog-content-body h2{
        font-size:28px
    }
}
.blog-heading{
    margin-bottom:38px
}
.blog-heading p{
    max-width:920px;
    margin:auto;
    font-size:15px;
    line-height:1.8;
    color:#333
}
.blog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px
}
.blog-card{
    border:1px solid #ddd;
    box-shadow:0 2px 10px rgba(0,0,0,.04)
}
.blog-card:hover{
    box-shadow:0 8px 22px rgba(0,0,0,.12)
}
.blog-img{
    overflow:hidden;
    padding:18px 18px 0
}
.blog-img img{
    border-radius:4px
}
.blog-content{
    padding:20px 18px 24px
}
.blog-content h3{
    font-size:18px;
    line-height:1.5;
    color:#1f2937;
    font-weight:700;
    margin-bottom:14px;
    min-height:82px
}
.blog-content p{
    font-size:14px;
    line-height:1.8;
    color:#444;
    margin-bottom:18px;
    min-height:78px
}
.blog-content a{
    color:#ef4444;
    font-size:15px;
    font-weight:700;
    text-decoration:none;
    position:relative
}
.blog-content a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    width:0;
    height:2px;
    background:#ef4444;
    transition:.3s
}
.eq-grid,.pd-grid{
    grid-template-columns:1fr 1fr
}
.content-section{
    padding:35px 0 50px;
    background:#ecf6ff
}
.content-block{
    margin-bottom:34px
}
.content-block img{
    float:right;
    width:32%;
    height:auto;
    margin-left:25px
}
.content-block h2{
    color:var(--primary-bg-color);
    font-size:27px;
    font-weight:700;
    margin-bottom:12px;
    line-height:1.4
}
.content-block h3{
    color:#222;
    font-size:18px;
    font-weight:700;
    margin:18px 0 12px
}
.content-block p,.content-block ul li{
    font-size:17px;
    line-height:1.8;
    color:#333
}
.content-block p{
    margin-bottom:12px
}
.content-block ul{
    padding-left:18px;
    margin:0
}
.content-block ul li{
    margin-bottom:8px
}
.content-block strong{
    color:#222
}
.page-banner{
    background:#d1d1d1;
    padding:55px 0 44px;
    position:relative;
    overflow:hidden
}
.sec-line-center,.sec-line-left{
    width:0;
    height:3px;
    background:var(--accent);
    border-radius:2px;
    transition:width 1.1s
}
.sec-title-lg{
    font-size:21px;
    font-weight:600;
    color:#3e3e3e!important;
    line-height:1.2;
    border-bottom:1px solid #9d9d9d;
    padding-bottom:14px;
    margin-bottom:20px
}
.sec-line-left{
    margin-bottom:22px
}
.sec-line-left.grow,.sec-line.grow{
    width:50px
}
.sec-line-center{
    margin:10px auto 32px
}
.sec-line-center.grow{
    width:60px
}
.about-section{
    background:#e9e9e9
}
.about-desc{
    font-size:14px;
    color:#444;
    line-height:1.95;
    margin-bottom:18px
}
.profile-link{
    color:var(--accent);
    font-size:14px;
    font-weight:var(--fw);
    display:inline-flex;
    align-items:center;
    gap:8px;
    position:relative;
    padding-bottom:3px
}
.profile-link::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1.5px;
    background:var(--accent);
    transform:scaleX(1);
    transition:transform .35s,background .3s;
    transform-origin:left
}
.faq-title,.profile-link:hover{
    color:var(--secondary)
}
.profile-link:hover::after{
    transform:scaleX(.4)
}
.profile-link i{
    transition:transform .35s
}
.profile-link:hover i{
    transform:translateY(3px)
}
.logo-watermark{
    position:absolute;
    bottom:20px;
    left:-10px;
    font-size:110px;
    font-weight:900;
    color:var(--accent);
    opacity:.07;
    user-select:none;
    animation:4s ease-in-out infinite wmPulse
}
@keyframes wmPulse{
    0%,100%{
        opacity:.07
    }
    50%{
        opacity:.13
    }
}
.img-collage{
    position:relative;
    height:390px
}
.img-collage .img-main{
    position:absolute;
    top:0;
    right:0;
    width:78%;
    height:auto;
    object-fit:cover;
    border-radius:12px;
    z-index:2;
    box-shadow:0 12px 36px rgba(0,0,0,.15);
    transition:transform .5s,box-shadow .5s
}
.img-collage:hover .img-main{
    transform:translateY(-8px) scale(1.02);
    box-shadow:0 22px 54px rgba(0,0,0,.22)
}
.img-collage .img-bottom{
    position:absolute;
    bottom:0;
    right:10%;
    width:62%;
    height:200px;
    object-fit:cover;
    border-radius:12px;
    z-index:3;
    box-shadow:0 12px 36px rgba(0,0,0,.18);
    transition:transform .5s .1s,box-shadow .5s
}
.img-collage:hover .img-bottom{
    transform:translateY(-5px) translateX(-5px)
}
.accent-block{
    position:absolute;
    border-radius:8px;
    z-index:1;
    background:var(--accent);
    transition:background .4s
}
.btn-submit,.form-group,.info-card,.map-card,.mission-collage,.mv-title,.pillar-img-wrap,.stats-band,.team-img-wrap,.team-role,.value-card,.vision-collage{
    position:relative
}
.accent-block-1{
    top:30px;
    right:72%;
    width:55px;
    height:130px;
    animation:3.5s ease-in-out infinite floatBlock
}
.accent-block-2{
    bottom:10px;
    right:5%;
    width:55px;
    height:100px;
    animation:4s ease-in-out infinite reverse floatBlock
}
@keyframes floatBlock{
    0%,100%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-10px)
    }
}
.float-btn.vid,.img-collage:hover .accent-block{
    background:var(--primary)
}
.mission-collage{
    height:360px
}
.mission-collage .mc-main{
    position:absolute;
    top:0;
    right:0;
    width:76%;
    height:290px;
    object-fit:cover;
    border-radius:12px;
    z-index:2;
    box-shadow:0 10px 30px rgba(0,0,0,.14);
    transition:transform .5s,box-shadow .5s
}
.mission-collage:hover .mc-main,.vision-collage:hover .vc-main{
    transform:translateY(-8px) scale(1.02);
    box-shadow:0 22px 54px rgba(0,0,0,.2)
}
.mission-collage .mc-accent1{
    position:absolute;
    top:25px;
    right:73%;
    width:50px;
    height:120px;
    background:var(--accent);
    border-radius:8px;
    z-index:1;
    animation:3.8s ease-in-out infinite floatBlock
}
.mission-collage .mc-bottom{
    position:absolute;
    bottom:0;
    left:2%;
    width:65%;
    height:200px;
    object-fit:cover;
    border-radius:12px;
    z-index:3;
    box-shadow:0 10px 30px rgba(0,0,0,.16);
    transition:transform .5s .1s
}
.mission-collage:hover .mc-bottom{
    transform:translateX(6px) translateY(-5px)
}
.mission-collage .mc-accent2{
    position:absolute;
    bottom:8px;
    left:0;
    width:50px;
    height:100px;
    background:var(--primary);
    border-radius:8px;
    z-index:2;
    animation:4.2s ease-in-out infinite reverse floatBlock
}
.vision-collage{
    height:320px
}
.vision-collage .vc-main{
    position:absolute;
    top:0;
    left:0;
    width:78%;
    height:270px;
    object-fit:cover;
    border-radius:12px;
    z-index:2;
    box-shadow:0 10px 30px rgba(0,0,0,.14);
    transition:transform .5s,box-shadow .5s
}
.vision-collage .vc-accent{
    position:absolute;
    top:20px;
    left:74%;
    width:50px;
    height:120px;
    background:var(--accent);
    border-radius:8px;
    z-index:1;
    animation:3.5s ease-in-out infinite floatBlock
}
.vision-collage .vc-bottom{
    position:absolute;
    bottom:0;
    right:2%;
    width:60%;
    height:175px;
    object-fit:cover;
    border-radius:12px;
    z-index:3;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:transform .5s .1s
}
.vision-collage:hover .vc-bottom{
    transform:translateX(-5px) translateY(-5px)
}
.mv-label{
    font-size:12px;
    font-weight:var(--fw);
    color:#999;
    letter-spacing:3px
}
.mv-title{
    font-size:30px;
    font-weight:800;
    color:var(--secondary);
    margin-bottom:16px;
    display:inline-block
}
.mv-title::after{
    content:"";
    position:absolute;
    bottom:-6px;
    left:0;
    width:36px;
    height:3px;
    background:var(--accent);
    border-radius:2px;
    transition:width .5s
}
.mv-text{
    font-size:14px;
    color:#555;
    line-height:1.95;
    margin-bottom:12px
}
.stats-band{
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    padding:60px 0;
    overflow:hidden
}
.stats-band::before{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    border-radius:50%;
    background:rgba(255,255,255,.04);
    top:-150px;
    right:-100px;
    animation:7s ease-in-out infinite floatCircle
}
.stat-item{
    color:#fff;
    padding:20px
}
.stat-icon-big{
    width:64px;
    height:64px;
    background:rgba(255,255,255,.12);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    border:2px solid rgba(255,255,255,.2);
    transition:background .35s,transform .35s
}
.stat-item:hover .stat-icon-big{
    background:var(--accent);
    transform:scale(1.15) rotate(8deg)
}
.stat-icon-big i{
    font-size:24px;
    color:#fff
}
.stat-num-big{
    font-size:44px;
    font-weight:800;
    color:#fff;
    line-height:1;
    margin-bottom:8px
}
.stat-desc{
    font-size:14px;
    font-weight:var(--fw);
    color:rgba(255,255,255,.8)
}
.pillars-section,.values-section{
    background:#fff;
    padding:84px 0
}
.value-card{
    background:#f8f9fc;
    border-radius:14px;
    padding:34px 24px;
    border:2px solid transparent;
    transition:.4s cubic-bezier(.25, .8, .25, 1);
    height:100%;
    overflow:hidden;
    cursor:pointer
}
.value-card::before,.value-icon{
    background:linear-gradient(135deg,var(--primary),var(--accent))
}
.value-card::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .4s;
    z-index:0
}
.info-card>*,.value-card>*{
    position:relative;
    z-index:1
}
.value-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 44px rgba(15,76,156,.25)
}
.value-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    transition:transform .4s,background .4s;
    box-shadow:0 6px 18px rgba(15,76,156,.25)
}
.pillar-card,.team-card{
    border-radius:16px;
    overflow:hidden
}
.value-card:hover .value-icon{
    background:rgba(255,255,255,.2);
    transform:scale(1.18) rotate(12deg)
}
.value-icon i{
    font-size:26px;
    color:#fff
}
.value-title{
    font-size:var(--fs-h);
    font-weight:700;
    color:var(--secondary);
    margin-bottom:10px;
    transition:color .3s
}
.value-desc{
    font-size:14px;
    color:#555;
    line-height:1.8;
    transition:color .3s
}
.pillars-title{
    font-size:30px;
    font-weight:800;
    color:var(--secondary);
    margin-bottom:50px
}
.pillar-card{
    background:#fff;
    box-shadow:0 4px 20px rgba(0,0,0,.09);
    height:100%;
    transition:transform .45s cubic-bezier(.25, .8, .25, 1),box-shadow .45s;
    cursor:pointer
}
.pillar-card:hover{
    transform:translateY(-12px);
    box-shadow:0 24px 56px rgba(0,0,0,.16)
}
.pillar-img-wrap{
    width:100%;
    height:300px;
    overflow:hidden
}
.pillar-card.ceo .pillar-img-wrap{
    background:linear-gradient(135deg,#f4a261 0,#e76f51 40%,#9b59b6 100%)
}
.pillar-card.cfo .pillar-img-wrap{
    background:linear-gradient(135deg,#a29bfe 0,#6c5ce7 40%,#b39ddb 100%)
}
.pillar-img-wrap img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:bottom center;
    transition:transform .5s
}
.pillar-card:hover .pillar-img-wrap img{
    transform:scale(1.07) translateY(-6px)
}
.pillar-img-wrap::after{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);
    transition:left .65s
}
.pillar-card:hover .pillar-img-wrap::after{
    left:150%
}
.pillar-body{
    padding:24px 22px;
    border-top:3px solid #f0f0f0;
    transition:border-color .35s
}
.pillar-card:hover .pillar-body{
    border-color:var(--accent)
}
.pillar-name,.team-name{
    font-size:var(--fs-h);
    font-weight:700;
    color:var(--secondary);
    margin-bottom:4px;
    transition:color .3s
}
.pillar-card:hover .pillar-name,.team-card:hover .team-name{
    color:var(--primary)
}
.pillar-role{
    font-size:14px;
    font-weight:var(--fw);
    color:var(--accent);
    margin-bottom:14px
}
.pillar-desc{
    font-size:13px;
    color:#555;
    line-height:1.85
}
.branches-section,.team-section{
    background:#f5f5f5;
    padding:84px 0
}
.team-title{
    font-size:30px;
    font-weight:800;
    color:var(--secondary);
    margin-bottom:40px
}
.team-card{
    background:#fff;
    box-shadow:0 4px 18px rgba(0,0,0,.09);
    display:flex;
    align-items:stretch;
    transition:transform .45s cubic-bezier(.25, .8, .25, 1),box-shadow .45s,border-left-color .3s;
    height:100%;
    border-left:4px solid transparent
}
.team-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 48px rgba(0,0,0,.15);
    border-left-color:var(--accent)
}
.team-img-wrap{
    flex-shrink:0;
    width:200px;
    background:#edf2f7;
    overflow:hidden
}
.team-img-wrap img{
    width:100%;
    min-height:260px;
    height:100%;
    object-fit:cover;
    object-position:top;
    transition:transform .5s
}
.team-img-wrap::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(15,76,156,.38),transparent 60%);
    opacity:0;
    transition:opacity .4s
}
.sec-line,.team-role::after{
    background:var(--accent);
    border-radius:2px
}
.team-body{
    padding:28px 24px;
    flex:1
}
.team-role{
    font-size:14px;
    font-weight:var(--fw);
    color:#999;
    margin-bottom:14px;
    display:inline-block
}
.team-role::after{
    content:"";
    position:absolute;
    bottom:-4px;
    left:0;
    width:30px;
    height:2px;
    transition:width .4s
}
.team-desc{
    font-size:13px;
    color:#555;
    line-height:1.88
}
@media (max-width:991px){
    .blog-grid{
        grid-template-columns:1fr
    }
    .blog-img img{
        height:220px
    }
    .content-block h2{
        font-size:20px
    }
    .content-block h3{
        font-size:17px
    }
    .content-block p,.content-block ul li{
        font-size:15px
    }
    .img-collage,.mission-collage,.vision-collage{
        height:280px;
        margin-bottom:40px
    }
    .team-card{
        flex-direction:column
    }
    .team-img-wrap{
        width:100%
    }
    .team-img-wrap img{
        min-height:200px;
        height:220px
    }
}
@media (max-width:767px){
    .detail-banner h1{
        font-size:30px
    }
    .blog-main-img,.img-collage,.mission-collage,.pillar-img-wrap{
        height:220px
    }
    .blog-content-body h2,.mv-title,.pillars-title,.sec-title-lg,.team-title{
        font-size:24px
    }
    .page-banner h1{
        font-size:26px
    }
    .stat-num-big{
        font-size:32px
    }
}
.reveal{
    opacity:0;
    transform:translateY(50px);
    transition:opacity .75s,transform .75s
}
.reveal.from-left{
    transform:translateX(-60px);
    opacity:0
}
.reveal.from-right{
    transform:translateX(60px);
    opacity:0
}
.reveal.from-scale{
    transform:scale(.85);
    opacity:0
}
.reveal.visible{
    opacity:1!important;
    transform:translate(0) scale(1)!important
}
.delay-1{
    transition-delay:0.1s!important
}
.delay-2{
    transition-delay:0.2s!important
}
.delay-3{
    transition-delay:0.3s!important
}
.delay-4{
    transition-delay:0.4s!important
}
.page-banner .circle1{
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    top:-80px;
    right:-60px;
    animation:6s ease-in-out infinite floatCircle
}
.page-banner .circle2{
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,255,255,.04);
    bottom:-40px;
    left:10%;
    animation:8s ease-in-out infinite reverse floatCircle
}
.page-banner::after{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    right:0;
    height:44px;
    background:#f5f5f5;
    clip-path:ellipse(55% 100% at 50% 100%)
}
.btn-submit::after,.info-card::before{
    position:absolute;
    height:0;
    content:""
}
@keyframes floatCircle{
    0%,100%{
        transform:translateY(0) scale(1)
    }
    50%{
        transform:translateY(-20px) scale(1.05)
    }
}
.page-banner h1{
    font-size:36px;
    font-weight:800;
    color:#fff;
    margin-bottom:8px;
    animation:.7s both bannerIn
}
.page-banner nav{
    animation:.9s both bannerIn
}
@keyframes bannerIn{
    from{
        opacity:0;
        transform:translateY(-18px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
.page-banner .breadcrumb-item,.page-banner .breadcrumb-item a{
    color:rgba(255,255,255,.75);
    font-size:14px;
    font-weight:var(--fw)
}
.page-banner .breadcrumb-item+.breadcrumb-item::before{
    color:rgba(255,255,255,.4)
}
.sec-pad{
    padding:84px 0
}
.sec-line{
    width:0;
    height:3px;
    margin-bottom:24px;
    transition:width 1.1s
}
.info-card,.info-card:hover::before{
    height:100%
}
.sec-sub{
    font-size:14px;
    color:#666;
    line-height:1.8;
    margin-bottom:0
}
.info-section{
    background:#f5f5f5
}
.info-card{
    background:#fff;
    border-radius:16px;
    padding:36px 28px;
    box-shadow:0 4px 20px rgba(0,0,0,.08);
    border-bottom:4px solid transparent;
    transition:.4s cubic-bezier(.25, .8, .25, 1);
    overflow:hidden;
    border:1px solid #9d9d9d
}
.info-card::before,.info-icon-wrap{
    background:linear-gradient(135deg,var(--primary),var(--accent))
}
.info-card::before{
    bottom:0;
    left:0;
    right:0;
    transition:height .4s;
    z-index:0
}
.info-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(15,76,156,.25)
}
.info-card:hover .info-icon-wrap{
    background:rgba(255,255,255,.2);
    transform:scale(1.15) rotate(8deg)
}
.info-icon-wrap{
    width:72px;
    height:72px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 18px;
    box-shadow:0 6px 20px rgba(15,76,156,.25);
    transition:.4s
}
.faq-item.open .faq-q-icon,.form-card,.form-section{
    background:#fff
}
.info-title,.info-val{
    margin-bottom:8px
}
.form-card,.map-card{
    box-shadow:0 8px 40px rgba(0,0,0,.1)
}
.info-sub,.info-title,.info-val,.input-wrap .i-icon{
    transition:color .3s
}
.info-icon-wrap i{
    font-size:28px;
    color:#424242
}
.form-card h3,.info-title{
    font-size:var(--fs-h);
    font-weight:700;
    color:var(--secondary)
}
.info-val{
    font-size:19px;
    font-weight:500;
    color:#565656
}
.btn-submit,.form-label-float,.success-msg{
    font-weight:var(--fw)
}
.info-sub{
    font-size:13px;
    color:#777
}
.form-card{
    border-radius:18px;
    padding:44px 40px;
    border:1px solid #adadad
}
.form-card h3{
    margin-bottom:6px
}
.form-card .sub{
    font-size:14px;
    color:#777;
    margin-bottom:30px
}
.form-group{
    margin-bottom:22px
}
.form-label-float{
    font-size:14px;
    color:#555;
    margin-bottom:6px;
    display:block
}
.form-input{
    width:100%;
    border:1.5px solid #ddd;
    border-radius:8px;
    padding:12px 16px;
    font-size:14px;
    color:var(--black);
    background:#fafafa;
    outline:0;
    transition:border-color .3s,box-shadow .3s,background .3s;
    font-family:Poppins,sans-serif
}
.form-input:focus{
    border-color:var(--accent);
    background:#fff;
    box-shadow:0 0 0 4px rgba(217,20,105,.1)
}
.form-input.valid{
    border-color:#28a745
}
.form-input.invalid{
    border-color:#dc3545
}
.input-wrap .i-icon{
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px;
    color:#bbb
}
.input-wrap textarea~.i-icon{
    top:18px;
    transform:none
}
.branch-row a:hover,.form-input:focus~.i-icon{
    color:var(--accent)
}
select.form-input{
    cursor:pointer;
    border-right:1px solid #d9d9d9;
    border-radius:0
}
.btn-submit{
    background:#000;
    color:#fff;
    font-size:var(--fs-btn);
    border:none;
    border-radius:8px;
    padding:14px 40px;
    width:100%;
    cursor:pointer;
    transition:.35s;
    overflow:hidden
}
.btn-submit::after{
    top:50%;
    left:50%;
    width:0;
    background:rgba(255,255,255,.18);
    border-radius:50%;
    transform:translate(-50%,-50%);
    transition:width .5s,height .5s
}
.btn-submit:hover::after{
    width:400px;
    height:400px
}
.btn-submit:active{
    transform:translateY(0)
}
.success-msg{
    display:none;
    background:#d4edda;
    border:1.5px solid #c3e6cb;
    color:#155724;
    border-radius:8px;
    padding:14px 18px;
    font-size:14px;
    margin-top:16px;
    animation:.5s both fadeInUp
}
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translateY(10px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
.map-card{
    border-radius:18px;
    overflow:hidden;
    height:100%;
    min-height:520px;
    border-top:4px solid var(--primary)
}
.map-card iframe{
    width:100%;
    height:100%;
    min-height:520px;
    border:none;
    display:block
}
.map-overlay-info{
    position:absolute;
    bottom:20px;
    left:20px;
    right:20px;
    background:#fff;
    border-radius:12px;
    padding:18px 20px;
    box-shadow:0 4px 20px rgba(0,0,0,.15);
    display:flex;
    align-items:center;
    gap:14px;
    animation:.6s .3s both slideUpCard
}
@keyframes slideUpCard{
    from{
        opacity:0;
        transform:translateY(20px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
.map-overlay-info .map-icon{
    width:44px;
    height:44px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--primary),var(--accent));
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
.accordion-button:not(.collapsed),.branch-card .branch-head{
    background:linear-gradient(135deg,var(--primary),var(--secondary))
}
.float-btn i,.map-overlay-info .map-icon i,.scroll-top-btn i{
    color:#fff;
    font-size:18px
}
.map-overlay-info .map-addr{
    font-size:13px;
    font-weight:var(--fw);
    color:var(--secondary);
    line-height:1.5
}
.map-overlay-info .map-city{
    font-size:12px;
    color:#888;
    margin-top:2px
}
.branch-card{
    background:#fff;
    border-radius:14px;
    box-shadow:0 4px 18px rgba(0,0,0,.08);
    overflow:hidden;
    height:100%;
    transition:.4s cubic-bezier(.25, .8, .25, 1);
    border-left:4px solid transparent
}
.branch-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 44px rgba(0,0,0,.14);
    border-left-color:var(--accent)
}
.branch-card .branch-head{
    padding:20px 22px;
    display:flex;
    align-items:center;
    gap:12px
}
.branch-head-icon{
    width:44px;
    height:44px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    transition:transform .35s
}
.branch-card:hover .branch-head-icon{
    transform:rotate(15deg) scale(1.1)
}
.branch-head-icon i,.phone-fab i{
    color:#fff;
    font-size:20px
}
.branch-head-title{
    font-size:var(--fs-h);
    font-weight:700;
    color:#fff;
    margin:0
}
.branch-row{
    display:flex;
    gap:10px;
    align-items:flex-start;
    margin-bottom:14px;
    font-size:14px;
    color:#444;
    font-weight:500;
    line-height:1.6
}
.branch-row i{
    color:var(--accent);
    font-size:16px;
    flex-shrink:0;
    margin-top:2px
}
.branch-row a{
    color:var(--primary);
    font-weight:var(--fw);
    transition:color .2s
}
.accordion-item{
    border:none;
    border-radius:12px!important;
    margin-bottom:12px;
    box-shadow:0 3px 14px rgba(0,0,0,.07);
    overflow:hidden;
    transition:box-shadow .3s
}
.accordion-item:hover{
    box-shadow:0 6px 24px rgba(0,0,0,.12)
}
.accordion-button{
    font-size:15px;
    font-weight:var(--fw);
    color:var(--secondary);
    background:#fff;
    border-radius:12px!important;
    padding:18px 22px;
    transition:color .3s,background .3s
}
.accordion-button:not(.collapsed){
    color:#fff;
    box-shadow:none
}
.accordion-button::after{
    filter:none;
    transition:filter .3s
}
.accordion-button:not(.collapsed)::after{
    filter:brightness(10)
}
.accordion-button:focus{
    box-shadow:none
}
.accordion-body{
    font-size:14px;
    color:#555;
    line-height:1.85;
    padding:16px 22px 20px;
    background:#fafafa
}
.social-section{
    background:linear-gradient(135deg,var(--primary),var(--secondary));
    padding:70px 0;
    position:relative;
    overflow:hidden
}
.social-section::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.04);
    top:-100px;
    right:-80px;
    animation:7s ease-in-out infinite floatCircle
}
.social-title{
    font-size:30px;
    font-weight:800;
    color:#fff;
    margin-bottom:8px
}
.social-sub{
    font-size:15px;
    color:rgba(255,255,255,.8);
    font-weight:500;
    margin-bottom:36px
}
.social-btn{
    width:58px;
    height:58px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:#fff;
    margin:0 8px;
    transition:.35s;
    position:relative
}
.social-btn::before{
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.3);
    transition:transform .35s,border-color .35s
}
.social-btn:hover{
    color:#fff;
    transform:translateY(-6px) scale(1.1)
}
.social-btn:hover::before{
    transform:scale(1.2);
    border-color:rgba(255,255,255,.8)
}
.sb-fb{
    background:#1877f2
}
.sb-ig{
    background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)
}
.sb-yt{
    background:red
}
.sb-tw{
    background:#1da1f2
}
.sb-li{
    background:#0a66c2
}
.float-btns{
    position:fixed;
    left:14px;
    bottom:110px;
    z-index:999;
    display:flex;
    flex-direction:column;
    gap:10px
}
.float-btn,.scroll-top-btn{
    width:46px;
    height:46px;
    border-radius:50%;
    align-items:center
}
.float-btn{
    display:flex;
    justify-content:center;
    box-shadow:0 4px 14px rgba(0,0,0,.22);
    transition:transform .3s,box-shadow .3s;
    position:relative
}
.phone-fab,.scroll-top-btn{
    position:fixed;
    right:14px;
    z-index:999;
    box-shadow:0 4px 14px rgba(0,0,0,.25)
}
.float-btn::before{
    content:attr(data-tip);
    position:absolute;
    left:56px;
    background:#222;
    color:#fff;
    font-size:12px;
    font-weight:var(--fw);
    padding:5px 10px;
    border-radius:6px;
    opacity:0;
    transition:opacity .3s
}
.bc-nav a:hover,.share-btn:hover{
    color:var(--blue)
}
.float-btn:hover{
    transform:scale(1.15) translateX(4px);
    box-shadow:0 8px 24px rgba(0,0,0,.3)
}
.float-btn.wa,.whatsapp-bg{
    background:#25d366
}
.float-btn.mail{
    background:#c00
}
.float-btn.wa::after{
    content:"";
    position:absolute;
    inset:-4px;
    border-radius:50%;
    border:2px solid #25d366;
    animation:2s ease-out infinite pulseRing
}
@keyframes pulseRing{
    0%{
        transform:scale(1);
        opacity:.6
    }
    100%{
        transform:scale(1.7);
        opacity:0
    }
}
.scroll-top-btn{
    bottom:90px;
    background:var(--accent);
    display:none;
    justify-content:center;
    cursor:pointer;
    border:none;
    transition:background .3s,transform .3s
}
.scroll-top-btn:hover{
    background:#b50f57;
    transform:scale(1.12) translateY(-3px)
}
.phone-fab{
    bottom:30px;
    width:50px;
    height:50px;
    background:var(--primary);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s
}
.blogMainSwiper .swiper-pagination,.zoom-hint{
    bottom:10px
}
.phone-fab:hover{
    background:var(--secondary);
    transform:scale(1.12) rotate(10deg)
}
@media (max-width:991px){
    .form-card{
        padding:28px 20px
    }
    .map-card,.map-card iframe{
        min-height:380px
    }
}
@media (max-width:767px){
    .page-banner h1{
        font-size:26px
    }
    .faq-title,.sec-title-lg,.social-title{
        font-size:24px
    }
    .form-card,.info-card{
        padding:24px 16px
    }
}
.container{
    max-width:1500px;
    margin:0 auto;
    padding:0 10px
}
.containerr,.containerrr{
    margin:0 auto;
    padding:0 16px
}
.containerr{
    max-width:1566px
}
.containerrr{
    max-width:1370px
}
a{
    text-decoration:none
}
.fade-in{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .55s,transform .55s
}
.fade-in.visible{
    opacity:1;
    transform:none
}
.btn-call:hover,.btn-get-price:hover{
    transform:translateY(-1px);
    color:#fff
}
.breadcrumb-bar{
    background:#f5f5f5;
    border-bottom:1px solid var(--border);
    padding:9px 0;
    font-size:13px
}
.bc-nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px;
    color:#888
}
.bc-nav a{
    color:#555
}
.bc-sep{
    color:#bbb;
    font-size:12px
}
.bc-active{
    color:var(--text);
    font-weight:600
}
.hero-section{
    padding:28px 0 32px;
    background:#fff
}
.hero-card{
    display:flex;
    gap:32px;
    background:#fff;
    border:1px solid var(--border);
    border-radius:8px;
    padding:24px;
    box-shadow:var(--shadow)
}
.hero-img-col{
    flex:0 0 420px;
    position:relative
}
.zoom-wrapper{
    position:relative;
    width:100%;
    cursor:crosshair;
    border:1px solid var(--border);
    overflow:hidden;
    background:#fafafa
}
.arrow-btn,.btn-send,.phone-flag,.radio-opt,.share-btn,.thumb-item{
    cursor:pointer
}
.product-main-img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1;
    object-fit:contain;
    transition:opacity .25s
}
.zoom-lens{
    display:none;
    box-shadow:0 0 0 2px rgba(0,0,0,.15)
}
.zoom-hint{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    background:rgba(0,0,0,.55);
    color:#fff;
    font-size:12px;
    padding:5px 12px;
    border-radius:20px;
    display:flex;
    align-items:center;
    gap:5px
}
.zoom-result{
    display:none;
    position:absolute;
    left:calc(100% + 12px);
    top:0;
    width:380px;
    height:320px;
    border:1px solid var(--border);
    border-radius:6px;
    background-repeat:no-repeat;
    background-color:#fff;
    box-shadow:0 4px 20px rgba(0,0,0,.15);
    z-index:100;
    overflow:hidden
}
.thumb-row{
    display:flex;
    gap:8px;
    margin-top:10px
}
.thumb-item{
    border:2px solid var(--border);
    border-radius:4px;
    overflow:hidden;
    transition:border-color .2s;
    width:80px;
    height:66px
}
.qty-input,.share-btn{
    border:1px solid var(--border)
}
.thumb-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.eq-field input:focus,.eq-field textarea:focus,.thumb-item.active,.thumb-item:hover{
    border-color:var(--gold-btn)
}
.hero-info-col{
    flex:1;
    min-width:0
}
.title-share-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:16px
}
.qty-row,.share-btn{
    align-items:center;
    display:flex
}
.product-title{
    font-size:26px;
    font-weight:700;
    color:var(--text);
    line-height:1.2
}
.share-btn{
    background:0 0;
    border-radius:50%;
    width:34px;
    height:34px;
    justify-content:center;
    color:#666;
    flex-shrink:0;
    transition:border-color .2s,color .2s
}
.share-btn:hover{
    border-color:var(--blue)
}
.qty-row{
    gap:8px;
    margin-bottom:20px;
    flex-wrap:wrap
}
.btn-get-price,.qty-unit{
    height:38px;
    align-items:center
}
.qty-input{
    width:130px;
    height:38px;
    border-radius:4px;
    padding:0 10px;
    font-size:14px;
    outline:0
}
.qty-input:focus{
    border-color:#d04340
}
.qty-unit{
    border:1px solid var(--border);
    border-radius:4px;
    padding:0 14px;
    display:flex;
    font-size:14px;
    color:#555;
    background:#fafafa
}
.edit-link{
    color:#d04340;
    font-size:13px;
    font-weight:500
}
.edit-link:hover,.read-link:hover,.view-more-link:hover{
    text-decoration:underline
}
.btn-get-price{
    background:#1e5cb8;
    color:#fff;
    font-size:14px;
    font-weight:600;
    padding:0 22px;
    border-radius:4px;
    display:inline-flex;
    transition:background .2s,transform .15s
}
.btn-get-price:hover{
    background:#d04340
}
.specs-table{
    border-top:1px solid var(--border);
    margin-bottom:10px
}
.spec-row{
    display:flex;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid var(--border);
    gap:12px
}
.spec-key{
    width:160px;
    flex-shrink:0;
    font-size:14px;
    color:#555
}
.pd-val,.spec-val{
    font-size:14px;
    font-weight:700;
    color:var(--text)
}
.view-more-link{
    display:inline-block;
    color:#d04340;
    font-size:14px;
    margin-bottom:20px
}
.cta-row{
    display:flex;
    gap:12px;
    flex-wrap:wrap
}
.btn-call,.btn-enquiry i{
    display:inline-flex;
    align-items:center
}
.btn-call{
    border:1px solid gray;
    font-size:14px;
    font-weight:600;
    transition:border-color .2s,color .2s,transform .15s
}
.btn-call:hover{
    border-color:var(--blue)
}
.btn-calll i{
    transform:rotate(90deg)!important;
    scale:1!important;
    display:inline-block
}
.btn-enquiry i{
    font-size:15px;
    justify-content:center
}
.btn-enquiiry,.btn-enquiryy{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#fff;
    padding:0 20px;
    height:42px;
    font-size:14px;
    font-weight:600;
    transition:background .2s,transform .15s;
    white-space:nowrap
}
.btn-enquiryy{
    background:#25d366;
    border-radius:4px;
    border:none
}
.btn-enquiryy:hover{
    background:#128c7e;
    color:#fff;
    transform:translateY(-1px)
}
.btn-enquiiry{
    background:#0a66c2;
    border-radius:4px;
    border:none
}
.eq-card,.pd-card{
    border:1px solid var(--border);
    box-shadow:var(--shadow)
}
.enquiry-section,.pd-grid{
    border-top:1px solid var(--border)
}
.pd-section{
    background:#fff;
    padding:32px 0 36px
}
.pd-card{
    border-radius:8px;
    padding:28px 24px
}
.pd-heading{
    font-size:22px;
    font-weight:700;
    color:var(--text);
    margin-bottom:20px;
    padding-bottom:12px;
    border-bottom:2px solid var(--border)
}
.eq-field label,.pd-desc-text{
    font-weight:500
}
.eq-field label,.pd-key{
    color:#555;
    font-size:14px
}
.enquiry-section,.pd-row{
    border-bottom:1px solid var(--border)
}
.pd-grid{
    display:grid;
    border-left:1px solid var(--border)
}
.pd-row{
    display:flex;
    align-items:center;
    padding:11px 14px;
    border-right:1px solid var(--border);
    gap:10px;
    transition:background .15s
}
.btn-interested,.btn-send{
    transition:background .2s,transform .15s
}
.pd-row:hover{
    background:#fafafa
}
.eq-field.eq-full,.full-row{
    grid-column:1/-1
}
.pd-key{
    min-width:180px;
    flex-shrink:0
}
.pd-desc-text{
    font-size:14px;
    color:#444;
    line-height:1.65;
    margin-top:18px;
    padding:12px 14px;
    background:#fffbf0;
    border-left:3px solid #e31e24;
    border-radius:0 4px 4px 0
}
.pd-cta{
    margin-top:24px
}
.btn-interested{
    display:inline-flex;
    align-items:center;
    background:#1e5cb8;
    color:#fff;
    font-size:15px;
    font-weight:600;
    padding:11px 40px;
    border-radius:4px
}
.btn-interested:hover{
    background:var(--gold-hover);
    color:#fff;
    transform:translateY(-2px)
}
.enquiry-section{
    background:#f9f9f9;
    padding:40px 0 44px
}
.eq-card{
    background:#fff;
    border-radius:8px;
    padding:32px 28px
}
.eq-title{
    font-size:26px;
    font-weight:700;
    color:var(--text);
    margin-bottom:28px
}
.eq-highlight{
    color:#d04340
}
.eq-grid{
    display:grid;
    gap:18px 24px
}
.eq-field{
    display:flex;
    flex-direction:column;
    gap:6px
}
.eq-field input,.eq-field textarea{
    border:1px solid var(--border);
    border-radius:4px;
    padding:9px 12px;
    font-size:14px;
    color:var(--text);
    outline:0;
    transition:border-color .2s;
    font-family:inherit;
    resize:vertical
}
.phone-wrap{
    display:flex;
    border:1px solid #ddd;
    border-radius:4px;
    overflow:hidden
}
.phone-flag{
    display:flex;
    align-items:center;
    gap:4px;
    padding:0 10px;
    background:#f5f5f5;
    border-right:1px solid var(--border);
    font-size:13px;
    white-space:nowrap;
    color:#444
}
.eq-unit,.phone-input{
    padding:9px 12px;
    font-size:14px
}
.phone-input{
    flex:1;
    border:none!important;
    border-radius:0!important;
    outline:0
}
.eq-qty-wrap,.slider-outer{
    display:flex;
    align-items:center;
    gap:8px
}
.eq-unit{
    border:1px solid var(--border);
    border-radius:4px;
    color:#555;
    background:#fafafa;
    white-space:nowrap
}
.radio-wrap{
    display:flex;
    gap:20px
}
.radio-opt{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:14px;
    color:#444;
    border:1px solid var(--border);
    border-radius:4px;
    padding:9px 18px
}
.radio-opt input{
    margin:0;
    accent-color:var(--blue)
}
.eq-submit{
    margin-top:22px
}
.btn-send{
    background:#1e5cb8;
    color:#fff;
    font-size:15px;
    font-weight:600;
    border:none;
    border-radius:4px;
    padding:12px 48px
}
.btn-send:hover{
    background:#a90b10;
    transform:translateY(-2px)
}
.explore-section{
    background:#fff;
    padding:36px 0 40px
}
.section-title{
    font-size:22px;
    font-weight:700;
    color:var(--text);
    margin-bottom:24px
}
.cards-track{
    display:flex;
    gap:16px;
    overflow:hidden;
    flex:1
}
.arrow-btn{
    flex-shrink:0;
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid var(--border);
    background:#fff;
    font-size:22px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#555;
    transition:border-color .2s,color .2s,background .2s
}
.arrow-btn:hover{
    border-color:var(--gold-btn);
    color:var(--gold-btn)
}
.prod-card{
    flex:0 0 calc(25% - 12px);
    border:1px solid var(--border);
    border-radius:6px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-bottom:16px;
    transition:box-shadow .2s,transform .2s;
    background:#fff
}
.blog-card:hover,.prod-card:hover{
    box-shadow:0 4px 18px rgba(0,0,0,.12);
    transform:translateY(-3px)
}
.prod-card-img{
    position:relative;
    width:100%;
    background:#f9f9f9;
    border-bottom:1px solid var(--border)
}
.prod-card-img img{
    width:100%;
    height:155px;
    object-fit:contain;
    display:block;
    padding:10px
}
.prod-code{
    position:absolute;
    bottom:6px;
    right:8px;
    font-size:11px;
    color:#888
}
.prod-card-name{
    font-size:13px;
    font-weight:600;
    color:#d04340;
    padding:12px 10px 10px;
    line-height:1.4
}
.btn-best-quote{
    display:inline-block;
    background:#1e5cb8;
    color:#fff;
    font-size:13px;
    font-weight:600;
    padding:8px 20px;
    border-radius:4px;
    transition:background .2s,transform .15s
}
.btn-best-quote:hover{
    background:var(--gold-hover);
    color:#fff;
    transform:translateY(-1px)
}
.blog-section{
    background:#f9f9f9;
    padding:36px 0 44px;
    border-top:1px solid var(--border)
}
.blog-card{
    flex:0 0 calc(25% - 12px);
    border:1px solid var(--border);
    border-radius:6px;
    overflow:hidden;
    background:#fff;
    display:flex;
    flex-direction:column;
    transition:box-shadow .2s,transform .2s
}
.blog-img img{
    width:100%;
    height:160px;
    object-fit:cover;
    display:block
}
.blog-body{
    padding:14px 14px 16px;
    display:flex;
    flex-direction:column;
    gap:10px;
    flex:1
}
.blog-title{
    font-size:14px;
    font-weight:600;
    color:var(--text);
    line-height:1.45
}
.read-link{
    display:inline-block;
    color:#d04340;
    font-size:13px;
    font-weight:600;
    margin-top:auto
}
@media (max-width:991px){
    .hero-card{
        flex-direction:column
    }
    .hero-img-col{
        flex:none
    }
    .zoom-result{
        display:none!important
    }
    .eq-grid,.pd-grid{
        grid-template-columns:1fr
    }
    .eq-full,.full-row{
        grid-column:1
    }
    .blog-card,.prod-card{
        flex:0 0 calc(50% - 8px)
    }
}
@media (max-width:575px){
    .product-title{
        font-size:20px
    }
    .qty-row{
        gap:6px
    }
    .qty-input{
        width:100px
    }
    .blog-card,.prod-card{
        flex:0 0 calc(100% - 4px)
    }
    .pd-key{
        min-width:130px
    }
}
.nebula-testimonial-wrapper{
    padding:70px 0;
    background:#f1f7ff
}
.nebula-testimonial-container{
    max-width:1280px;
    margin:auto;
    padding:0 15px
}
.nebula-testimonial-title{
    font-size:38px;
    font-weight:700;
    color:#111;
    margin-bottom:45px
}
.nebula-testimonial-card{
    background:#fff;
    border-radius:18px;
    padding:30px 25px;
    height:100%;
    box-shadow:0 8px 24px rgba(0,0,0,.06);
    transition:.3s
}
.nebula-testimonial-card i{
    font-size:21px;
    color:#606060
}
.nebula-testimonial-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,0,0,.1)
}
.nebula-testimonial-text{
    font-size:15px;
    line-height:1.9;
    color:#323232;
    margin-bottom:20px
}
.client-details{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%
}
.nebula-client-info{
    display:flex;
    align-items:center;
    gap:15px
}
.nebula-client-img{
    width:50px;
    height:50px;
    border-radius:50%;
    object-fit:cover
}
.nebula-client-name{
    font-size:17px;
    font-weight:500;
    color:#343434;
    margin:0
}
.custom-faq .accordion-button i,.faq-subtitle{
    color:#c1121f
}
.nebula-name-row{
    display:flex;
    align-items:center;
    gap:17px
}
.google-img{
    width:100px;
    object-fit:contain
}
.faq-subtitle,.read-more-btn i{
    font-size:13px
}
.faq-section{
    padding:80px 0;
    background:#f5f7fb
}
.faq-left{
    position:sticky;
    top:100px
}
.faq-subtitle{
    display:inline-block;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:12px
}
.faq-title{
    font-size:42px;
    line-height:1.3;
    font-weight:700;
    color:#0b1f3a;
    margin-bottom:18px
}
.faq-line{
    width:70px;
    height:4px;
    background:linear-gradient(90deg,#0b1f3a,#c1121f);
    border-radius:30px;
    margin-bottom:22px
}
.faq-text{
    font-size:15px;
    line-height:1.9;
    color:#555;
    margin-bottom:26px
}
.quote-close-btn,.wp-close{
    line-height:1;
    cursor:pointer
}
.faq-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none
}
.faq-btn:hover{
    color:#fff;
    box-shadow:0 10px 25px rgba(11,31,58,.25)
}
.custom-faq .accordion-item{
    border:none;
    border-radius:12px!important;
    overflow:hidden;
    margin-bottom:18px;
    box-shadow:0 6px 20px rgba(0,0,0,.05)
}
.custom-faq .accordion-button{
    background:#fff;
    color:#0b1f3a;
    font-size:17px;
    font-weight:600;
    padding:20px 24px;
    box-shadow:none!important
}
.custom-faq .accordion-button:not(.collapsed){
    background:#0b1f3a;
    color:#fff
}
.custom-faq .accordion-body{
    padding:22px 24px;
    font-size:15px;
    line-height:1.9;
    color:#555;
    background:#fff
}
.custom-faq .accordion-button::after{
    filter:brightness(0)
}
.custom-faq .accordion-button:not(.collapsed)::after{
    filter:brightness(100)
}
@media (max-width:991px){
    .nebula-testimonial-title{
        font-size:30px
    }
    .faq-left{
        position:relative;
        top:0
    }
    .faq-title{
        font-size:34px
    }
}
.more-content{
    display:none;
    margin-top:10px
}
.read-more-wrap{
    display:flex;
    justify-content:center;
    margin-top:18px
}
.read-more-btn{
    border:none;
    background:#c1121f;
    color:#fff;
    padding:11px 22px;
    border-radius:6px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
    display:inline-flex;
    align-items:center;
    gap:8px
}
.wp-body,.wp-header{
    padding:14px
}
.read-more-btn:hover{
    background:#0b1f3a;
    transform:translateY(-2px)
}
.floating-social-fixed{
    position:fixed;
    bottom:5%;
    right:18px;
    z-index:99999;
    display:flex;
    flex-direction:column;
    gap:12px
}
.float-social-item img{
    width:52px;
    height:52px
}
.float-social-item:hover{
    transform:translateX(-5px) scale(1.08);
    color:#fff;
    transform:scale(1.18);
    box-shadow:0 4px 16px rgba(0,0,0,.3)
}
@media (max-width:576px){
    .latest-grid,.production-grid,.quality-grid{
        grid-template-columns:1fr
    }
    .nebula-testimonial-card{
        padding:24px 18px
    }
    .nebula-testimonial-title{
        font-size:26px
    }
    .faq-title{
        font-size:28px
    }
    .custom-faq .accordion-button{
        font-size:15px;
        padding:18px
    }
    .custom-faq .accordion-body{
        padding:18px
    }
    .floating-social-fixed{
        right:10px
    }
    .float-social-item{
        width:42px;
        height:42px;
        font-size:18px
    }
}
.float-social-item{
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 6px 18px rgba(0,0,0,.18);
    width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:18px;
    text-decoration:none;
    transition:transform .25s,box-shadow .25s;
    flex-shrink:0
}
.call-bg{
    background:#2c3e50
}
.whatsapp-popup{
    position:fixed;
    right:72px;
    top:50%;
    transform:translateY(-50%) scale(.9);
    width:344px;
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 12px 40px rgba(0,0,0,.22);
    z-index:99999;
    opacity:0;
    transition:opacity .3s,transform .3s cubic-bezier(.4, 0, .2, 1)
}
.whatsapp-popup.show{
    opacity:1;
    pointer-events:all;
    transform:translateY(-50%) scale(1)
}
.wp-header{
    background:#2ab640;
    display:flex;
    align-items:flex-start;
    gap:10px;
    position:relative
}
.wp-chat-btn,.wp-header-icon{
    display:flex;
    align-items:center
}
.wp-header-icon{
    width:47px;
    height:47px;
    background:rgba(255,255,255,.22);
    border-radius:50%;
    justify-content:center;
    flex-shrink:0;
    font-size:22px;
    color:#fff
}
.product-page a i,.wp-close{
    font-size:20px
}
.wp-header-text h4{
    font-size:18px;
    font-weight:600;
    color:#fff;
    margin:0 0 8px
}
.wp-header-text p{
    font-size:14px;
    color:rgba(255,255,255,.9);
    margin:0;
    line-height:1.4
}
.wp-close{
    position:absolute;
    top:10px;
    right:12px;
    background:0 0;
    border:none;
    color:#fff
}
.wp-close:hover{
    opacity:.8
}
.wp-body>p{
    font-size:14px;
    color:#404040;
    margin:0 0 12px
}
.wp-chat-btn{
    gap:12px;
    border:1.5px solid #25d366;
    border-radius:10px;
    padding:10px 14px;
    background:#fff;
    width:100%;
    text-decoration:none;
    transition:background .2s,transform .2s
}
.wp-chat-btn:hover{
    background:#f0fff6;
    transform:translateY(-1px)
}
.wp-chat-icon-left{
    font-size:32px;
    color:#25d366
}
.wp-chat-btn-text strong{
    display:block;
    font-size:15px;
    color:#111;
    font-weight:600
}
.wp-chat-btn-text span{
    font-size:14px;
    color:#444
}
.quotePopup{
    position:fixed;
    inset:0;
    background:rgba(5,15,35,.72);
    backdrop-filter:blur(10px);
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:15px
}
.quote-popup-box{
    width:100%;
    max-width:444px;
    background:#fff;
    border-radius:18px;
    overflow-y:auto;
    position:relative;
    animation:.35s popupShow
}
@keyframes popupShow{
    from{
        transform:translateY(40px) scale(.95);
        opacity:0
    }
    to{
        transform:translateY(0) scale(1);
        opacity:1
    }
}
.quote-close-btn{
    position:absolute;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    border:none;
    border-radius:50%;
    background:var(--primary-bg-color);
    color:#fff;
    font-size:24px;
    z-index:10;
    transition:.3s
}
.quote-close-btn:hover{
    background:#0b1f3a;
    transform:rotate(90deg)
}
.quote-submit-btn:hover,.social-icons a:hover{
    transform:translateY(-3px)
}
.quote-popup-img{
    position:relative;
    height:100%
}
.quote-popup-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    aspect-ratio:1/1.6
}
.quote-popup-overlay-content{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(11,31,58,.35),rgba(193,18,31,.72));
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:30px
}
.quote-popup-overlay-content h3{
    font-size:28px;
    color:#fff;
    font-weight:700;
    margin-bottom:10px;
    line-height:1.2
}
.quote-popup-overlay-content p{
    color:#fff;
    font-size:14px;
    line-height:1.6
}
.quote-form-wrap{
    padding:35px
}
.quote-subtitle{
    display:inline-block;
    font-size:12px;
    letter-spacing:2px;
    font-weight:700;
    color:var(--primary-bg-color);
    margin-bottom:8px
}
.country-code,.phone-input-wrap{
    display:flex;
    align-items:center
}
.quote-title{
    font-size:32px;
    font-weight:700;
    color:#0b1f3a;
    margin-bottom:22px;
    line-height:1.2
}
.quote-input-group{
    margin-bottom:12px
}
.quote-input-group input,.quote-input-group textarea{
    width:100%;
    border:1px solid #d9d9d9;
    border-radius:10px;
    padding:13px 16px;
    font-size:14px;
    outline:0;
    transition:.3s;
    background:#f7f9fc
}
.quote-input-group textarea{
    height:123px;
    resize:none
}
.quote-input-group input:focus,.quote-input-group textarea:focus{
    border-color:#0b1f3a;
    box-shadow:0 0 0 4px rgba(11,31,58,.08);
    background:#fff
}
.quote-submit-btn{
    width:100%;
    border:none;
    background:linear-gradient(135deg,var(--primary-bg-color),#181818);
    color:#fff;
    padding:13px;
    border-radius:10px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:.3s
}
.quote-submit-btn:hover{
    box-shadow:0 10px 24px rgba(11,31,58,.2)
}
.phone-input-wrap{
    border:1px solid #d9d9d9;
    border-radius:10px;
    overflow:hidden;
    background:#f7f9fc;
    transition:.3s
}
.phone-input-wrap:focus-within{
    border-color:#0b1f3a;
    box-shadow:0 0 0 4px rgba(11,31,58,.08);
    background:#fff
}
.country-code{
    gap:8px;
    padding:0 14px;
    border-right:1px solid #d9d9d9;
    background:#fff;
    height:48px;
    font-size:14px;
    font-weight:600;
    color:#0b1f3a
}
.country-code img{
    width:20px;
    border-radius:2px
}
.phone-input-wrap input{
    border:none!important;
    box-shadow:none!important;
    background:0 0!important;
    height:48px;
    padding:0 16px;
    width:100%
}
.call-link{
    color:#fff;
    text-decoration:none;
    white-space:nowrap;
    display:inline-flex;
    align-items:center;
    gap:6px
}
.call-icon{
    font-size:18px;
    background:linear-gradient(135deg,#fffffff0,#ffffff70);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:1s infinite ringCall;
    transform-origin:center
}
@keyframes ringCall{
    0%,100%,60%{
        transform:rotate(0)
    }
    10%,30%{
        transform:rotate(14deg)
    }
    20%{
        transform:rotate(-12deg)
    }
    40%{
        transform:rotate(-8deg)
    }
    50%{
        transform:rotate(8deg)
    }
}
.faq-wrap{
    display:flex;
    gap:2.5rem;
    padding:2.5rem 2.5rem;
    min-height:478px;
    align-items:flex-start;
    margin:0 auto
}
.faq-heading,.faq-tag{
    font-weight:700;
    margin-bottom:14px
}
.faq-left{
    flex:1;
    padding-top:8px
}
.faq-btn,.faq-q{
    align-items:center;
    cursor:pointer
}
.faq-tag{
    font-size:11px;
    color:#a32d2d;
    letter-spacing:.12em
}
.faq-heading{
    font-size:40px;
    color:#1a1f3c;
    line-height:1.15
}
.faq-accent{
    width:40px;
    height:4px;
    background:linear-gradient(90deg,#a32d2d,#7b1a1a);
    border-radius:2px;
    margin-bottom:20px
}
.faq-btn,.faq-item.open .faq-q{
    background:#1a1f3c
}
.faq-sub{
    font-size:13.5px;
    color:#666;
    line-height:1.65;
    margin-bottom:28px
}
.faq-btn{
    display:inline-flex;
    gap:9px;
    padding:13px 22px;
    color:#fff;
    border:none;
    border-radius:8px;
    font-size:13.5px;
    font-weight:500;
    transition:background .3s,transform .2s
}
.faq-btn:hover{
    background:#2e3666;
    transform:translateY(-1px)
}
.faq-right{
    flex:2;
    display:flex;
    flex-direction:column;
    gap:10px
}
.faq-item{
    border-radius:10px;
    border:1px solid #dde0e8;
    background:#fff;
    overflow:hidden;
    transition:border-color .3s,box-shadow .3s
}
.faq-q,.faq-q-icon{
    display:flex;
    transition:background .35s
}
.faq-item:hover{
    box-shadow:0 2px 12px rgba(26,31,60,.07)
}
.faq-q{
    gap:12px;
    padding:18px 20px;
    user-select:none
}
.faq-q-icon{
    width:26px;
    height:26px;
    border-radius:50%;
    background:var(--primary-bg-color)!important;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
.faq-q-icon i{
    font-size:12px;
    color:#fff;
    transition:color .35s
}
.faq-q-text{
    flex:1;
    font-size:15px;
    font-weight:600;
    color:#1a1f3c;
    transition:color .35s
}
.faq-toggle{
    font-size:16px;
    color:#999;
    transition:transform .35s,color .35s
}
.faq-a-wrap{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s cubic-bezier(.4, 0, .2, 1)
}
.faq-a{
    font-size:13.5px;
    color:#555;
    line-height:1.75;
    padding:18px 20px 18px 58px
}
.close-menu,.mobile-menu-btn{
    font-size:30px;
    cursor:pointer
}
.faq-a p{
    margin-bottom:0
}
.faq-item.open .faq-toggle{
    color:#fff;
    transform:rotate(180deg)
}
.faq-item.open .faq-a-wrap{
    max-height:200px
}
.mobile-menu-btn{
    display:none;
    color:#fff;
    padding:10px 15px
}
.mobile-side-menu{
    position:fixed;
    top:0;
    left:-100%;
    width:280px;
    height:100%;
    background:#fff;
    z-index:9999;
    transition:.4s;
    overflow-y:auto;
    padding-bottom:30px
}
.menu-header{
    display:flex;
    align-items:center;
    padding:20px 12px;
    border-bottom:1px solid rgba(255,255,255,.1)
}
.menu-header h4{
    color:#fff;
    margin:0
}
.close-menu{
    color:#000
}
.mobile-nav{
    list-style:none;
    padding:0;
    margin:0
}
.mobile-nav li{
    border-bottom:1px solid rgba(255,255,255,.08)
}
.dropdown-togglee,.mobile-nav a{
    border-bottom:1px solid #999;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#000;
    text-decoration:none;
    padding:15px 20px;
    cursor:pointer;
    font-size:15px
}
.dropdown-togglee{
    padding:0 23px 0 0
}
.dropdown-togglee a{
    border-bottom:none
}
.mobile-submenu{
    display:none;
    background:#e9e9e9
}
.mobile-submenu a{
    padding-left:35px;
    font-size:14px;
    color:#000;
    background-color:#e9e9e9
}
.menu-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.6);
    display:none;
    z-index:999
}
.country-box{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    gap:6px;
    background:#f5f5f5;
    border-radius:30px;
    z-index:2
}
.country-box img{
    width:20px;
    height:14px;
    object-fit:cover;
    border-radius:2px
}
.country-box span{
    font-size:13px;
    font-weight:600;
    color:#222
}
.phone-input{
    padding-left:95px!important
}
.eq-field input,.eq-field textarea,.phone-input,.phone-wrap{
    width:100%;
    max-width:100%;
    box-sizing:border-box
}
@media (max-width:1200px){
    .hero-card{
        gap:40px
    }
    .product-title{
        font-size:42px
    }
}
@media (max-width:991px){
    .latest-section{
        padding:0!important
    }
    .quote-popup-img{
        display:none
    }
    .quote-form-wrap{
        padding:28px 20px
    }
    .quote-title{
        font-size:26px
    }
    .quote-popup-box{
        max-height:92vh
    }
    .hero-card{
        flex-direction:column;
        gap:40px
    }
    .hero-img-col,.hero-info-col{
        width:100%
    }
    .product-title{
        font-size:36px
    }
    .seo-content p{
        font-size:15px;
        line-height:1.8
    }
    .zoom-result{
        display:none!important
    }
}
@media (max-width:768px){
    .nebula-testimonial-wrapper{
        padding:27px 0
    }
    .content-block img{
        float:none;
        width:100%;
        margin-left:0;
        margin-bottom:23px
    }
    .range-section{
        padding:28px 0!important
    }
    .top-bar{
        padding:8px 0
    }
    .main-header .container-fluid,.top-bar .container-fluid{
        padding-left:15px!important;
        padding-right:15px!important
    }
    .top-bar .d-flex.align-items-center{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        flex-wrap:nowrap!important;
        gap:0!important;
        width:100%
    }
    #google_translate_element,.about-btnn,.about-dropdown,.btn-franchise,.openQuotePopup,.red-btn,.sep,.top-bar .flex-grow-1{
        display:none!important
    }
    .top-bar .flex-shrink-0{
        width:100%;
        align-items:center!important;
        justify-content:space-between!important;
        flex-wrap:nowrap!important
    }
    .call-link{
        display:none;
        align-items:center;
        font-size:14px;
        color:#fff!important;
        text-decoration:none;
        white-space:nowrap;
        margin:0
    }
    .mobile-menu-btn{
        display:flex!important;
        align-items:center;
        justify-content:center;
        margin-left:auto!important;
        padding:0!important;
        position:relative!important
    }
    .mobile-menu-btn i{
        font-size:32px!important;
        color:#000!important;
        line-height:1
    }
    .header-inner{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        flex-wrap:nowrap!important;
        width:100%;
        padding:12px 6px!important
    }
    .header-inner>a{
        flex:0 0 auto;
        margin-right:10px
    }
    .logo-img{
        height:40px!important;
        display:block
    }
    .language-wrapper{
        margin:0!important
    }
    .lang-toggle-btn{
        padding:7px 12px!important;
        font-size:12px!important;
        border-radius:30px;
        white-space:nowrap;
        display:flex;
        align-items:center;
        gap:5px
    }
    .lang-toggle-btn svg{
        width:15px;
        height:15px
    }
    .kids-card,.kidsSwiper{
        overflow:hidden
    }
    .latest-heading h2{
        font-size:25px
    }
    .kids-right{
        width:75%
    }
    .kids-top{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
        margin-bottom:20px
    }
    .kids-top h2{
        font-size:28px;
        line-height:1.2;
        margin-bottom:10px
    }
    .kids-top p{
        font-size:14px;
        line-height:1.7;
        margin:0
    }
    .kids-nav{
        display:flex;
        align-items:center;
        gap:12px
    }
    .kids-next,.kids-prev{
        width:40px;
        height:40px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:18px;
        cursor:pointer
    }
    .kids-card{
        border-radius:16px
    }
    .kids-img img{
        width:100%;
        height:auto;
        object-fit:cover;
        display:block;
        border-radius:16px
    }
    .kids-content{
        padding:15px 5px
    }
    .kids-content h4{
        font-size:18px;
        margin-bottom:6px
    }
    .kids-content span{
        font-size:13px
    }
    .faq-wrap{
        display:flex;
        flex-direction:column;
        gap:30px;
        padding:50px 15px
    }
    .faq-btn,.faq-q{
        align-items:center
    }
    .faq-left{
        width:100%;
        text-align:left
    }
    .faq-tag{
        font-size:13px;
        padding:6px 14px;
        display:inline-block;
        margin-bottom:15px
    }
    .faq-heading{
        font-size:29px;
        line-height:1.2;
        margin-bottom:15px
    }
    .faq-a,.faq-btn,.faq-q-icon,.faq-q-text,.faq-toggle{
        font-size:14px
    }
    .faq-accent{
        width:70px;
        height:4px;
        margin-bottom:18px
    }
    .faq-sub{
        display:none
    }
    .faq-btn{
        padding:12px 20px;
        border-radius:40px;
        display:inline-flex;
        gap:8px
    }
    .faq-right{
        width:100%
    }
    .faq-item{
        border-radius:14px;
        margin-bottom:15px;
        overflow:hidden
    }
    .faq-q{
        padding:8px;
        display:flex;
        gap:12px
    }
    .faq-q-icon{
        width:36px;
        height:36px;
        min-width:36px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center
    }
    .faq-q-text{
        line-height:1.5;
        flex:1
    }
    .faq-a-wrap{
        padding:0 16px 16px
    }
    .faq-a{
        line-height:2.8
    }
    .language-wrapper{
        position:relative;
        display:none
    }
    .language-dropdown{
        position:fixed!important;
        top:110px!important;
        left:50%!important;
        transform:translateX(-50%)!important;
        width:92%!important;
        max-width:340px!important;
        background:#fff;
        border-radius:16px;
        padding:15px;
        box-shadow:0 10px 30px rgba(0,0,0,.18);
        z-index:999999;
        max-height:70vh;
        overflow-y:auto;
        overflow-x:hidden;
        grid-template-columns:1fr 1fr;
        gap:8px
    }
    .lang-item{
        display:flex;
        align-items:center;
        justify-content:flex-start;
        padding:10px 12px;
        border-radius:10px;
        font-size:13px;
        line-height:1.4;
        color:#222;
        text-decoration:none;
        transition:.3s
    }
    .lang-item:hover{
        background:#f5f5f5
    }
    .btn-quote{
        display:inline-flex!important;
        align-items:center;
        justify-content:center;
        padding:10px 18px!important;
        font-size:13px!important;
        font-weight:600;
        text-decoration:none;
        position:relative;
        z-index:999
    }
    .hero-section,.values-section{
        padding:50px 0
    }
    .sec-title-lg{
        font-size:24px!important;
        line-height:1.3;
        margin-bottom:12px;
        font-weight:700
    }
    .about-section img{
        margin-bottom:20px
    }
    .sec-line-center{
        width:70px;
        height:4px;
        margin:0 auto 30px
    }
    .values-section .row{
        row-gap:18px
    }
    .values-section .col-6{
        padding-left:8px;
        padding-right:8px
    }
    .value-card{
        padding:22px 15px;
        border-radius:18px;
        height:100%;
        text-align:center
    }
    .value-icon{
        width:65px;
        height:65px;
        margin:0 auto 15px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:28px
    }
    .value-title{
        font-size:18px;
        line-height:1.4;
        margin-bottom:10px;
        font-weight:700
    }
    .value-desc{
        font-size:13px;
        line-height:1.7
    }
    .quality-section{
        padding:0 0 60px;
        overflow:hidden
    }
    .quality-overlay{
        opacity:.9
    }
    .production-section .container,.quality-section .container{
        padding-left:15px;
        padding-right:15px
    }
    .production-heading,.quality-heading{
        text-align:center;
        margin-bottom:40px
    }
    .production-heading h2,.quality-heading h2{
        font-size:32px;
        line-height:1.2;
        margin-bottom:15px
    }
    .quality-heading p{
        font-size:14px;
        line-height:1.8;
        max-width:100%;
        margin:0 auto
    }
    .quality-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:55px;
        justify-content:center
    }
    .quality-item:last-child{
        grid-column:1/-1;
        display:flex;
        justify-content:center
    }
    .quality-item{
        display:flex;
        justify-content:center
    }
    .diamond-box{
        width:127px;
        height:127px;
        transform:rotate(45deg);
        border-radius:18px;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        padding:15px
    }
    .diamond-box h4,.diamond-box img{
        transform:rotate(-45deg)
    }
    .diamond-box img{
        width:38px;
        height:auto;
        margin-bottom:10px
    }
    .diamond-box h4{
        font-size:14px;
        line-height:1.5;
        text-align:center;
        margin:0
    }
    .section-heading{
        margin-bottom:29px
    }
    .production-section{
        padding:20px 0;
        overflow:hidden
    }
    .production-heading p{
        font-size:14px;
        line-height:1.8;
        margin:0 auto;
        max-width:100%
    }
    .production-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:18px
    }
    .production-item:last-child{
        grid-column:1/-1;
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center
    }
    .production-item{
        padding:22px 15px;
        border-radius:18px;
        text-align:center
    }
    .production-icon{
        width:75px;
        height:75px;
        margin:0 auto 15px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%
    }
    .production-icon img{
        width:42px;
        height:auto;
        object-fit:contain
    }
    .production-item h4{
        font-size:16px;
        line-height:1.5;
        margin:0
    }
    .eq-grid{
        grid-template-columns:1fr
    }
    .eq-field{
        width:100%;
        overflow:hidden
    }
    .phone-wrap{
        flex-wrap:nowrap
    }
    .phone-flag{
        min-width:85px;
        padding:0 10px
    }
    .phone-input{
        min-width:0;
        flex:1
    }
    .eq-field input,.eq-field textarea{
        font-size:14px;
        padding:14px
    }
    .hero-card{
        padding:25px;
        border-radius:24px
    }
    .product-title{
        font-size:30px;
        line-height:1.3
    }
    .title-share-row{
        gap:15px;
        align-items:flex-start
    }
    .share-btn{
        width:42px;
        height:42px;
        min-width:42px
    }
    .seo-content p{
        font-size:14px;
        line-height:1.8
    }
    .cta-row{
        flex-direction:column;
        gap:15px
    }
    .btn-calll,.btn-enquiiry,.btn-enquiryy{
        width:100%;
        justify-content:center;
        text-align:center;
        padding:14px 18px;
        font-size:15px
    }
    .thumb-row{
        justify-content:center;
        flex-wrap:wrap
    }
    .thumb-item{
        width:75px;
        height:75px
    }
    .zoom-hint{
        font-size:12px;
        padding:8px 12px
    }
}
@media (max-width:576px){
    .quote-title{
        font-size:22px
    }
    .quote-submit-btn{
        padding:12px
    }
    .quote-input-group input,.quote-input-group textarea{
        padding:12px 14px
    }
    .hero-card,.seo-info-box{
        padding:18px
    }
    .product-main-img,.seo-info-box{
        border-radius:18px
    }
    .product-title{
        font-size:26px
    }
    .thumb-item{
        width:65px;
        height:65px
    }
    .seo-content p{
        font-size:13px
    }
    .btn-calll,.btn-enquiiry,.btn-enquiryy{
        font-size:14px;
        padding:13px 16px;
        border-radius:14px
    }
}
@media (max-width:480px){
    .hero-section{
        padding:40px 0
    }
    .hero-card{
        gap:25px
    }
    .product-title{
        font-size:24px
    }
    .title-share-row{
        flex-direction:row;
        justify-content:space-between
    }
    .seo-content p{
        line-height:1.7
    }
    .thumb-row{
        gap:10px
    }
}
.country-dropdown{
    position:relative;
    width:120px
}
.country-btn{
    width:100%;
    height:55px;
    border:1px solid #dbe4ee;
    outline:0;
    background:#f8fafc;
    border-radius:14px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    color:#0f172a
}
.country-btn img,.country-list img{
    width:24px;
    height:18px;
    object-fit:cover;
    border-radius:2px
}
.country-btn i{
    font-size:13px;
    color:#64748b
}
.country-list{
    position:absolute;
    top:65px;
    left:0;
    width:100%;
    background:#fff;
    border-radius:14px;
    padding:8px 0;
    list-style:none;
    box-shadow:0 15px 35px rgba(0,0,0,.1);
    display:none;
    z-index:99
}
.country-list li{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    cursor:pointer;
    transition:.3s
}
.country-list li:hover{
    background:#f1f5f9
}
.country-list span{
    font-size:14px;
    font-weight:600
}
.menu-logo{
    height:34px;
    width:auto;
    display:block
}
.blog-main-section{
    padding:60px 0;
    background:#ffffff
}
.blog-main-container{
    max-width:1300px;
    margin:0 auto;
    padding:0 20px
}
.blog-main-heading h2{
    font-size:36px;
    font-weight:700;
    color:#1a1a1a;
    margin-bottom:12px;
    display:inline-block
}
.blog-main-heading h2::after{
    content:"";
    display:block;
    width:60px;
    height:3px;
    background:#a32d2d;
    margin:10px auto 0;
    border-radius:2px
}
.blog-main-heading p{
    font-size:15px;
    color:#666;
    max-width:620px;
    margin:14px auto 0;
    line-height:1.8
}
.blog-swiper-outer{
    position:relative;
    padding:0 10px
}
.blog-main-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    height:100%;
    border:1px solid #ebebeb;
    transition:transform .25s,box-shadow .25s
}
.blog-main-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,.1)
}
.blog-main-card-body{
    padding:16px 18px;
    display:flex;
    flex-direction:column;
    flex:1;
    gap:8px
}
.blog-main-card-tag{
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    color:#a32d2d
}
.blog-main-card-title{
    font-size:18px;
    font-weight:600;
    color:#1a1a1a;
    margin:0;
    line-height:1.45
}
.blog-main-card-title a{
    color:#2c2c2c
}
.blog-main-card-excerpt{
    font-size:15px;
    color:#777;
    line-height:1.65;
    flex:1;
    margin:0
}
.blog-main-card-footer{
    margin-top:14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:12px;
    border-top:1px solid #f0f0f0
}
.blog-main-card-date{
    font-size:15px;
    color:#5c5c5c;
    font-weight:600
}
.btn-blog-main-read{
    background:var(--button-color);
    color:#fff;
    padding:8px 18px;
    border-radius:3px;
    font-size:12px;
    font-weight:500;
    text-decoration:none;
    letter-spacing:.04em;
    transition:background .15s;
    white-space:nowrap
}
.pp-eyebrow,.pp-title{
    font-weight:800;
    letter-spacing:0
}
.btn-blog-main-read:hover{
    background:#303030
}
.blogMainSwiper .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background:#ccc;
    opacity:1
}
.blogMainSwiper .swiper-pagination-bullet-active{
    background:#a32d2d;
    width:22px;
    border-radius:4px
}
.blogMainSwiper .swiper-button-next,.blogMainSwiper .swiper-button-prev{
    color:#a32d2d;
    top:40%;
    width:38px;
    height:38px;
    background:#fff;
    border-radius:50%;
    border:1px solid #ddd;
    box-shadow:0 2px 8px rgba(0,0,0,.08)
}
.blogMainSwiper .swiper-button-next{
    right:-5px
}
.blogMainSwiper .swiper-button-prev{
    left:-5px
}
.blogMainSwiper .swiper-button-next::after,.blogMainSwiper .swiper-button-prev::after{
    font-size:14px;
    font-weight:800
}
@media (max-width:1024px){
    .blog-main-heading h2{
        font-size:28px
    }
}
.mid-banner{
    margin-top:30px
}
.pp-slider-nav,.social-icons{
    display:flex;
    gap:10px
}
.pp-btn,.pp-eyebrow{
    display:inline-flex
}
.social-icons a{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#fff;
    border-radius:50%;
    text-decoration:none;
    transition:.3s
}
.product-page{
    --pp-primary:var(--site-primary, #b22222);
    --pp-secondary:var(--site-secondary, #c9920a);
    --pp-ink:#152033;
    --pp-muted:#667085;
    --pp-line:rgba(21, 32, 51, 0.1);
    --pp-soft:#f6f7fb;
    color:var(--pp-ink);
    background:linear-gradient(180deg,#fff 0,#fafafa 46%,#fff 100%)
}
.product-page a{
    text-decoration:none;
    font-size:22px
}
.pp-section{
    padding:40px 0
}
.pp-eyebrow{
    align-items:center;
    gap:8px;
    border:1px solid rgba(178,34,34,.16);
    border-radius:999px;
    padding:8px 13px;
    background:rgba(178,34,34,.06);
    color:var(--pp-primary);
    font-size:12px
}
.pp-title{
    margin:14px 0 10px;
    font-size:33px;
    line-height:1.04;
    color:#3e3e3e
}
.pp-subtitle{
    color:var(--pp-muted);
    font-size:clamp(15px, 2vw, 17px);
    line-height:1.8
}
.pp-card{
    border:1px solid var(--pp-line);
    border-radius:8px;
    background:rgba(255,255,255,.94);
    box-shadow:0 18px 50px rgba(16,24,40,.08)
}
.pp-btn{
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:48px;
    border:0;
    border-radius:4px;
    padding:11px 16px;
    font-weight:600;
    transition:transform .18s,box-shadow .18s,background .18s;
    cursor:pointer
}
.pp-btn:hover{
    transform:translateY(-2px)
}
.pp-btn-primary{
    color:#fff;
    background:linear-gradient(135deg,#294289,#15285e);
    font-size:15px
}
.pp-btn-secondary{
    color:#fff;
    background-color:rgb(32 56 124)
}
.pp-btn-outline{
    color:#fff;
    background:#3ec250;
    border:1px solid var(--pp-line);
    padding:1px 20px;
    font-size:20px!important;
    font-weight:600!important
}
.pp-hero{
    position:relative;
    overflow:hidden;
    padding:25px 0;
    background:linear-gradient(45deg,#e9e9e9,#fff)
}
.pp-breadcrumb{
    margin-bottom:22px;
    font-size:14px;
    padding:16px 0 16px 19px;
    color:var(--pp-muted);
    background-color:#fff;
    border:1px solid #ddd
}
.pp-breadcrumb a{
    color:#20387c;
    font-weight:500;
    font-size:16px
}
.pp-hero-grid{
    display:grid;
    grid-template-columns:1.3fr 2fr;
    gap:clamp(24px,5vw,54px);
    align-items:start
}
.pp-gallery{
    display:flex;
    position:relative;
    padding:13px
}
.pp-chip,.pp-zoom-badge{
    padding:8px 12px;
    font-weight:700
}
.pp-image-stage{
    position:relative;
    overflow:hidden;
    border-radius:8px;
    aspect-ratio:1;
    background:linear-gradient(135deg,#f4f6f8,#fff)
}
.pp-image-stage .zoom-badge{
    color:#20387c;
    font-weight:500;
    position:absolute;
    bottom:0;
    right:0;
    z-index:999;
    background-color:#fff;
    border-radius:5px 0;
    padding:4px 10px
}
.pp-image-stage img{
    width:100%;
    height:auto;
    object-fit:contain;
    transition:transform .35s,opacity .2s
}
.pp-zoom-badge{
    position:absolute;
    right:14px;
    bottom:14px;
    border-radius:999px;
    color:#fff;
    background:rgba(21,32,51,.78);
    backdrop-filter:blur(8px);
    font-size:12px
}
.pp-chip,.pp-thumb,.pp-trust{
    background:#fff
}
.pp-thumbs{
    display:flex;
    flex-direction:column;
    justify-content:start;
    margin-top:0;
    margin-right:12px;
    gap:13px
}
.pp-thumb{
    height:auto;
    border:none;
    width:92px;
    border-radius:8px;
    cursor:pointer;
    overflow:hidden;
    transition:border-color .18s,box-shadow .18s,transform .18s
}
.pp-thumb.active,.pp-thumb:hover{
    transform:translateY(-1px)
}
.pp-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    padding:0
}
.pp-meta-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:18px 0
}
.pp-chip{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:36px;
    border-radius:999px;
    border:1px solid var(--pp-line);
    color:#344054;
    font-size:13px
}
.pp-quick-actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:24px;
    width:81%
}
.pp-trust{
    padding:16px;
    border:1px solid var(--pp-line);
    border-radius:8px
}
.pp-trust i{
    color:var(--pp-primary);
    font-size:22px
}
.pp-trust strong{
    display:block;
    margin-top:9px;
    font-size:14px
}
.pp-trust span{
    display:block;
    margin-top:4px;
    color:var(--pp-muted);
    font-size:12px;
    line-height:1.5
}
.pp-section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:22px;
    margin-bottom:26px
}
.pp-section-head h2{
    margin:0;
    font-size:27px;
    font-weight:700
}
.pp-spec-list{
    display:grid;
    gap:10px;
    padding:20px
}
.pp-spec{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:13px 0;
    border-bottom:1px solid var(--pp-line)
}
.pp-spec:last-child{
    border-bottom:0
}
.pp-spec span{
    color:var(--pp-muted);
    font-size:14px
}
.pp-spec strong{
    text-align:right;
    font-size:14px
}
.pp-content{
    padding:24px;
    line-height:1.85;
    color:#475467
}
.pp-form-body,.pp-form-top{
    padding:28px
}
.pp-content h1,.pp-content h2,.pp-content h3,.pp-content h4{
    color:var(--pp-ink);
    font-weight:800
}
.pp-form-top{
    color:#fff;
    background:linear-gradient(135deg,#20387c,#485e9b)
}
.pp-form-top h2{
    margin:0 0 8px;
    font-size:27px;
    font-weight:700;
    margin-top:0!important
}
.pp-field label{
    display:block;
    margin-bottom:8px;
    color:#5c5c5c;
    font-size:16px;
    font-weight:700
}
.pp-control{
    width:100%;
    min-height:48px;
    border:1px solid #d0d5dd;
    border-radius:8px;
    padding:12px 14px;
    color:var(--pp-ink);
    background:#fff;
    outline:0;
    transition:border-color .18s,box-shadow .18s
}
.pp-control:focus{
    border-color:var(--pp-primary);
    box-shadow:0 0 0 4px rgba(178,34,34,.1)
}
.pp-phone-code{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid #d0d5dd;
    border-right:0;
    border-radius:8px 0 0 8px;
    padding:0 12px;
    background:#f9fafb;
    font-weight:800
}
.pp-phone .pp-control{
    border-radius:0 8px 8px 0
}
.pp-product-card{
    height:100%;
    overflow:hidden;
    transition:transform .2s,box-shadow .2s,border-color .2s
}
.pp-product-card:hover{
    transform:translateY(-4px);
    border-color:rgba(178,34,34,.28);
    box-shadow:0 20px 44px rgba(16,24,40,.12)
}
.prem-flag-card:hover,.video-card:hover{
    transform:translateY(-6px)
}
.pp-product-img{
    position:relative;
    aspect-ratio:4/3;
    background:#f7f8fa
}
.pp-product-img img{
    width:100%;
    height:auto;
    object-fit:cover;
    padding:11px
}
.pp-product-body{
    padding:0 11px 11px
}
.pp-product-body h3{
    margin:0 0 17px;
    font-size:17px;
    line-height:1.45;
    font-weight:600;
    text-align:center
}
.pp-product-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px
}
.pp-icon-btn{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--pp-line);
    border-radius:8px;
    color:var(--pp-ink);
    background:#fff
}
.pp-blog-card,.pp-review-card{
    height:100%;
    padding:20px
}
.pp-blog-card img{
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
    border-radius:8px;
    margin-bottom:15px;
    background:var(--pp-soft)
}
.pp-blog-card h3,.pp-review-card h3{
    font-size:17px;
    font-weight:800
}
.pp-review-stars{
    color:#f59e0b;
    margin-bottom:12px
}
.pp-faq-layout{
    display:grid;
    grid-template-columns:minmax(260px,0.7fr) minmax(0,1.3fr);
    gap:24px;
    align-items:start
}
.pp-faq-list{
    display:grid;
    gap:12px
}
.pp-faq-item{
    border:1px solid var(--pp-line);
    border-radius:8px;
    background:#fff;
    overflow:hidden
}
.pp-faq-q{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border:0;
    padding:18px;
    text-align:left;
    color:#fff;
    background:linear-gradient(45deg,#20387c,#34477c);
    font-weight:600;
    font-size:16px
}
.pp-faq-a{
    display:none;
    padding:0 18px 18px;
    color:var(--pp-muted);
    line-height:1.75
}
.pp-faq-item.open .pp-faq-a{
    display:block;
    padding-top:13px
}
.pp-faq-item.open .pp-faq-q i{
    transform:rotate(180deg)
}
.pp-status{
    border-radius:8px;
    padding:13px 15px;
    margin-bottom:18px;
    background:#ecfdf3;
    color:#027a48;
    font-weight:800
}
.pp-error{
    display:block;
    margin-top:6px;
    color:#b42318;
    font-size:15px;
    font-weight:500
}
@media (max-width:991.98px){
    .pp-quick-actions{
        width:100%
    }
    .pp-detail-grid,.pp-faq-layout,.pp-hero-grid{
        grid-template-columns:1fr
    }
    .pp-trust-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
@media (max-width:767.98px){
    .info-section{
        padding-top:44px
    }
    .pp-title{
        font-size:27px;
        font-weight:700
    }
    .pp-hero{
        padding-top:0
    }
    .pp-section-head{
        align-items:start;
        flex-direction:column
    }
    .pp-quick-actions,.pp-trust-grid{
        grid-template-columns:1fr
    }
    .pp-content,.pp-form-body,.pp-form-top,.pp-info-panel{
        padding:20px
    }
}
.profile-card{
    border:none;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08)
}
.profile-card .card-body{
    border:1px solid #b5b5b5
}
.profile-header{
    background:#20387c;
    color:#fff;
    padding:23px 30px
}
.company-logo{
    width:90px;
    height:90px;
    border-radius:15px;
    object-fit:cover;
    background:#fff;
    padding:10px
}
.table td{
    padding:16px;
    vertical-align:middle
}
.label{
    font-weight:600;
    color:#6c757d;
    width:35%
}
.value{
    font-weight:500;
    color:#212529
}
.badge-custom{
    background:rgba(13,110,253,.1);
    color:#0d6efd;
    padding:8px 14px;
    border-radius:30px;
    font-size:14px;
    font-weight:600
}
.sitemap-card{
    border:1px solid #000
}
.sitemap-category-row h5{
    margin-bottom:22px!important;
    font-weight:600
}
.blog-share a{
    color:#000;
    font-size:18px
}
.blog-date{
    color:#242424!important
}
@media (max-width:1500px){
    .container{
        max-width:1300px
    }
}
.slider-pagination{
    position:static!important
}
.swiper-pagination-bullet-active{
    background:var(--primary-bg-color)
}
.openQuotePopup{
    display:inline-flex;
    align-items:center
}
.quote-icon{
    display:inline-block;
    font-size:18px;
    animation:1.8s ease-in-out infinite messageSend
}
@keyframes messageSend{
    0%,100%,50%{
        transform:translateX(0);
        opacity:1
    }
    20%{
        transform:translateX(2px)
    }
    40%{
        transform:translateX(8px);
        opacity:.5
    }
}
.select2-container--default .select2-results>.select2-results__options{
    max-height:250px;
    overflow-y:auto
}
.select2-container .select2-selection--single{
    height:52px;
    border:1px solid #ccc;
    border-radius:8px;
    padding:10px 12px;
    display:flex;
    align-items:center
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:normal;
    padding-left:0
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:100%
}
.select2-dropdown{
    border-radius:10px;
    overflow:hidden
}
.select2-search__field{
    padding:8px!important
}
.product-image-zoom-container{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    cursor:zoom-in;
    background:#fff
}
.product-image-zoom-container img{
    width:100%;
    display:block;
    transition:transform .15s;
    transform-origin:center center
}
.product-image-zoom-container:hover img{
    transform:scale(2.2)
}
.zoom-lens{
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.4);
    backdrop-filter:blur(3px);
    border-radius:50%;
    opacity:0;
    transition:opacity .2s;
    box-shadow:0 10px 30px rgba(0,0,0,.15)
}
.countries-section{
    padding:50px 0;
    background-color:#20387c2b
}
.prem-flag-slider-wrapper{
    position:relative;
    max-width:1200px;
    margin:0 auto;
    padding:0 50px;
    font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif
}
.prem-flag-swiper{
    padding:20px 5px 50px!important
}
.prem-flag-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid rgb(187 187 187);
    border-radius:16px;
    padding:24px 16px;
    text-decoration:none;
    transition:.4s cubic-bezier(.16, 1, .3, 1);
    box-shadow:0 4px 20px rgba(0,0,0,.02)
}
.prem-flag-card:hover{
    background:#fff;
    border-color:rgb(183 183 183);
    box-shadow:0 12px 30px rgba(0,102,204,.08)
}
.prem-flag-img-box{
    width:80px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    margin-bottom:16px;
    background:#fafafa
}
.section-btn,.section-btn a{
    align-items:center;
    display:flex
}
.prem-flag-img-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s
}
.prem-flag-name{
    font-size:.95rem;
    font-weight:600;
    color:#1a1a1a;
    text-align:center;
    transition:color .3s
}
.prem-flag-card:hover .prem-flag-name{
    color:#000
}
.prem-flag-nav-btn{
    width:44px;
    height:44px;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:50%;
    color:#1a1a1a!important;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
    transition:.3s
}
.prem-flag-nav-btn:after{
    font-size:16px!important;
    font-weight:700
}
.prem-flag-nav-btn:hover{
    background:#06c;
    color:#fff!important;
    border-color:#06c;
    box-shadow:0 6px 16px rgba(0,102,204,.25)
}
.prem-flag-next{
    right:0
}
.prem-flag-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background:#ccc;
    opacity:.6;
    margin:0 6px!important;
    transition:.3s
}
.prem-flag-pagination .swiper-pagination-bullet-active{
    background:#20387c;
    width:24px;
    border-radius:4px;
    opacity:1
}
.section-btn{
    justify-content:center;
    margin-top:20px
}
.section-btn a{
    background-color:#20387c;
    color:#fff;
    border:1px solid #000;
    padding:7px 38px;
    border-radius:6px;
    font-size:17px;
    font-weight:500
}
.section-btn a i{
    font-size:24px;
    margin-right:6px
}
.video-wrapper{
    aspect-ratio:9/16;
    background:#000
}
.video-card{
    cursor:pointer;
    transition:transform .3s,box-shadow .3s
}
.play-btn{
    width:72px;
    height:72px;
    font-size:24px;
    border:none;
    box-shadow:0 10px 30px rgba(0,0,0,.25)
}
.video-frame{
    width:100%;
    height:100%;
    border:0
}
.pp-whatsapp-btn{
    font-size:14px!important
}
.custom-hero-next,.custom-hero-prev{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:55px;
    height:55px;
    border-radius:50%;
    background:rgba(255,255,255,.9);
    backdrop-filter:blur(8px);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    z-index:20;
    font-size:22px;
    font-weight:700;
    color:#222;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    transition:.3s
}
.custom-hero-prev{
    left:25px
}
.custom-hero-next{
    right:25px
}
.custom-hero-next:hover,.custom-hero-prev:hover{
    background:#20387c;
    color:#fff;
    transform:translateY(-50%) scale(1.08);
    box-shadow:0 12px 28px rgba(13,110,253,.35)
}
@media (max-width:768px){
    .country-dropdown{
        width:105px
    }
    .country-btn{
        height:50px;
        font-size:14px;
        padding:0 10px
    }
    .floating-social-fixed,.whatsapp-popup{
        display:none!important
    }
    .why-choose-heading{
        display:none
    }
    .blog-main-section{
        padding:40px 0
    }
    .blog-main-heading h2{
        font-size:24px
    }
    .blog-main-heading p{
        font-size:14px
    }
    .profile-header{
        text-align:center
    }
    .header-content{
        flex-direction:column
    }
    .table td{
        display:block;
        width:100%
    }
    .label{
        padding-bottom:5px!important
    }
    .custom-hero-next,.custom-hero-prev{
        width:45px;
        height:45px;
        font-size:18px
    }
    .custom-hero-prev{
        left:10px
    }
    .custom-hero-next{
        right:10px
    }
}
 .latest-section {
        padding:50px 0;
        background-color:#f8fafc
    }
    .latest-section .container{
        padding-left:15px;
        padding-right:15px
    }
    .latest-heading{
        text-align:center;
        margin-bottom:40px
    }
    .latest-heading h2{
        font-size:32px;
        line-height:1.2;
        margin-bottom:15px
    }
    .latest-heading p{
        font-size:14px;
        line-height:1.8;
        max-width:100%;
        margin:0 auto
    }
    .latest-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:30px;
        justify-content:center
    }

    /* start css */
/* =========================================
   BRAVO PREMIUM INTRO SECTION
========================================= */

.bravo-premium-intro {
   position: relative;
    overflow: hidden;
    padding: 13px 0;
    color: #fff;
    background-color: #163959;
}

.bravo-premium-intro::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    right: -180px;
    top: -180px;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 50%;
    box-shadow:
        0 0 0 70px rgba(255,255,255,0.025),
        0 0 0 140px rgba(255,255,255,0.018);
}

.bravo-premium-intro::after {
    content: "";
    position: absolute;
    left: -120px;
    bottom: -220px;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: rgba(25, 102, 190, 0.10);
    filter: blur(20px);
}

.bravo-intro-container {
    position: relative;
    z-index: 2;
}


/* =========================================
   EXPERIENCE BADGE
========================================= */

.bravo-year-badge {
   display: inline-flex;
    align-items: center;
    gap: 13px;
    padding: 10px 18px 10px 10px;
    margin-bottom: -9px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
    margin-bottom: 15px;
}

.bravo-badge-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #1768bd, #0e4380);
    color: #fff;
    font-size: 18px;
}

.bravo-year-badge strong {
    display: block;
    font-size: 13px;
    letter-spacing: 1.3px;
}

.bravo-year-badge small {
    display: block;
    color: #9eafc1;
    font-size: 9px;
    letter-spacing: 1.5px;
    margin-top: 2px;
}


/* =========================================
   KICKER
========================================= */

.bravo-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.7px;
    margin-bottom: 15px;
}

.bravo-kicker i {
    font-size: 14px;
}


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

.bravo-intro-title {
    max-width: 900px;
    margin: 0 0 22px;
    font-size: 32px !important;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.8px;
    color: #fff;
}

.bravo-intro-title span {
    display: block;
    background: linear-gradient(
        90deg,
        #ffffff 10%,
        #5ea8f2 75%,
        #2c7bc9
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* =========================================
   MACHINE TAGS
========================================= */

.bravo-machine-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 25px;
}

.bravo-machine-tags span {
    padding: 7px 12px;
    border-radius: 5px;
    border: 1px solid rgba(91,165,237,0.25);
    background: rgba(42,113,185,0.09);
    color: #b9d9f8;
    font-size: 11px;
    font-weight: 600;
}


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

.bravo-intro-text {
    max-width: 920px;
    margin-bottom: 15px;
    color: #b5c2d0;
    font-size: 17px;
    line-height: 1.85;
}

.bravo-intro-text strong {
    color: #fff;
}

.bravo-intro-text a {
    color: #69b1f5;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px dashed rgba(105,177,245,0.5);
}

.bravo-intro-text a:hover {
    color: #fff;
}


/* =========================================
   HIGHLIGHTS
========================================= */

.bravo-intro-highlight {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px 20px;
    margin: 25px 0 30px;
    padding: 17px 20px;
    border-left: 3px solid #287bc8;
    background: linear-gradient(
        90deg,
        rgba(39,123,200,0.12),
        rgba(39,123,200,0.02)
    );
}

.bravo-intro-highlight i {
    color: #4ba5f3;
    font-size: 15px;
}

.bravo-intro-highlight span {
    color: #d5e2ef;
    font-size: 12px;
    font-weight: 600;
}


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

.bravo-intro-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.bravo-intro-btn {
    min-width: 170px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 18px;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    transition: all .3s ease;
}

.bravo-intro-btn i {
    font-size: 22px;
}

.bravo-intro-btn span {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.bravo-intro-btn small {
    font-size: 9px;
    opacity: .7;
    margin-bottom: 3px;
}

.bravo-intro-btn strong {
    font-size: 13px;
}

.bravo-call-btn {
    background: linear-gradient(135deg, #1769bd, #0e4380);
    box-shadow: 0 8px 25px rgba(15,92,170,0.22);
}

.bravo-whatsapp-btn {
    background: #168c59;
    box-shadow: 0 8px 25px rgba(22,140,89,0.16);
}

.bravo-call-btn:hover,
.bravo-whatsapp-btn:hover {
    color: #fff;
    transform: translateY(-3px);
}

.bravo-quote-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 7px;
    color: #9ec9ef;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.bravo-quote-link:hover {
    color: #fff;
}

.bravo-quote-link i {
    transition: transform .3s ease;
}

.bravo-quote-link:hover i {
    transform: translateX(5px);
}


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

.bravo-trust-card {
    position: relative;
    padding: 32px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.10),
            rgba(255,255,255,0.035)
        );
    backdrop-filter: blur(18px);
    box-shadow:
        0 30px 70px rgba(0,0,0,0.30),
        inset 0 1px 0 rgba(255,255,255,0.08);
}

.bravo-card-top {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.bravo-gear {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #1769bd, #0b3c72);
    font-size: 22px;
}

.bravo-card-top span {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

.bravo-card-top strong {
    display: block;
    color: #7eb8ed;
    font-size: 11px;
    margin-top: 3px;
}


/* =========================================
   60+ NUMBER
========================================= */

.bravo-big-number {
    margin-top: 25px;
    font-size: 52px;
    line-height: .9;
    font-weight: 700;
    letter-spacing: -5px;
    background: linear-gradient(135deg, #fff, #55a8f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bravo-big-number span {
    font-size: 48px;
}

.bravo-experience {
    margin-top: 12px;
    color: #8fa3b7;
    font-size: 11px;
    letter-spacing: 2px;
}

.bravo-experience strong {
    display: block;
    color: #dce8f3;
    margin-top: 4px;
    font-size: 13px;
    letter-spacing: 1px;
}

.bravo-card-line {
    height: 1px;
    margin: 25px 0;
    background: rgba(255,255,255,0.10);
}


/* =========================================
   STATS
========================================= */

.bravo-stat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.bravo-stat {
    padding: 14px;
    border-radius: 10px;
    background: rgba(255,255,255,0.045);
    border: 1px solid rgba(255,255,255,0.055);
}

.bravo-stat i {
    display: block;
    margin-bottom: 8px;
    color: #55a8f4;
    font-size: 15px;
}

.bravo-stat strong {
    display: block;
    color: #fff;
    font-size: 13px;
}

.bravo-stat small {
    display: block;
    margin-top: 3px;
    color: #8095a9;
    font-size: 10px;
}


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

.bravo-card-footer {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 22px;
    color: #91b7d8;
    font-size: 10px;
    letter-spacing: .8px;
}

.bravo-card-footer i {
    color: #52a8f4;
    font-size: 15px;
}


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

@media (max-width: 991px) {

    .bravo-premium-intro {
        padding: 65px 0;
    }

    .bravo-intro-title {
        font-size: 45px;
    }

    .bravo-trust-card {
        max-width: 600px;
        margin: 10px auto 0;
    }
}

@media (max-width: 575px) {

    .bravo-premium-intro {
        padding: 50px 0;
    }

    .bravo-year-badge {
        margin-bottom: 22px;
    }

    .bravo-intro-title {
        font-size: 35px;
        letter-spacing: -1px;
    }

    .bravo-kicker {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .bravo-intro-text {
        font-size: 14px;
        line-height: 1.75;
    }

    .bravo-intro-highlight {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 9px 10px;
    }

    .bravo-intro-buttons {
        align-items: stretch;
        flex-direction: column;
    }

    .bravo-intro-btn {
        width: 100%;
    }

    .bravo-quote-link {
        margin: 5px 0;
    }

    .bravo-trust-card {
        padding: 24px;
    }

    .bravo-big-number {
        font-size: 72px;
    }
}
 /* end css */
/* =========================================
   BRAVO INDUSTRIES - PRODUCT RANGE
========================================= */

.bravo-range-section {
    position: relative;
    padding: 100px 20px;
    background: #eceff3;
    overflow: hidden;
}

.bravo-range-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(11, 42, 74, 0.035);
    top: -180px;
    right: -120px;
}

.bravo-range-container {
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}


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

.bravo-range-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 60px;
    margin-bottom: 55px;
}

.bravo-range-heading-left {
    max-width: 650px;
}

.bravo-range-eyebrow {
    width: 100%;

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

    gap: 12px;

    margin-bottom: 18px;

    color: #174d82;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 2px;
}
.bravo-range-eyebrow span {
    width: 32px;
    height: 2px;

    background: #e47720;

    display: inline-block;
}
.bravo-range-main-heading {
    width: 100%;

    text-align: center;

    margin-bottom: 22px;
}
.bravo-range-main-heading h2 {
   margin: 0;
    color: #182b3d;
    font-size: clamp(38px, 4vw, 45px);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -1.4px;

}
.bravo-range-main-heading h2 strong {
    display: block;

    color: #b61e17;

    font-weight: 800;
}/* =========================================
   DESCRIPTION - FULL ROW
========================================= */

.bravo-range-description {
    width: 100%;

    max-width: 1050px;

    margin: 0 auto 55px;

    text-align: center;
}

.bravo-range-description p {
    margin: 0;

    color: #697681;

    font-size: 15px;

    line-height: 1.85;
}


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

@media (max-width: 650px) {

    .bravo-range-eyebrow {
        font-size: 9px;

        letter-spacing: 1.5px;
    }

    .bravo-range-main-heading h2 {
        font-size: 34px;

        letter-spacing: -.8px;
    }

    .bravo-range-description {
        margin-bottom: 40px;
    }

    .bravo-range-description p {
        font-size: 14px;
    }

}
.bravo-range-heading h2 {
    margin: 0;
    color: #102b46;
    font-size: 45px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1px;
}

.bravo-range-heading h2 strong {
    display: block;
    color: #e47720;
    font-weight: 800;
}

.bravo-range-heading-right {
    max-width: 450px;
}

.bravo-range-heading-right p {
    margin: 0 0 22px;
    color: #65717d;
    font-size: 15px;
    line-height: 1.8;
}

.bravo-range-main-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #102b46;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    border-bottom: 2px solid #e47720;
    padding-bottom: 7px;
    transition: 0.3s ease;
}

.bravo-range-main-link i {
    transition: 0.3s ease;
}

.bravo-range-main-link:hover {
    color: #e47720;
}

.bravo-range-main-link:hover i {
    transform: translateX(5px);
}


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

.bravo-range-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}


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

.bravo-range-card {
    position: relative;
    background: #ffffff;
    padding: 34px;
    min-height: 390px;
    border: 1px solid #e5e9ed;
    overflow: hidden;
    transition: all 0.4s ease;
}

.bravo-range-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 0;
    background: #b61e17;
    transition: 0.4s ease;
}

.bravo-range-card::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #102b46;
    opacity: 0.025;
    right: -70px;
    bottom: -70px;
    transition: 0.4s ease;
}

.bravo-range-card:hover {
    transform: translateY(-7px);
    border-color: transparent;
    box-shadow: 0 20px 50px rgba(16, 43, 70, 0.12);
}

.bravo-range-card:hover::before {
    height: 100%;
}

.bravo-range-card:hover::after {
    transform: scale(1.4);
    opacity: 0.05;
}


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

.bravo-range-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: -30px;
}

.bravo-range-number {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #aab3bb;
}

.bravo-range-icon {
    width: 58px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f2f5f7;
    color: #102b46;
    font-size: 22px;
    transition: 0.4s ease;
}

.bravo-range-card:hover .bravo-range-icon {
    background: #b61e17;
    color: #ffffff;
    transform: rotate(-5deg);
}


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

.bravo-range-card-content {
    position: relative;
    z-index: 2;
}

.bravo-range-category {
    display: block;
    color: #b61e17;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.bravo-range-card h3 {
    color: #102b46;
    font-size: 27px;
    margin: 0 0 14px;
    font-weight: 800;
}

.bravo-range-card p {
    color: #68747f;
    font-size: 14px;
    line-height: 1.75;
    margin: 0 0 20px;
    max-width: 510px;
}


/* =========================
   PRODUCT TAGS
========================= */

.bravo-range-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 25px;
}

.bravo-range-tags span {
    background: #f4f6f8;
    color: #52606d;
    padding: 7px 10px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #e9edf0;
    transition: 0.3s ease;
}

.bravo-range-card:hover .bravo-range-tags span {
    border-color: #e5e5e5;
}


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

.bravo-range-card-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #102b46;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    transition: 0.3s ease;
}

.bravo-range-card-link i {
    font-size: 11px;
    transition: 0.3s ease;
}

.bravo-range-card-link:hover {
    color: #b61e17;
}

.bravo-range-card-link:hover i {
    transform: translateX(5px);
}


/* =========================
   BOTTOM STRIP
========================= */

.bravo-range-bottom {
    margin-top: 24px;
    padding: 25px 30px;
    background: #102b46;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    position: relative;
    overflow: hidden;
}

.bravo-range-bottom::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 50%;
    right: -100px;
    top: -100px;
}

.bravo-range-bottom-text {
    display: flex;
    align-items: center;
    gap: 18px;
    position: relative;
    z-index: 2;
}

.bravo-range-bottom-icon {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #b61e17;
    color: #ffffff;
    font-size: 19px;
}

.bravo-range-bottom-text strong {
    display: block;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 5px;
}

.bravo-range-bottom-text p {
    color: rgba(255,255,255,0.65);
    margin: 0;
    font-size: 12px;
}

.bravo-range-bottom-btn {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 21px;
    background: #b61e17;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    transition: 0.3s ease;
}

.bravo-range-bottom-btn:hover {
    background: #ffffff;
    color: #102b46;
}

.bravo-range-bottom-btn i {
    transition: 0.3s ease;
}

.bravo-range-bottom-btn:hover i {
    transform: translateX(4px);
}


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

@media (max-width: 991px) {

    .bravo-range-section {
        padding: 75px 20px;
    }

    .bravo-range-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }

    .bravo-range-heading h2 {
        font-size: 38px;
    }

    .bravo-range-heading-right {
        max-width: 650px;
    }

    .bravo-range-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 767px) {

    .bravo-range-section {
        padding: 60px 15px;
    }

    .bravo-range-heading {
        margin-bottom: 35px;
    }

    .bravo-range-heading h2 {
        font-size: 31px;
    }

    .bravo-range-card {
        padding: 26px;
        min-height: auto;
    }

    .bravo-range-card h3 {
        font-size: 24px;
    }

    .bravo-range-bottom {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px;
    }

    .bravo-range-bottom-btn {
        width: 100%;
        justify-content: center;
    }

}


@media (max-width: 480px) {

    .bravo-range-heading h2 {
        font-size: 28px;
    }

    .bravo-range-card {
        padding: 22px;
    }

    .bravo-range-icon {
        width: 50px;
        height: 50px;
        font-size: 19px;
    }

    .bravo-range-tags span {
        font-size: 10px;
    }

    .bravo-range-bottom-text {
        align-items: flex-start;
    }

}

/* =========================================
   APPLICATIONS SECTION - WIDER CONTAINER
========================================= */

.bravo-applications-section {
    width: 100%;
    padding: 100px 30px;
    background: #ffffff;
    position: relative;
}

.bravo-applications-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}


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

.bravo-applications-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    color: #174d82;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;

    margin-bottom: 20px;
}

.bravo-applications-label span {
    width: 35px;
    height: 2px;
    background: #e47720;
    display: inline-block;
}


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

.bravo-applications-main-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 28px;
}

.bravo-applications-main-heading h2 {
    margin: 0;

    color: #182b3d;

    font-size: clamp(40px, 4vw, 41px);
    line-height: 1.12;

    font-weight: 800;
    letter-spacing: -1.5px;
}

.bravo-applications-main-heading h2 strong {
    display: block;
    color: #b61e17;
    font-weight: 800;
}


/* =========================================
   FULL WIDTH DESCRIPTION
========================================= */

.bravo-applications-description {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto 65px;

    text-align: center;
}

.bravo-applications-description p {
    color: #697681;

    font-size: 15px;
    line-height: 1.85;

    margin: 0 0 12px;
}

.bravo-applications-description p:last-child {
    margin-bottom: 0;
}


/* =========================================
   INDUSTRIES - TWO WIDE COLUMNS
========================================= */

.bravo-applications-list {
    width: 100%;

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

    column-gap: 90px;

    border-top: 1px solid #dfe5ea;
}


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

.bravo-application-item {
    min-height: 76px;

    display: flex;
    align-items: center;

    gap: 20px;

    border-bottom: 1px solid #e2e7eb;

    position: relative;

    transition: all .3s ease;
}

.bravo-application-item span {
    min-width: 32px;

    color: #a8b2bb;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 1px;

    transition: .3s ease;
}

.bravo-application-item h3 {
    margin: 0;

    color: #263b4e;

    font-size: 16px;
    font-weight: 650;

    transition: .3s ease;
}

.bravo-application-item i {
    margin-left: auto;

    color: #b5bec6;

    font-size: 11px;

    opacity: 0;

    transform: translateX(-8px);

    transition: all .3s ease;
}


/* HOVER */

.bravo-application-item:hover {
    padding-left: 10px;
}

.bravo-application-item:hover span {
    color: #b61e17;
}

.bravo-application-item:hover h3 {
    color: #174d82;
}

.bravo-application-item:hover i {
    opacity: 1;
    transform: translateX(0);
    color: #e47720;
}


/* =========================================
   BOTTOM STATEMENT
========================================= */

.bravo-applications-bottom {
    width: 100%;

    margin-top: 60px;

    padding: 32px 40px;

    background: #f4f7f9;

    border-left: 4px solid #174d82;

    display: grid;

    grid-template-columns: 65px 1fr 140px;

    align-items: center;

    gap: 28px;
}


/* ICON */

.bravo-applications-bottom-icon {
    width: 58px;
    height: 58px;

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

    background: #bc322b;

    color: #ffffff;

    font-size: 21px;
}


/* CONTENT */

.bravo-applications-bottom-content span {
    display: block;

    color: #e47720;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 1.8px;

    margin-bottom: 4px;
}

.bravo-applications-bottom-content h3 {
    margin: 0 0 5px;

    color: #182b3d;

    font-size: 23px;
    font-weight: 800;
}

.bravo-applications-bottom-content p {
    margin: 0;

    max-width: 850px;

    color: #697681;

    font-size: 13px;
    line-height: 1.7;
}


/* =========================================
   60+ YEARS
========================================= */

.bravo-applications-years {
    text-align: center;

    border-left: 1px solid #d7dfe5;

    padding-left: 25px;
}

.bravo-applications-years strong {
    display: block;

    color: #bc322b;

    font-size: 44px;
    line-height: 1;

    font-weight: 900;
}

.bravo-applications-years span {
    display: block;

    margin-top: 7px;

    color: #7b8790;

    font-size: 9px;
    line-height: 1.4;

    font-weight: 800;

    letter-spacing: 1px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .bravo-applications-section {
        padding: 80px 25px;
    }

    .bravo-applications-list {
        column-gap: 45px;
    }

}


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

@media (max-width: 650px) {

    .bravo-applications-section {
        padding: 70px 16px;
    }

    .bravo-applications-main-heading h2 {
        font-size: 34px;
    }

    .bravo-applications-description {
        margin-bottom: 40px;
    }

    .bravo-applications-description p {
        font-size: 14px;
    }

    .bravo-applications-list {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .bravo-application-item {
        min-height: 65px;
    }

    .bravo-application-item h3 {
        font-size: 14px;
    }

    .bravo-applications-bottom {
        grid-template-columns: 50px 1fr;
        padding: 22px;
        gap: 18px;
    }

    .bravo-applications-bottom-icon {
        width: 48px;
        height: 48px;
        font-size: 17px;
    }

    .bravo-applications-bottom-content h3 {
        font-size: 19px;
    }

    .bravo-applications-years {
        grid-column: 1 / -1;

        border-left: 0;
        border-top: 1px solid #d7dfe5;

        padding: 18px 0 0;

        text-align: left;

        display: flex;
        align-items: center;
        gap: 12px;
    }

    .bravo-applications-years strong {
        font-size: 34px;
    }

}
/* =========================================
   BRAVO PREMIUM STATS SECTION
========================================= */

.bravo-stats-section {
    width: 100%;
    padding: 55px 30px 70px;
    background: #f5f7f9;
    position: relative;
    overflow: hidden;
}


/* Subtle background detail */

.bravo-stats-section::before {
    content: "";
    position: absolute;

    width: 500px;
    height: 500px;

    left: -280px;
    top: -300px;

    border: 1px solid rgba(23, 77, 130, .06);
    border-radius: 50%;
}

.bravo-stats-section::after {
    content: "";
    position: absolute;

    width: 400px;
    height: 400px;

    right: -250px;
    bottom: -250px;

    border: 1px solid rgba(228, 119, 32, .07);
    border-radius: 50%;
}


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

.bravo-stats-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;

    position: relative;
    z-index: 2;
}


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

.bravo-stats-heading {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    margin-bottom: 28px;
}

.bravo-stats-heading span {
    width: 35px;
    height: 1px;

    background: #d6dde3;
}

.bravo-stats-heading p {
    margin: 0;

    color: #174d82;

    font-size: 17px;
    font-weight: 800;

    letter-spacing: 2px;
}


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

.bravo-stats-grid {
    width: 100%;

    display: grid;

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

    background: #ffffff;

    border: 1px solid #e1e6ea;

    box-shadow:
        0 15px 45px rgba(22, 42, 58, .07);
}


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

.bravo-stat-item {
    position: relative;

    min-height: 175px;

    padding: 30px 25px;

    display: flex;
    align-items: center;

    gap: 18px;

    border-right: 1px solid #e4e8eb;

    overflow: hidden;

    transition: all .35s ease;
}

.bravo-stat-item:last-child {
    border-right: 0;
}


/* Top Accent */

.bravo-stat-item::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 0;
    height: 3px;

    background: #c62f27;

    transition: width .35s ease;
}


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

.bravo-stat-icon {
    flex-shrink: 0;

    width: 52px;
    height: 52px;

    display: flex;

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

    background: #f1f5f8;

    border: 1px solid #e1e7eb;

    color: #174d82;

    font-size: 19px;

    transition: all .35s ease;
}


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

.bravo-stat-content {
    position: relative;
    z-index: 2;
}

.bravo-stat-content h3 {
    margin: 0 0 6px;

    color: #182b3d;

    font-size: 36px;

    line-height: 1;

    letter-spacing: -1px;

    font-weight: 900;
}

.bravo-stat-content h3 span {
    color: #b61e17;

    font-size: 20px;

    margin-left: 2px;
}

.bravo-stat-content p {
    margin: 0;

    color: #74818b;

    font-size: 11px;

    line-height: 1.55;

    font-weight: 600;
}


/* =========================================
   SMALL NUMBER
========================================= */

.bravo-stat-number {
    position: absolute;

    right: 12px;
    bottom: -12px;

    color: #eef1f3;

    font-size: 70px;

    font-weight: 900;

    line-height: 1;

    pointer-events: none;

    transition: all .35s ease;
}


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

.bravo-stat-item:hover {
    background: #ffffff;

    transform: translateY(-5px);

    box-shadow:
        0 15px 35px rgba(23, 77, 130, .10);

    z-index: 3;
}

.bravo-stat-item:hover::before {
    width: 100%;
}

.bravo-stat-item:hover .bravo-stat-icon {
    background: #174d82;

    color: #ffffff;

    border-color: #174d82;

    transform: translateY(-3px);
}

.bravo-stat-item:hover .bravo-stat-number {
    color: #f5f7f9;

    transform: translateX(-5px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1100px) {

    .bravo-stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .bravo-stat-item:nth-child(3) {
        border-right: 0;
    }

    .bravo-stat-item:nth-child(4),
    .bravo-stat-item:nth-child(5) {
        border-top: 1px solid #e4e8eb;
    }

}


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

@media (max-width: 650px) {

    .bravo-stats-section {
        padding: 45px 16px 55px;
    }

    .bravo-stats-grid {
        grid-template-columns: 1fr;
    }

    .bravo-stat-item {
        min-height: 130px;

        padding: 24px;

        border-right: 0;

        border-bottom: 1px solid #e4e8eb;
    }

    .bravo-stat-item:last-child {
        border-bottom: 0;
    }

    .bravo-stat-content h3 {
        font-size: 34px;
    }

}
.call-btn {
 display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 24px;
    background: #b61e17;
    color: #fff;
    border: 1px solid #b61e17;
    border-radius: 39px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all .3s ease;
}

.call-btn:hover {
    background: #123d67;
    border-color: #123d67;
    color: #fff;
    transform: translateY(-1px);
}

.call-btn i {
    font-size: 17px;
}
.nebula-testimonial-heading {
    font-size: 20px;
}
.nebula-client-work {
    font-size: 12px;
}
/* =========================================
   BRAVO INDUSTRIES PREMIUM CTA
========================================= */

.bi-cta-band {
    position: relative;

    width: 100%;

    padding: 75px 30px;

    background:
        linear-gradient(
            120deg,
            #081522 0%,
            #102c43 48%,
            #0b1e30 100%
        );

    overflow: hidden;

    isolation: isolate;
}


/* -----------------------------------------
   ENGINEERING GRID
----------------------------------------- */

.bi-cta-grid-bg {
    position: absolute;

    inset: 0;

    opacity: .35;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size: 45px 45px;

    pointer-events: none;

    z-index: -1;
}


/* -----------------------------------------
   ORANGE GLOW
----------------------------------------- */

.bi-cta-band::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    left: -250px;
    bottom: -280px;

    border-radius: 50%;

    border: 1px solid rgba(228,119,32,.18);

    box-shadow:
        0 0 0 50px rgba(228,119,32,.025),
        0 0 0 100px rgba(228,119,32,.018),
        0 0 0 150px rgba(228,119,32,.012);

    pointer-events: none;
}


/* -----------------------------------------
   CONTAINER
----------------------------------------- */

.bi-cta-container {

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(400px, .65fr);

    gap: 80px;

    align-items: center;

    position: relative;

    z-index: 2;
}


/* -----------------------------------------
   EYEBROW
----------------------------------------- */

.bi-cta-eyebrow {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: #bc322b;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.2px;
}

.bi-cta-eyebrow span {

    width: 35px;
    height: 2px;

    display: inline-block;

    background: #e47720;
}


/* -----------------------------------------
   HEADING
----------------------------------------- */

.bi-cta-content h2 {

    max-width: 760px;
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 51px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.4px;
}

.bi-cta-content h2 strong {

    display: block;

    color: #bc322b;

    font-weight: 800;
}


/* -----------------------------------------
   DESCRIPTION
----------------------------------------- */

.bi-cta-content > p {

    max-width: 720px;

    margin: 0;

    color: #9baab6;

    font-size: 15px;

    line-height: 1.8;
}


/* -----------------------------------------
   EXPERIENCE
----------------------------------------- */

.bi-cta-experience {

    display: inline-flex;

    align-items: center;

    gap: 14px;

    margin-top: 30px;

    padding: 12px 18px;

    border-left: 3px solid #bc322b;

    background: rgba(255,255,255,.035);
}

.bi-cta-experience-icon {

    width: 40px;
    height: 40px;

    display: flex;

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

    color: #ffffff;

    border: 1px solid rgba(228,119,32,.25);

    font-size: 16px;
}

.bi-cta-experience strong {

    display: block;

    color: #ffffff;

    font-size: 15px;

    line-height: 1.2;
}

.bi-cta-experience span {

    display: block;

    margin-top: 3px;

    color: #81919e;

    font-size: 11px;
}


/* =========================================
   ACTIONS
========================================= */

.bi-cta-actions {

    display: flex;

    flex-direction: column;

    gap: 12px;

    padding: 8px 0;
}


/* -----------------------------------------
   CTA BUTTON
----------------------------------------- */

.bi-cta-btn {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    min-height: 76px;

    padding: 10px 18px;

    text-decoration: none;

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

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

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease;

    overflow: hidden;
}


/* -----------------------------------------
   BUTTON ICON
----------------------------------------- */

.bi-cta-btn-icon {

    width: 46px;
    height: 46px;

    flex-shrink: 0;

    display: flex;

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

    color: #ffffff;

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

    font-size: 18px;

    transition: all .3s ease;
}


/* -----------------------------------------
   BUTTON TEXT
----------------------------------------- */

.bi-cta-btn-text {

    display: flex;

    flex-direction: column;

    margin-left: 14px;

    text-align: left;
}

.bi-cta-btn-text small {

    color: #8494a0;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;
}

.bi-cta-btn-text strong {

    margin-top: 4px;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;
}


/* -----------------------------------------
   ARROW
----------------------------------------- */

.bi-cta-arrow {

    margin-left: auto;

    color: #60717e;

    font-size: 13px;

    transition: all .3s ease;
}


/* -----------------------------------------
   CALL
----------------------------------------- */

.bi-cta-call:hover {

    border-color: rgba(228,119,32,.45);

    background: rgba(228,119,32,.08);

    transform: translateX(5px);
}

.bi-cta-call:hover .bi-cta-btn-icon {

    background: #e47720;

    color: #111c26;
}


/* -----------------------------------------
   WHATSAPP
----------------------------------------- */

.bi-cta-whatsapp:hover {

    border-color: rgba(37,211,102,.35);

    background: rgba(37,211,102,.06);

    transform: translateX(5px);
}

.bi-cta-whatsapp:hover .bi-cta-btn-icon {

    background: #25d366;

    color: #ffffff;
}


/* -----------------------------------------
   QUOTE
----------------------------------------- */

.bi-cta-quote {

    border-color: rgb(188 50 43);

    background:
        linear-gradient(
            135deg,
            rgba(228,119,32,.14),
            rgba(228,119,32,.035)
        );
}

.bi-cta-quote .bi-cta-btn-icon {

  background: #bc322b;
    color: #ffffff;
}

.bi-cta-quote:hover {

    transform: translateX(5px);

    background:
        linear-gradient(
            135deg,
            rgba(228,119,32,.25),
            rgba(228,119,32,.07)
        );

    border-color: #e47720;
}


/* -----------------------------------------
   ARROW HOVER
----------------------------------------- */

.bi-cta-btn:hover .bi-cta-arrow {

    color: #e47720;

    transform: translateX(5px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .bi-cta-container {

        grid-template-columns: 1fr;

        gap: 45px;
    }

    .bi-cta-content h2 {

        max-width: 850px;
    }

    .bi-cta-actions {

        max-width: 650px;

        display: grid;

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

    .bi-cta-btn {

        min-height: 125px;

        flex-direction: column;

        align-items: flex-start;

        justify-content: center;
    }

    .bi-cta-btn-text {

        margin: 10px 0 0;
    }

    .bi-cta-arrow {

        position: absolute;

        right: 15px;
        top: 15px;
    }

}


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

@media (max-width: 650px) {

    .bi-cta-band {

        padding: 55px 18px;
    }

    .bi-cta-container {

        gap: 35px;
    }

    .bi-cta-content h2 {

        font-size: 34px;

        letter-spacing: -.8px;
    }

    .bi-cta-content > p {

        font-size: 14px;

        line-height: 1.7;
    }

    .bi-cta-actions {

        display: flex;

        gap: 10px;
    }

    .bi-cta-btn {

        min-height: 70px;

        flex-direction: row;

        align-items: center;

        padding: 10px 14px;
    }

    .bi-cta-btn-text {

        margin: 0 0 0 12px;
    }

    .bi-cta-btn-text strong {

        font-size: 13px;
    }

    .bi-cta-btn-icon {

        width: 42px;
        height: 42px;

        font-size: 16px;
    }

    .bi-cta-experience {

        margin-top: 24px;
    }

}
/* =========================================
   PREMIUM TESTIMONIAL SECTION
========================================= */

.nebula-testimonial-section {
    padding: 90px 0;
    background: linear-gradient(
        135deg,
        #f7f9fc 0%,
        #ffffff 50%,
        #eef3f9 100%
    );
    overflow: hidden;
}

.nebula-testimonial-layout {
    display: grid;
    grid-template-columns: 0.75fr 1.25fr;
    gap: 65px;
    align-items: center;
}


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

.nebula-testimonial-intro {
    position: relative;
    padding-right: 20px;
}

.nebula-testimonial-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #bb3c3c;
    margin-bottom: 18px;
}

.nebula-testimonial-eyebrow::before {
    content: "";
    width: 35px;
    height: 3px;
    background: linear-gradient(
        90deg,
        #1e3a8a,
        #f97316
    );
    border-radius: 10px;
}

.nebula-testimonial-intro h2 {
    margin: 0 0 22px;
    font-size: 44px;
    line-height: 1.12;
    font-weight: 800;
    color: #172033;
}

.nebula-testimonial-intro h2 span {
    display: block;
   background-color: #bb3c3c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nebula-testimonial-intro > p {
    max-width: 500px;
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #64748b;
}

.nebula-testimonial-line {
    width: 80px;
    height: 4px;
    margin: 30px 0;
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        #1e3a8a,
        #f97316
    );
}

.nebula-testimonial-mini {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 700;
    color: #334155;
}

.nebula-testimonial-mini i {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background-color: #bb3c3c;
}


/* =========================================
   RIGHT SLIDER
========================================= */

.nebula-testimonial-slider-area {
    min-width: 0;
}

.nebulaSwiper {
    width: 100%;
    overflow: hidden;
}

.nebulaSwiper .swiper-slide {
    height: auto;
    display: flex;
}


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

.nebula-testimonial-card {
    width: 100%;
    min-height: 360px;
    padding: 32px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background: #ffffff;

    border: 1px solid rgba(30, 58, 138, 0.10);
    border-radius: 20px;

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

    transition: all 0.35s ease;
}

.nebula-testimonial-card:hover {
    transform: translateY(-6px);
    box-shadow:
        0 22px 55px rgba(15, 23, 42, 0.13);
}

.nebula-testimonial-card > i {
    position: absolute;
    top: 24px;
    right: 25px;
    font-size: 48px;
    line-height: 1;
    color: rgba(30, 58, 138, 0.09);
}

.nebula-testimonial-heading {
    max-width: 85%;
    margin: 0 0 20px;
    padding-top: 8px;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 800;
    color: #172033;
}

.nebula-testimonial-text {
    margin: 0 0 25px;
    font-size: 14px;
    line-height: 1.8;
    color: #64748b;
}

.nebula-testimonial-text strong {
    color: #1e3a8a;
}


/* =========================================
   CLIENT INFO
========================================= */

.nebula-client-info {
    margin-top: auto;
}

.client-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.nebula-name-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.nebula-client-img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 50%;
    background: #eef3f9;
}

.nebula-client-name {
    margin: 0 0 3px;
    font-size: 15px;
    font-weight: 800;
    color: #172033;
}

.nebula-client-work {
    display: block;
    font-size: 11px;
    color: #64748b;
}

.google-img {
    width: 75px;
    height: auto;
    object-fit: contain;
}


/* =========================================
   CONTROLS
========================================= */

.nebula-testimonial-controls {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
}

.nebula-testimonial-prev,
.nebula-testimonial-next {
    width: 45px;
    height: 45px;
    border: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    color: #ffffff;

    background-color: #bb3c3c;
    transition: all 0.3s ease;
}

.nebula-testimonial-prev:hover,
.nebula-testimonial-next:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.25);
}

.nebula-testimonial-progress {
    flex: 1;
    height: 3px;
    background: #dbe3ef;
    border-radius: 10px;
    overflow: hidden;
}

.nebula-testimonial-progress span {
    display: block;
    width: 35%;
    height: 100%;
    background: linear-gradient(
        90deg,
        #1e3a8a,
        #f97316
    );
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .nebula-testimonial-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .nebula-testimonial-intro {
        padding-right: 0;
    }

    .nebula-testimonial-intro h2 {
        font-size: 38px;
    }

}


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

@media (max-width: 767px) {

    .nebula-testimonial-section {
        padding: 60px 0;
    }

    .nebula-testimonial-intro h2 {
        font-size: 32px;
    }

    .nebula-testimonial-card {
        min-height: 340px;
        padding: 25px;
    }

    .nebula-testimonial-heading {
        font-size: 19px;
    }

    .client-details {
        align-items: flex-end;
    }

    .google-img {
        width: 65px;
    }

}
/* =========================================
   MOBILE RESPONSIVE - BRAVO STATS
========================================= */

@media (max-width: 767px) {

    .bravo-stats-section {
        padding: 45px 15px;
    }

    .bravo-stats-container {
        width: 100%;
    }

    .bravo-stats-heading {
        margin-bottom: 25px;
    }

    .bravo-stats-heading p {
        font-size: 11px;
        letter-spacing: 1.2px;
        text-align: center;
    }

    .bravo-stats-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .bravo-stat-item {
        width: 100%;
        min-width: 0;
        padding: 18px 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        overflow: hidden;
    }

    .bravo-stat-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
    }

    .bravo-stat-content {
        min-width: 0;
    }

    .bravo-stat-content h3 {
        font-size: 25px;
        line-height: 1;
        margin-bottom: 6px;
    }

    .bravo-stat-content p {
        font-size: 11px;
        line-height: 1.35;
        margin: 0;
    }

    .bravo-stat-number {
        position: absolute;
        right: 7px;
        bottom: 3px;
        font-size: 30px;
        opacity: 0.06;
        pointer-events: none;
    }

}


/* Very Small Mobile Screens */
@media (max-width: 380px) {

    .bravo-stats-grid {
        gap: 9px;
    }

    .bravo-stat-item {
        padding: 15px 9px;
        gap: 7px;
    }

    .bravo-stat-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 15px;
    }

    .bravo-stat-content h3 {
        font-size: 21px;
    }

    .bravo-stat-content p {
        font-size: 10px;
    }

}
/* =========================================
   MOBILE CTA BUTTONS
========================================= */

@media (max-width: 767px) {

    .bravo-intro-buttons {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
    }

    /* Hide Get a Free Quote only on mobile */
    .bravo-quote-link {
        display: none !important;
    }

    /* Call + WhatsApp in one row */
    .bravo-intro-btn {
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 12px 10px;
        justify-content: center;
    }

    .bravo-intro-btn span {
        min-width: 0;
    }

    .bravo-intro-btn span small {
        font-size: 9px;
        white-space: nowrap;
    }

    .bravo-intro-btn span {
        font-size: 13px;
    }

    .bravo-intro-btn > i {
        font-size: 18px;
        flex-shrink: 0;
    }

}


/* Small Mobile */
@media (max-width: 400px) {

    .bravo-intro-buttons {
        gap: 8px;
    }

    .bravo-intro-btn {
        padding: 11px 7px;
    }

    .bravo-intro-btn > i {
        font-size: 16px;
    }

    .bravo-intro-btn span small {
        font-size: 8px;
    }

    .bravo-intro-btn span {
        font-size: 12px;
    }

}
/* =========================================
   MOBILE CTA BUTTON LAYOUT
========================================= */

@media (max-width: 767px) {

    .bi-cta-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
    }

    /* Hide Custom Quote only on mobile */
    .bi-cta-quote {
        display: none !important;
    }

    /* Call & WhatsApp */
    .bi-cta-call,
    .bi-cta-whatsapp {
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    .bi-cta-btn {
        box-sizing: border-box;
    }

    .bi-cta-btn-text {
        min-width: 0;
    }

    .bi-cta-btn-text small,
    .bi-cta-btn-text strong {
        white-space: nowrap;
    }

}


/* =========================================
   EXTRA SMALL MOBILE
========================================= */

@media (max-width: 400px) {

    .bi-cta-actions {
        gap: 8px;
    }

    .bi-cta-btn {
        padding-left: 8px;
        padding-right: 8px;
    }

    .bi-cta-btn-icon {
        flex-shrink: 0;
    }

    .bi-cta-btn-text small {
        font-size: 9px;
    }

    .bi-cta-btn-text strong {
        font-size: 11px;
    }

}
/* =========================================
   BRAVO COMPANY PROFILE
========================================= */

.bravo-company-profile {
    position: relative;
    padding: 90px 0;
    background:
        radial-gradient(circle at 10% 20%, rgba(30, 58, 138, 0.08), transparent 30%),
        radial-gradient(circle at 90% 80%, rgba(234, 88, 12, 0.07), transparent 30%),
        #f7f9fc;
    overflow: hidden;
}

/* Heading */

.bravo-profile-heading {
    max-width: 800px;
    margin: 0 auto 45px;
}

.bravo-profile-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #1e3a8a;
}

.bravo-profile-heading h2 {
    margin: 0 0 14px;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
    color: #172033;
}

.bravo-profile-heading h2 span {
    color: #b61e17;
}

.bravo-profile-heading p {
    margin: 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.7;
}


/* Main Box */

.bravo-profile-box {
    display: grid;
    grid-template-columns: 32% 68%;
    background: #ffffff;
    border: 1px solid #e5eaf1;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 20px 55px rgba(16, 24, 40, 0.09);
}


/* Left Intro */

.bravo-profile-intro {
    position: relative;
    padding: 45px 38px;
    color: #ffffff;
    background-color: #153c6c;
    overflow: hidden;
}

.bravo-profile-intro::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    bottom: -70px;
    border: 30px solid rgba(255, 255, 255, 0.06);
    border-radius: 50%;
}

.bravo-profile-icon {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 24px;
}

.bravo-profile-small-title {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #b9c9ed;
}

.bravo-profile-intro h3 {
    margin: 0 0 18px;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
}

.bravo-profile-intro h3 span {
    display: block;
    color: #b61e17;
}

.bravo-profile-intro p {
    margin: 0 0 28px;
    color: #dce5f8;
    font-size: 14px;
    line-height: 1.8;
}


/* Badges */

.bravo-profile-badges {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bravo-profile-badges span {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.bravo-profile-badges i {
    color: #b61e17;
}


/* Right Details */

.bravo-profile-details {
    padding: 32px;
}

.bravo-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.bravo-profile-item {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 88px;
    padding: 15px 17px;
    background: #f8fafc;
    border: 1px solid #e8edf4;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.bravo-profile-item:hover {
    transform: translateY(-3px);
    border-color: #c7d2fe;
    box-shadow: 0 10px 25px rgba(30, 58, 138, 0.08);
    background: #ffffff;
}

.bravo-profile-item-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eaf0ff;
    color: #b61e17;
    font-size: 16px;
}

.bravo-profile-item small {
    display: block;
    margin-bottom: 4px;
    color: #7b8494;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.bravo-profile-item strong {
    display: block;
    color: #202939;
    font-size: 18px;
    line-height: 1.4;
}


/* Bottom Section */

.bravo-profile-bottom {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 18px;
    margin-top: 18px;
}

.bravo-profile-bottom-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 23px 25px;
    background: #ffffff;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(16, 24, 40, 0.05);
}

.bravo-bottom-icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #eef3ff;
    color: #1e3a8a;
}

.bravo-profile-bottom-item small {
    display: block;
    margin-bottom: 5px;
    color: #1e3a8a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.bravo-profile-bottom-item p {
    margin: 0;
    color: #596579;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .bravo-company-profile {
        padding: 65px 0;
    }

    .bravo-profile-box {
        grid-template-columns: 1fr;
    }

    .bravo-profile-intro {
        padding: 35px;
    }

    .bravo-profile-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


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

@media (max-width: 767px) {

    .bravo-company-profile {
        padding: 50px 0;
    }

    .bravo-profile-heading {
        margin-bottom: 30px;
    }

    .bravo-profile-heading h2 {
        font-size: 28px;
    }

    .bravo-profile-heading p {
        font-size: 14px;
    }

    .bravo-profile-intro {
        padding: 30px 22px;
    }

    .bravo-profile-intro h3 {
        font-size: 25px;
    }

    .bravo-profile-details {
        padding: 18px;
    }

    .bravo-profile-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .bravo-profile-item {
        min-height: 78px;
    }

    .bravo-profile-bottom {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .bravo-profile-bottom-item {
        padding: 18px;
    }

}
/* ================================
   FOOTER MAIN
================================ */

.main-footer {
    position: relative;
    overflow: hidden;
}

.main-footer .containerr {
    position: relative;
    z-index: 2;
}


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

.footer-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.9fr 0.9fr 1.25fr;
    gap: 45px;
    padding: 65px 0 45px;
}


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

.footer-about {
    padding-right: 25px;
}

.footer-logo {
    margin-bottom: 20px;
}

.footer-logo a {
    display: inline-block;
}

.footer-logo img {
    max-width: 190px;
    max-height: 70px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.footer-about-text {
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
    max-width: 330px;
}


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

.footer-social-title {
    margin-top: 27px;
    margin-bottom: 13px;

    color: #fff;
    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1.2px;
}


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

.footer-social-icons {
    display: flex;
    align-items: center;
    gap: 11px;
}

.footer-social {
    width: 42px;
    height: 42px;

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

    border-radius: 50%;

    color: #fff;
    text-decoration: none;

    font-size: 18px;

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

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

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}

.footer-social:hover {
    color: #fff;
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.20);
}


/* ================================
   FOOTER HEADINGS
================================ */

.footer-col h3 {
    position: relative;

    color: #fff;
    font-size: 16px;
    font-weight: 700;

    letter-spacing: 0.7px;

    margin: 0 0 22px;
    padding-bottom: 12px;
}

.footer-col h3::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 38px;
    height: 2px;

    background: currentColor;
}


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

.footer-col ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-col ul li {
    margin-bottom: 10px;
}

.footer-col ul li a {
    position: relative;

    color: rgba(255, 255, 255, 0.76);

    text-decoration: none;

    font-size: 14px;

    transition:
        padding-left 0.25s ease,
        color 0.25s ease;
}

.footer-col ul li a::before {
    content: "›";

    position: absolute;
    left: -13px;

    opacity: 0;

    transition: 0.25s ease;
}

.footer-col ul li a:hover {
    color: #fff;
    padding-left: 10px;
}

.footer-col ul li a:hover::before {
    opacity: 1;
}


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

.footer-contact {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.footer-contact-item > i {
    flex: 0 0 35px;

    width: 35px;
    height: 35px;

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

    border-radius: 8px;

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

    color: #fff;

    font-size: 15px;
}

.footer-contact-item div {
    min-width: 0;
}

.footer-contact-item a {
    color: rgba(255, 255, 255, 0.78);

    text-decoration: none;

    font-size: 13px;
    line-height: 1.7;

    transition: color 0.25s ease;
}

.footer-contact-item a:hover {
    color: #fff;
}

.footer-contact-item p {
    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 13px;
    line-height: 1.7;
}


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

.footer-bottom {
    padding: 20px 0;

    border-top: 1px solid rgba(255, 255, 255, 0.12);

    text-align: center;
}

.footer-bottom p {
    margin: 0;

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

    font-size: 12px;
}

.footer-bottom strong {
    color: #fff;
}


/* ================================
   WHATSAPP FLOATING
================================ */

.floating-fixed-wrapper {
    position: fixed;
    right: 20px;
    bottom: 20px;

    display: flex;
    gap: 12px;
    align-items: flex-end;

    z-index: 9999;
}

.float-social-item {
    width: 58px;
    height: 58px;

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

    border-radius: 50%;

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

    transition: transform 0.3s ease;
}

.float-social-item:hover {
    transform: translateY(-5px);
}

.float-social-item img {
    width: 58px;
    height: 58px;
    object-fit: contain;
}


/* ================================
   WHATSAPP POPUP
================================ */

#wpPopup,
.whatsapp-popup {
    display: none;
}

#wpPopup.show,
.whatsapp-popup.show {
    display: block;
}

.whatsapp-popup {
    width: 340px;

    border-radius: 15px;
    overflow: hidden;

    background: #fff;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.25);
}


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

@media (max-width: 991px) {

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

    .footer-about {
        padding-right: 0;
    }

}


@media (max-width: 575px) {

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 45px 0 35px;
    }

    .footer-about-text {
        max-width: 100%;
    }

    .footer-logo img {
        max-width: 170px;
    }

    .floating-fixed-wrapper {
        right: 12px;
        bottom: 12px;
    }

    .whatsapp-popup {
        width: calc(100vw - 95px);
        max-width: 320px;
    }

}