.custom-navbar{
    background:#ffffff;
    box-shadow:0 5px 25px rgba(0,0,0,.08);
    padding:10px 0;
}

/* Logo */

.navbar-brand img{
    width:180px;
    margin-right:10px;
}

.logo-text h4{
    font-size:22px;
    font-weight:700;
    color:#0F172A;
    margin:0;
}

.logo-text span{
    color:#ff6b00;
    font-size:13px;
    font-weight:600;
}

/* Menu */

.navbar-nav .nav-link{
    color:#0F172A;
    font-weight:600;
    margin:0 12px;
    position:relative;
    transition:.4s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
    color:#ff6b00;
}

.navbar-nav .nav-link::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-6px;
    width:0%;
    height:3px;
    background:#ff6b00;
    transition:.4s;
}

.navbar-nav .nav-link:hover::after{
    width:100%;
}

/* Dropdown */

.dropdown-menu{
    border:none;
    border-radius:12px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
    padding:10px;
}

.dropdown-item{
    padding:12px 18px;
    border-radius:8px;
    transition:.3s;
    font-weight:500;
}

.dropdown-item i{
    color:#ff6b00;
    margin-right:8px;
}

.dropdown-item:hover{
    background:#ff6b00;
    color:#fff;
}

.dropdown-item:hover i{
    color:#fff;
}

/* Call Box */

.call-box{
    display:flex;
    align-items:center;
    gap:10px;
}

.call-box i{
    width:45px;
    height:45px;
    background:#ff6b00;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.call-box small{
    color:#888;
}

.call-box h6{
    margin:0;
    color:#0F172A;
    font-weight:700;
}

/* Button */

.quote-btn{
    background:#ff6b00;
    color:#fff;
    text-decoration:none;
    padding:12px 26px;
    border-radius:40px;
    font-weight:600;
    transition:.3s;
}

.quote-btn:hover{
    background:#0F172A;
    color:#fff;
}

/* Mobile */

.navbar-toggler{
    border:none;
    font-size:28px;
}

.navbar-toggler:focus{
    box-shadow:none;
}

@media(max-width:991px){

.call-box{
    margin:20px 0;
}

.navbar-nav{
    margin-top:20px;
}

.navbar-nav .nav-link{
    margin:8px 0;
}

.quote-btn{
    display:inline-block;
    margin-bottom:20px;
}

}*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif;
}

body{
background:#f6f7fb;
}

.hero{

padding:90px 0;
position:relative;
overflow:hidden;

background:
radial-gradient(circle at top left,#ffd5b7 0%,transparent 30%),
radial-gradient(circle at bottom right,#ffe6d2 0%,transparent 30%),
#fff;

}

/* Floating Circle */

.hero:before{

content:'';
position:absolute;
width:260px;
height:260px;
background:#ff6b00;
opacity:.08;
border-radius:50%;
top:-80px;
left:-80px;
animation:move1 8s infinite linear;

}

.hero:after{

content:'';
position:absolute;
width:350px;
height:350px;
background:#111;
opacity:.04;
border-radius:50%;
bottom:-120px;
right:-120px;
animation:move2 10s infinite linear;

}

.container{

/*width:90%;*/
max-width:1200px;
margin:auto;

display:flex;
align-items:center;
justify-content:space-between;
gap:60px;

flex-wrap:wrap;

}

.hero-content{

flex:1;

animation:leftAnimation 1s ease;

}

.hero-badge{

display:inline-block;

background:#fff3ea;

padding:12px 22px;

border-radius:50px;

color:#ff6b00;

font-weight:600;

margin-bottom:25px;

}

.hero-content h1{

font-size:54px;

line-height:1.2;

color:#111;

margin-bottom:25px;

}

.hero-content h1 span{

color:#ff6b00;

}

.hero-content p{

font-size:17px;

color:#666;

line-height:32px;

max-width:550px;

margin-bottom:35px;

}

.hero-btn{

display:flex;

gap:20px;

margin-bottom:45px;

}

.btn1{

background:#ff6b00;

padding:16px 36px;

color:#fff;

text-decoration:none;

border-radius:8px;

font-weight:600;

transition:.4s;

}

.btn1:hover{

background:#111;

transform:translateY(-5px);

}

.btn2{

border:2px solid #111;

padding:16px 36px;

color:#111;

text-decoration:none;

border-radius:8px;

font-weight:600;

transition:.4s;

}

.btn2:hover{

background:#111;

color:#fff;

}

.hero-box{

display:flex;

gap:20px;

}

.box{

background:#fff;

padding:28px;

width:170px;

text-align:center;

border-radius:15px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

transition:.4s;

}

.box:hover{

transform:translateY(-12px);

}

.box h3{

font-size:36px;

color:#ff6b00;

margin-bottom:8px;

}

.hero-form{

width:420px;

background:#fff;

padding:40px;

border-radius:20px;

box-shadow:0 20px 45px rgba(0,0,0,.12);

animation:rightAnimation 1s ease;

position:relative;

}

.hero-form:before{

content:'';

position:absolute;

width:100%;

height:6px;

background:#ff6b00;

top:0;

left:0;

border-radius:20px 20px 0 0;

}

.hero-form h2{

text-align:center;

margin-bottom:30px;

color:#111;

}

.hero-form input{

width:100%;

height:55px;

margin-bottom:18px;

padding:15px;

border:1px solid #ddd;

border-radius:8px;

outline:none;

transition:.3s;

}

.hero-form input:focus{

border-color:#ff6b00;

box-shadow:0 0 10px rgba(255,107,0,.2);

}

.hero-form button{

width:100%;

height:55px;

background:#ff6b00;

border:none;

color:#fff;

font-size:17px;

font-weight:600;

border-radius:8px;

cursor:pointer;

transition:.4s;

}

.hero-form button:hover{

background:#111;

}

@keyframes leftAnimation{

from{

opacity:0;

transform:translateX(-80px);

}

to{

opacity:1;

transform:translateX(0);

}

}

@keyframes rightAnimation{

from{

opacity:0;

transform:translateX(80px);

}

to{

opacity:1;

transform:translateX(0);

}

}

@keyframes move1{

50%{

transform:translateY(40px) rotate(180deg);

}

100%{

transform:translateY(0) rotate(360deg);

}

}

@keyframes move2{

50%{

transform:translateX(-40px);

}

100%{

transform:translateX(0);

}

}

@media(max-width:991px){

.container{

flex-direction:column;

}

.hero-content{

text-align:center;

}

.hero-btn{

justify-content:center;

}

.hero-box{

justify-content:center;

flex-wrap:wrap;

}

.hero-form{

width:100%;

}

.hero-content h1{

font-size:40px;

}

}.hero-stats{
display:flex;
gap:20px;
margin-top:50px;
flex-wrap:wrap;
}

.stat-card{

flex:1;
min-width:220px;

display:flex;
align-items:center;
gap:18px;

padding:22px;

background:#fff;

border-radius:16px;

border:1px solid #eee;

box-shadow:0 12px 30px rgba(0,0,0,.08);

transition:.4s;

position:relative;

overflow:hidden;

}

.stat-card::before{

content:"";

position:absolute;

top:0;
left:0;

width:6px;
height:100%;

background:#ff6b00;

transition:.4s;

}

.stat-card:hover{

transform:translateY(-10px);

box-shadow:0 20px 45px rgba(0,0,0,.15);

}

.stat-card:hover::before{

width:100%;

opacity:.08;

}

.stat-icon{

width:70px;
height:70px;

min-width:70px;

display:flex;
align-items:center;
justify-content:center;

background:#fff4ec;

border-radius:50%;

color:#ff6b00;

font-size:28px;

position:relative;

animation:floatIcon 3s ease-in-out infinite;

transition:.4s;

}

.stat-card:hover .stat-icon{

background:#ff6b00;

color:#fff;

transform:rotate(360deg);

}

.stat-content h3{

font-size:34px;

font-weight:700;

color:#111;

margin-bottom:5px;

}

.stat-content p{

font-size:15px;

color:#666;

margin:0;

}

@keyframes floatIcon{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

100%{

transform:translateY(0);

}

}

@media(max-width:992px){

.hero-stats{

justify-content:center;

}

.stat-card{

min-width:280px;

}

}

@media(max-width:768px){

.hero-stats{

flex-direction:column;

}

.stat-card{

width:100%;

}

.stat-content h3{

font-size:30px;

}

.stat-icon{

width:60px;
height:60px;
min-width:60px;

font-size:24px;

}

}

@media(max-width:480px){

.stat-card{

padding:18px;

gap:15px;

}

.stat-content h3{

font-size:26px;

}

.stat-content p{

font-size:14px;

}

}.topbar{

background:#ffcc00;

position:relative;

overflow:hidden;

color:#000;

font-size:14px;

z-index:999;

}

.topbar::before{

content:"";

position:absolute;

top:0;
left:-100%;

width:100%;
height:100%;

background:linear-gradient(90deg,
transparent,
rgba(255,255,255,.15),
transparent);

animation:shine 5s linear infinite;

}

.topbar .container{

width:90%;
max-width:1300px;

margin:auto;

display:flex;

justify-content:space-between;

align-items:center;

min-height:50px;

gap:20px;

}

.top-left,
.top-right{

display:flex;

align-items:center;

gap:20px;

}

.top-left a{

color:#000;

text-decoration:none;

display:flex;

align-items:center;

gap:8px;

transition:.3s;

}

.top-left a:hover{

color:#ff6b00;

}

.top-left i{

color:#ff6b00;

animation:pulse 2s infinite;

}

.top-center{

display:flex;

align-items:center;

gap:10px;

overflow:hidden;

white-space:nowrap;

font-weight:500;

flex:1;

justify-content:center;

}

.top-center i{

color:#ff6b00;

font-size:18px;

animation:truckBounce 1.5s infinite;

}

.top-center span{

display:inline-block;

animation:marquee 18s linear infinite;

padding-left:100%;

}

.top-right a{

width:34px;

height:34px;

display:flex;

align-items:center;

justify-content:center;

background:#222;

border-radius:50%;

color:#fff;

text-decoration:none;

transition:.4s;

}

.top-right a:hover{

background:#ff6b00;

transform:translateY(-5px) rotate(360deg);

}

@keyframes marquee{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-100%);

}

}

@keyframes truckBounce{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-5px);

}

}

@keyframes pulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.2);

}

100%{

transform:scale(1);

}

}

@keyframes shine{

100%{

left:100%;

}

}

@media(max-width:992px){

.topbar .container{

flex-direction:column;

padding:10px 0;

}

.top-center{

order:3;

width:100%;

}

.top-left,
.top-right{

justify-content:center;

flex-wrap:wrap;

}

}

@media(max-width:576px){

.top-left{

flex-direction:column;

gap:8px;

}

.top-center{

font-size:13px;

}

.top-right{

margin-top:8px;

}

}/*==========================
ABOUT SECTION
==========================*/

.pm-about-section{
    position:relative;
    padding:120px 0;
    background:#f8fafc;
    overflow:hidden;
}

.pm-about-container{
    width:1200px;
    max-width:95%;
    margin:auto;
}

.pm-about-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:80px;
}

/*==========================
LEFT IMAGE
==========================*/

.pm-about-image-area{
    width:48%;
    position:relative;
}

.pm-about-main-image img{
    width:100%;
    border-radius:30px;
    display:block;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.pm-about-small-image{
    position:absolute;
    right:-35px;
    bottom:-40px;
}

.pm-about-small-image img{
    width:260px;
    border-radius:22px;
    border:10px solid #fff;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

/*==========================
EXPERIENCE CARD
==========================*/

.pm-about-exp-card{
    position:absolute;
    left:-25px;
    top:40px;
    width:150px;
    height:150px;
    background:#ff5e14;
    border-radius:25px;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    box-shadow:0 20px 45px rgba(255,94,20,.35);
}

.pm-about-exp-card h2{
    font-size:54px;
    margin:0;
    font-weight:800;
}

.pm-about-exp-card span{
    font-size:15px;
    text-align:center;
}

/*==========================
RATING CARD
==========================*/

.pm-about-rating{
    position:absolute;
    left:40px;
    bottom:-25px;
    background:#fff;
    padding:18px 25px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.pm-about-rating i{
    color:#ffb400;
    margin-right:3px;
}

.pm-about-rating p{
    margin-top:8px;
    color:#555;
    font-size:14px;
}

/*==========================
RIGHT CONTENT
==========================*/

.pm-about-content{
    width:52%;
}

.pm-about-subtitle{
    color:#ff5e14;
    font-weight:700;
    letter-spacing:2px;
    display:inline-block;
    margin-bottom:15px;
}

.pm-about-content h2{
    font-size:46px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:25px;
}

.pm-about-content p{
    font-size:16px;
    line-height:30px;
    color:#666;
    margin-bottom:35px;
}

/*==========================
FEATURE BOX
==========================*/

.pm-about-feature-box{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-bottom:40px;
}

.pm-feature-card{
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    padding:20px;
    border-radius:18px;
    transition:.4s;
    box-shadow:0 12px 30px rgba(0,0,0,.06);
}

.pm-feature-card:hover{
    transform:translateY(-8px);
}

.pm-feature-card i{
    width:60px;
    height:60px;
    background:#ff5e14;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
}

.pm-feature-card h4{
    margin:0;
    color:#0f172a;
    font-size:18px;
}

.pm-feature-card span{
    color:#777;
    font-size:14px;
}

/*==========================
BOTTOM
==========================*/

.pm-about-bottom{
    display:flex;
    align-items:center;
    gap:35px;
    margin-top:20px;
}

.pm-about-btn{
    display:inline-block;
    padding:18px 40px;
    background:#ff5e14;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    border-radius:10px;
    transition:.35s;
}

.pm-about-btn:hover{
    background:#0f172a;
}

.pm-call-box{
    display:flex;
    align-items:center;
    gap:15px;
}

.pm-call-box i{
    width:65px;
    height:65px;
    background:#0f172a;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
}

.pm-call-box small{
    color:#888;
    display:block;
}

.pm-call-box h5{
    margin:5px 0 0;
    font-size:20px;
    color:#0f172a;
}.pm-about-title{
    font-size:52px;
    font-weight:800;
    line-height:1.2;
    color:#0F172A;
    margin-bottom:25px;
    position:relative;
}

.pm-about-title span{
    color:#ff5e14;
    position:relative;
    display:inline-block;
}

.pm-about-title span::after{
    content:"";
    position:absolute;
    left:0;
    bottom:4px;
    width:100%;
    height:12px;
    background:#ffd7c3;
    z-index:-1;
    border-radius:30px;
}

.pm-about-title strong{
    color:#ff5e14;
    font-weight:800;
    background:linear-gradient(90deg,#ff5e14,#ff8c42);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

@media(max-width:991px){

.pm-about-title{
    font-size:38px;
}

}

@media(max-width:576px){

.pm-about-title{
    font-size:30px;
    line-height:1.35;
}

}/*==============================
WHY CHOOSE US
==============================*/

.agl-why-section{
    position:relative;
    padding:110px 0;
    background:#f8fafc;
    overflow:hidden;
}

.agl-why-container{
    width:1200px;
    max-width:95%;
    margin:auto;
}

.agl-why-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}

/*==============================
LEFT CONTENT
==============================*/

.agl-why-left{
    width:55%;
}

.agl-why-subtitle{
    display:inline-block;
    color:#ff5e14;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:15px;
    position:relative;
    padding-left:55px;
}

.agl-why-subtitle::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:3px;
    background:#ff5e14;
}

.agl-why-title{
    font-size:46px;
    font-weight:800;
    line-height:1.25;
    color:#0F172A;
    margin-bottom:25px;
}

.agl-why-title span{
    color:#ff5e14;
}

.agl-why-text{
    font-size:16px;
    color:#666;
    line-height:30px;
    margin-bottom:40px;
}

/*==============================
FEATURE CARDS
==============================*/

.agl-why-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.agl-why-card{
    background:#fff;
    display:flex;
    gap:18px;
    padding:25px;
    border-radius:18px;
    transition:.35s;
    box-shadow:0 12px 35px rgba(0,0,0,.07);
}

.agl-why-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 45px rgba(0,0,0,.12);
}

.agl-why-icon{
    min-width:70px;
    width:70px;
    height:70px;
    border-radius:50%;
    background:#ff5e14;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
}

.agl-why-card h4{
    font-size:20px;
    margin-bottom:8px;
    color:#0F172A;
}

.agl-why-card p{
    font-size:14px;
    color:#666;
    line-height:24px;
}

/*==============================
RIGHT IMAGE
==============================*/

.agl-why-right{
    width:45%;
}

.agl-why-image{
    position:relative;
}

.agl-why-image img{
    width:100%;
    border-radius:30px;
    display:block;
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

/*==============================
COUNTERS
==============================*/

.agl-counter-one,
.agl-counter-two{
    position:absolute;
    background:#fff;
    padding:22px 28px;
    border-radius:18px;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    text-align:center;
}

.agl-counter-one{
    top:35px;
    left:-35px;
}

.agl-counter-two{
    bottom:35px;
    right:-35px;
}

.agl-counter-one h3,
.agl-counter-two h3{
    color:#ff5e14;
    font-size:38px;
    margin-bottom:8px;
    font-weight:800;
}

.agl-counter-one span,
.agl-counter-two span{
    color:#555;
    font-size:15px;
}

/*==============================
RESPONSIVE
==============================*/

@media(max-width:991px){

.agl-why-row{
    flex-direction:column;
}

.agl-why-left,
.agl-why-right{
    width:100%;
}

.agl-why-title{
    font-size:34px;
}

.agl-why-list{
    grid-template-columns:1fr;
}

.agl-counter-one{
    left:10px;
    top:10px;
}

.agl-counter-two{
    right:10px;
    bottom:10px;
}

}

@media(max-width:576px){

.agl-why-section{
    padding:70px 0;
}

.agl-why-title{
    font-size:28px;
}

.agl-why-card{
    padding:18px;
}

.agl-why-icon{
    width:55px;
    height:55px;
    min-width:55px;
    font-size:22px;
}

.agl-counter-one,
.agl-counter-two{
    padding:15px;
}

.agl-counter-one h3,
.agl-counter-two h3{
    font-size:26px;
}

}/*==========================
RESPONSIVE
==========================*/

@media (max-width:1199px){

.pm-about-container{
    max-width:95%;
}

.pm-about-wrapper{
    gap:50px;
}

.pm-about-title{
    font-size:42px;
}

.pm-about-main-image img{
    width:100%;
}

}


/*==========================
TABLET
==========================*/

@media (max-width:991px){

.pm-about-section{
    padding:70px 0;
}

.pm-about-wrapper{
    flex-direction:column;
}

.pm-about-image-area,
.pm-about-content{
    width:100%;
}

.pm-about-image-area{
    margin-bottom:60px;
}

.pm-about-main-image img{
    width:100%;
    border-radius:20px;
}

.pm-about-small-image{
    width:220px;
    right:0;
    bottom:-20px;
}

.pm-about-small-image img{
    width:100%;
}

.pm-about-exp-card{
    width:120px;
    height:120px;
    left:15px;
    top:15px;
}

.pm-about-exp-card h2{
    font-size:38px;
}

.pm-about-exp-card span{
    font-size:13px;
}

.pm-about-rating{
    left:20px;
    bottom:-20px;
    padding:15px 20px;
}

.pm-about-title{
    font-size:36px;
}

.pm-about-feature-box{
    grid-template-columns:1fr 1fr;
}

.pm-about-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
}

}


/*==========================
MOBILE
==========================*/

@media (max-width:767px){

.pm-about-section{
    padding:60px 0;
}

.pm-about-title{
    font-size:28px;
    line-height:1.4;
}

.pm-about-subtitle{
    font-size:14px;
}

.pm-about-content p{
    font-size:15px;
    line-height:28px;
}

.pm-about-small-image{
    display:none;
}

.pm-about-rating{
    display:none;
}

.pm-about-exp-card{
    width:95px;
    height:95px;
    border-radius:18px;
}

.pm-about-exp-card h2{
    font-size:28px;
}

.pm-about-exp-card span{
    font-size:11px;
}

.pm-about-feature-box{
    grid-template-columns:1fr;
    gap:15px;
}

.pm-feature-card{
    padding:18px;
}

.pm-feature-card i{
    width:55px;
    height:55px;
    font-size:20px;
}

.pm-feature-card h4{
    font-size:17px;
}

.pm-feature-card span{
    font-size:13px;
}

.pm-about-btn{
    width:100%;
    text-align:center;
}

.pm-call-box{
    width:100%;
}

.pm-call-box h5{
    font-size:18px;
}

}


/*==========================
SMALL MOBILE
==========================*/

@media (max-width:480px){

.pm-about-section{
    padding:50px 0;
}

.pm-about-title{
    font-size:24px;
}

.pm-about-content p{
    font-size:14px;
    line-height:26px;
}

.pm-about-main-image img{
    border-radius:15px;
}

.pm-about-exp-card{
    width:85px;
    height:85px;
}

.pm-about-exp-card h2{
    font-size:24px;
}

.pm-about-exp-card span{
    font-size:10px;
}

.pm-about-btn{
    padding:15px 20px;
    font-size:15px;
}

.pm-call-box i{
    width:55px;
    height:55px;
    font-size:18px;
}

.pm-call-box h5{
    font-size:16px;
}

}.agl-marquee-section{
    display:flex;
    align-items:center;
    background:linear-gradient(90deg,#ff5e14,#ff7b32);
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(255,94,20,.25);
    margin:25px 0;
}

.agl-marquee-title{
    background:#0F172A;
    color:#fff;
    padding:18px 28px;
    font-size:22px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.agl-marquee-section marquee{
    color:#fff;
    font-size:17px;
    font-weight:600;
    padding:16px 0;
}

.agl-marquee-section marquee span{
    margin-right:70px;
    white-space:nowrap;
}

@media(max-width:768px){

.agl-marquee-title{
    padding:15px 18px;
    font-size:18px;
}

.agl-marquee-section marquee{
    font-size:14px;
}

.agl-marquee-section marquee span{
    margin-right:40px;
}

}.agl-top-strip{
    display:flex;
    align-items:center;
    background:#fff;
    border:1px solid #ececec;
    border-left:5px solid #ff5e14;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.06);
    margin:20px 0;
}

.agl-strip-title{
    background:#ff5e14;
    color:#fff;
    font-size:15px;
    font-weight:700;
    padding:10px 18px;
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
}

.agl-strip-title i{
    font-size:16px;
}

.agl-top-strip marquee{
    padding:10px 15px;
    color:#0F172A;
    font-size:15px;
    font-weight:600;
}

@media(max-width:768px){

.agl-strip-title{
    padding:9px 12px;
    font-size:13px;
}

.agl-top-strip marquee{
    padding:9px 10px;
    font-size:13px;
}

}


/*==============================
 SERVICES SECTION
==============================*/

.agl-service-section{
    padding:100px 0;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

.agl-service-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(255,94,20,.08);
    border-radius:50%;
    top:-180px;
    right:-120px;
}

.agl-service-section::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(15,23,42,.05);
    border-radius:50%;
    bottom:-140px;
    left:-100px;
}

.agl-service-container{
    width:1200px;
    max-width:95%;
    margin:auto;
    position:relative;
    z-index:2;
}

/*==============================
 HEADING
==============================*/

.agl-service-heading{
    text-align:center;
    margin-bottom:60px;
}

.agl-service-heading span{
    display:inline-block;
    color:#ff5e14;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:12px;
    text-transform:uppercase;
}

.agl-service-heading h2{
    font-size:46px;
    color:#0F172A;
    font-weight:800;
    margin-bottom:15px;
}

.agl-service-heading p{
    max-width:650px;
    margin:auto;
    color:#666;
    line-height:28px;
}

/*==============================
 GRID
==============================*/

.agl-service-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/*==============================
 CARD
==============================*/

.agl-service-card{
    position:relative;
    background:#fff;
    border-radius:22px;
    padding:40px 30px;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    border:1px solid #ececec;
}

.agl-service-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

/* Orange Top Border */

.agl-service-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0%;
    height:5px;
    background:#ff5e14;
    transition:.4s;
}

.agl-service-card:hover::before{
    width:100%;
}

/*==============================
 ICON
==============================*/

.agl-service-icon{
    width:80px;
    height:80px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff5e14,#ff8d3f);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:25px;
    transition:.4s;
}

.agl-service-card:hover .agl-service-icon{
    transform:rotate(10deg) scale(1.08);
}

/*==============================
 CONTENT
==============================*/

.agl-service-card h3{
    font-size:24px;
    color:#0F172A;
    margin-bottom:15px;
    font-weight:700;
}

.agl-service-card p{
    color:#666;
    line-height:28px;
    margin-bottom:25px;
}

/*==============================
 BUTTON
==============================*/

.agl-service-card a{
    color:#ff5e14;
    text-decoration:none;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:.3s;
}

.agl-service-card a:hover{
    gap:16px;
}

/*==============================
 NUMBER
==============================*/

.agl-service-number{
    position:absolute;
    top:18px;
    right:20px;
    font-size:70px;
    font-weight:800;
    color:#f2f2f2;
    z-index:0;
}

/*==============================
 RESPONSIVE
==============================*/

@media(max-width:992px){

.agl-service-grid{
grid-template-columns:repeat(2,1fr);
}

.agl-service-heading h2{
font-size:36px;
}

}

@media(max-width:768px){

.agl-service-section{
padding:70px 0;
}

.agl-service-grid{
grid-template-columns:1fr;
}

.agl-service-card{
padding:30px 22px;
}

.agl-service-heading h2{
font-size:30px;
}

.agl-service-icon{
width:70px;
height:70px;
font-size:28px;
}

.agl-service-card h3{
font-size:22px;
}

.agl-service-number{
font-size:55px;
}

}/*=========================
PREMIUM SECTION
=========================*/

.agl-premium-section{
    padding:100px 0;
    background:linear-gradient(180deg,#ffffff,#f8fbff);
    position:relative;
    overflow:hidden;
}

.agl-premium-container{
    width:1200px;
    max-width:95%;
    margin:auto;
}

/*=========================
HEADING
=========================*/

.agl-premium-heading{
    text-align:center;
    max-width:750px;
    margin:0 auto 70px;
}

.agl-premium-heading span{
    color:#ff5e14;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.agl-premium-heading h2{
    font-size:48px;
    font-weight:800;
    line-height:1.25;
    color:#0F172A;
    margin:15px 0;
}

.agl-premium-heading strong{
    color:#ff5e14;
}

.agl-premium-heading p{
    color:#666;
    line-height:30px;
}

/*=========================
GRID
=========================*/

.agl-premium-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    align-items:center;

}

/*=========================
CENTER IMAGE
=========================*/

.agl-center-image{
    text-align:center;
}

.agl-center-image img{

    width:100%;
    max-width:380px;
    animation:floatMover 4s ease-in-out infinite;
    filter:drop-shadow(0 25px 35px rgba(0,0,0,.18));

}

@keyframes floatMover{

0%,100%{
transform:translateY(0);
}

50%{
transform:translateY(-15px);
}

}

/*=========================
CARDS
=========================*/

.agl-box{

    background:#fff;
    border-radius:22px;
    padding:35px 30px;
    position:relative;
    transition:.4s;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.agl-box::before{

    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:#ff5e14;
    transform:scaleX(0);
    transition:.4s;

}

.agl-box:hover::before{

transform:scaleX(1);

}

.agl-box:hover{

transform:translateY(-10px);

box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.active-box{

background:#ff5e14;
color:#fff;

}

.active-box h3,
.active-box p{

color:#fff;

}

/*=========================
ICON
=========================*/

.agl-box-icon{

width:80px;
height:80px;
border-radius:50%;
background:#ff5e14;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:30px;
margin-bottom:25px;
transition:.4s;

}

.active-box .agl-box-icon{

background:#fff;
color:#ff5e14;

}

.agl-box:hover .agl-box-icon{

transform:rotate(12deg) scale(1.08);

}

/*=========================
TEXT
=========================*/

.agl-box h3{

font-size:24px;
margin-bottom:15px;
color:#0F172A;

}

.agl-box p{

color:#666;
line-height:28px;

}

/*=========================
RESPONSIVE
=========================*/

@media(max-width:992px){

.agl-premium-grid{

grid-template-columns:repeat(2,1fr);

}

.agl-center-image{

grid-column:span 2;

}

.agl-premium-heading h2{

font-size:38px;

}

}

@media(max-width:768px){

.agl-premium-section{

padding:70px 0;

}

.agl-premium-grid{

grid-template-columns:1fr;

}

.agl-center-image{

grid-column:auto;

}

.agl-premium-heading h2{

font-size:30px;

}

.agl-box{

padding:25px;

}

.agl-box-icon{

width:65px;
height:65px;
font-size:24px;

}

}.mission-vision-section{
    padding:80px 0;
    background:#f7f9fc;
}


.section-heading{
    text-align:center;
    max-width:700px;
    margin:auto;
    margin-bottom:50px;
}

.section-heading span{
    color:#ff5e14;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.section-heading h2{
    font-size:42px;
    font-weight:700;
    color:#0f172a;
    margin:12px 0;
}

.section-heading p{
    color:#666;
    font-size:16px;
    line-height:1.8;
}



.mv-wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}


.mv-card{
    position:relative;
    background:#ffffff;
    padding:45px 35px 35px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
    transition:.4s;
}


.mv-card:before{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    background:#ff5e14;
    border-radius:50%;
    top:-60px;
    right:-60px;
    opacity:.12;
}


.mv-card:hover{
    transform:translateY(-10px);
}



.mv-icon{
    width:75px;
    height:75px;
    background:linear-gradient(135deg,#ff5e14,#ff914d);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin-bottom:25px;
}


.mv-icon i{
    font-size:32px;
    color:#fff;
}


.mv-content h3{
    font-size:28px;
    color:#0f172a;
    margin-bottom:15px;
}


.mv-content p{
    color:#555;
    line-height:1.8;
    font-size:16px;
}



.mv-card:nth-child(2) .mv-icon{
    background:linear-gradient(135deg,#0E7C66,#16b394);
}




@media(max-width:768px){

.mv-wrapper{
    grid-template-columns:1fr;
}

.section-heading h2{
    font-size:32px;
}

.mv-card{
    padding:35px 25px;
}

}.india-branch-full{
    width:100%;
    padding:80px 5%;
    background:linear-gradient(135deg,#f8fbff,#eef4ff);
}


.branch-title{
    text-align:center;
    max-width:800px;
    margin:0 auto 50px;
}


.branch-title span{
    color:#ff5e14;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}


.branch-title h2{
    font-size:42px;
    font-weight:800;
    color:#0f172a;
    margin:12px 0;
}


.branch-title p{
    color:#666;
    font-size:16px;
    line-height:1.7;
}



.location-list{
    width:100%;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}



.location-box{
    background:#fff;
    padding:22px 15px;
    text-align:center;
    border-radius:50px;
    font-size:18px;
    font-weight:600;
    color:#0f172a;
    border:1px solid #eee;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    position:relative;
    overflow:hidden;
}


.location-box:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:5px;
    background:#ff5e14;
}



.location-box:hover{
    background:#0f172a;
    color:#fff;
    transform:translateY(-8px);
}



/* Responsive */

@media(max-width:1200px){

.location-list{
    grid-template-columns:repeat(4,1fr);
}

}


@media(max-width:992px){

.location-list{
    grid-template-columns:repeat(3,1fr);
}

}


@media(max-width:768px){

.location-list{
    grid-template-columns:repeat(2,1fr);
}

.branch-title h2{
    font-size:32px;
}

}


@media(max-width:480px){

.location-list{
    grid-template-columns:1fr;
}

}.faq-section{
    width:100%;
    padding:80px 5%;
    background:#f8fbff;
}


.faq-heading{
    text-align:center;
    max-width:800px;
    margin:auto;
    margin-bottom:45px;
}


.faq-heading span{
    color:#ff5e14;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}


.faq-heading h2{
    font-size:40px;
    color:#0f172a;
    font-weight:800;
    margin:12px 0;
}


.faq-heading p{
    color:#666;
}



.faq-container{
    max-width:1000px;
    margin:auto;
}


.faq-item{
    background:#fff;
    margin-bottom:18px;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    overflow:hidden;
}


.faq-question{
    width:100%;
    padding:22px 25px;
    border:none;
    background:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:18px;
    font-weight:700;
    color:#0f172a;
    cursor:pointer;
}


.faq-question i{
    width:35px;
    height:35px;
    border-radius:50%;
    background:#ff5e14;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-size:24px;
}



.faq-answer{
    padding:0 25px 20px;
}


.faq-answer p{
    color:#666;
    line-height:1.8;
    margin:0;
}



/* Mobile */

@media(max-width:600px){

.faq-heading h2{
    font-size:30px;
}

.faq-question{
    font-size:16px;
    padding:18px;
}

}.main-footer{
    background:#0f172a;
    color:#fff;
    padding-top:70px;
}


.footer-container{
    width:90%;
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:2fr 1fr 1.2fr 1.5fr;
    gap:40px;
}



.footer-col h3{
    font-size:28px;
    color:#ff5e14;
    margin-bottom:20px;
}


.footer-col h4{
    font-size:20px;
    margin-bottom:25px;
    position:relative;
}


.footer-col h4:after{
    content:"";
    width:45px;
    height:3px;
    background:#ff5e14;
    position:absolute;
    left:0;
    bottom:-10px;
}



.footer-about p{
    color:#cbd5e1;
    line-height:1.8;
    font-size:15px;
}



.footer-col ul{
    padding:0;
    margin:0;
}


.footer-col ul li{
    list-style:none;
    margin-bottom:13px;
}


.footer-col ul li a{
    color:#cbd5e1;
    text-decoration:none;
    transition:.3s;
}


.footer-col ul li a:hover{
    color:#ff5e14;
    padding-left:8px;
}



.footer-social{
    display:flex;
    gap:12px;
    margin-top:25px;
}


.footer-social a{
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#1e293b;
    color:#fff;
    border-radius:50%;
    transition:.3s;
}


.footer-social a:hover{
    background:#ff5e14;
}



.footer-contact p{
    color:#cbd5e1;
    margin-bottom:15px;
}


.footer-contact i{
    color:#ff5e14;
    margin-right:10px;
}



.quote-btn{
    display:inline-block;
    margin-top:15px;
    background:#ff5e14;
    color:#fff;
    padding:12px 25px;
    border-radius:30px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}


.quote-btn:hover{
    background:#fff;
    color:#0f172a;
}



.footer-bottom{
    margin-top:50px;
    padding:20px;
    text-align:center;
    background:#020617;
}


.footer-bottom p{
    margin:0;
    color:#94a3b8;
    font-size:14px;
}



/* Responsive */

@media(max-width:992px){

.footer-container{
    grid-template-columns:repeat(2,1fr);
}

}


@media(max-width:600px){

.footer-container{
    grid-template-columns:1fr;
}

.footer-col h3{
    font-size:24px;
}

}.price-section{
    width:100%;
    padding:80px 5%;
    background:#f8fbff;
}


.price-heading{
    text-align:center;
    max-width:800px;
    margin:auto;
    margin-bottom:45px;
}


.price-heading span{
    color:#ff5e14;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}


.price-heading h2{
    font-size:40px;
    color:#0f172a;
    font-weight:800;
    margin:12px 0;
}


.price-heading p{
    color:#666;
    font-size:16px;
}



.price-table-box{
    width:100%;
    overflow-x:auto;
    background:#fff;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}



.price-table{
    width:100%;
    border-collapse:collapse;
}



.price-table thead{
    background:#0f172a;
    color:#fff;
}



.price-table th{
    padding:20px;
    text-align:left;
    font-size:17px;
}



.price-table td{
    padding:20px;
    border-bottom:1px solid #eee;
    color:#555;
    font-size:15px;
}



.price-table tbody tr{
    transition:.3s;
}



.price-table tbody tr:hover{
    background:#fff5ef;
}



.price-table td:first-child{
    color:#0f172a;
    font-weight:700;
}



.price-table td:nth-child(3){
    color:#ff5e14;
    font-weight:700;
    font-size:18px;
}




/* Responsive Mobile */

@media(max-width:768px){

.price-table thead{
    display:none;
}


.price-table,
.price-table tbody,
.price-table tr,
.price-table td{
    display:block;
    width:100%;
}


.price-table tr{
    margin-bottom:20px;
    background:#fff;
    border-radius:15px;
    padding:15px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}



.price-table td{
    text-align:right;
    padding:12px;
    border:none;
    position:relative;
}



.price-table td:before{
    content:attr(data-label);
    float:left;
    font-weight:700;
    color:#0f172a;
}



.price-heading h2{
    font-size:30px;
}

}.breadcrumb-banner{
    width:100%;
    height:350px;
    background:
    linear-gradient(rgba(15,23,42,.85),rgba(15,23,42,.15)),
    url("../images/breadcump.jpg") center/cover no-repeat;

    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}


.breadcrumb-content{
    position:relative;
    text-align:center;
    color:#fff;
    z-index:2;
}


.breadcrumb-content h1{
    font-size:48px;
    font-weight:800;
    margin-bottom:15px;
    text-transform:uppercase;
}


.breadcrumb-menu{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
}


.breadcrumb-menu a{
    color:#ff5e14;
    text-decoration:none;
    font-size:17px;
    font-weight:600;
}


.breadcrumb-menu span{
    color:#fff;
    font-size:18px;
}


.breadcrumb-menu p{
    margin:0;
    color:#fff;
    font-size:17px;
}



/* Bottom Shape */

.breadcrumb-banner:after{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    width:100%;
    height:70px;
    background:#fff;
    clip-path:polygon(0 70%,100% 0,100% 100%,0% 100%);
}




/* Responsive */

@media(max-width:768px){

.breadcrumb-banner{
    height:250px;
}


.breadcrumb-content h1{
    font-size:34px;
}

}   .service-detail-section{
    padding:80px 0;
    background:#f8fafc;
}


.service-content{
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}


.service-img{
    width:100%;
    height:350px;
    object-fit:cover;
    border-radius:15px;
    margin-bottom:25px;
}


.service-content h2{
    font-size:32px;
    color:#0f172a;
    font-weight:800;
    margin-bottom:20px;
}


.service-content h3{
    font-size:25px;
    margin-top:30px;
    color:#0f172a;
}


.service-content p{
    color:#666;
    line-height:1.8;
    font-size:16px;
}



.service-points{
    padding:0;
}


.service-points li{
    list-style:none;
    margin-bottom:12px;
    color:#555;
}


.service-points li:before{
    content:"✓";
    color:#ff5e14;
    font-weight:bold;
    margin-right:10px;
}



/* Sidebar */

.service-sidebar{
    position:sticky;
    top:20px;
}


.service-sidebar h3{
    background:#0f172a;
    color:#fff;
    padding:20px;
    margin:0;
    border-radius:15px 15px 0 0;
    font-size:24px;
}



.service-sidebar ul{
    background:#fff;
    padding:15px;
    margin:0;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    border-radius:0 0 15px 15px;
}


.service-sidebar ul li{
    list-style:none;
    margin-bottom:10px;
}


.service-sidebar ul li a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px;
    background:#f8fafc;
    color:#0f172a;
    text-decoration:none;
    border-radius:10px;
    font-weight:600;
    transition:.3s;
}


.service-sidebar ul li a i{
    color:#ff5e14;
    font-size:20px;
}



.service-sidebar ul li a span{
    margin-left:auto;
}


.service-sidebar ul li a:hover{
    background:#ff5e14;
    color:#fff;
}


.service-sidebar ul li a:hover i{
    color:#fff;
}



/* Quote Box */

.quote-box{
    margin-top:25px;
    padding:25px;
    border-radius:15px;
    background:linear-gradient(135deg,#ff5e14,#ff914d);
    color:#fff;
}


.quote-box h4{
    font-size:22px;
}


.quote-box p{
    line-height:1.6;
}


.quote-box a{
    display:inline-block;
    background:#0f172a;
    color:#fff;
    padding:12px 25px;
    border-radius:30px;
    text-decoration:none;
}



/* Responsive */

@media(max-width:991px){

.service-sidebar{
    margin-top:30px;
}

.service-content{
    padding:25px;
}

}.contact-section{
    padding:80px 0;
    background:#f8fbff;
}

.contact-title{
    text-align:center;
    margin-bottom:50px;
}

.contact-title span{
    color:#ff5e14;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
}

.contact-title h2{
    font-size:42px;
    font-weight:800;
    color:#0f172a;
    margin:10px 0;
}

.contact-title p{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

.contact-form{
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.contact-form .form-control{
    height:55px;
    border-radius:10px;
    border:1px solid #ddd;
    box-shadow:none;
}

.contact-form textarea.form-control{
    height:auto;
}

.contact-form .form-control:focus{
    border-color:#ff5e14;
    box-shadow:none;
}

.contact-btn{
    width:100%;
    border:none;
    background:#ff5e14;
    color:#fff;
    padding:15px;
    border-radius:10px;
    font-size:17px;
    font-weight:600;
    transition:.3s;
}

.contact-btn:hover{
    background:#0f172a;
}

.contact-info{
    background:#0f172a;
    color:#fff;
    padding:35px;
    border-radius:20px;
    height:100%;
}

.contact-info h3{
    margin-bottom:30px;
    font-size:28px;
}

.info-box{
    display:flex;
    gap:18px;
    margin-bottom:25px;
    align-items:flex-start;
}

.info-box i{
    width:55px;
    height:55px;
    background:#ff5e14;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    flex-shrink:0;
}

.info-box h5{
    margin-bottom:5px;
    font-size:18px;
}

.info-box p{
    margin:0;
    color:#d1d5db;
    line-height:1.7;
}

@media(max-width:991px){

.contact-title h2{
    font-size:34px;
}

.contact-info{
    margin-top:30px;
}

}

@media(max-width:576px){

.contact-form,
.contact-info{
    padding:25px;
}

.contact-title h2{
    font-size:28px;
}

}.location-section{
    padding:80px 25px;
    background:#f8fafc;
}

.location-section .container-fluid{
    width:100%;
    max-width:100%;
    padding:0;
}

.location-heading{
    text-align:center;
    margin-bottom:45px;
}

.location-heading span{
    color:#ff5e14;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.location-heading h2{
    font-size:42px;
    font-weight:800;
    color:#0f172a;
    margin:10px 0;
}

.location-heading p{
    max-width:750px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

.location-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.location-grid a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:60px;
    padding:15px;
    text-align:center;
    background:#ffcb55;
    color:#0f172a;
    text-decoration:none;
    font-weight:600;
    border-radius:10px;
    border:1px solid #e5e7eb;
    transition:.3s;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
}

.location-grid a:hover{
    background:#ff5e14;
    color:#fff;
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(255,94,20,.35);
}

@media(max-width:1400px){
.location-grid{
grid-template-columns:repeat(5,1fr);
}
}

@media(max-width:1200px){
.location-grid{
grid-template-columns:repeat(4,1fr);
}
}

@media(max-width:992px){
.location-grid{
grid-template-columns:repeat(3,1fr);
}

.location-heading h2{
font-size:34px;
}
}

@media(max-width:768px){
.location-grid{
grid-template-columns:repeat(2,1fr);
}

.location-heading h2{
font-size:30px;
}
}

@media(max-width:576px){
.location-grid{
grid-template-columns:1fr;
}

.location-section{
padding:60px 15px;
}

.location-heading h2{
font-size:26px;
}
}
/*=========================
Testimonials Section
==========================*/

.testimonial-section{
    padding:90px 0;
    background:linear-gradient(135deg,#f7f9fc,#eef5ff);
    position:relative;
    overflow:hidden;
}

.testimonial-section::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:#ff7a00;
    opacity:.08;
    border-radius:50%;
    top:-120px;
    left:-120px;
}

.testimonial-section::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    background:#0d47a1;
    opacity:.08;
    border-radius:50%;
    right:-100px;
    bottom:-100px;
}

.section-heading{
    text-align:center;
    margin-bottom:60px;
}

.section-heading span{
    display:inline-block;
    background:#ff7a00;
    color:#fff;
    padding:8px 22px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.section-heading h2{
    font-size:42px;
    margin:20px 0 15px;
    font-weight:700;
    color:#0d47a1;
}

.section-heading p{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:30px;
    font-size:17px;
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.testimonial-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    position:relative;
    transition:.4s;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    overflow:hidden;
}

.testimonial-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 50px rgba(0,0,0,.15);
}

.testimonial-card.active{
    background:linear-gradient(135deg,#0d47a1,#1e88e5);
    color:#fff;
}

.quote{
    position:absolute;
    right:25px;
    top:10px;
    font-size:80px;
    color:#ff7a00;
    opacity:.2;
    font-family:serif;
}

.stars{
    color:#ffb300;
    font-size:22px;
    margin-bottom:20px;
}

.testimonial-card p{
    line-height:30px;
    margin-bottom:30px;
    font-size:16px;
}

.client{
    display:flex;
    align-items:center;
    gap:15px;
}

.client img{
    width:65px;
    height:65px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #ff7a00;
}

.client h4{
    margin:0;
    font-size:18px;
    font-weight:700;
}

.client span{
    font-size:14px;
    color:#777;
}

.testimonial-card.active .client span{
    color:#f5f5f5;
}

@media(max-width:768px){

.section-heading h2{
    font-size:30px;
}

.testimonial-card{
    padding:28px;
}

}.location-section{
    background:#f8fafc;
}

.section-tag{
    display:inline-block;
    background:#ff9800;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    margin-bottom:20px;
}

.section-title{
    font-size:40px;
    font-weight:800;
    color:#0f172a;
    margin-bottom:20px;
}

.section-title span{
    color:#ff9800;
}

.section-text{
    color:#555;
    line-height:1.9;
    margin-bottom:35px;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.feature-box{
    display:flex;
    gap:18px;
    background:#fff;
    padding:20px;
    border-radius:14px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.feature-box:hover{
    transform:translateY(-6px);
}

.feature-box i{
    width:65px;
    height:65px;
    background:#ff9800;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
}

.feature-box h5{
    font-weight:700;
    margin-bottom:8px;
    color:#0f172a;
}

.feature-box p{
    margin:0;
    color:#666;
}

.location-card{
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    position:sticky;
    top:100px;
}

.location-card h3{
    text-align:center;
    margin-bottom:25px;
    font-weight:800;
    color:#0f172a;
}

.location-list{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    max-height:700px;
    overflow-y:auto;
    padding-right:8px;
}

.location-list::-webkit-scrollbar{
    width:8px;
}

.location-list::-webkit-scrollbar-thumb{
    background:#ff9800;
    border-radius:20px;
}

.location-list a{
    flex:1 1 calc(50% - 10px);
    text-decoration:none;
    background:#f5f5f5;
    color:#222;
    padding:12px;
    text-align:center;
    border-radius:10px;
    font-weight:600;
    transition:.3s;
    border:1px solid #eee;
}

.location-list a:hover{
    background:#ff9800;
    color:#fff;
    transform:translateY(-4px);
}

@media(max-width:991px){

.location-card{
position:static;
}

}

@media(max-width:768px){

.feature-grid{
grid-template-columns:1fr;
}

.location-list a{
flex:1 1 100%;
}

.section-title{
font-size:30px;
}

}.map-frame{
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    padding: 10px;
    background: linear-gradient(135deg,#ff9800,#ffb300);
    box-shadow: 0 20px 45px rgba(0,0,0,.18);
    transition: .4s ease;
}

.map-frame:hover{
    transform: translateY(-8px);
    box-shadow: 0 30px 60px rgba(0,0,0,.25);
}

.map-frame iframe{
    width: 100%;
    height: 450px;
    border: 0;
    display: block;
    border-radius: 18px;
}

/* Orange Glow */
.map-frame::before{
    content: "";
    position: absolute;
    top: -80px;
    left: -80px;
    width: 180px;
    height: 180px;
    background: rgba(255,255,255,.2);
    border-radius: 50%;
}

.map-frame::after{
    content: "";
    position: absolute;
    bottom: -70px;
    right: -70px;
    width: 160px;
    height: 160px;
    background: rgba(255,255,255,.15);
    border-radius: 50%;
}

@media(max-width:768px){

.map-frame iframe{
    height: 350px;
}

}/* Hero Section */
.hero{
    background:linear-gradient(135deg,#b30000 0%,#d60000 50%,#ff1a1a 100%);
    padding:90px 0;
    position:relative;
    overflow:hidden;
}

.hero::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,204,0,.12);
    border-radius:50%;
    top:-120px;
    left:-100px;
}

.hero::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    right:-150px;
    bottom:-150px;
}

.hero .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    position:relative;
    z-index:2;
}

.hero-content{
    flex:1;
}

.hero-badge{
    display:inline-block;
    background:#ffcc00;
    color:#b30000;
    padding:10px 20px;
    border-radius:40px;
    font-weight:700;
    margin-bottom:20px;
}

.hero h1{
    color:#fff;
    font-size:56px;
    font-weight:800;
    line-height:1.2;
}

.hero h1 span{
    color:#ffcc00;
}

.hero p{
    color:#f5f5f5;
    font-size:18px;
    line-height:1.8;
    margin:25px 0;
}

/* Buttons */

.hero-btn{
    display:flex;
    gap:15px;
    margin-bottom:35px;
}

.btn1{
    background:#ffcc00;
    color:#b30000;
    padding:15px 35px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.btn1:hover{
    background:#fff;
    color:#b30000;
}

.btn2{
    background:#fff;
    color:#b30000;
    padding:15px 35px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.btn2:hover{
    background:#ffcc00;
}

/* Stats */

.hero-stats{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.stat-card{
    display:flex;
    align-items:center;
    gap:15px;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.15);
    padding:18px;
    border-radius:12px;
}

.stat-icon{
    width:55px;
    height:55px;
    background:#ffcc00;
    color:#b30000;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

.stat-content h3{
    color:#fff;
    margin:0;
    font-size:24px;
}

.stat-content p{
    margin:0;
    color:#f0f0f0;
    font-size:14px;
}

/* Form */

.hero-form{
    width:420px;
    background:#fff;
    padding:35px;
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
}

.hero-form h2{
    text-align:center;
    color:#b30000;
    font-weight:800;
    margin-bottom:25px;
}

.hero-form input{
    width:100%;
    height:52px;
    border:1px solid #ddd;
    border-radius:8px;
    padding:0 15px;
    margin-bottom:18px;
    outline:none;
}

.hero-form input:focus{
    border-color:#ffcc00;
}

.hero-form button{
    width:100%;
    height:55px;
    background:#b30000;
    color:#fff;
    border:none;
    border-radius:8px;
    font-size:18px;
    font-weight:700;
    transition:.3s;
}

.hero-form button:hover{
    background:#ffcc00;
    color:#b30000;
}

/* Responsive */

@media(max-width:991px){

.hero .container{
    flex-direction:column;
}

.hero-form{
    width:100%;
}

.hero h1{
    font-size:40px;
}

.hero-stats{
    justify-content:center;
}

}

@media(max-width:576px){

.hero{
    padding:70px 0;
}

.hero h1{
    font-size:32px;
}

.hero-btn{
    flex-direction:column;
}

.hero-stats{
    flex-direction:column;
}

}

