/*==================================================
YottaBrain Enterprise Theme
Corrected Master Stylesheet v1.1
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

:root{
  --yb-primary:#C92027;
  --yb-primary-dark:#A8181E;
  --yb-primary-light:#FDECEC;
  --yb-black:#121212;
  --yb-heading:#102a4c;
  --yb-text:#6B7280;
  --yb-bg:#FFFFFF;
  --yb-light:#F8FAFC;
  --yb-border:#E5E7EB;
  --yb-shadow:0 12px 45px rgba(17,24,39,.08);
  --yb-shadow-lg:0 25px 60px rgba(17,24,39,.12);
  --yb-radius:20px;
  --yb-gradient:linear-gradient(135deg,#C92027 0%,#A8181E 100%);
  --transition:.35s ease;
}

/* Safe Reset */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 font-family:'Inter',sans-serif;
 background:#fff;
 color:var(--yb-text);
 font-size:16px;
 line-height:1.8;
 overflow-x:hidden;
 -webkit-font-smoothing:antialiased;
 padding-top:122px;
}

h1,h2,h3,h4,h5,h6{
 font-family:'Plus Jakarta Sans',sans-serif;
 color:var(--yb-heading);
 font-weight:800;
 line-height:1.2;
 margin-bottom:20px;
}
h1{font-size:56px}
h2,.yb-section-title{font-size:44px}
h3{font-size:30px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:18px}

a{text-decoration:none;color:inherit;transition:all var(--transition)}
img{display:block;max-width:100%;height:auto}

/* Use this instead of Bootstrap .container */
.yb-container{
 max-width:1240px;
 margin:auto;
 padding:0 15px;
}

.section-padding{padding:60px 0}
.bg-light{background:var(--yb-light)}
.yb-section{position:relative;overflow:hidden}
.yb-section-subtitle{max-width:760px;margin:auto;font-size:18px}

.yb-btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding:16px 34px;
 border-radius:50px;
 font-weight:700;
 transition:.35s;
}
.yb-btn-primary{background:var(--yb-primary);color:#fff}
.yb-btn-primary:hover,
.yb-btn-primary:focus{background:var(--yb-primary-dark);color:#fff}
.yb-btn-outline{border:2px solid var(--yb-primary);color:var(--yb-primary);background:#fff}
.yb-btn-outline:hover{background:var(--yb-primary);color:#fff}

.yb-card{
 background:#fff;
 border:1px solid var(--yb-border);
 border-radius:20px;
 padding:35px;
 box-shadow:var(--yb-shadow);
 transition:.35s;
}
.yb-card:not(.yb-service-card):hover{
 transform:translateY(-8px);
 box-shadow:var(--yb-shadow-lg);
}

/* Navbar */
nav.yb-navbar{
 position:fixed;
 top:42px;
 left:0;
 right:0;
 z-index:9999;
 background:#fff;
 border:0;
 box-shadow:0 8px 30px rgba(0,0,0,.08);
}

nav.yb-navbar .navbar-brand img{height:52px}
nav.yb-navbar .navbar-nav>li>a{
 color:#24324B!important;
 font-size:15px!important;
 font-weight:600!important;
 padding:24px 18px!important;
 line-height:24px!important;
 background:none!important;
}
nav.yb-navbar .navbar-nav>li>a:hover,
nav.yb-navbar .navbar-nav>li.active>a{
 color:var(--yb-primary)!important;
}

.yb-nav-btn{
 background:var(--yb-primary)!important;
 color:#fff!important;
 border-radius:30px;
 padding:12px 24px!important;
}
@media(max-width:767px){
 nav.yb-navbar .navbar-nav>li>a{
   padding:12px 12px!important;
   font-size:14px!important;
 }
}

/* Top Bar */

/*==================================================
TOP BAR
==================================================*/

#top{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;

    background:#C92027;
    color:#fff;

    height:42px;
    display:flex;
    align-items:center;

    font-size:13px;
    font-weight:500;
}

#top .container{
    width:100%;
}

#top .row{
    display:flex;
    align-items:center;
}

#top .col-xs-5,
#top .col-xs-7{
    display:flex;
    align-items:center;
    height:42px;
}

#top .col-xs-7{
    justify-content:flex-end;
}

#top a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

#top a:hover{
    color:#ffe5e5;
}

/* Contact text */

#top .contact{
    display:flex;
    align-items:center;
    gap:8px;
}

/* Social */

#top .social{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
}

#top .social a{
    width:30px;
    height:30px;

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

    border-radius:50%;
    background:rgba(255,255,255,.18);

    color:#fff;
    font-size:14px;

    transition:all .3s ease;
}

#top .social a:hover{
    background:#fff;
    color:#C92027;
    transform:translateY(-2px);
}

#top .social i{
    line-height:1;
}

/* Mobile */

@media (max-width:767px){

    #top{
        height:auto;
        padding:8px 0;
    }

    #top .row{
        flex-direction:column;
        text-align:center;
    }

    #top .col-xs-5,
    #top .col-xs-7{
        width:100%;
        justify-content:center;
        height:auto;
    }

    #top .social{
        margin-top:6px;
        gap:10px;
    }

}

/*=========================================
Hide Top Bar on Mobile
=========================================*/

@media (max-width: 767px){

    #top{
        display:none !important;
    }

    .navbar{
        top:0 !important;
    }

    body{
        padding-top:70px !important;
    }

}

nav.yb-navbar{

top:36px;

}



/* Hero */
/* Hero */
.yb-hero{
    position: relative;
    padding:40px 0 40px;
    background: #fff;
    overflow: hidden;
}

/* Badge */
.yb-badge{
    display: inline-block;
    background: #FDECEC;
    color: var(--yb-primary);
    font-size: 14px;
    font-weight: 700;
    padding: 15px 20px;
    border-radius: 50px;
    margin-bottom: 5px;
}

/* Hero Text */
.hero-text{
    font-size: 17px;
    line-height: 1.8;
    color: var(--yb-text);
    margin: 25px 0 35px;
    max-width: 600px;
}

/* Buttons */
.hero-buttons{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 45px;
}

/* Image */
.hero-image-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-image-wrapper img{
    max-width: 100%;
    height: auto;
}

/* Floating Image */
.yb-float{
    animation: float 5s ease-in-out infinite;
}

@keyframes float{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0);
    }
}

/* Decorative Circles */
.yb-circle{
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(201,32,39,.08) 0%, rgba(201,32,39,0) 70%);
    pointer-events: none;
    z-index: 0;
}
.hero-stats{display:flex;gap:60px;flex-wrap:wrap;margin-top:45px}
.hero-stat h3{font-size:42px;color:var(--yb-primary);margin:0}
.hero-stat p{margin:8px 0 0}



/* Services */
.yb-services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  margin-top:60px;
}

.yb-service-card{
 position:relative;
 overflow:hidden;
 background:#fff;
 border:1px solid var(--yb-border);
 border-radius:20px;
 padding:40px;
 box-shadow:var(--yb-shadow);
 transition:.4s;
 
}
.yb-service-card>*{position:relative;z-index:2}
.yb-service-card::before{
 content:"";
 position:absolute;
 inset:0;
 background:var(--yb-gradient);
 transform:scaleY(0);
 transform-origin:bottom;
 transition:.45s;
 z-index:1;
}
.yb-service-card:hover::before{transform:scaleY(1)}
.yb-service-card:hover{
 transform:translateY(-10px);
 border-color:var(--yb-primary);
}
.yb-service-card:hover h3,
.yb-service-card:hover p,
.yb-service-card:hover a,
.yb-service-card:hover i{color:#fff}

.yb-services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.yb-service-card{
    display:flex;
    flex-direction:column;
    height:100%;
}

.yb-service-card p{
    flex:1;
}



/*=========================================
Services CTA
=========================================*/

.yb-cta-box{

    position:relative;

    background:#FFF5F5;

    border:1px solid rgba(201,32,39,.12);

    border-radius:28px;

    padding:80px 70px;

    text-align:center;

    overflow:hidden;

}

/* Decorative Background */

.yb-cta-box::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    right:-140px;

    top:-140px;

    border-radius:50%;

    background:rgba(201,32,39,.05);
	}

.yb-cta-box::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    left:-80px;

    bottom:-80px;

    border-radius:50%;

    background:rgba(201,32,39,.04);

}

.yb-cta-box>*{

    position:relative;

    z-index:2;

}

.yb-cta-box h2{

    font-size:48px;

    color:var(--yb-heading);

    margin-bottom:22px;

}

.yb-cta-box p{

    max-width:760px;

    margin:0 auto 35px;

    color:var(--yb-text);

    font-size:18px;

    line-height:1.9;

}

.yb-cta-box .yb-badge{

    margin-bottom:24px;

}

@media(max-width:991px){

.yb-cta-box{

padding:60px 40px;

}

.yb-cta-box h2{

font-size:36px;

}

}

@media(max-width:767px){

.yb-cta-box{

padding:45px 25px;

}

.yb-cta-box h2{

font-size:30px;

}

.yb-cta-box p{

font-size:16px;

}

}



/* Footer */
.yb-footer{
 background:#111827;
 color:#CBD5E1;
 padding:80px 0 25px;
}
.yb-footer-grid{
 display:grid;
 grid-template-columns:2fr 1fr 1fr 1.2fr;
 gap:60px;
}

/* Responsive */
@media(max-width:991px){
.section-padding{padding:60px 0}
h1{font-size:44px}
h2,.yb-section-title{font-size:36px}
.yb-services-grid{grid-template-columns:repeat(2,1fr)}
.yb-footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:767px){
.section-padding{padding:60px 0}
.yb-container{padding:0 20px}
h1{font-size:34px}
h2,.yb-section-title{font-size:28px}
h3{font-size:24px}
.yb-btn{width:100%}
.hero-stats{flex-direction:column;gap:25px}
.yb-services-grid{grid-template-columns:1fr}
.yb-footer-grid{grid-template-columns:1fr}
}


.tech-carousel{
    margin-top:20px;
}

.tech-carousel .owl-stage{
    display:flex;
    align-items:center;
}

.tech-carousel .owl-item{
    padding:0 10px;
}

.yb-client{
    background:#fff;
    border:1px solid #E5E7EB;
    border-radius:16px;
    height:120px;
    margin:0;
    padding:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s ease;
    cursor:default;
}

.yb-client img{
    max-width:200px;
    max-height:80px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:grayscale(100%);
    transition:.3s ease;
}

.yb-client:hover{
    box-shadow:0 5px 15px rgba(0,0,0,.08);
    transform:translateY(-5px);
}

.yb-client:hover img{
    filter:grayscale(0);
}


/* =========================================================
   YOTTABRAIN HOME — INDUSTRIES SECTION
   Follows Master YottaBrain Theme
   ========================================================= */

#industries.home-industries{
    position:relative;
    width:100%;
    padding:40px 0 40px;
    background:
        radial-gradient(
            circle at 82% 45%,
            rgba(201,32,39,.045),
            transparent 30%
        ),
        var(--yb-light);
    overflow:hidden;
}


/* =========================================================
   MAIN LAYOUT
   ========================================================= */

#industries.home-industries .industries-grid{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
    align-items:center;
    gap:60px;
    max-width:1240px;
    margin:0 auto;
    padding:0 15px;
}


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

#industries.home-industries .industries-content{
    position:relative;
    z-index:2;
}


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

#industries.home-industries .industries-label{
    display:inline-flex;
    align-items:center;
    gap:9px;

    margin-bottom:16px;

    color:var(--yb-primary);
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

#industries.home-industries .industries-label::after{
    content:"";
    width:28px;
    height:2px;
    background:var(--yb-primary);
}


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

#industries.home-industries .industries-title{
    max-width:650px;
    margin:0 0 20px;

    font-family:'Plus Jakarta Sans',sans-serif;
    color:var(--yb-heading);
    font-size:44px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:-1px;
}

#industries.home-industries .industries-title span{
    color:var(--yb-primary);
}


/* =========================================================
   INTRO
   ========================================================= */

#industries.home-industries .industries-intro{
    max-width:700px;
    margin:0;

    color:var(--yb-text);
    font-size:17px;
    line-height:1.8;
    font-weight:400;
}


/* =========================================================
   INDUSTRY LIST
   ========================================================= */

#industries.home-industries .industry-list{
    display:flex;
    flex-direction:column;
    gap:14px;

    width:100%;
    margin-top:32px;
}


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

#industries.home-industries .industry-card{
    position:relative;

    display:grid;
    grid-template-columns:58px 48px minmax(0,1fr) 38px;
    align-items:center;

    width:100%;
    min-height:98px;

    padding:15px 18px 15px 0;

    background:#fff;
    border:1px solid var(--yb-border);
    border-radius:18px;

    box-shadow:var(--yb-shadow);

    overflow:hidden;

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


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

#industries.home-industries .industry-card-number{
    align-self:stretch;

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

    color:#DCE3EA;

    font-family:'Plus Jakarta Sans',sans-serif;
    font-size:28px;
    line-height:1;
    font-weight:800;

    border-right:1px solid var(--yb-border);
}


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

#industries.home-industries .industry-card-icon{
    width:42px;
    height:42px;

    margin-left:12px;

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

    color:var(--yb-primary);
    background:var(--yb-primary-light);

    border:1px solid rgba(201,32,39,.12);
    border-radius:12px;

    font-size:17px;

    transition:.35s ease;
}


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

#industries.home-industries .industry-card-content{
    min-width:0;
    padding:0 15px;
}

#industries.home-industries .industry-card-content h3{
    margin:0 0 6px;

    font-family:'Plus Jakarta Sans',sans-serif;
    color:var(--yb-heading);

    font-size:18px;
    line-height:1.3;
    font-weight:700;
}

#industries.home-industries .industry-card-content h3 a{
    color:inherit;
    text-decoration:none;
}

#industries.home-industries .industry-card-content p{
    max-width:600px;

    margin:0;

    color:var(--yb-text);
    font-size:15px;
    line-height:1.65;
}


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

#industries.home-industries .industry-card-arrow{
    width:32px;
    height:32px;

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

    color:var(--yb-primary);
    background:#fff;

    border:1px solid rgba(201,32,39,.20);
    border-radius:50%;

    font-size:10px;
    text-decoration:none;

    transition:.35s ease;
}


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

#industries.home-industries .industry-card.active{
    background:var(--yb-gradient);
    border-color:var(--yb-primary);

    box-shadow:
        0 15px 35px rgba(201,32,39,.20);
}

#industries.home-industries .industry-card.active
.industry-card-number{
    color:#fff;
    border-color:rgba(255,255,255,.20);
}

#industries.home-industries .industry-card.active
.industry-card-icon{
    color:#fff;
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.25);
}

#industries.home-industries .industry-card.active
.industry-card-content h3 a{
    color:#fff;
}

#industries.home-industries .industry-card.active
.industry-card-content p{
    color:rgba(255,255,255,.90);
}

#industries.home-industries .industry-card.active
.industry-card-arrow{
    color:var(--yb-primary);
    background:#fff;
    border-color:#fff;
}


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

#industries.home-industries
.industry-card:not(.active):hover{
    transform:translateY(-5px);

    border-color:rgba(201,32,39,.25);

    box-shadow:var(--yb-shadow-lg);
}

#industries.home-industries
.industry-card:not(.active):hover
.industry-card-icon{
    color:#fff;
    background:var(--yb-primary);
    border-color:var(--yb-primary);
}

#industries.home-industries
.industry-card:not(.active):hover
.industry-card-arrow{
    color:#fff;
    background:var(--yb-primary);
    border-color:var(--yb-primary);
}


/* =========================================================
   VIEW ALL
   ========================================================= */

#industries.home-industries .industries-view-all{
    margin-top:22px;
}

#industries.home-industries .industries-view-all a{
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:var(--yb-primary);

    font-size:14px;
    font-weight:700;
    text-decoration:none;
}

#industries.home-industries .industries-view-all a i{
    font-size:11px;
    transition:.3s ease;
}

#industries.home-industries .industries-view-all a:hover i{
    transform:translateX(4px);
}


/* =========================================================
   RIGHT VISUAL
   ========================================================= */

#industries.home-industries .industries-visual{
    position:relative;

    width:100%;
    min-height:500px;

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

    isolation:isolate;
}


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

#industries.home-industries .industries-visual-bg{
    position:absolute;

    top:50%;
    left:50%;

    width:500px;
    height:500px;

    transform:translate(-50%,-50%);

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.98) 0%,
            rgba(235,241,248,.75) 48%,
            transparent 72%
        );

    border-radius:50%;

    z-index:-3;
}


/* =========================================================
   ORBITS
   ========================================================= */

#industries.home-industries .industry-orbit{
    position:absolute;

    top:50%;
    left:50%;

    width:360px;
    height:360px;

    border:1px solid rgba(201,32,39,.18);
    border-radius:50%;
}

#industries.home-industries .orbit-one{
    transform:
        translate(-50%,-50%)
        rotate(20deg)
        scaleX(1.25);
}

#industries.home-industries .orbit-two{
    transform:
        translate(-50%,-50%)
        rotate(-35deg)
        scaleX(1.25);
}


/* =========================================================
   GLOBE
   ========================================================= */

#industries.home-industries .industry-globe{
    position:relative;

    width:270px;
    height:270px;

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

    border-radius:50%;

    background:
        radial-gradient(
            circle at 35% 28%,
            #f8fbff 0%,
            #dbe5ef 30%,
            #9eacbd 65%,
            #253c57 100%
        );

    box-shadow:
        0 0 0 10px rgba(255,255,255,.60),
        0 0 50px rgba(201,32,39,.12),
        inset -25px -20px 50px rgba(16,42,76,.25);

    z-index:2;
}

#industries.home-industries .globe-inner{
    position:relative;

    width:91%;
    height:91%;

    overflow:hidden;
    border-radius:50%;
}

#industries.home-industries .globe-grid{
    position:absolute;
    inset:-15%;

    border-radius:50%;

    background:
        repeating-linear-gradient(
            90deg,
            transparent 0 22px,
            rgba(255,255,255,.15) 23px,
            transparent 24px
        ),
        repeating-linear-gradient(
            0deg,
            transparent 0 22px,
            rgba(255,255,255,.12) 23px,
            transparent 24px
        );
}


/* =========================================================
   GLOBE POINTS
   ========================================================= */

#industries.home-industries .globe-point{
    position:absolute;

    width:7px;
    height:7px;

    background:#ff4b52;
    border-radius:50%;

    box-shadow:0 0 10px rgba(255,75,82,.8);
}
/* =========================================================
   GLOBE — RED DATA POINTS
========================================================= */

#industries.home-industries .globe-inner {
    position: relative;
}

#industries.home-industries .globe-point {
    position: absolute !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    background: #ff3b43 !important;
    border-radius: 50% !important;
    z-index: 50 !important;

    box-shadow:
        0 0 0 3px rgba(255,59,67,.08),
        0 0 10px rgba(255,59,67,.55) !important;
}

/* Point 1 */
#industries.home-industries .globe-inner .globe-point:nth-child(2) {
    top: 34%;
    left: 34%;
}

/* Point 2 */
#industries.home-industries .globe-inner .globe-point:nth-child(3) {
    top: 31%;
    right: 29%;
}

/* Point 3 */
#industries.home-industries .globe-inner .globe-point:nth-child(4) {
    top: 51%;
    right: 34%;
}

/* Point 4 */
#industries.home-industries .globe-inner .globe-point:nth-child(5) {
    bottom: 27%;
    left: 48%;
}
/* =========================================================
   FLOATING CARDS
   ========================================================= */

#industries.home-industries .industry-floating-card{
    position:absolute;

    width:92px;
    min-height:92px;

    padding:10px;

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

    text-align:center;

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

    border:1px solid rgba(229,231,235,.9);
    border-radius:50%;

    box-shadow:
        0 12px 30px rgba(17,24,39,.10);

    backdrop-filter:blur(8px);

    z-index:5;
}

#industries.home-industries .floating-icon{
    width:38px;
    height:38px;

    margin-bottom:6px;

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

    color:var(--yb-primary);
    background:var(--yb-primary-light);

    border-radius:50%;

    font-size:16px;
}

#industries.home-industries
.industry-floating-card strong{
    color:var(--yb-heading);

    font-size:9px;
    line-height:1.3;
    font-weight:700;
}


/* =========================================================
   FLOATING POSITIONS
   ========================================================= */

#industries.home-industries .floating-ai{
    top:35px;
    right:80px;
}

#industries.home-industries .floating-cloud{
    top:170px;
    left:5px;
}

#industries.home-industries .floating-security{
    top:170px;
    right:0;
}

#industries.home-industries .floating-growth{
    bottom:75px;
    left:30px;
}

#industries.home-industries .floating-customer{
    bottom:70px;
    right:25px;
}


/* =========================================================
   YOTTABRAIN PLATFORM
   ========================================================= */

#industries.home-industries .industry-platform{
    position:absolute;

    left:50%;
    bottom:15px;

    width:250px;
    height:62px;

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

    transform:translateX(-50%);

    background:linear-gradient(
        180deg,
        #fff 0%,
        #f1f4f7 100%
    );

    border:1px solid var(--yb-border);
    border-radius:50%;

    box-shadow:
        0 15px 30px rgba(17,24,39,.10),
        0 0 0 5px rgba(201,32,39,.05);

    z-index:4;
}

#industries.home-industries .platform-logo{
    display:flex;
    align-items:center;
    gap:8px;
}

#industries.home-industries .yb-mark{
    color:var(--yb-primary);
    font-size:22px;
    font-weight:900;
    letter-spacing:-2px;
}

#industries.home-industries .yb-name{
    color:var(--yb-heading);
    font-size:18px;
    font-weight:800;
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media(max-width:991px){

    #industries.home-industries{
        padding:70px 0 80px;
    }

    #industries.home-industries .industries-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    #industries.home-industries .industries-title{
        font-size:36px;
    }

    #industries.home-industries .industries-intro{
        font-size:16px;
    }

    #industries.home-industries .industries-visual{
        min-height:470px;
        max-width:600px;
        margin:0 auto;
    }
}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media(max-width:767px){

    #industries.home-industries{
        padding:60px 0 70px;
    }

    #industries.home-industries .industries-grid{
        padding:0 20px;
        gap:40px;
    }

    #industries.home-industries .industries-title{
        font-size:30px;
        line-height:1.2;
        letter-spacing:-.5px;
    }

    #industries.home-industries .industries-intro{
        font-size:15px;
        line-height:1.7;
    }

    #industries.home-industries .industry-list{
        gap:12px;
        margin-top:25px;
    }

    #industries.home-industries .industry-card{
        grid-template-columns:45px 42px minmax(0,1fr) 32px;
        min-height:88px;
        padding-right:10px;
    }

    #industries.home-industries .industry-card-number{
        font-size:22px;
    }

    #industries.home-industries .industry-card-icon{
        width:36px;
        height:36px;
        margin-left:7px;
        font-size:14px;
    }

    #industries.home-industries .industry-card-content{
        padding:0 8px;
    }

    #industries.home-industries .industry-card-content h3{
        font-size:15px;
        margin-bottom:4px;
    }

    #industries.home-industries .industry-card-content p{
        font-size:12px;
        line-height:1.5;
    }

    #industries.home-industries .industry-card-arrow{
        width:28px;
        height:28px;
        font-size:9px;
    }

    #industries.home-industries .industries-visual{
        min-height:420px;
    }

    #industries.home-industries .industry-globe{
        width:215px;
        height:215px;
    }

    #industries.home-industries .industry-orbit{
        width:285px;
        height:285px;
    }

    #industries.home-industries .industry-floating-card{
        width:72px;
        min-height:72px;
        padding:7px;
    }

    #industries.home-industries .floating-icon{
        width:30px;
        height:30px;
        font-size:13px;
    }

    #industries.home-industries
    .industry-floating-card strong{
        font-size:7px;
    }

    #industries.home-industries .floating-ai{
        top:15px;
        right:40px;
    }

    #industries.home-industries .floating-cloud{
        top:145px;
        left:0;
    }

    #industries.home-industries .floating-security{
        top:145px;
        right:0;
    }

    #industries.home-industries .floating-growth{
        bottom:55px;
        left:15px;
    }

    #industries.home-industries .floating-customer{
        bottom:50px;
        right:15px;
    }

    #industries.home-industries .industry-platform{
        width:205px;
        height:52px;
        bottom:5px;
    }

    #industries.home-industries .yb-mark{
        font-size:18px;
    }

    #industries.home-industries .yb-name{
        font-size:15px;
    }
}


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

@media(max-width:480px){

    #industries.home-industries .industries-title{
        font-size:28px;
    }

    #industries.home-industries .industry-card{
        grid-template-columns:40px 40px minmax(0,1fr) 30px;
        min-height:84px;
    }

    #industries.home-industries .industry-card-number{
        font-size:20px;
    }

    #industries.home-industries .industry-card-icon{
        width:34px;
        height:34px;
        margin-left:5px;
        font-size:13px;
    }

    #industries.home-industries .industry-card-content{
        padding:0 6px;
    }

    #industries.home-industries .industry-card-content h3{
        font-size:14px;
    }

    #industries.home-industries .industry-card-content p{
        font-size:11px;
    }

    #industries.home-industries .industry-card-arrow{
        width:26px;
        height:26px;
    }

    #industries.home-industries .industries-visual{
        min-height:380px;
    }

    #industries.home-industries .industry-globe{
        width:185px;
        height:185px;
    }

    #industries.home-industries .industry-orbit{
        width:245px;
        height:245px;
    }

    #industries.home-industries .industry-floating-card{
        width:62px;
        min-height:62px;
    }

    #industries.home-industries .floating-cloud{
        left:-2px;
    }

    #industries.home-industries .floating-security{
        right:-2px;
    }

    #industries.home-industries .floating-growth{
        left:4px;
    }

    #industries.home-industries .floating-customer{
        right:4px;
    }
}
/*=========================================
Technology Section
=========================================*/

#technology .yb-tech-card{
    background:#fff;
    border:1px solid var(--yb-border);
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    box-shadow:var(--yb-shadow);
    transition:.35s ease;
    height:100%;
}

#technology .yb-tech-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--yb-shadow-lg);
}

/* Technology Icon */
#technology .yb-tech-card i{
    width:72px;
    height:72px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(135deg,#C92027 0%,#A8181E 100%);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:30px;
    box-shadow:0 12px 25px rgba(201,32,39,.25);
    transition:.35s ease;
}

#technology .yb-tech-card:hover i{
    transform:translateY(-5px) scale(1.08);
    box-shadow:0 18px 35px rgba(201,32,39,.35);
}

/* Heading */
#technology .yb-tech-card h4{
    color:var(--yb-primary);
    margin-top:18px;
    margin-bottom:12px;
    font-weight:700;
}

/* Description */
#technology .yb-tech-card p{
    color:var(--yb-text);
    line-height:1.8;
    margin-bottom:0;
}

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

.yb-tech-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:60px;
}
.yb-tech-card{
    background:#fff;
    border:1px solid var(--yb-border);
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    box-shadow:var(--yb-shadow);
    transition:.35s;
    height:100%;
}

.yb-tech-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--yb-shadow-lg);
}

@media (max-width:991px){
    .yb-tech-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:767px){
    .yb-tech-grid{
        grid-template-columns:1fr;
    }
}

#services .yb-service-icon i{
    font-size:25px;
    color:var(--yb-primary);
    transition:.35s ease;
}
#services .yb-service-card:hover .yb-service-icon i{
    transform:scale(1.1);
    color:#fff;
}



/* =========================================================
   YOTTABRAIN PROCESS SECTION
   Premium Theme-Matched Version
   Desktop: 4 + 3
   Tablet: 2 + 2 + 2 + 1
   Mobile: 1 Column
========================================================= */


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

.yb-process-section{
    position:relative;
    padding:40px 0 40px;
    background:#fff;
    overflow:hidden;
}


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

.yb-process-header{
    max-width:850px;
    margin:0 auto 38px;
    text-align:center;
}

.yb-process-header .yb-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
}

.yb-process-header .yb-section-title{
    margin:0 auto 16px;
    color:#0F2B50;
    font-size:38px;
    line-height:1.2;
    font-weight:800;
}

.yb-process-header .yb-section-title span{
    color:#C92027;
}

.yb-process-header .yb-section-subtitle{
    max-width:760px;
    margin:0 auto;
    color:#64748B;
    font-size:17px;
    line-height:1.75;
}


/* =========================================================
   PROCESS TABS
   YOTTABRAIN PILL STYLE
========================================================= */

.yb-process-tabs{
    display:flex;
    align-items:center;
    justify-content:center;

    width:max-content;
    max-width:100%;

    margin:0 auto 34px;
    padding:4px;

    background:#F8FAFC;

    border:1px solid #E2E8F0;
    border-radius:50px;

    box-shadow:0 4px 12px rgba(15,43,80,.04);
}

.yb-process-tab{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-width:150px;

    padding:11px 22px;

    border:0;
    border-radius:50px;

    background:transparent;

    color:#64748B;

    font-family:inherit;
    font-size:15px;
    font-weight:700;
    line-height:1.2;

    cursor:pointer;

    transition:
        background .3s ease,
        color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

.yb-process-tab i{
    font-size:12px;
}

.yb-process-tab:hover{
    color:#C92027;
}

.yb-process-tab.active{
    background:#C92027;
    color:#fff;

    border-radius:50px;

    box-shadow:0 5px 14px rgba(201,32,39,.20);
}

.yb-process-tab.active:hover{
    color:#fff;
}


/* =========================================================
   PROCESS PANEL
========================================================= */

.yb-process-panel{
    width:100%;
}

.yb-process-panel[hidden]{
    display:none !important;
}


/* =========================================================
   PROCESS CARD GRID
   DESKTOP = 4 + 3
========================================================= */

.yb-process-panel-grid{
    display:flex;
    flex-wrap:wrap;

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

    gap:16px;

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

    margin:0 auto;
}


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

.yb-process-card{
    position:relative;

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

    min-height:220px;

    padding:24px 21px 22px;

    background:#fff;

    border:1px solid #E2E8F0;
    border-top:2px solid rgba(201,32,39,.65);

    border-radius:10px;

    box-shadow:0 8px 24px rgba(15,43,80,.055);

    overflow:hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

.yb-process-card:hover{
    transform:translateY(-4px);

    border-color:#D7DDE5;

    box-shadow:
        0 14px 32px rgba(15,43,80,.10);
}


/* =========================================================
   PROCESS NUMBER
========================================================= */

.yb-process-number{
    position:absolute;

    top:10px;
    right:12px;

    z-index:0;

    font-family:inherit;

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

    font-weight:800;

    color:#EEF1F5;

    pointer-events:none;
}


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

.yb-process-icon{
    position:relative;
    z-index:1;

    width:36px;
    height:36px;

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

    margin-bottom:15px;

    background:#fff;

    border:1px solid rgba(201,32,39,.22);
    border-radius:7px;

    color:#C92027;

    font-size:13px;

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

.yb-process-icon i{
    color:#C92027;
}

.yb-process-card:hover .yb-process-icon{
    background:#FFF5F5;
    border-color:rgba(201,32,39,.35);
}


/* =========================================================
   PROCESS CARD CONTENT
========================================================= */

.yb-process-content{
    position:relative;
    z-index:1;
}


/* CARD TITLE */

.yb-process-content h3{
    margin:0 34px 7px 0;

    color:#0F2B50;

    font-family:inherit;

    font-size:19px;
    line-height:1.35;

    font-weight:700;
}


/* PHASE / CADENCE */

.yb-process-content b{
    display:block;

    margin-bottom:9px;

    color:#C92027;

    font-family:inherit;

    font-size:11px;
    line-height:1.45;

    font-weight:700;
}


/* DESCRIPTION */

.yb-process-content p{
    margin:0;

    color:#64748B;

    font-family:inherit;

    font-size:17px;
    line-height:1.65;

    font-weight:400;
}


/* =========================================================
   TABLET
   2 COLUMNS
========================================================= */

@media(max-width:991px){

    .yb-process-section{
        padding:75px 0 85px;
    }

    .yb-process-header{
        margin-bottom:32px;
    }

    .yb-process-header .yb-section-title{
        font-size:34px;
    }

    .yb-process-header .yb-section-subtitle{
        font-size:14px;
    }

    .yb-process-panel-grid{
        max-width:760px;
        gap:16px;
    }

    .yb-process-card{
        flex:0 0 calc((100% - 16px) / 2);
        width:calc((100% - 16px) / 2);

        min-height:215px;
    }

}


/* =========================================================
   MOBILE
   1 COLUMN
========================================================= */

@media(max-width:767px){

    .yb-process-section{
        padding:60px 0 70px;
    }

    .yb-process-header{
        margin-bottom:28px;
    }

    .yb-process-header .yb-section-title{
        font-size:29px;
        line-height:1.25;
    }

    .yb-process-header .yb-section-subtitle{
        font-size:14px;
        line-height:1.7;
    }


    /* -----------------------------------------
       Tabs
    ----------------------------------------- */

    .yb-process-tabs{
        width:100%;
        max-width:360px;

        margin:0 auto 24px;

        padding:3px;
    }

    .yb-process-tab{
        flex:1;

        min-width:0;

        padding:10px 8px;

        font-size:10px;
    }

    .yb-process-tab i{
        font-size:10px;
    }


    /* -----------------------------------------
       Cards
    ----------------------------------------- */

    .yb-process-panel-grid{
        width:100%;

        gap:14px;

        max-width:none;
    }

    .yb-process-card{
        flex:0 0 100%;
        width:100%;

        min-height:auto;

        padding:20px 18px;
    }


    /* -----------------------------------------
       Mobile Typography
    ----------------------------------------- */

    .yb-process-content h3{
        font-size:15px;
        line-height:1.35;
    }

    .yb-process-content b{
        font-size:10px;
        line-height:1.45;
    }

    .yb-process-content p{
        font-size:12px;
        line-height:1.65;
    }

}


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

@media(max-width:480px){

    .yb-process-section{
        padding:55px 0 65px;
    }

    .yb-process-header .yb-section-title{
        font-size:26px;
    }

    .yb-process-header .yb-section-subtitle{
        font-size:13px;
    }

    .yb-process-tab{
        padding:9px 6px;

        font-size:10px;
    }

    .yb-process-tab i{
        font-size:10px;
    }

    .yb-process-number{
        top:9px;
        right:11px;

        font-size:22px;
    }

    .yb-process-icon{
        width:32px;
        height:32px;

        margin-bottom:12px;

        font-size:12px;
    }

}


/*===============================
Premium FAQ
================================*/

.yb-faq{
max-width:1000px;
margin:auto;
}

.yb-faq-item{

background:#fff;

border-radius:18px;

margin-bottom:22px;

overflow:hidden;

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

transition:.35s;

border:1px solid #ececec;

}

.yb-faq-item:hover{

transform:translateY(-4px);

box-shadow:0 20px 55px rgba(0,0,0,.12);

}

.yb-faq-question{

width:100%;

background:#fff;

border:0;

padding:28px 35px;

display:flex;

justify-content:space-between;

align-items:center;

font-size:22px;

font-weight:700;

color:#1b2b48;

cursor:pointer;

transition:.3s;

}

.yb-faq-question span{

text-align:left;

}

.yb-faq-question i{

width:42px;

height:42px;

border-radius:50%;

background:#f5f5f5;

display:flex;

align-items:center;

justify-content:center;

color:#C92027;

font-size:18px;

transition:.35s;

}

.yb-faq-item.active{

border-left:5px solid #C92027;

}

.yb-faq-item.active .yb-faq-question{

color:#C92027;

}

.yb-faq-item.active i{

background:#C92027;

color:#fff;

transform:rotate(180deg);

}

.yb-faq-answer{

padding:0 35px;

max-height:0;

overflow:hidden;

transition:max-height .4s ease;

}

.yb-faq-item.active .yb-faq-answer{

padding:0 35px 30px;

max-height:300px;

}

.yb-faq-answer p{

font-size:17px;

line-height:1.9;

color:#5b6474;

margin:0;

}

@media(max-width:768px){

.yb-faq-question{

font-size:18px;

padding:22px;

}

.yb-faq-answer{

padding:0 22px;

}

.yb-faq-item.active .yb-faq-answer{

padding:0 22px 22px;

}

}

.yb-btn-red{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 34px;
    margin-top:20px;
    background:#C92027;
    color:#fff !important;
    font-weight:700;
    border-radius:50px;
    text-decoration:none;
    transition:.3s;
    box-shadow:0 12px 30px rgba(201,32,39,.30);
}

.yb-btn-red:hover{
    background:#A8181E;
    color:#fff !important;
    transform:translateY(-3px);
}

/* ==========================================
   PREMIUM HOME CTA
   ========================================== */

.yb-cta {
    position: relative;
    padding: 90px 0;
    background: #C92027;
    overflow: hidden;
}


/* CTA BOX */

.yb-cta .yb-cta-box {
    position: relative;

    padding: 65px;

    background: #FFF5F5;

    border: 1px solid rgba(201,32,39,.12);
    border-radius: 28px;

    overflow: hidden;

    color: #111827;

    box-shadow:
        0 18px 45px rgba(0,0,0,.08);
}


/* SUB BADGE */

.yb-cta .yb-badge {
    display: inline-flex;
    align-items: center;

    padding: 7px 13px;

    background: #fff;
    color: #C92027;

    border-radius: 30px;

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

    letter-spacing: 1.5px;
    text-transform: uppercase;
}


/* HEADING */

.yb-cta .yb-cta-box h2 {
    margin: 18px 0;

    color: #111827;

    font-size: 48px;
    line-height: 1.15;

    font-weight: 800;

    letter-spacing: -1px;
}


/* DESCRIPTION */

.yb-cta .yb-cta-box p {
    max-width: 720px;

    margin-bottom: 30px;

    color: #6B7280;

    font-size: 18px;
    line-height: 1.8;
}


/* LIST */

.yb-cta .yb-cta-list {
    display: flex;
    flex-wrap: wrap;

    gap: 20px;

    margin: 35px 0 0;
    padding: 0;

    list-style: none;
}


.yb-cta .yb-cta-list li {
    color: #111827;

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


.yb-cta .yb-cta-list i {
    margin-right: 7px;

    color: #C92027;
}


/* CTA BUTTON */

.yb-cta .yb-btn-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 16px 34px;

    background: #C92027;
    color: #fff !important;

    border-radius: 50px;

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

    text-decoration: none;

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


.yb-cta .yb-btn-cta:hover {
    background: #A8181E;
    color: #fff !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 22px rgba(201,32,39,.20);
}


/* SECONDARY LINK */

.yb-cta .yb-link-light {
    color: #C92027 !important;

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

    text-decoration: none;
}


.yb-cta .yb-link-light:hover {
    color: #A8181E !important;
    text-decoration: underline;
}


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

@media (max-width: 991px) {

    .yb-cta {
        padding: 70px 0;
    }

    .yb-cta .yb-cta-box {
        padding: 50px;
        border-radius: 24px;
    }

    .yb-cta .yb-cta-box h2 {
        font-size: 38px;
    }

    .yb-cta .yb-cta-box p {
        font-size: 17px;
        line-height: 1.7;
    }

    .yb-cta .yb-cta-list {
        gap: 15px;
    }

    /* CTA ONLY — NOT GLOBAL .col-lg-4 */
    .yb-cta .col-lg-4 {
        margin-top: 35px;
        text-align: left !important;
    }
}


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

@media (max-width: 767px) {

    .yb-cta {
        padding: 55px 0;
    }

    .yb-cta .yb-cta-box {
        padding: 35px 25px;
        border-radius: 20px;
    }

    .yb-cta .yb-cta-box h2 {
        font-size: 30px;
        line-height: 1.25;
    }

    .yb-cta .yb-cta-box p {
        font-size: 15px;
        line-height: 1.7;
    }

    .yb-cta .yb-cta-list {
        display: block;

        margin-top: 25px;
    }

    .yb-cta .yb-cta-list li {
        margin-bottom: 12px;

        font-size: 14px;
    }

    .yb-cta .yb-btn-cta {
        width: 100%;

        padding: 15px 24px;

        text-align: center;
    }

    .yb-cta .yb-link-light {
        display: inline-block;

        margin-top: 15px;
    }
}


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

@media (max-width: 480px) {

    .yb-cta {
        padding: 45px 0;
    }

    .yb-cta .yb-cta-box {
        padding: 30px 20px;
        border-radius: 18px;
    }

    .yb-cta .yb-cta-box h2 {
        font-size: 27px;
    }

    .yb-cta .yb-cta-box p {
        font-size: 14px;
    }

    .yb-cta .yb-btn-cta {
        width: 100%;
        font-size: 15px;
    }
}
/* Footer Logo */

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

.footer-logo img{
    width:170px;
    max-width:100%;
    height:auto;
}
footer img{
    width:160px !important;
	  max-width:160px !important;
    height:auto !important;
}
.yb-footer img{
    width:160px !important;
    max-width:160px !important;
    height:auto !important;
}

/*==================================================
YottaBrain Footer
==================================================*/

.yb-footer{
    background:#111827;
    color:#CBD5E1;
    padding:80px 0 25px;
}

.yb-footer hr{
    border-color:rgba(255,255,255,.12);
    margin:45px 0 30px;
}

/* Logo */
.footer-logo{
    width:170px;
    margin-bottom:25px;
}

/* About */
.footer-about{
    color:#CBD5E1;
    font-size:15px;
    line-height:1.9;
    margin-bottom:25px;
}

/* Headings */
.footer-title{
    color:#ffffff;
    font-size:22px;
    font-weight:700;
    margin-bottom:25px;
    position:relative;
}

.footer-title:after{
    content:"";
    display:block;
    width:45px;
    height:3px;
    background:#C92027;
    margin-top:10px;
    border-radius:3px;
}

/* Links */
.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:14px;
}

.footer-links a{
    color:#CBD5E1;
    text-decoration:none;
    transition:.3s;
}

.footer-links a:hover{
    color:#ffffff;
    padding-left:6px;
}

/* Contact */
.footer-contact{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
    color:#CBD5E1;
    line-height:1.8;
}

.footer-contact i{
    color:#C92027;
    margin-top:5px;
    width:18px;
}

/* Social */
.footer-social{
    margin-top:20px;
}

.footer-social a{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-right:10px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;
    transition:.3s;
}

.footer-social a:hover{
    background:#C92027;
    color:#fff;
    transform:translateY(-3px);
}

/* Bottom */
.copyright{
    color:#94A3B8;
    margin:0;
}

.yb-footer .text-md-end{
    text-align:right;
}

.yb-footer .text-md-end a{
    color:#CBD5E1;
    margin:0 8px;
}

.yb-footer .text-md-end a:hover{
    color:#ffffff;
}

@media(max-width:991px){

    .yb-footer .col-lg-2,
    .yb-footer .col-lg-4{
        margin-bottom:40px;
    }

    .yb-footer .text-md-end{
        text-align:left;
        margin-top:20px;
    }

}

@media(max-width:767px){

    .footer-title{
        margin-top:20px;
    }

    .footer-social a{
        margin-bottom:10px;
    }

}


/* =====================================================
   OUR TEAM
===================================================== */

#our-team{
    background:#f7f9fc;
    position:relative;
    overflow:hidden;
}

#our-team .yb-section-desc{
    max-width:700px;
    color:#6c757d;
    font-size:17px;
    line-height:1.8;
    margin-bottom:0;
}

/* ===========================
   Carousel
=========================== */

.yb-team-carousel{
    position:relative;
}

.yb-team-carousel .owl-stage{
    display:flex;
}

.yb-team-carousel .owl-item{
    display:flex;
}

.yb-team-carousel .owl-item > div{
    display:flex;
    width:100%;
}

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

.team-card{
    position:relative;
    width:100%;
    min-height:310px;

    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;

    padding:35px 35px 35px 150px;

    margin:12px;

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

    transition:.35s ease;
}

.team-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

/* ===========================
   Photo
=========================== */

.team-photo{
    position:absolute;
    top:35px;
    left:35px;
    width:82px;
    height:82px;
}

.team-photo img{
    width:82px;
    height:82px;
    border-radius:14px;
    object-fit:cover;
    border:1px solid #fff;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

/* ===========================
   Content
=========================== */

.quote-icon{
    font-size:34px;
    color:#C92027;
    margin-bottom:18px;
}

.team-content p{
    font-size:17px;
    line-height:1.8;
    color:#555;
    margin-bottom:35px;
    min-height:120px;
}

.team-content h4{
    margin:0 0 6px;
    font-size:20px;
    font-weight:700;
    color:#222;
}

.team-content span{
    font-size:15px;
    font-weight:600;
    color:#C92027;
}

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

.yb-team-carousel .owl-nav{
    position:absolute;
    top:-90px;
    right:0;
}

.yb-team-carousel .owl-prev,
.yb-team-carousel .owl-next{
    width:46px;
    height:46px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    margin-left:10px;

    background:#fff !important;
    border:1px solid #ddd !important;
    border-radius:50% !important;

    box-shadow:0 5px 15px rgba(0,0,0,.08);

    transition:.3s;
}

.yb-team-carousel .owl-prev:hover,
.yb-team-carousel .owl-next:hover{
    background:#C92027 !important;
    border-color:#C92027 !important;
}

.yb-team-carousel .owl-prev i,
.yb-team-carousel .owl-next i{
    color:#C92027;
    font-size:18px;
}

.yb-team-carousel .owl-prev:hover i,
.yb-team-carousel .owl-next:hover i{
    color:#fff;
}

.yb-team-carousel .owl-prev span,
.yb-team-carousel .owl-next span{
    display:none;
}

/* ===========================
   Dots
=========================== */

.yb-team-carousel .owl-dots{
    text-align:center;
    margin-top:30px;
}

.yb-team-carousel .owl-dot span{
    width:10px;
    height:10px;
    background:#d2d2d2 !important;
}

.yb-team-carousel .owl-dot.active span{
    background:#C92027 !important;
}

/* ===========================
   Responsive
=========================== */

@media (max-width:991px){

    .team-card{
        padding:30px;
        min-height:auto;
    }

    .team-photo{
        position:relative;
        top:0;
        left:0;
        margin-bottom:20px;
    }

    .team-content{
        padding-left:0;
    }

    .team-content p{
        min-height:auto;
    }

    .yb-team-carousel .owl-nav{
        position:relative;
        top:0;
        right:0;
        text-align:center;
        margin-bottom:20px;
    }

}

@media (max-width:767px){

    .team-card{
        padding:25px;
    }

    .team-content p{
        font-size:16px;
    }

    .team-content h4{
        font-size:19px;
    }

}

#map {
    width: 100%;
    height: 450px;
    min-height: 450px;
}

@media (max-width: 767px) {

    #map {
        height: 350px;
        min-height: 350px;
    }

}

/*=========================================
Spacing Utility Classes
=========================================*/

/* Margin Top */
.mt-0{margin-top:0!important;}
.mt-10{margin-top:10px!important;}
.mt-20{margin-top:20px!important;}
.mt-30{margin-top:30px!important;}
.mt-40{margin-top:40px!important;}
.mt-50{margin-top:50px!important;}
.mt-60{margin-top:60px!important;}
.mt-70{margin-top:70px!important;}
.mt-80{margin-top:80px!important;}
.mt-100{margin-top:100px!important;}

/* Margin Bottom */
.mb-0{margin-bottom:0!important;}
.mb-10{margin-bottom:10px!important;}
.mb-20{margin-bottom:20px!important;}
.mb-30{margin-bottom:30px!important;}
.mb-40{margin-bottom:40px!important;}
.mb-50{margin-bottom:50px!important;}
.mb-60{margin-bottom:60px!important;}
.mb-70{margin-bottom:70px!important;}
.mb-80{margin-bottom:80px!important;}
.mb-100{margin-bottom:100px!important;}

/* Margin Left */
.ml-0{margin-left:0!important;}
.ml-10{margin-left:10px!important;}
.ml-20{margin-left:20px!important;}
.ml-30{margin-left:30px!important;}
.ml-40{margin-left:40px!important;}
.ml-50{margin-left:50px!important;}

/* Margin Right */
.mr-0{margin-right:0!important;}
.mr-10{margin-right:10px!important;}
.mr-20{margin-right:20px!important;}
.mr-30{margin-right:30px!important;}
.mr-40{margin-right:40px!important;}
.mr-50{margin-right:50px!important;}

/* Padding Top */

.pt-0{padding-top:0!important;}
.pt-10{padding-top:10px!important;}
.pt-20{padding-top:20px!important;}
.pt-30{padding-top:30px!important;}
.pt-40{padding-top:40px!important;}
.pt-50{padding-top:50px!important;}
.pt-60{padding-top:60px!important;}
.pt-70{padding-top:70px!important;}
.pt-80{padding-top:80px!important;}
.pt-100{padding-top:100px!important;}

/* Padding Bottom */
.pb-0{padding-bottom:0!important;}
.pb-10{padding-bottom:10px!important;}
.pb-20{padding-bottom:20px!important;}
.pb-30{padding-bottom:30px!important;}
.pb-40{padding-bottom:40px!important;}
.pb-50{padding-bottom:50px!important;}
.pb-60{padding-bottom:60px!important;}
.pb-70{padding-bottom:70px!important;}
.pb-80{padding-bottom:80px!important;}
.pb-100{padding-bottom:100px!important;}

/* Padding Left */
.pl-0{padding-left:0!important;}
.pl-10{padding-left:10px!important;}
.pl-20{padding-left:20px!important;}
.pl-30{padding-left:30px!important;}
.pl-40{padding-left:40px!important;}
.pl-50{padding-left:50px!important;}

/* Padding Right */
.pr-0{padding-right:0!important;}
.pr-10{padding-right:10px!important;}
.pr-20{padding-right:20px!important;}
.pr-30{padding-right:30px!important;}
.pr-40{padding-right:40px!important;}
.pr-50{padding-right:50px!important;}

/*=========================================
Display Utilities
=========================================*/

.d-block{
    display:block !important;
}

.d-inline-block{
    display:inline-block !important;
}

.d-inline{
    display:inline !important;
}

.d-flex{
    display:flex !important;
}

.d-grid{
    display:grid !important;
}

.d-none{
    display:none !important;
}


/*=========================================
Flex Alignment
=========================================*/

.flex-column{
    flex-direction:column !important;
}

.flex-row{
    flex-direction:row !important;
}

.flex-wrap{
    flex-wrap:wrap !important;
}

.align-items-start{
    align-items:flex-start !important;
}

.align-items-center{
    align-items:center !important;
}

.align-items-end{
    align-items:flex-end !important;
}

.justify-content-start{
    justify-content:flex-start !important;
}

.justify-content-center{
    justify-content:center !important;
}

.justify-content-end{
    justify-content:flex-end !important;
}

.justify-content-between{
    justify-content:space-between !important;
}

.justify-content-around{
    justify-content:space-around !important;
}

.justify-content-evenly{
    justify-content:space-evenly !important;
}


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

.text-start{
    text-align:left !important;
}

.text-center{
    text-align:center !important;
}

.text-end{
    text-align:right !important;
}


/*=========================================
Width & Height
=========================================*/

.w-25{
    width:25% !important;
}

.w-50{
    width:50% !important;
}

.w-75{
    width:75% !important;
}

.w-100{
    width:100% !important;
}

.h-25{
    height:25% !important;
}

.h-50{
    height:50% !important;
}

.h-75{
    height:75% !important;
}

.h-100{
    height:100% !important;
}


/*=========================================
Overflow
=========================================*/

.overflow-hidden{
    overflow:hidden !important;
}

.overflow-auto{
    overflow:auto !important;
}

.overflow-visible{
    overflow:visible !important;
}


/*=========================================
Border Radius
=========================================*/

.rounded-0{
    border-radius:0 !important;
}

.rounded-sm{
    border-radius:6px !important;
}

.rounded{
    border-radius:12px !important;
}

.rounded-lg{
    border-radius:20px !important;
}

.rounded-xl{
    border-radius:30px !important;
}

.rounded-pill{
    border-radius:999px !important;
}

.rounded-circle{
    border-radius:50% !important;
}


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

.shadow-none{
    box-shadow:none !important;
}

.shadow-sm{
    box-shadow:0 4px 12px rgba(0,0,0,.08) !important;
}

.shadow{
    box-shadow:0 10px 30px rgba(0,0,0,.10) !important;
}

.shadow-lg{
    box-shadow:0 20px 50px rgba(0,0,0,.15) !important;
}


/*=========================================
Position
=========================================*/

.position-relative{
    position:relative !important;
}

.position-absolute{
    position:absolute !important;
}

.position-fixed{
    position:fixed !important;
}


/*=========================================
Cursor
=========================================*/

.cursor-pointer{
    cursor:pointer !important;
}

.cursor-default{
    cursor:default !important;
}


/*=========================================
Object Fit
=========================================*/

.object-cover{
    object-fit:cover !important;
}

.object-contain{
    object-fit:contain !important;
}

.mx-auto{
    margin-left:auto!important;
    margin-right:auto!important;
}

.my-auto{
    margin-top:auto!important;
    margin-bottom:auto!important;
}
.p-0{padding:0!important;}
.p-10{padding:10px!important;}
.p-20{padding:20px!important;}
.p-30{padding:30px!important;}

.m-0{margin:0!important;}
.m-10{margin:10px!important;}
.m-20{margin:20px!important;}
.m-30{margin:30px!important;}
.fw-300{font-weight:300!important;}
.fw-400{font-weight:400!important;}
.fw-500{font-weight:500!important;}
.fw-600{font-weight:600!important;}
.fw-700{font-weight:700!important;}
.fw-800{font-weight:800!important;}
.text-primary{
    color:var(--yb-primary)!important;
}

.text-white{
    color:#fff!important;
}

.text-muted{
    color:var(--yb-text)!important;
}

.bg-primary{
    background:var(--yb-primary)!important;
}

.bg-white{
    background:#fff!important;
}


.gap-10{
    gap:10px!important;
}

.gap-20{
    gap:20px!important;
}

.gap-30{
    gap:30px!important;
}

.gap-40{
    gap:40px!important;
}
.z-1{z-index:1;}
.z-10{z-index:10;}
.z-100{z-index:100;}
.z-1000{z-index:1000;}




/* Hero Badge Mobile Fix */
@media (max-width: 767px) {

    .yb-badge{
        font-size: 11px;
        padding: 10px 16px;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        width: auto;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}

/* Hero Stats - Mobile */
@media (max-width: 767px) {

    .hero-stats{
        display: flex;
        flex-direction: row !important;
        justify-content: space-between;
        align-items: flex-start;
        gap: 15px;
        margin-top: 35px;
    }

    .hero-stat{
        flex: 1;
        text-align: center;
		margin-bottom: 15px;
    }

    .hero-stat h3{
        font-size: 34px;
        margin-bottom: 8px;
    }

    .hero-stat p{
        font-size: 15px;
        line-height: 1.4;
        margin: 0;
    }

}

/* FAQ Mobile Fix */
@media (max-width: 991px) {

    #faq .col-lg-5{
        margin-bottom: 50px;
    }

    #faq .yb-btn-red{
        display: inline-flex;
        width: auto;
        margin-bottom: 0;
    }

    #faq .yb-faq{
        margin-top: 0;
    }

}

/* Footer Bottom - Mobile */
@media (max-width: 767px){

    .yb-footer .text-md-end{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        gap: 10px;
        margin-top: 15px;
        text-align: center;
    }

    .yb-footer .text-md-end a{
        margin: 0;
        white-space: nowrap;
        font-size: 14px;
    }

}

@media (max-width: 767px){

    .yb-team-carousel .owl-nav{
        position: absolute;
        top: -55px;
        right: 10px;
        margin: 0;
        z-index: 10;
    }

    .yb-team-carousel .owl-prev,
    .yb-team-carousel .owl-next{
        width: 42px;
        height: 42px;
    }

}






/* =========================================================
   TECHNOLOGY ECOSYSTEM
========================================================= */

.yb-tech-ecosystem {
    position: relative;

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

    min-height: 620px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(280px, 1fr)
        240px
        minmax(280px, 1fr);

    grid-template-rows:
        minmax(210px, auto)
        minmax(210px, auto);

    column-gap: 70px;
    row-gap: 30px;

    align-items: center;
}


/* =========================================================
   TECHNOLOGY GROUP CARD
========================================================= */

.yb-tech-group {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 18px;

    width: 100%;

    min-height: 190px;

    padding: 26px;

    border: 1px solid #e2e8f0;

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 12px 35px rgba(16, 42, 76, .06);

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

    z-index: 2;
}

.yb-tech-group:hover {
    transform: translateY(-4px);

    border-color: rgba(201, 32, 39, .25);

    box-shadow:
        0 18px 45px rgba(16, 42, 76, .10);
}


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

.yb-tech-cloud {
    grid-column: 1;
    grid-row: 1;
}

.yb-tech-ai {
    grid-column: 1;
    grid-row: 2;
}

.yb-tech-frameworks {
    grid-column: 3;
    grid-row: 1;
}

.yb-tech-automation {
    grid-column: 3;
    grid-row: 2;
}


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

.yb-tech-group-icon {

    flex: 0 0 52px;

    width: 52px;
    height: 52px;

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

    border-radius: 13px;

    background: #ffffff;

    color: #c92027;

    font-size: 21px;

    box-shadow:
        0 7px 20px rgba(16, 42, 76, .08);
}


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

.yb-tech-group-content {
    min-width: 0;
    flex: 1;
}

.yb-tech-group-label {

    display: block;

    margin-bottom: 5px;

    color: #c92027;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

    line-height: 1;
}

.yb-tech-group h3 {

    margin: 0 0 16px;

    color: #102a4c;

    font-size: 19px;

    font-weight: 750;

    line-height: 1.3;
}


/* =========================================================
   TECHNOLOGY TAGS
========================================================= */

.yb-tech-items {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;
}

.yb-tech-items span {

    display: inline-flex;

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

    min-height: 30px;

    padding: 5px 10px;

    border: 1px solid #dbe3ec;

    border-radius: 6px;

    background: #ffffff;

    color: #29476b;

    font-size: 11px;

    font-weight: 500;

    line-height: 1.2;
}


/* =========================================================
   CENTER HUB
========================================================= */

.yb-tech-center {

    position: relative;

    grid-column: 2;

    grid-row: 1 / span 2;

    width: 220px;
    height: 220px;

    margin: auto;

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

    z-index: 5;
}


/* =========================================================
   CENTER OUTER RING
========================================================= */

.yb-tech-center-ring {

    position: absolute;

    inset: -18px;

    border: 1px dashed rgba(201, 32, 39, .38);

    border-radius: 50%;

    pointer-events: none;
}

.yb-tech-center-ring::after {

    content: "";

    position: absolute;

    inset: -1px;

    border-radius: 50%;

    box-shadow:
        0 0 0 30px rgba(201, 32, 39, .025);
}


/* =========================================================
   CENTER CIRCLE
========================================================= */

.yb-tech-center-inner {

    position: relative;

    width: 175px;
    height: 175px;

    display: flex;

    flex-direction: column;

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

    border-radius: 50%;

    background:
        linear-gradient(
            145deg,
            #d9232e,
            #c92027
        );

    color: #ffffff;

    text-align: center;

    box-shadow:
        0 20px 45px rgba(201, 32, 39, .22);
}

.yb-tech-center-inner i {

    margin-bottom: 10px;

    color: #ffffff;

    font-size: 25px;
}

.yb-tech-center-inner span {

    margin-bottom: 7px;

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

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}

.yb-tech-center-inner strong {

    color: #ffffff;

    font-size: 19px;

    font-weight: 800;

    line-height: 1.15;
}


/* =========================================================
   CONNECTING LINES
========================================================= */

.yb-tech-cloud::after,
.yb-tech-ai::after,
.yb-tech-frameworks::after,
.yb-tech-automation::after {

    content: "";

    position: absolute;

    top: 50%;

    width: 70px;

    height: 1px;

    background: rgba(201, 32, 39, .35);

    z-index: -1;
}


/* LEFT CONNECTIONS */

.yb-tech-cloud::after,
.yb-tech-ai::after {

    right: -70px;
}


/* RIGHT CONNECTIONS */

.yb-tech-frameworks::after,
.yb-tech-automation::after {

    left: -70px;
}


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

.yb-tech-cloud::before,
.yb-tech-ai::before,
.yb-tech-frameworks::before,
.yb-tech-automation::before {

    content: "";

    position: absolute;

    top: calc(50% - 3px);

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #c92027;

    z-index: 3;
}

.yb-tech-cloud::before,
.yb-tech-ai::before {

    right: -73px;
}

.yb-tech-frameworks::before,
.yb-tech-automation::before {

    left: -73px;
}


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

@media (max-width: 991px) {

    .yb-tech-ecosystem {

        max-width: 760px;

        grid-template-columns:
            minmax(250px, 1fr)
            190px
            minmax(250px, 1fr);

        column-gap: 35px;

        min-height: 560px;
    }

    .yb-tech-group {

        padding: 22px;

        gap: 14px;

        min-height: 175px;
    }

    .yb-tech-group-icon {

        flex-basis: 45px;

        width: 45px;
        height: 45px;

        font-size: 18px;
    }

    .yb-tech-group h3 {

        font-size: 17px;

        margin-bottom: 12px;
    }

    .yb-tech-items {

        gap: 5px;
    }

    .yb-tech-items span {

        font-size: 10px;

        padding: 5px 8px;
    }

    .yb-tech-center {

        width: 180px;
        height: 180px;
    }

    .yb-tech-center-inner {

        width: 145px;
        height: 145px;
    }

    .yb-tech-center-inner strong {

        font-size: 16px;
    }

    .yb-tech-cloud::after,
    .yb-tech-ai::after,
    .yb-tech-frameworks::after,
    .yb-tech-automation::after {

        width: 35px;
    }

    .yb-tech-cloud::after,
    .yb-tech-ai::after {

        right: -35px;
    }

    .yb-tech-frameworks::after,
    .yb-tech-automation::after {

        left: -35px;
    }

    .yb-tech-cloud::before,
    .yb-tech-ai::before {

        right: -38px;
    }

    .yb-tech-frameworks::before,
    .yb-tech-automation::before {

        left: -38px;
    }
}


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

@media (max-width: 767px) {

    .yb-tech-ecosystem {

        max-width: 100%;

        min-height: auto;

        display: grid;

        grid-template-columns: 1fr;

        grid-template-rows: auto;

        gap: 16px;
    }


    /* Reset desktop positioning */

    .yb-tech-cloud,
    .yb-tech-ai,
    .yb-tech-frameworks,
    .yb-tech-automation,
    .yb-tech-center {

        grid-column: auto;

        grid-row: auto;
    }


    /* Center comes first */

    .yb-tech-center {

        order: -1;

        width: 150px;
        height: 150px;

        margin: 10px auto 25px;
    }

    .yb-tech-center-ring {

        inset: -12px;
    }

    .yb-tech-center-inner {

        width: 125px;
        height: 125px;
    }

    .yb-tech-center-inner i {

        font-size: 20px;

        margin-bottom: 6px;
    }

    .yb-tech-center-inner span {

        font-size: 7px;

        margin-bottom: 5px;
    }

    .yb-tech-center-inner strong {

        font-size: 14px;
    }


    /* Cards */

    .yb-tech-group {

        min-height: auto;

        padding: 20px;

        gap: 14px;

        border-radius: 16px;
    }


    .yb-tech-group-icon {

        flex-basis: 44px;

        width: 44px;
        height: 44px;

        font-size: 18px;
    }


    .yb-tech-group h3 {

        font-size: 17px;

        line-height: 1.3;
    }


    .yb-tech-group-label {

        font-size: 9px;
    }


    .yb-tech-items span {

        min-height: 28px;

        padding: 5px 8px;

        font-size: 10px;
    }


    /* Hide desktop connecting lines */

    .yb-tech-cloud::before,
    .yb-tech-cloud::after,
    .yb-tech-ai::before,
    .yb-tech-ai::after,
    .yb-tech-frameworks::before,
    .yb-tech-frameworks::after,
    .yb-tech-automation::before,
    .yb-tech-automation::after {

        display: none;
    }

}


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

@media (max-width: 480px) {

    .yb-tech-ecosystem {

        gap: 14px;
    }

    .yb-tech-group {

        padding: 18px;
    }

    .yb-tech-group-icon {

        flex-basis: 40px;

        width: 40px;
        height: 40px;

        font-size: 17px;
    }

    .yb-tech-group h3 {

        font-size: 16px;

        margin-bottom: 10px;
    }

    .yb-tech-items {

        gap: 5px;
    }

    .yb-tech-items span {

        font-size: 9px;

        padding: 5px 7px;
    }

}