/*====================================================
ABOUT US PAGE
PART - 2A
HERO BANNER
====================================================*/

.au-hero-section{
    padding:35px 0 60px;
    background:#ffffff;
}

.au-hero-box{
    position:relative;
    overflow:hidden;
    border-radius:22px;
    min-height:420px;
    display:flex;
    align-items:center;
    box-shadow:0 18px 45px rgba(0,0,0,.08);
    border-bottom:4px solid #d40000;
}

.au-hero-image{
    position:absolute;
    inset:0;
    z-index:1;
}

.au-hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.au-hero-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,.88) 0%,
        rgba(0,0,0,.82) 28%,
        rgba(0,0,0,.55) 48%,
        rgba(0,0,0,.12) 70%,
        rgba(0,0,0,0) 100%
    );
}

.au-hero-content{
    position:relative;
    z-index:5;
    padding:60px;
    max-width:600px;
}

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

.au-breadcrumb{
    margin-bottom:25px;
    background:none;
    padding:0;
}

.au-breadcrumb .breadcrumb-item{
    color:#ffffff;
    font-size:15px;
}

.au-breadcrumb .breadcrumb-item a{
    color:#ffffff;
    text-decoration:none;
    transition:.3s;
}

.au-breadcrumb .breadcrumb-item a:hover{
    color:#ff4d4d;
}

.au-breadcrumb i{
    margin-right:8px;
}

.au-breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    color:#ffffff;
}

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

.au-hero-title{
    font-size:72px;
    font-weight:800;
    line-height:1.05;
    color:#ffffff;
    margin-bottom:20px;
}

.au-hero-title span{
    color:#e10600;
}

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

.au-hero-subtitle{
    color:#ffffff;
    font-size:22px;
    line-height:1.7;
    font-weight:400;
    max-width:520px;
    margin-bottom:0;
}

/*========================
DECORATIVE EFFECT
========================*/

.au-hero-box::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(212,0,0,.15);
    border-radius:50%;
    right:-120px;
    top:-120px;
    z-index:3;
    filter:blur(10px);
}

.au-hero-box::after{
    content:"";
    position:absolute;
    width:160px;
    height:160px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    left:-60px;
    bottom:-60px;
    z-index:3;
}

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

@media (max-width:1199px){

.au-hero-title{
    font-size:60px;
}

.au-hero-content{
    padding:50px;
}

}

@media (max-width:991px){

.au-hero-box{
    min-height:380px;
}

.au-hero-content{
    padding:45px;
}

.au-hero-title{
    font-size:50px;
}

.au-hero-subtitle{
    font-size:20px;
}

}

@media (max-width:768px){

.au-hero-section{
    padding:25px 0 50px;
}

.au-hero-box{
    min-height:340px;
    border-radius:18px;
}

.au-hero-overlay{
    background:rgba(0,0,0,.72);
}

.au-hero-content{
    padding:35px 30px;
}

.au-hero-title{
    font-size:42px;
}

.au-hero-subtitle{
    font-size:18px;
    line-height:1.6;
}

.au-breadcrumb .breadcrumb-item{
    font-size:14px;
}

}

@media (max-width:576px){

.au-hero-box{
    min-height:300px;
    border-radius:16px;
}

.au-hero-content{
    padding:25px;
}

.au-hero-title{
    font-size:34px;
    margin-bottom:15px;
}

.au-hero-subtitle{
    font-size:16px;
}

.au-breadcrumb{
    margin-bottom:18px;
}

.au-breadcrumb .breadcrumb-item{
    font-size:13px;
}

}
/*====================================================
ABOUT US PAGE
PART - 2B.1
WHO WE ARE SECTION
====================================================*/

/*==============================
WHO WE ARE SECTION
==============================*/

.au-about-section{
    padding:100px 0;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.au-about-section::before{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(212,0,0,.04);
    top:-120px;
    left:-120px;
}

.au-about-section::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:rgba(212,0,0,.03);
    right:-80px;
    bottom:-80px;
}

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

.au-about-content{
    position:relative;
    z-index:2;
}

.au-section-tag{

    display:inline-block;

    padding:8px 20px;

    background:#ffe5e5;

    color:#d40000;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

    margin-bottom:25px;

}

.au-section-title{

    font-size:44px;

    font-weight:700;

    line-height:1.2;

    color:#111827;

    margin-bottom:25px;

}

.au-section-title span{

    color:#d40000;

}

.au-about-content p{

    font-size:16px;

    line-height:1.9;

    color:#6b7280;

    margin-bottom:20px;

}

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

.au-btn-primary{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:15px 34px;

    background:#d40000;

    color:#ffffff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    transition:.35s ease;

    margin-top:12px;

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

}

.au-btn-primary:hover{

    background:#111827;

    color:#ffffff;

    transform:translateY(-3px);

}

.au-btn-primary i{

    transition:.3s;

}

.au-btn-primary:hover i{

    transform:translateX(6px);

}

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

.au-feature-card{

    background:#ffffff;

    border-radius:18px;

    padding:30px;

    display:flex;

    align-items:flex-start;

    gap:20px;

    height:100%;

    transition:.35s;

    border:1px solid #eeeeee;

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

    position:relative;

    overflow:hidden;

}

.au-feature-card::before{

    content:"";

    position:absolute;

    width:0;

    height:100%;

    left:0;

    top:0;

    background:#d40000;

    transition:.35s;

    opacity:.05;

}

.au-feature-card:hover::before{

    width:100%;

}

.au-feature-card:hover{

    transform:translateY(-8px);

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

}

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

.au-feature-icon{

    width:72px;

    height:72px;

    min-width:72px;

    border-radius:50%;

    background:#d40000;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    transition:.35s;

}

.au-feature-card:hover .au-feature-icon{

    transform:rotate(10deg) scale(1.08);

}

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

.au-feature-content{

    position:relative;

    z-index:2;

}

.au-feature-content h4{

    font-size:22px;

    font-weight:700;

    color:#111827;

    margin-bottom:12px;

}

.au-feature-content p{

    font-size:15px;

    color:#6b7280;

    line-height:1.8;

    margin:0;

}
/*====================================================
ABOUT US PAGE
PART - 2B.2
RESPONSIVE CSS
====================================================*/


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

@media (min-width:1400px){

.au-about-section{

padding:120px 0;

}

.au-section-title{

font-size:52px;

}

.au-about-content p{

font-size:17px;

}

.au-feature-card{

padding:35px;

}

}


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

@media (max-width:1199px){

.au-about-section{

padding:90px 0;

}

.au-section-title{

font-size:40px;

}

.au-feature-card{

padding:25px;

}

.au-feature-content h4{

font-size:20px;

}

.au-feature-icon{

width:65px;

height:65px;

min-width:65px;

font-size:24px;

}

}


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

@media (max-width:991px){

.au-about-content{

margin-bottom:50px;

text-align:center;

}

.au-about-content p{

max-width:700px;

margin-left:auto;

margin-right:auto;

}

.au-btn-primary{

justify-content:center;

}

.au-feature-card{

padding:25px;

}

.au-section-title{

font-size:36px;

}

}


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

@media (max-width:768px){

.au-about-section{

padding:70px 0;

}

.au-section-tag{

font-size:13px;

padding:7px 18px;

}

.au-section-title{

font-size:32px;

margin-bottom:20px;

}

.au-about-content p{

font-size:15px;

line-height:1.8;

}

.au-btn-primary{

padding:14px 28px;

font-size:15px;

}

.au-feature-card{

flex-direction:column;

text-align:center;

align-items:center;

padding:28px 22px;

}

.au-feature-icon{

margin-bottom:8px;

}

.au-feature-content h4{

font-size:21px;

}

.au-feature-content p{

font-size:15px;

}

}


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

@media (max-width:576px){

.au-about-section{

padding:60px 0;

}

.au-section-title{

font-size:28px;

line-height:1.3;

}

.au-about-content p{

font-size:15px;

}

.au-btn-primary{

width:100%;

justify-content:center;

padding:15px;

}

.au-feature-card{

padding:24px 18px;

border-radius:16px;

}

.au-feature-icon{

width:60px;

height:60px;

min-width:60px;

font-size:22px;

}

.au-feature-content h4{

font-size:19px;

}

.au-feature-content p{

font-size:14px;

line-height:1.7;

}

}


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

@media (max-width:400px){

.au-section-title{

font-size:24px;

}

.au-section-tag{

font-size:12px;

}

.au-btn-primary{

font-size:14px;

padding:14px;

}

.au-feature-card{

padding:20px 16px;

}

.au-feature-icon{

width:55px;

height:55px;

min-width:55px;

font-size:20px;

}

.au-feature-content h4{

font-size:18px;

}

.au-feature-content p{

font-size:13px;

}

}


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

@media (hover:hover){

.au-feature-card:hover{

transform:translateY(-10px);

}

.au-feature-card:hover .au-feature-icon{

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

}

.au-btn-primary:hover{

transform:translateY(-4px);

}

}


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

.au-btn-primary:focus{

outline:none;

box-shadow:0 0 0 .25rem rgba(212,0,0,.25);

}

.au-feature-card:focus-within{

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

}


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

.au-feature-card{

animation:auFadeUp .7s ease both;

}

.au-feature-card:nth-child(2){

animation-delay:.1s;

}

.au-feature-card:nth-child(3){

animation-delay:.2s;

}

.au-feature-card:nth-child(4){

animation-delay:.3s;

}

.au-feature-card:nth-child(5){

animation-delay:.4s;

}

.au-feature-card:nth-child(6){

animation-delay:.5s;

}

@keyframes auFadeUp{

0%{

opacity:0;

transform:translateY(40px);

}

100%{

opacity:1;

transform:translateY(0);

}

}
/*====================================================
ABOUT US PAGE
PART - 2C
STATISTICS COUNTER SECTION
====================================================*/

.au-counter-section{

    padding:100px 0;

    background:linear-gradient(135deg,#d40000 0%,#8b0000 100%);

    position:relative;

    overflow:hidden;

}

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

.au-counter-section::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

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

    top:-140px;

    right:-120px;

}

.au-counter-section::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

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

    bottom:-80px;

    left:-80px;

}

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

.au-counter-tag{

    display:inline-block;

    padding:8px 22px;

    border-radius:30px;

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

    color:#ffffff;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

    margin-bottom:18px;

}

.au-counter-title{

    color:#ffffff;

    font-size:44px;

    font-weight:700;

    margin-bottom:18px;

}

.au-counter-desc{

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

    max-width:760px;

    margin:auto;

    line-height:1.9;

    font-size:16px;

}

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

.au-counter-card{

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

    backdrop-filter:blur(12px);

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

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

    border-radius:20px;

    padding:40px 25px;

    text-align:center;

    transition:.35s;

    height:100%;

    position:relative;

    overflow:hidden;

}

.au-counter-card::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

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

    top:-50px;

    right:-50px;

}

.au-counter-card:hover{

    transform:translateY(-10px);

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

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

}

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

.au-counter-icon{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:#ffffff;

    color:#d40000;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    transition:.35s;

}

.au-counter-card:hover .au-counter-icon{

    transform:rotate(12deg) scale(1.08);

}

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

.au-counter-card h3{

    color:#ffffff;

    font-size:42px;

    font-weight:700;

    margin-bottom:10px;

}

.au-counter{

    color:#ffffff;

}

.au-counter-card p{

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

    margin:0;

    font-size:16px;

    font-weight:500;

}

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

@media(max-width:1199px){

.au-counter-title{

font-size:38px;

}

}

@media(max-width:991px){

.au-counter-section{

padding:80px 0;

}

.au-counter-title{

font-size:34px;

}

.au-counter-card{

padding:35px 20px;

}

}

@media(max-width:768px){

.au-counter-section{

padding:70px 0;

}

.au-counter-title{

font-size:30px;

}

.au-counter-desc{

font-size:15px;

}

.au-counter-card h3{

font-size:34px;

}

.au-counter-icon{

width:70px;

height:70px;

font-size:28px;

}

}

@media(max-width:576px){

.au-counter-section{

padding:60px 0;

}

.au-counter-title{

font-size:26px;

}

.au-counter-tag{

font-size:13px;

padding:7px 18px;

}

.au-counter-card{

padding:30px 20px;

}

.au-counter-card h3{

font-size:30px;

}

.au-counter-card p{

font-size:15px;

}

.au-counter-icon{

width:65px;

height:65px;

font-size:24px;

}

}
/*====================================================
WHY CHOOSE LMiIT
====================================================*/

.au-why-section{

padding:100px 0;

background:#f8fafc;

overflow:hidden;

}

.au-section-description{

max-width:700px;

margin:auto;

color:#6b7280;

font-size:16px;

line-height:1.8;

margin-top:15px;

margin-bottom:50px;

}

/* Timeline */

.au-timeline{

position:relative;

padding-left:45px;

}

.au-timeline::before{

content:"";

position:absolute;

left:25px;

top:0;

bottom:0;

width:3px;

background:#d40000;

}

.au-timeline-item{

position:relative;

display:flex;

gap:25px;

margin-bottom:45px;

}

.au-timeline-icon{

width:55px;

height:55px;

background:#d40000;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

position:absolute;

left:-47px;

top:0;

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

transition:.35s;

}

.au-timeline-item:hover .au-timeline-icon{

transform:scale(1.12);

}

.au-timeline-content{

background:#fff;

padding:28px;

border-radius:16px;

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

transition:.35s;

}

.au-timeline-content:hover{

transform:translateX(8px);

}

.au-timeline-content h4{

font-size:22px;

font-weight:700;

margin-bottom:12px;

color:#111827;

}

.au-timeline-content p{

margin:0;

line-height:1.8;

color:#6b7280;

}

/* Right Image */

.au-why-image{

position:relative;

}

.au-why-image img{

width:100%;

border-radius:22px;

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

}

.au-floating-box{

position:absolute;

right:-20px;

bottom:40px;

background:#d40000;

color:#fff;

padding:25px 35px;

border-radius:18px;

text-align:center;

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

}

.au-floating-box h3{

font-size:34px;

font-weight:700;

margin-bottom:5px;

}

.au-floating-box span{

font-size:16px;

}

/* Responsive */

@media(max-width:991px){

.au-why-image{

margin-top:50px;

}

.au-floating-box{

right:20px;

bottom:20px;

}

}

@media(max-width:768px){

.au-why-section{

padding:70px 0;

}

.au-timeline{

padding-left:35px;

}

.au-timeline::before{

left:18px;

}

.au-timeline-icon{

width:45px;

height:45px;

font-size:18px;

left:-36px;

}

.au-timeline-content{

padding:22px;

}

.au-floating-box{

position:relative;

right:0;

bottom:0;

margin-top:20px;

display:inline-block;

}

}