:root {
  --text-color: #000000;
}

#preloader{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#ffffff;
}

.loader-bg{
    position:absolute;
    inset:0;
    overflow:hidden;
}

.grid-pattern{

    position:absolute;
    inset:0;

    background-image:

    linear-gradient(rgba(249,115,22,.06) 1px,transparent 1px),

    linear-gradient(90deg,rgba(249,115,22,.06) 1px,transparent 1px);

    background-size:60px 60px;

    opacity:.45;

}

.loader-bg::before{

    content:"";

    position:absolute;

    width:700px;
    height:700px;

    left:50%;
    top:50%;

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

    border-radius:50%;

    background:

    radial-gradient(circle,
    rgba(249,115,22,.12),
    transparent 70%);

}

.loader-content{

    position:relative;

    z-index:10;

    width:430px;

    text-align:center;

}

.loader-logo{

    width:180px;

    margin:auto;

    margin-bottom:45px;

    user-select:none;

    filter:

    drop-shadow(0 15px 25px rgba(249,115,22,.18));

}

.globe-wrapper{

    position:relative;

    width:170px;

    height:170px;

    margin:auto;

    margin-bottom:45px;

}

.globe{

    position:absolute;

    left:50%;
    top:50%;

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

    width:90px;
    height:90px;

    border-radius:50%;

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

    background:

    linear-gradient(145deg,
    #f97316,
    #fb923c);

    box-shadow:

    0 0 50px rgba(249,115,22,.35);

}

.globe i{

    font-size:40px;

    color:#fff;

}

.orbit{

    position:absolute;

    left:50%;
    top:50%;

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

    border-radius:50%;

    border:1.5px dashed rgba(249,115,22,.35);

}

.orbit1{

    width:135px;
    height:135px;

}

.orbit2{

    width:165px;
    height:165px;

}

.loader-title{

    font-size:28px;

    font-weight:700;

    color:#111827;

    margin-bottom:12px;

}

#loadingText{

    font-size:15px;

    color:var( --text-color);

    margin-bottom:40px;

    min-height:24px;

    letter-spacing:.4px;

}

.progress-area{

    width:100%;

}

.progress-line{

    position:relative;

    width:100%;

    height:8px;

    border-radius:100px;

    background:#ededed;

    overflow:hidden;

}

#progressFill{

    position:relative;

    width:0%;

    height:100%;

    border-radius:100px;

    background:

    linear-gradient(90deg,

    #fb923c,

    #f97316);

}

.ship-progress{

    position:absolute;

    right:-8px;

    top:50%;

    transform:translateY(-50%);

    color:#f97316;

    font-size:22px;

    background:#fff;

    padding:6px;

    border-radius:50%;

    box-shadow:

    0 10px 30px rgba(249,115,22,.25);

}

#progressValue{

    display:block;

    margin-top:18px;

    font-size:15px;

    font-weight:700;

    color:#f97316;

    letter-spacing:1px;

}

.floating-icons i{

    position:absolute;

    color:#f97316;

    opacity:.08;

}

.ship1{

    top:14%;
    left:9%;

    font-size:44px;

}

.box1{

    right:10%;
    top:18%;

    font-size:34px;

}

.plane1{

    left:15%;
    bottom:16%;

    font-size:42px;

}

.truck1{

    right:12%;
    bottom:15%;

    font-size:40px;

}

.loader-bg::after{

    content:"";

    position:absolute;

    width:14px;
    height:14px;

    border-radius:50%;

    background:#f97316;

    left:18%;

    top:22%;

    box-shadow:

    300px 80px rgba(249,115,22,.15),

    620px 280px rgba(249,115,22,.15),

    150px 500px rgba(249,115,22,.12),

    900px 120px rgba(249,115,22,.10),

    1100px 480px rgba(249,115,22,.10);

}

@media(max-width:768px){

.loader-content{

    width:90%;

}

.loader-logo{

    width:145px;

}

.globe-wrapper{

    width:140px;
    height:140px;

}

.globe{

    width:76px;
    height:76px;

}

.globe i{

    font-size:34px;

}

.loader-title{

    font-size:22px;

}

#loadingText{

    font-size:14px;

}

.ship-progress{

    font-size:18px;

    padding:5px;

}

.ship1,
.box1,
.plane1,
.truck1{

    font-size:28px;

}

}

@media(max-width:480px){

.loader-title{

    font-size:20px;

}

.loader-logo{

    width:130px;

}

.globe-wrapper{

    margin-bottom:30px;

}

}

#topBar{

    position:relative;

    z-index:60;

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

}

.top-link{

    display:flex;

    align-items:center;

    gap:8px;

    color:#d1d5db;

    transition:.3s;

    font-size:14px;

}

.top-link i{

    color:#f97316;

    font-size:13px;

}

.top-link:hover{

    color:#ffffff;

}

.social-link{

    width:32px;

    height:32px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#d1d5db;

    transition:.35s;

}

.social-link:hover{

    background:#f97316;

    color:#fff;

    transform:translateY(-2px);

}

@media(max-width:1024px){

    #topBar{

        display:none;

    }

}

.nav-link-menu{
    font-size: 16px;
    font-weight: 700;
}

#hero{
    position:relative;
    width:100%;
    overflow:hidden;
    background:#0A2240;
}

.heroSlider{
    width:100%;
    height:580px;
    min-height:580px;
    background:#0A2240;
}

.swiper-slide{
    position:relative;
    overflow:hidden;
    background:#0A2240;
}

.swiper-slide picture{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    z-index:1;
}

.hero-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform:scale(1.04);
}

.hero-overlay{

    position:absolute;
    inset:0;
    z-index:2;

    background:
    linear-gradient(
    90deg,
    rgba(11, 25, 44, 0.88) 0%,
    rgba(11, 25, 44, 0.65) 46%,
    rgba(0,0,0, 0.25) 100%);
    pointer-events: none;

}

.hero-content{

    position:relative;
    z-index:10;

    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:520px;
    height:100%;
    padding:35px 0 45px;

    max-width:640px;

}

.hero-badge{

    display:inline-flex;
    align-items:center;
    gap:8px;

    width:max-content;

    padding:7px 18px;

    border-radius:50px;

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

    backdrop-filter:blur(15px);

    color:#fff;

    font-size:12.5px;

    font-weight:600;
    letter-spacing:0.4px;

    margin-bottom:18px;

    border:1px solid rgba(255,255,255,0.22);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);

}

.hero-badge i{

    color:#f97316;

}

.hero-title{

    color:#fff;

    font-size:clamp(1.55rem, 2.25vw, 2.25rem);

    font-weight:800;

    line-height:1.22;
    letter-spacing:-0.02em;

    margin-bottom:14px;
    text-shadow: 0 2px 10px rgba(0,0,0,0.4);

}

.hero-title span,
.hero-title-highlight{

    color:#f97316;

    display:block !important;
    white-space:nowrap !important;

}

.hero-desc{

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

    font-size:14.5px;
    font-weight:400;
    text-align:left;
    line-height:1.6;

    max-width:560px;

    margin-bottom:18px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);

}

.hero-destination-pills{

    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center;
    gap:7px;
    margin-bottom:24px;
    max-width:100%;
    overflow-x:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;

}

.hero-destination-pills::-webkit-scrollbar{
    display:none;
}

.hero-pill{

    display:inline-flex !important;
    align-items:center;
    gap:5px;
    padding:4px 10px;
    border-radius:9999px;
    font-size:11px;
    font-weight:500;
    color:#ffffff;
    background:rgba(0,0,0,0.42);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.22);
    box-shadow:0 2px 6px rgba(0,0,0,0.2);
    white-space:nowrap !important;
    flex-shrink:0 !important;

}

.hero-pill i{

    color:#34d399;
    font-size:10px;

}

.hero-buttons{

    display:flex;

    gap:14px;

    flex-wrap:wrap;
    align-items:center;

}

.hero-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:13px 26px;

    border-radius:8px;

    font-size:14px;

    font-weight:600;

    transition:all .3s ease;
    text-decoration:none;

}

.hero-primary{

    background:linear-gradient(135deg, #f97316 0%, #ea580c 100%);

    color:#fff;
    box-shadow: 0 4px 18px rgba(249,115,22,0.4);

}

.hero-primary:hover{

    background:linear-gradient(135deg, #ea580c 0%, #c2410c 100%);

    transform:translateY(-2px);
    box-shadow: 0 8px 22px rgba(249,115,22,0.5);

}

.hero-secondary{

    color:#fff;

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

    border:1.5px solid rgba(255,255,255,0.3);

    backdrop-filter:blur(15px);

}

.hero-secondary:hover{

    background:#fff;

    color:#0b1727;
    border-color:#fff;
    transform:translateY(-2px);

}

.hero-pagination{

    position:absolute;

    bottom:28px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    z-index:30 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;

}

.hero-pagination .swiper-pagination-bullet{

    width:10px;

    height:10px;

    opacity:0.6;

    background:#fff;
    border-radius:50%;
    transition:all 0.3s ease;

}

.hero-pagination .swiper-pagination-bullet-active{

    background:#f97316;
    opacity:1;

    width:28px;

    border-radius:20px;

}

.hero-prev,
.hero-next{

    width:44px !important;

    height:44px !important;

    top:auto !important;
    bottom:20px !important;

    border-radius:50%;

    background:rgba(0,0,0,0.45) !important;

    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,0.25) !important;

    color:#fff !important;

    transition:.3s;
    z-index:35 !important;

}

.hero-prev{

    left:auto !important;
    right:76px !important;

}

.hero-next{

    right:20px !important;

}

.hero-prev:hover,
.hero-next:hover{

    background:#f97316 !important;
    border-color:#f97316 !important;
    transform:scale(1.06);

}

.hero-prev::after,
.hero-next::after{

    font-size:14px !important;

    font-weight:bold;

}

.scroll-indicator{

    position:absolute;

    left:50%;

    bottom:35px;

    transform:translateX(-50%);

    z-index:30;

    display:flex;

    flex-direction:column;

    align-items:center;

    color:#fff;

    gap:10px;

    font-size:13px;

    letter-spacing:2px;

    text-transform:uppercase;

}

.scroll-indicator i{

    font-size:24px;

    color:#f97316;

}

@media(max-width:1200px){

.hero-title{

    font-size:2.35rem;

}

.hero-desc{

    font-size:14.5px;

}

}

@media(max-width:992px){

.heroSlider{

    height:auto;
    min-height:600px;

}

.hero-content{

    justify-content:center;
    margin-top:0;
    min-height:560px;
    padding:60px 0 80px;
    max-width:100%;

}

.hero-title{

    font-size:2.1rem;

}

.hero-prev,
.hero-next{

    display:none !important;

}

}

@media(max-width:768px){

.heroSlider{

    min-height:520px;

}

.hero-content{

    padding:45px 0 65px;

}

.hero-title{

    font-size:1.85rem;

}

.hero-desc{

    font-size:14px;
    line-height:1.6;

}

.hero-buttons{

    flex-direction:row;

    align-items:center;

}

.hero-btn{

    padding:11px 22px;
    font-size:13.5px;

}

.hero-badge{

    font-size:12px;
    padding:6px 14px;

}

}

@media(max-width:480px){

.hero-content{

    max-width:100%;

}

.hero-title{

    font-size:1.65rem;

    line-height:1.25;

}

.hero-desc{

    font-size:13.5px;

    line-height:1.55;

}

.hero-buttons{

    flex-direction:column;
    width:100%;

}

.hero-btn{

    width:100%;
    justify-content:center;

}

.hero-pagination{

    bottom:15px !important;

}

.scroll-indicator{

    display:none;

}

}

#about{

    position:relative;

    padding:40px 0;

    background:#ffffff;

    overflow:hidden;

}

#about .max-w-7xl{

    position:relative;

    z-index:2;

}

#about .grid{

    align-items:center;

    column-gap:80px;

}

.about-content{

    position:relative;

}

.about-content .inline-flex{

    transition:.35s ease;

}

.about-content .inline-flex:hover{

    transform:translateY(-3px);

    box-shadow:

    0 18px 40px rgba(249,115,22,.12);

}
.about-badge{
   font-size: 14px;
}

.about-content h2{

    font-family:"Poppins",sans-serif;
      font-size: 2.4rem;
    font-weight:700;

    letter-spacing:-1px;

    color:#0F4C5C;

    line-height: 1.3;

    margin-bottom:35px;

}

.about-content p{

    font-size:17px;

    line-height:2;

    color:var( --text-color);

    margin-bottom:24px;

    text-align:justify;

}

.about-content strong{

    color:#111827;

    font-weight:600;

}

.about-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border-radius:8px;

    background:#f97316;

    color:#ffffff;

    font-weight:600;

    transition:.35s ease;

    box-shadow:

    0 15px 35px rgba(249,115,22,.22);

}

.about-btn:hover{

    background:#ea580c;

    transform:translateY(-4px);

    box-shadow:

    0 25px 45px rgba(249,115,22,.28);

}

.about-btn i{

    transition:.35s;

}

.about-btn:hover i{

    transform:translateX(6px);

}

#about .relative{

    position:relative;

}

#about .relative img{

    width:100%;

    display:block;

    object-fit:fill;

    transition:1s ease;

}

#about .overflow-hidden{

    overflow:hidden;

    border-radius:20px;

    box-shadow:

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

}

#about .overflow-hidden:hover img{

    transform:scale(1.06);

}

#about::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(249,115,22,.06),

    transparent 70%);

    left:-180px;

    top:-120px;

}

#about::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(15,76,92,.04),

    transparent 70%);

    right:-120px;

    bottom:-100px;

}

@media(max-width:1200px){

#about{

    padding:40px 0;

}

#about .grid{

    gap:60px;

}

.about-content h2{

    font-size:2.2rem !important;

}

}

@media(max-width:992px){

#about{

    padding:40px 0;

}

#about .grid{

    grid-template-columns:1fr;

}

.about-content{

    order:2;

}

#about .relative{

    order:1;

}

.about-content h2{

    font-size:2.1rem !important;

}

}

@media(max-width:768px){

#about{

    padding:40px 0;

}

.about-content h2{

    font-size:1.8rem !important;

    line-height:1.3;

}

.about-content p{

    font-size:16px;

    line-height:1.9;

}

.about-btn{

    width:100%;

}

}

#about{

    position:relative;

    padding:40px 0;

    background:#ffffff;

    overflow:hidden;

}

#about .max-w-7xl{

    position:relative;

    z-index:2;

}

#about .grid{

    align-items:center;

    column-gap:80px;

}

.about-content{

    position:relative;

}

.about-content .inline-flex{

    transition:.35s ease;

}

.about-content .inline-flex:hover{

    transform:translateY(-3px);

    box-shadow:

    0 18px 40px rgba(249,115,22,.12);

}

.about-content h2{

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

    font-weight:700;

    letter-spacing:-1px;

    color:#0F4C5C;

    margin-bottom:35px;

}

.about-content p{

    font-size:17px;

    line-height:2;

    color:var( --text-color);

    margin-bottom:24px;

    text-align:justify;

}

.about-content strong{

    color:#111827;

    font-weight:600;

}

.about-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border-radius:8px;

    background:#f97316;

    color:#ffffff;

    font-weight:600;

    transition:.35s ease;

    box-shadow:

    0 15px 35px rgba(249,115,22,.22);

}

.about-btn:hover{

    background:#ea580c;

    transform:translateY(-4px);

    box-shadow:

    0 25px 45px rgba(249,115,22,.28);

}

.about-btn i{

    transition:.35s;

}

.about-btn:hover i{

    transform:translateX(6px);

}

#about .relative{

    position:relative;

}

#about .relative img{

    width:100%;

    display:block;

    object-fit:fill;

    transition:1s ease;

}

#about .overflow-hidden{

    overflow:hidden;

    border-radius:20px;

    box-shadow:

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

}

#about .overflow-hidden:hover img{

    transform:scale(1.06);

}

#about::before{

    content:"";

    position:absolute;

    width:520px;

    height:520px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(249,115,22,.06),

    transparent 70%);

    left:-180px;

    top:-120px;

}

#about::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(15,76,92,.04),

    transparent 70%);

    right:-120px;

    bottom:-100px;

}

@media(max-width:1200px){

#about{

    padding:40px 0;

}

#about .grid{

    gap:60px;

}

.about-content h2{

    font-size:42px !important;

}

}

@media(max-width:992px){

#about{

    padding:40px 0;

}

#about .grid{

    grid-template-columns:1fr;

}

.about-content{

    order:2;

}

#about .relative{

    order:1;

}

.about-content h2{

    font-size:38px !important;

}

}

@media(max-width:768px){

#about{

    padding:40px 0;

}

.about-content h2{

    font-size:30px !important;

    line-height:1.3;

}

.about-content p{

    font-size:16px;

    line-height:1.9;

}

.about-btn{

    width:100%;

}

}

#services{

    position:relative;

    padding:40px 0;

    background:#F5FCFD;

    overflow:hidden;

}

.services-bg{

    position:absolute;

    top:-250px;

    left:50%;

    transform:translateX(-50%);

    width:1400px;

    height:650px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(13,92,171,.06),
    transparent 70%);

    pointer-events:none;

}

.section-title{

    font-size:2.6rem ;

    font-weight:700;

    line-height:1.1;

    color:#0E2344;

    margin-bottom:22px;

    letter-spacing:-1px;

}

.section-title span{

    display:block;

    color:#0D5CAB;

}

.section-description{

    max-width:980px;

    margin:auto;

    color:var( --text-color);

    font-size: 1rem;

    line-height:1.7;

}

#services .grid{

    align-items:stretch;

}

.service-card{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    background:#fff;

    border-radius:26px;

    overflow:hidden;

    box-shadow:

    0 15px 45px rgba(0,0,0,.06);

    transition:.45s;

}

.service-card::before{

    z-index:1;

}

.service-arrow{

    position:absolute;

    top:12px;

    right:12px;

    width:40px;

    height:40px;

    border-radius:50%;

    background:#ffffff5b;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:20;
   border: .1px solid ;
    box-shadow:
    0 15px 35px rgba(0,0,0,.12);

}

.service-arrow i{

    font-size:18px;

    color:#111827;

    transition:.35s;

}

.service-content{

    padding:34px 28px;

}

.service-content h3{

    font-size:24px;

    line-height:1.45;

    font-weight:700;

    color:#1F2937;

    margin-bottom:10px;

}

.service-content p{

    color:var( --text-color);

    font-size:16px;

    line-height:1.9;

}

.service-image{

    position:relative;

    margin:0 18px 18px;

    overflow:hidden;

    border-radius:22px;

    height:300px;

}

.service-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:1s ease;

    display:block;

}

.service-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    180deg,

    transparent,

    rgba(0,0,0,.10)

    );

    z-index:1;

}

#services .inline-flex{

    transition:.35s;

}

#services .inline-flex:hover{

    transform:translateY(-3px);

    box-shadow:

    0 15px 35px rgba(249,115,22,.12);

}

@media(max-width:1200px){

.service-card{

    min-height:520px;

}

}

@media(max-width:992px){

#services{

    padding:40px 0;

}

.service-card{

    min-height:500px;

}

.service-image{

    height:260px;

}

}

@media(max-width:768px){

#services{

    padding:40px 0;

}

.section-description{

    font-size:15px;

}

.service-card{

    min-height:auto;

}

.service-content{

    padding:30px 24px 20px;

}

.service-content h3{

    font-size:22px;

}

.service-image{

    margin:0 15px 15px;

    height:240px;

}

}

@media(max-width:480px){

.service-content h3{

    font-size:20px;

}

.service-content p{

    font-size:15px;

}

.service-arrow{

    width:38px;

    height:38px;

}

}

.service-card{

    border:1px solid transparent;

}

.service-card:hover{

    transform:translateY(-14px);

    border-color:rgba(13,92,171,.12);

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

}

.service-card::before{

    transition:.45s ease;

}

.service-card:hover::before{

    width:190px;

    height:105px;

}

.service-arrow{

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

}

.service-card:hover .service-arrow{

    background:#0D5CAB;

    transform:rotate(45deg);

    box-shadow:
    0 18px 35px rgba(13,92,171,.25);

}

.service-card:hover .service-arrow i{

    color:#fff;

}

.service-content h3{

    transition:.35s;

}

.service-card:hover h3{

    color:#0D5CAB;

}

.service-content p{

    transition:.35s;

}

.service-card:hover p{

    color:#4B5563;

}

.service-image{

    transition:.45s;

}

.service-card:hover .service-image{

    transform:translateY(-5px);

}

.service-card:hover .service-image img{

    transform:scale(1.08);

}

.service-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    180deg,

    rgba(13,92,171,0),

    rgba(13,92,171,.15)

    );

    opacity:0;

    transition:.45s;

    z-index:2;

}

.service-card:hover .service-image::after{

    opacity:1;

}

.service-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:4px;

    background:

    linear-gradient(

    90deg,

    #0D5CAB,

    #FFB703

    );

    transition:.45s;

}

.service-card:hover::after{

    width:100%;

}

.service-card .shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.service-card .shine::before{

    content:"";

    position:absolute;

    top:-120%;

    left:-80%;

    width:70%;

    height:250%;

    transform:rotate(25deg);

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.45),

    transparent

    );

    transition:1s;

}

.service-card:hover .shine::before{

    left:170%;

}

.service-card:hover{

    background:

    linear-gradient(

    180deg,

    #ffffff,

    #fbfdff

    );

}

.service-image{

    box-shadow:

    0 15px 30px rgba(0,0,0,.06);

}

.service-card:hover .service-image{

    box-shadow:

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

}

.service-card{

    cursor:pointer;

}

.service-card,
.service-content,
.service-image,
.service-image img,
.service-arrow,
.service-content h3,
.service-content p{

    transition:all .45s ease;

}

.service-card{

    will-change:transform;

}

@media(max-width:992px){

.service-card:hover{

    transform:translateY(-8px);

}

}

@media(max-width:768px){

.service-card{

    border-radius:22px;

}

.service-card::before{

    width:140px;

    height:80px;

}

.service-arrow{

    width:35px;

    height:35px;

    right:12px;

    top:12px;

}

.service-arrow i{

    font-size:16px;

}

}

@media(max-width:480px){

.service-card{

    border-radius:20px;

}

.service-content{

    padding:28px 22px 18px;

}

.service-content h3{

    font-size:21px;

}

.service-content p{

    font-size:15px;

    line-height:1.8;

}

.service-image{

    height:220px;

    margin:0 12px 12px;

}

}

#working-process{

    position:relative;

    background:#0F5563;

    padding:40px 0;

    overflow:hidden;

    z-index:1;

}

.process-bg-circle{

    position:absolute;

    border-radius:50%;

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

    filter:blur(2px);

}

.process-bg-1{

    width:420px;

    height:420px;

    left:-180px;

    top:-120px;

}

.process-bg-2{

    width:520px;

    height:520px;

    right:-250px;

    bottom:-250px;

}

.process-plane{

    position:absolute;

    left:-60px;

    top:140px;

    width:320px;

    z-index:2;

    pointer-events:none;

}

.process-plane img{

    width:100%;

    display:block;

}

.process-ship{

    position:absolute;

    top:0;

    right:-20px;

    width:220px;

    z-index:2;

    pointer-events:none;

}

.process-ship img{

    width:100%;

    display:block;

}

.process-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:10px 22px;

    border:1px solid rgba(255,183,3,.8);

    border-radius:999px;

    color:#FFB703;

    margin-bottom:28px;

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

    backdrop-filter:blur(10px);

}

.process-badge img{

    width:34px;

}

.process-badge span{

    font-size:14px;

    font-weight:600;

}

.process-title{

    font-size:2.6rem;

    line-height:1.2;

    font-weight:700;

    color:#fff;

    margin-bottom:20px;

    white-space:normal;

}

.process-title span{

    display:inline;

}

.process-description{

    max-width:1050px;

    margin:auto;

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

    font-size:1.05rem;

    line-height:1.7;

}

.process-grid{

    display:grid;

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

    gap:32px;

    position:relative;

}

.process-card{

    position:relative;

    text-align:center;

    padding:36px 18px;

    z-index:2;

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

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

    border-radius:24px;

    backdrop-filter:blur(10px);

    transition:all .35s ease;

}

.process-card:hover{

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

    border-color:rgba(255,183,3,.3);

    transform:translateY(-4px);

}

.process-icon{

    width:80px;

    height:80px;

    margin:0 auto 20px;

    border-radius:20px;

    background:rgba(255,107,53,.1);

    display:flex;

    align-items:center;

    justify-content:center;

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

    transition:all .3s ease;

}

.process-icon i{

    font-size:32px;

    color:#FF6B35;

}

.process-number{

    position:absolute;

    top:16px;

    right:20px;

    font-size:24px;

    font-weight:800;

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

    letter-spacing:1px;

    user-select:none;

}

.process-card h3{

    color:#fff;

    font-size:clamp(0.95rem, 1.15vw, 1.25rem) !important;

    font-weight:700;

    line-height:1.3;

    margin-bottom:14px;

    white-space:nowrap !important;

    letter-spacing:-0.01em;

}

.process-card p{

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

    font-size:.92rem;

    line-height:1.6;

    max-width:100%;

    margin:auto;

}

.process-card.active .process-icon{

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

    border-color:rgba(255,183,3,.18);

}

.process-card.active .process-icon i{

    color:#FFB703;

}

.process-grid::before{

    display:none;

}

@media(max-width:1200px){

.process-title{

    font-size:2.6rem;

}

.process-grid{

    gap:24px;

}

.process-card h3{

    font-size:clamp(0.9rem, 1.1vw, 1.15rem) !important;

    white-space:nowrap !important;

}

}

@media(max-width:992px){

#working-process{

    padding:40px 0;

}

.process-grid{

    grid-template-columns:1fr;

    gap:70px;

}

.process-grid::before{

    display:none;

}

.process-plane{

    width:220px;

}

.process-ship{

    width:170px;

}

.process-title{

    font-size:2rem;

}

}

@media(max-width:768px){

#working-process{
    padding:36px 0 44px !important;
}

.process-badge {
    margin-bottom: 14px !important;
    padding: 6px 14px !important;
}

.process-title{
    font-size: clamp(1.4rem, 4.5vw, 1.8rem) !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
    white-space: normal !important;
}

.process-description{
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    padding: 0 8px !important;
    margin-bottom: 24px !important;
}

.process-grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
}

.process-card{
    padding: 24px 20px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    text-align: center !important;
}

.process-card h3{
    font-size: 1.15rem !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
    white-space: normal !important;
}

.process-card p{
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,0.85) !important;
}

.process-icon{
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 14px !important;
    border-radius: 16px !important;
}

.process-icon i{
    font-size: 24px !important;
}

.process-number{
    font-size: 20px !important;
    top: 14px !important;
    right: 16px !important;
    opacity: 0.35 !important;
}

.process-plane,
.process-ship{
    display:none !important;
}

}

.process-card{

    border-radius:28px;

    transition:all .45s ease;

    overflow:hidden;

}

.process-card:hover{

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

    backdrop-filter:blur(12px);

    transform:translateY(-12px);

    box-shadow:

    0 30px 70px rgba(0,0,0,.18);

}

.process-card::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:4px;

    border-radius:20px;

    background:linear-gradient(
        90deg,
        #FFB703,
        #0D5CAB
    );

    transition:.45s;

}

.process-card:hover::before{

    width:120px;

}

.process-card::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-120px;

    transform:translateX(-50%);

    width:240px;

    height:240px;

    border-radius:50%;

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

    filter:blur(60px);

    opacity:0;

    transition:.45s;

}

.process-card:hover::after{

    opacity:1;

}

.process-icon{

    transition:.45s;

}

.process-card:hover .process-icon{

    transform:translateY(-8px) scale(1.08);

    background:#FFB703;

    border-color:#FFB703;

    box-shadow:

    0 20px 45px rgba(255,183,3,.28);

}

.process-card:hover .process-icon i{

    color:#0E2344;

}

.process-card h3{

    transition:.35s;

}

.process-card:hover h3{

    color:#FFB703;

}

.process-card p{

    transition:.35s;

}

.process-card:hover p{

    color:#ffffff;

}

.process-number{

    transition:.45s;

}

.process-card:hover .process-number{

    color:rgba(255,183,3,.12);

    transform:scale(1.05);

}

.process-card:hover .process-icon{

    animation:processPulse 1.8s infinite;

}

@keyframes processPulse{

0%{

    box-shadow:

    0 0 0 0 rgba(255,183,3,.45);

}

70%{

    box-shadow:

    0 0 0 22px rgba(255,183,3,0);

}

100%{

    box-shadow:

    0 0 0 0 rgba(255,183,3,0);

}

}

.process-grid::after{

    display:none;

}

.process-plane{

    animation:planeFloat 8s ease-in-out infinite;

}

@keyframes planeFloat{

0%,100%{

    transform:translateY(0) rotate(-6deg);

}

50%{

    transform:translateY(-18px) rotate(-3deg);

}

}

.process-ship{

    animation:shipFloat 7s ease-in-out infinite;

}

@keyframes shipFloat{

0%,100%{

    transform:translateY(0);

}

50%{

    transform:translateY(-10px);

}

}

.process-badge{

    transition:.35s;

}

.process-badge:hover{

    background:#FFB703;

    color:#0E2344;

    transform:translateY(-3px);

}

.process-badge:hover span{

    color:#0E2344;

}

.process-title,
.process-description,
.process-card{

    will-change:transform,opacity;

}

@media(max-width:992px){

.process-card:hover{

    transform:translateY(-8px);

}

.process-grid::after{

    display:none;

}

}

@media(max-width:768px){

.process-card{

    padding:30px 20px;

    border-radius:22px;

}

.process-card:hover{

    transform:none;

}

.process-icon{

    width:85px;

    height:85px;

}

.process-card::before{

    height:3px;

}

.process-card:hover::before{

    width:90px;

}

}

@media(max-width:480px){

.process-card{

    padding:24px 18px;

}

.process-card h3{

    font-size:1.3rem;

}

.process-card p{

    font-size:15px;

}

.process-icon{

    width:78px;

    height:78px;

}

.process-icon i{

    font-size:30px;

}

.process-number{

    font-size:58px;

}

}

#faq{

    position:relative;

    padding:10px 0;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #fbfcfe 55%,
        #f8fafc 100%
    );

    overflow:hidden;

    z-index:1;

}

#faq::before{

    content:"";

    position:absolute;

    width:650px;

    height:650px;

    left:-260px;

    top:-260px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(13,92,171,.07),

        transparent 70%

    );

    z-index:0;

}

#faq::after{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    right:-220px;

    bottom:-220px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(255,183,3,.10),

        transparent 70%

    );

    z-index:0;

}

.faq-shape{

    position:absolute;

    border-radius:50%;

    filter:blur(2px);

    pointer-events:none;

    z-index:0;

}

.faq-shape-1{

    width:180px;

    height:180px;

    background:rgba(13,92,171,.05);

    left:12%;

    top:18%;

}

.faq-shape-2{

    width:120px;

    height:120px;

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

    right:10%;

    bottom:18%;

}

#faq .container{

    position:relative;

    z-index:5;

}

.faq-header{

    max-width:820px;

    margin:0 auto 85px;

    text-align:center;

}

.faq-badge{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:12px 28px;

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

    border:1px solid rgba(255,183,3,.35);

    border-radius:999px;

    backdrop-filter:blur(15px);

    box-shadow:

    0 15px 40px rgba(0,0,0,.05);

    margin-bottom:30px;

    transition:.4s ease;

}

.faq-badge:hover{

    transform:translateY(-4px);

    box-shadow:

    0 25px 55px rgba(0,0,0,.08);

}

.faq-badge img{

    width:40px;

    height:40px;

    object-fit:contain;

}

.faq-badge span{

    color:#FFB703;

    font-size:14px;

    font-weight:700;

    letter-spacing:.6px;

    text-transform:uppercase;

}

.faq-title{

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

    font-size:2.7rem;

    font-weight:700;

    line-height:1.1;

    color:#0E2344;

    margin-bottom:24px;

    letter-spacing:-1.2px;

}

.faq-title span{

    color:#0D5CAB;

}

.faq-description{

    max-width:1080px;

    margin:auto;

    font-size:16px;

    line-height:1.7;

    color:var( --text-color);

}

.faq-grid{

    display:grid;

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

    gap:28px;

    align-items:start;

}

.faq-column{

    display:flex;

    flex-direction:column;

    gap:18px;

}

@media(max-width:1200px){

.faq-title{

    font-size:2.6rem;

}

.faq-grid{

    gap:22px;

}

}

@media(max-width:992px){

#faq{

    padding:15px 0;

}

.faq-header{

    margin-bottom:65px;

}

.faq-title{

    font-size:2rem;

}

.faq-grid{

    grid-template-columns:1fr;

    gap:18px;

}

}

@media(max-width:768px){

#faq{

    padding:10px 0;

}

.faq-title{

    font-size:2rem;

    line-height:1.3;

}

.faq-description{

    font-size:16px;

}

.faq-badge{

    padding:10px 20px;

}

.faq-badge img{

    width:34px;

    height:34px;

}

}

@media(max-width:480px){

#faq{

    padding:10px 0;

}

.faq-title{

    font-size:1.8rem;

}

.faq-description{

    font-size:15px;

}

.faq-header{

    margin-bottom:50px;

}

}

.faq-column{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.faq-item{

    position:relative;

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

    backdrop-filter:blur(18px);

    border:1px solid rgba(13,92,171,.08);

    border-radius:20px;

    overflow:hidden;

    transition:all .45s ease;

    box-shadow:

        0 12px 35px rgba(15,35,68,.05);

}

.faq-item::before{

    content:"";

    position:absolute;

    top:18px;

    left:0;

    width:4px;

    height:0;

    border-radius:20px;

    background:linear-gradient(
        180deg,
        #FFB703,
        #0D5CAB
    );

    transition:.45s ease;

}

.faq-item::after{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    transform:translateX(-50%);

    width:0;

    height:3px;

    border-radius:20px;

    background:linear-gradient(
        90deg,
        #0D5CAB,
        #FFB703
    );

    transition:.45s ease;

}

.faq-question{

    position:relative;

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:14px;

    padding:16px 20px;

    border:none;

    background:transparent;

    cursor:pointer;

    text-align:left;

    transition:all .3s ease;

}

.faq-question span{

    flex:1;

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

    font-size:13.5px;

    font-weight:600;

    line-height:1.4;

    color:#0F172A;

    transition:color .3s ease;

}

.faq-question i{

    width:32px;

    height:32px;

    min-width:32px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F1F5F9;

    border:1px solid #E2E8F0;

    color:#64748B;

    font-size:12px;

    transition:all .3s ease;

}

.faq-item{

    transition:all .3s ease;

}

.faq-item:hover{

    border-color:rgba(249,115,22,0.4);

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

}

.faq-item:hover .faq-question span{

    color:#f97316;

}

.faq-item:hover .faq-question i{

    background:#f97316;

    border-color:#f97316;

    color:#fff;

}

.faq-item.active{

    border-color:#f97316;

    box-shadow:0 15px 35px rgba(249,115,22,.08);

    background:rgba(255,247,237,0.4);

}

.faq-item.active .faq-question span{

    color:#ea580c;

}

.faq-item.active .faq-question i{

    background:#f97316;

    color:#fff;

    border-color:#f97316;

    transform:rotate(180deg);

}

@media(max-width:992px){

.faq-question{

    padding:16px 20px;

}

.faq-question span{

    font-size:13.5px;

}

}

@media(max-width:768px){

.faq-item{

    border-radius:16px;

}

.faq-question{

    padding:15px;

    gap:12px;

}

.faq-question span{

    font-size:13.5px;

    line-height:1.45;

}

.faq-question i{

    width:34px;

    height:34px;

    min-width:34px;

    font-size:13px;

}

.faq-item:hover .faq-question{

    padding-left:15px;

}

}

@media(max-width:480px){

.faq-question{

    padding:14px;

}

.faq-question span{

    font-size:13px;

}

.faq-question i{

    width:30px;

    height:30px;

    min-width:30px;

    font-size:12px;

}

}

.faq-answer{

    max-height:0;

    overflow:hidden;

    opacity:0;

    visibility:hidden;

    transition:

        max-height .45s ease,

        opacity .35s ease,

        visibility .35s ease;

}

.faq-answer p{

    position:relative;

    padding:0 30px 28px 30px;

    margin:0;

    color:var( --text-color);

    font-size:15px;

    line-height:1.6;

}

.faq-answer p::before{

    content:"";

    position:absolute;

    left:30px;

    top:-8px;

    width:60px;

    height:2px;

    background:linear-gradient(

        90deg,

        #FFB703,

        #0D5CAB

    );

    border-radius:30px;

}

.faq-item.active .faq-answer{

    opacity:1;

    visibility:visible;

}

.faq-item.active{

    background:

    linear-gradient(

        180deg,

        #ffffff,

        #fbfdff

    );

}

.faq-cta{

    position:relative;

    margin-top:90px;

    padding:45px;

    border-radius:28px;

    overflow:hidden;

    background:

    linear-gradient(

        135deg,

        #0E2344,

        #0D5CAB

    );

    text-align:center;

    box-shadow:

        0 35px 80px rgba(14,35,68,.20);

    transition:.45s ease;

}

.faq-cta::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:

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

    top:-140px;

    right:-120px;

}

.faq-cta::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:

    rgba(255,183,3,.15);

    bottom:-100px;

    left:-80px;

}

.faq-cta h3{

    position:relative;

    z-index:2;

    color:#fff;

    font-size:24px;

    font-weight:600;

    line-height:1.5;

    margin-bottom:35px;

}

.faq-cta-buttons{

    position:relative;

    z-index:2;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

}

.faq-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:17px 34px;

    border-radius:14px;

    font-weight:600;

    font-size:14px;

    transition:.35s ease;

}

.faq-btn-primary{

    background:#FFB703;

    color:#fff;

    box-shadow:

        0 18px 40px rgba(255,183,3,.25);

}

.faq-btn-primary:hover{

    background:#FB8500;

    transform:translateY(-4px);

}

.faq-btn-outline{

    color:#fff;

    border:2px solid rgba(255,255,255,.22);

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

    backdrop-filter:blur(10px);

}

.faq-btn-outline:hover{

    background:#fff;

    color:#0D5CAB;

}

.faq-btn i{

    transition:.35s;

}

.faq-btn:hover i{

    transform:translateX(5px);

}

.faq-cta:hover{

    transform:translateY(-8px);

    box-shadow:

        0 45px 90px rgba(14,35,68,.28);

}

@media(max-width:992px){

.faq-cta{

    padding:45px 35px;

}

.faq-cta h3{

    font-size:28px;

}

}

@media(max-width:768px){

.faq-answer p{

    padding:0 20px 24px;

    font-size:15px;

}

.faq-answer p::before{

    left:20px;

}

.faq-cta{

    padding:35px 25px;

    border-radius:22px;

}

.faq-cta h3{

    font-size:24px;

}

.faq-cta-buttons{

    flex-direction:column;

}

.faq-btn{

    width:100%;

}

}

@media(max-width:480px){

.faq-cta{

    margin-top:60px;

    padding:28px 18px;

}

.faq-cta h3{

    font-size:20px;

}

.faq-btn{

    padding:15px 20px;

    font-size:15px;

}

}

#testimonials{

    position:relative;

    padding:40px 0;

    background:#ffffff;

    overflow:hidden;

    z-index:1;

}

.testimonial-bg-circle{

    display:none !important;

}

.testimonial-heading{

    position:relative;

    z-index:5;

}

.section-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:11px 26px;

    border-radius:999px;

    background:#fff;

    border:1px solid rgba(13,92,171,.10);

    box-shadow:

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

    margin-bottom:28px;

}

.section-badge img{

    width:36px;

    height:36px;

    object-fit:contain;

}

.section-badge span{

    color: rgba(255,183,3);

    font-weight:600;

    font-size:15px;

}

.testimonialSwiper{

    overflow:hidden;

    padding:16px 6px 20px;

}

.testimonialSwiper .swiper-slide{

    height:auto;

    display:flex;

    align-items:stretch;

}

.testimonial-card{

    position:relative;

    width:100%;

    height:100%;

    background:#ffffff;

    border-radius:22px;

    padding:28px 24px 22px;

    border:1.5px solid #e2e8f0;

    box-shadow: 0 6px 24px -4px rgba(15, 23, 42, 0.06);

    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    overflow: hidden;

}

.testimonial-card::before{

    content:'';

    position:absolute;

    top:0;

    left:0;

    right:0;

    height:3.5px;

    background:linear-gradient(90deg, #0d5cab 0%, #f97316 100%);

    opacity:0;

    transition:opacity 0.3s ease;

}

.testimonial-card:hover{

    transform: translateY(-7px);

    border-color: rgba(13, 92, 171, 0.35);

    box-shadow: 0 20px 40px -12px rgba(13, 92, 171, 0.14), 0 2px 6px rgba(0, 0, 0, 0.04);

}

.testimonial-card:hover::before{

    opacity:1;

}

.quote-icon{

    position:absolute;

    top:24px;

    right:24px;

    width:42px;

    height:42px;

    border-radius:12px;

    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow: 0 6px 16px rgba(249, 115, 22, 0.28);

    transition: all 0.3s ease;

}

.quote-icon i{

    color:#ffffff;

    font-size:15px;

}

.testimonial-card:hover .quote-icon{

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

    box-shadow: 0 8px 20px rgba(249, 115, 22, 0.38);

}

.testimonial-top{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:14px;

    padding-right: 48px;

}

.testimonial-avatar{

    width:52px;

    height:52px;

    border-radius:14px;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    padding:6px;

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

    border:1.5px solid #e2e8f0;

    transition:all 0.3s ease;

}

.testimonial-avatar img{

    width:100%;

    height:100%;

    object-fit:contain;

    transition:transform 0.3s ease;

}

.testimonial-card:hover .testimonial-avatar{

    transform:scale(1.06);

    border-color:#f97316;

    box-shadow:0 6px 18px rgba(249, 115, 22, 0.22);

}

.testimonial-top h3{

    font-size:17px;

    color:#0f172a;

    font-weight:800;

    margin-bottom:2px;

    line-height: 1.25;

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

    display: flex;

    align-items: center;

}

.testimonial-top span{

    display:block;

    color:#ea580c;

    font-size:12.5px;

    font-weight:600;

    margin-bottom:5px;

}

.testimonial-top small{

    color:#475569;

    font-size:11.5px;

    display: inline-flex;

    align-items: center;

    gap: 4px;

    background: #f1f5f9;

    padding: 2.5px 9px;

    border-radius: 9999px;

    border: 1px solid #e2e8f0;

    font-weight: 600;

}

.testimonial-rating{

    display:flex;

    gap:4px;

    margin-bottom:12px;

    align-items: center;

}

.testimonial-rating i{

    color:#f59e0b;

    font-size:14px;

}

.testimonial-card p{

    color:#334155;

    font-size:14px;

    line-height:1.72;

    font-weight: 400;

}

.testimonial-bottom{

    margin-top:45px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.testimonial-pagination{

    position:relative !important;

    bottom:0 !important;

    width:auto !important;

    background:#ffffff;

    padding:8px 18px;

    border-radius:9999px;

    border:1.5px solid #e2e8f0;

    box-shadow:0 4px 16px rgba(15, 23, 42, 0.05);

    display:inline-flex !important;

    align-items:center;

    gap:8px;

}

.testimonial-pagination .swiper-pagination-bullet{

    width:8px;

    height:8px;

    border-radius:9999px;

    background:#cbd5e1;

    opacity:1;

    margin:0 !important;

    transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);

    cursor:pointer;

}

.testimonial-pagination .swiper-pagination-bullet:hover{

    background:#94a3b8;

    transform:scale(1.25);

}

.testimonial-pagination .swiper-pagination-bullet-active{

    width:32px;

    height:8px;

    border-radius:9999px;

    background:linear-gradient(135deg, #0d5cab 0%, #f97316 100%);

    box-shadow:0 2px 10px rgba(249, 115, 22, 0.4);

}

.testimonial-navigation{

    display:inline-flex;

    align-items:center;

    gap:8px;

    background:#ffffff;

    padding:6px;

    border-radius:9999px;

    border:1.5px solid #e2e8f0;

    box-shadow:0 4px 16px rgba(15, 23, 42, 0.05);

}

.testimonial-navigation button{

    width:48px;

    height:48px;

    border-radius:50%;

    border:1px solid #e2e8f0;

    background:#f8fafc;

    color:#0f172a;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    box-shadow:none;

}

.testimonial-navigation button i{

    font-size:15px;

    transition:transform 0.25s ease, color 0.25s ease;

}

.testimonial-navigation button:hover{

    background:linear-gradient(135deg, #0d5cab 0%, #083b70 100%);

    color:#ffffff !important;

    border-color:#0d5cab;

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

    box-shadow:0 8px 20px rgba(13, 92, 171, 0.28);

}

.testimonial-navigation button:hover i{

    color:#ffffff !important;

}

.testimonial-prev:hover i{

    transform:translateX(-3px);

}

.testimonial-next:hover i{

    transform:translateX(3px);

}

.testimonial-navigation button:active{

    transform:scale(0.94);

}

.testimonial-navigation button.swiper-button-disabled{

    opacity:0.35;

    cursor:not-allowed;

    pointer-events:none;

}

@media(max-width:992px){

    #testimonials{

        padding:40px 0;

    }

}

@media(max-width:768px){

    #testimonials{

        padding:35px 0;

    }

    .testimonial-card{

        border-radius:18px;

        padding:22px 18px;

        box-shadow: 0 6px 20px -4px rgba(15, 23, 42, 0.08);

    }

    .testimonial-card:hover{

        transform:none;

    }

    .quote-icon{

        width:36px;

        height:36px;

        top:20px;

        right:20px;

    }

    .quote-icon i{

        font-size:13px;

    }

    .testimonial-top{

        padding-right:40px;

        gap:10px;

        margin-bottom:12px;

    }

    .testimonial-avatar{

        width:44px;

        height:44px;

        padding:4px;

        border-radius:12px;

    }

    .testimonial-top h3{

        font-size:15px;

    }

    .testimonial-top span{

        font-size:12px;

    }

    .testimonial-top small{

        font-size:10.5px;

    }

    .testimonial-card p{

        font-size:13.5px;

        line-height:1.65;

    }

    .testimonial-bottom{

        margin-top:30px;

        justify-content:center;

        gap:14px;

        flex-direction:column-reverse;

    }

    .testimonial-navigation{

        justify-content:center;

    }

}

@media(max-width:480px){

    .testimonial-card{

        padding:18px 15px;

        border-radius:16px;

    }

    .testimonial-top{

        padding-right:36px;

    }

    .testimonial-avatar{

        width:40px;

        height:40px;

    }

    .testimonial-top h3{

        font-size:14.5px;

    }

    .testimonial-card p{

        font-size:13px;

        line-height:1.6;

    }

    .testimonial-navigation button{

        width:42px;

        height:42px;

    }

    .section-badge{

        padding:8px 16px;

    }

}

}

#blog{

    position:relative;

    padding:40px 0;

    background:#FFFFFF;

    overflow:hidden;

    z-index:1;

}

.blog-shape{

    position:absolute;

    width:620px;

    height:620px;

    top:-260px;

    right:-250px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(13,92,171,.05),

        transparent 70%

    );

    pointer-events:none;

}

.blog-heading{

    position:relative;

    z-index:5;

}

.blog-heading .section-title{

    font-size:2.6rem;

    font-weight:700;

    color:#0E2344;

    line-height:1;

    margin-bottom:20px;

}

.blog-heading .section-description{

    max-width:1200px;

    margin:auto;

    color:var( --text-color);

    font-size:.95rem;

    line-height:1.6;

}

.blog-wrapper{

    display:grid;

    grid-template-columns:1.35fr .95fr;

    gap:40px;

    align-items:start;

}

.featured-blog{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

}

.featured-image{

    display:block;

    overflow:hidden;

    border-radius:24px;

}

.featured-image img{

    width:100%;

    height:520px;

    object-fit:cover;

    display:block;

}

.featured-content{

    padding-top:28px;

}

.blog-meta{

    display:flex;

    align-items:center;

    gap:16px;

    margin-bottom:18px;

}

.blog-category{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 18px;

    background:#FFB703;

    color:#fff;

    font-size:13px;

    font-weight:600;

    border-radius:50px;

    text-transform:uppercase;

}

.blog-date{

    color:#9CA3AF;

    font-size:15px;

}

.featured-content h3{

    margin-bottom:18px;

}

.featured-content h3 a{

    color:#0E2344;

    font-size:1.6rem;

    line-height:1.1;

    font-weight:600;

    text-decoration:none;

}

.featured-content p{

    color:var( --text-color);

    font-size:17px;

    line-height:1.6;

    margin-bottom:28px;

}

.read-more{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#0D5CAB;

    font-weight:600;

    text-decoration:none;

}

.read-more i{

    font-size:14px;

}

.blog-list{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.blog-item{

    display:grid;

    grid-template-columns:180px 1fr;

    gap:22px;

    align-items:center;

    padding-bottom:22px;

    border-bottom:1px solid #E5E7EB;

}

.blog-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

.blog-thumb{

    display:block;

    overflow:hidden;

    border-radius:22px;

}

.blog-thumb img{

    width:100%;

    height:180px;

    object-fit:cover;

    display:block;

}

.blog-info h4{

    margin:14px 0 20px;

}

.blog-info h4 a{

    color:#0E2344;

    font-size:1.3rem;

    font-weight:600;

    line-height:1.1;

    text-decoration:none;

}

@media(max-width:1200px){

.blog-wrapper{

    grid-template-columns:1fr;

}

.featured-image img{

    height:460px;

}

}

@media(max-width:992px){

#blog{

    padding:40px 0;

}

.blog-heading .section-title{

    font-size:2.4rem;

}

.featured-content h3 a{

    font-size:1.4rem;

}

.blog-info h4 a{

    font-size:24px;

}

}

@media(max-width:768px){
    .section-title,  .section-description{

   text-align: left !important;

}
    .section-title {

font-size:1.763rem !important;

}
}

@media(max-width:768px){

#blog{

    padding:40px 0;

}

.blog-heading .section-title{

    font-size:1.563rem;

}

.blog-heading .section-description{

    font-size:.85rem;

}

.featured-image img{

    height:320px;

}

.blog-item{

    grid-template-columns:1fr;

}

.blog-thumb img{

    height:240px;

}

.featured-content h3 a{

    font-size:1.3;

}

.blog-info h4 a{

    font-size:22px;

}

}

@media(max-width:480px){

.blog-heading .section-title{

    font-size:1.9rem;

}

.featured-image img{

    height:250px;

}

.blog-thumb img{

    height:180px;

}

.featured-content h3 a{

    font-size:22px;

}

.blog-info h4 a{

    font-size:19px;

}

.blog-meta{

    flex-wrap:wrap;

    gap:10px;

}

}

.featured-blog{

    position:relative;

    transition:.45s ease;

}

.featured-blog:hover{

    transform:translateY(-10px);

}

.featured-blog::after{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    transform:translateX(-50%);

    width:0;

    height:4px;

    background:linear-gradient(90deg,#0D5CAB,#FFB703);

    border-radius:50px;

    transition:.45s;

}

.featured-blog:hover::after{

    width:100%;

}

.featured-image{

    position:relative;

}

.featured-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.18),
        transparent
    );

    opacity:0;

    transition:.4s;

    z-index:1;

}

.featured-image img{

    transition:1s ease;

}

.featured-blog:hover .featured-image img{

    transform:scale(1.08);

}

.featured-blog:hover .featured-image::before{

    opacity:1;

}

.featured-content h3 a{

    transition:.35s;

}

.featured-blog:hover h3 a{

    color:#0D5CAB;

}

.blog-category{

    transition:.35s;

}

.featured-blog:hover .blog-category{

    background:#0D5CAB;

}

.read-more{

    transition:.35s;

}

.read-more i{

    transition:.35s;

}

.read-more:hover{

    color:#FFB703;

}

.read-more:hover i{

    transform:translateX(7px);

}

.blog-item{

    position:relative;

    transition:.4s ease;

    border-radius:22px;

}

.blog-item:hover{

    transform:translateX(8px);

    background:#fff;

    padding:18px;

    box-shadow:

    0 18px 45px rgba(15,35,68,.08);

}

.blog-item::before{

    content:"";

    position:absolute;

    left:0;

    top:22px;

    width:4px;

    height:0;

    background:linear-gradient(
        180deg,
        #0D5CAB,
        #FFB703
    );

    border-radius:50px;

    transition:.4s;

}

.blog-item:hover::before{

    height:70%;

}

.blog-thumb{

    overflow:hidden;

}

.blog-thumb img{

    transition:.8s;

}

.blog-item:hover .blog-thumb img{

    transform:scale(1.08);

}

.blog-info h4 a{

    transition:.35s;

}

.blog-item:hover h4 a{

    color:#0D5CAB;

}

.blog-date{

    transition:.35s;

}

.blog-item:hover .blog-date{

    color:#0D5CAB;

}

.blog-heading .section-badge{

    transition:.35s;

}

.blog-heading .section-badge:hover{

    transform:translateY(-4px);

    box-shadow:

    0 16px 35px rgba(13,92,171,.12);

}

.featured-blog .shine,
.blog-item .shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.featured-blog .shine::before,
.blog-item .shine::before{

    content:"";

    position:absolute;

    top:-120%;

    left:-90%;

    width:60%;

    height:260%;

    transform:rotate(25deg);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );

    transition:1s;

}

.featured-blog:hover .shine::before,
.blog-item:hover .shine::before{

    left:180%;

}

.featured-blog,
.blog-item,
.featured-image img,
.blog-thumb img,
.read-more,
.blog-category{

    will-change:transform;

}

@media(max-width:992px){

.blog-item:hover{

    transform:none;

    padding:0;

    box-shadow:none;

    background:transparent;

}

.featured-blog:hover{

    transform:translateY(-5px);

}

}

@media(max-width:768px){

.featured-blog:hover{

    transform:none;

}

.blog-item{

    border-radius:18px;

}

.blog-item:hover{

    padding:0;

}

}

@media(max-width:480px){

.blog-category{

    font-size:11px;

    padding:7px 14px;

}

.read-more{

    font-size:14px;

}

}

.featured-blog.active{

    transform:translateY(-10px);

}

.blog-item.active{

    transform:translateX(8px);

}

.featured-image,
.blog-thumb{

    transition:.4s ease;

}

.read-more i{

    transition:.3s ease;

}

.focused{

    outline:2px solid #0D5CAB;

    outline-offset:4px;

}

#gallery{

    position:relative;

    padding:40px 0;

    background:#F5FCFD;

    overflow:hidden;

    z-index:1;

}

.gallery-shape{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

    z-index:0;

}

.gallery-shape.shape-1{

    width:520px;

    height:520px;

    left:-220px;

    top:-180px;

    background:

    radial-gradient(

        circle,

        rgba(13,92,171,.05),

        transparent 70%

    );

}

.gallery-shape.shape-2{

    width:420px;

    height:420px;

    right:-180px;

    bottom:-160px;

    background:

    radial-gradient(

        circle,

        rgba(255,183,3,.08),

        transparent 70%

    );

}

#gallery .container{

    position:relative;

    z-index:2;

}

.gallery-heading{

    margin-bottom:70px;

}

.gallery-heading .section-title{

    font-size:2.6rem;

    font-weight:700;

    color:#0E2344;

    line-height:1.2;

    margin-bottom:20px;

}

.gallery-heading .section-description{

    max-width:760px;

    margin:0 auto 32px;

    font-size:15px;

    color:var( --text-color);

    line-height:1.6;

}

.gallery-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:16px 34px;

    background:#FFB703;

    color:#fff;

    border-radius:50px;

    font-weight:600;

    text-decoration:none;

    transition:.35s;

}

.gallery-btn i{

    font-size:14px;

}

.gallery-grid{

    display:grid;

    grid-template-columns:

        repeat(4,1fr);

    gap:24px;

    align-items:start;

}

.gallery-card{

    position:relative;

    overflow:hidden;

    border-radius:32px;

    height:auto;

    background:#ddd;

}

.gallery-image{

    display:block;

    width:100%;

    height:100%;

}

.gallery-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

.gallery-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    padding:28px 22px 22px 22px;

    background: linear-gradient(to top, rgba(15, 23, 42, 0.96) 0%, rgba(15, 23, 42, 0.78) 55%, rgba(15, 23, 42, 0.25) 85%, transparent 100%);

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    transition: padding 0.4s ease;

}

.gallery-category{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:5px 13px;

    border-radius:9999px;

    background: linear-gradient(135deg, #f97316 0%, #f59e0b 100%);

    color:#ffffff;

    font-size:11px;

    font-weight:700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin-bottom:10px;

    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.35);

}

.gallery-overlay h3{

    color:#ffffff !important;

    font-size: clamp(12.5px, 0.95vw, 15px) !important;

    line-height: 1.3;

    margin-bottom: 0;

    font-weight: 700;

    white-space: nowrap !important;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 100%;

    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

    transition: color 0.3s ease;

}

.gallery-overlay p{

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

    font-size:14px;

    line-height:1.6;

    margin-top: 6px;

}

.gallery-arrow{

    position:absolute;

    top:16px;

    right:16px;

    width:44px;

    height:44px;

    border-radius:50%;

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

    backdrop-filter:blur(8px);

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

    color:#f97316;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

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

    z-index: 3;

    transition: all 0.35s ease;

}

.gallery-arrow i{

    font-size:15px;

}

@media(max-width:1400px){

.gallery-grid{

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

}

.gallery-card,

.gallery-card.large-card{

    min-height:600px;

}

}

@media(max-width:992px){

#gallery{

    padding:40px 0;

}

.gallery-heading .section-title{

    font-size:2.4rem;

}

.gallery-grid{

    gap:20px;

}

}

@media(max-width:768px){

#gallery{

    padding:40px 0;

}

.gallery-heading{

    margin-bottom:50px;

}

.gallery-heading .section-title{

    font-size:2.1;

}

.gallery-heading .section-description{

    font-size:15px;

}

.gallery-grid{

    grid-template-columns:1fr;

}

.gallery-card,

.gallery-card.large-card{

    min-height:520px;

}

.gallery-overlay{

    padding:28px;

}

.gallery-overlay h3{

    font-size: clamp(13px, 1.1vw, 16px) !important;
    white-space: nowrap !important;

}

}

@media(max-width:480px){

.gallery-heading .section-title{

    font-size:1.9rem;

}

.gallery-btn{

    width:100%;

    justify-content:center;

}

.gallery-card,

.gallery-card.large-card{

    min-height:420px;

    border-radius:24px;

}

.gallery-overlay{

    padding:22px;

}

.gallery-overlay h3{

    font-size: 14px !important;
    white-space: nowrap !important;

}

.gallery-overlay p{

    font-size:14px;

}

.gallery-arrow{

    width:46px;

    height:46px;

    top:16px;

    right:16px;

}

}

.gallery-card{

    transition:all .45s ease;

    cursor:pointer;

    isolation:isolate;

}

.gallery-card:hover{

    transform:translateY(-12px);

    box-shadow:

    0 35px 80px rgba(15,35,68,.15);

}

.gallery-card::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:4px;

    background:

    linear-gradient(

        90deg,

        #0D5CAB,

        #FFB703

    );

    border-radius:20px;

    transition:.45s;

    z-index:5;

}

.gallery-card:hover::before{

    width:100%;

}

.gallery-image{

    overflow:hidden;

}

.gallery-image img{

    transition:1s ease;

}

.gallery-card:hover .gallery-image img{

    transform:scale(1.08);

}

.gallery-overlay{

    transition:.45s ease;

}

.gallery-card:hover .gallery-overlay{

    padding-bottom:42px;

}

.gallery-category{

    transition:.35s;

}

.gallery-card:hover .gallery-category{

    background:#FFB703;

    color:#fff;

}

.gallery-overlay h3{

    transition:.35s;

}

.gallery-card:hover h3{

    color:#FFB703;

}

.gallery-overlay p{

    transition:.35s;

}

.gallery-card:hover p{

    color:#ffffff;

}

.gallery-arrow{

    transition:.35s;

}

.gallery-card:hover .gallery-arrow{

    background:#FFB703;

    color:#fff;

    transform:rotate(45deg);

}

.gallery-btn{

    transition:.35s;

}

.gallery-btn:hover{

    background:#0D5CAB;

    color:#fff;

    transform:translateY(-4px);

    box-shadow:

    0 18px 40px rgba(13,92,171,.20);

}

.gallery-btn i{

    transition:.35s;

}

.gallery-btn:hover i{

    transform:translateX(6px);

}

.gallery-heading .section-badge{

    transition:.35s;

}

.gallery-heading .section-badge:hover{

    transform:translateY(-4px);

    box-shadow:

    0 15px 35px rgba(13,92,171,.10);

}

.gallery-card .shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.gallery-card .shine::before{

    content:"";

    position:absolute;

    top:-120%;

    left:-90%;

    width:60%;

    height:260%;

    transform:rotate(25deg);

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transition:1s;

}

.gallery-card:hover .shine::before{

    left:180%;

}

.gallery-card,
.gallery-image img,
.gallery-arrow,
.gallery-btn{

    will-change:transform;

}

@media(max-width:992px){

.gallery-card:hover{

    transform:translateY(-6px);

}

}

@media(max-width:768px){

.gallery-card:hover{

    transform:none;

    box-shadow:

    0 15px 40px rgba(15,35,68,.08);

}

.gallery-card:hover .gallery-overlay{

    padding-bottom:28px;

}

.gallery-card:hover .gallery-arrow{

    transform:none;

}

}

@media(max-width:480px){

.gallery-category{

    font-size:11px;

    padding:7px 14px;

}

.gallery-arrow{

    width:44px;

    height:44px;

}

.gallery-overlay h3{

    line-height:1.4;

}

.gallery-btn{

    padding:15px 22px;

    font-size:15px;

}

}

#about-company{

    position:relative;

    padding:40px 0;

    background:#fff;

    overflow:hidden;

    z-index:1;

}

.about-shape{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

}

.about-shape.shape-1{

    width:520px;

    height:520px;

    top:-220px;

    left:-220px;

    background:

    radial-gradient(circle,
    rgba(13,92,171,.05),
    transparent 70%);

}

.about-shape.shape-2{

    width:420px;

    height:420px;

    right:-180px;

    bottom:-180px;

    background:

    radial-gradient(circle,
    rgba(255,183,3,.08),
    transparent 70%);

}

.about-heading{

    margin-bottom:80px;

}

.about-heading .section-title{

    font-size:2.6rem;

    font-weight:700;

    color:#0E2344;

    line-height:1.2;

    margin-bottom:20px;

    white-space:nowrap;

}

.about-heading .section-title span{

    display:inline;

    color:#f97316;

}

.about-heading .section-description{

    max-width:1100px;

    margin:auto;

    font-size:16px;

    color:var( --text-color);

    line-height:1.7;

}

.about-wrapper{

    display:grid;

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

    gap:60px;

    align-items:start;

    margin-bottom:100px;

}

.about-content h3{

    font-size:40px;

    color:#111827;

    margin-bottom:24px;

    line-height:1.3;

    font-weight:700;

}

.about-content p{

    font-size:17px;

    line-height:2;

    color:var( --text-color);

    margin-bottom:22px;

}

.about-list{

    display:grid;

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

    gap:18px;

    margin:40px 0;

}

.about-list li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    color:#374151;

    font-size:16px;

    line-height:1.7;

}

.about-list i{

    color:#10B981;

    font-size:18px;

    margin-top:3px;

}

.about-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.primary-btn{

    padding:16px 34px;

    border-radius:12px;

    background:#0D5CAB;

    color:#fff;

    text-decoration:none;

    font-weight:600;

}

.secondary-btn{

    padding:16px 34px;

    border-radius:12px;

    border:2px solid #0D5CAB;

    color:#0D5CAB;

    text-decoration:none;

    font-weight:600;

}

.about-info{

    display:flex;

    flex-direction:column;

    gap:24px;

}

.info-card{

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:22px;

    padding:32px;

    box-shadow:

    0 15px 40px rgba(15,35,68,.05);

}

.info-icon{

    width:70px;

    height:70px;

    border-radius:18px;

    background:#F3F8FF;

    color:#0D5CAB;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    margin-bottom:22px;

}

.info-card h4{

    font-size:24px;

    color:#111827;

    margin-bottom:15px;

}

.info-card p{

    font-size:16px;

    line-height:1.9;

    color:var( --text-color);

}

.product-range{

    padding-top:40px;

    border-top:1px solid #E5E7EB;

}

.range-heading{

    text-align:center;

    margin-bottom:50px;

}

.range-heading h3{

    font-size:42px;

    color:#0E2344;

    margin-bottom:18px;

}

.range-heading p{

    max-width:700px;

    margin:auto;

    color:var( --text-color);

    line-height:1.9;

    font-size:17px;

}

.product-grid{

    display:grid;

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

    gap:24px;

}

.product-card{

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:20px;

    padding:35px;

    display:flex;

    align-items:center;

    gap:18px;

    text-decoration:none;

    box-shadow:

    0 10px 30px rgba(0,0,0,.05);

}

.product-card i{

    width:60px;

    height:60px;

    border-radius:16px;

    background:#F3F8FF;

    color:#0D5CAB;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

}

.product-card span{

    font-size:18px;

    font-weight:600;

    color:#111827;

}

@media(max-width:1200px){

.about-wrapper{

    grid-template-columns:1fr;

}

}

@media(max-width:992px){

#about-company{

    padding:40px 0;

}

.about-heading .section-title{

    font-size:2.4rem;

}

.about-content h3{

    font-size:34px;

}

.product-grid{

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

}

}

@media(max-width:768px){

#about-company{

    padding:40px 0;

}

.about-heading .section-title{

    font-size:2rem;

}

.about-content h3{

    font-size:28px;

}

.about-list{

    grid-template-columns:1fr;

}

.product-grid{

    grid-template-columns:1fr;

}

.about-buttons{

    flex-direction:column;

}

.primary-btn,
.secondary-btn{

    width:100%;

    text-align:center;

}

}

@media(max-width:480px){

.about-heading .section-title{

    font-size:1.9rem;

}

.about-content p{

    font-size:15px;

}

.info-card{

    padding:24px;

}

.product-card{

    padding:24px;

}

.range-heading h3{

    font-size:30px;

}

}

.about-content{

    position:relative;

}

.about-content h3{

    transition:.35s ease;

}

.about-content:hover h3{

    color:#0D5CAB;

}

.primary-btn,
.secondary-btn{

    position:relative;

    overflow:hidden;

    transition:.35s ease;

}

.primary-btn::before,
.secondary-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:100%;

    height:100%;

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transition:.7s;

}

.primary-btn:hover::before,
.secondary-btn:hover::before{

    left:120%;

}

.primary-btn:hover{

    background:#084b8d;

    transform:translateY(-4px);

    box-shadow:

    0 20px 45px rgba(13,92,171,.25);

}

.secondary-btn:hover{

    background:#0D5CAB;

    color:#fff;

    transform:translateY(-4px);

}

.about-list li{

    transition:.35s;

}

.about-list li:hover{

    transform:translateX(8px);

    color:#0D5CAB;

}

.about-list li:hover i{

    color:#FFB703;

}

.info-card{

    position:relative;

    overflow:hidden;

    transition:.4s ease;

}

.info-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:0;

    background:

    linear-gradient(

        180deg,

        #0D5CAB,

        #FFB703

    );

    transition:.4s;

}

.info-card::after{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:3px;

    background:

    linear-gradient(

        90deg,

        #0D5CAB,

        #FFB703

    );

    transition:.4s;

}

.info-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 25px 60px rgba(15,35,68,.10);

}

.info-card:hover::before{

    height:100%;

}

.info-card:hover::after{

    width:100%;

}

.info-card:hover .info-icon{

    background:#0D5CAB;

    color:#fff;

    transform:rotate(-8deg);

}

.info-card:hover h4{

    color:#0D5CAB;

}

.info-icon{

    transition:.35s;

}

.info-card h4{

    transition:.35s;

}

.product-card{

    position:relative;

    overflow:hidden;

    transition:.4s ease;

}

.product-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        135deg,

        rgba(13,92,171,.04),

        transparent,

        rgba(255,183,3,.05)

    );

    opacity:0;

    transition:.4s;

}

.product-card:hover{

    transform:translateY(-10px);

    border-color:#0D5CAB;

    box-shadow:

    0 25px 60px rgba(15,35,68,.10);

}

.product-card:hover::before{

    opacity:1;

}

.product-card:hover i{

    background:#0D5CAB;

    color:#fff;

    transform:rotate(-10deg);

}

.product-card:hover span{

    color:#0D5CAB;

}

.product-card i{

    transition:.35s;

}

.product-card span{

    transition:.35s;

}

.range-heading h3{

    transition:.35s;

}

.product-range:hover .range-heading h3{

    color:#0D5CAB;

}

.about-heading .section-badge{

    transition:.35s;

}

.about-heading .section-badge:hover{

    transform:translateY(-4px);

    box-shadow:

    0 15px 35px rgba(13,92,171,.12);

}

.info-card .shine,
.product-card .shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.info-card .shine::before,
.product-card .shine::before{

    content:"";

    position:absolute;

    top:-120%;

    left:-90%;

    width:60%;

    height:260%;

    transform:rotate(25deg);

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.40),

        transparent

    );

    transition:1s;

}

.info-card:hover .shine::before,
.product-card:hover .shine::before{

    left:180%;

}

.info-card,
.product-card,
.primary-btn,
.secondary-btn{

    will-change:transform;

}

@media(max-width:992px){

.info-card:hover,
.product-card:hover{

    transform:translateY(-6px);

}

}

@media(max-width:768px){

.info-card:hover,
.product-card:hover{

    transform:none;

}

.about-list li:hover{

    transform:none;

}

.primary-btn:hover,
.secondary-btn:hover{

    transform:none;

}

}

@media(max-width:480px){

.product-card{

    gap:15px;

}

.product-card span{

    font-size:16px;

}

.info-icon{

    width:60px;

    height:60px;

    font-size:22px;

}

}

.primary-btn.active{

    transform:translateY(-4px);

}

.secondary-btn.active{

    transform:translateY(-4px);

}

.info-card.active{

    transform:translateY(-10px);

}

.product-card.active{

    transform:translateY(-10px);

}

.complete-footer{
      background: linear-gradient(180deg, #0A2240 0%, #06162B 100%);
}

.footer-table-wrapper{

    overflow-x:auto;

    border-radius:14px;

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

}

.footer-table{

    width:100%;

    min-width:1200px;

    border-collapse:collapse;

}

.footer-table th{

    background:#F59E0B;

    color:#fff;

    padding:18px 15px;

    text-align:center;

    font-size:15px;

    font-weight:700;

    white-space:nowrap;

}
.footer-title{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}
.footer-link i{
    margin-left: 20px;
    font-size: 10px;
    color: #e67538;

}
.footer-table td{

    background:#081E38;

    color:#fff;

    text-align:center;

    padding:16px 14px;

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

    font-size:14px;

    transition:.3s;

}

.footer-table tbody tr:hover td{

    background:#0D3B66;

}

.footer-table td:hover{

    background:#0D5CAB;

    color:#fff;

}

.footer-table-wrapper::-webkit-scrollbar{

    height:8px;

}

.footer-table-wrapper::-webkit-scrollbar-thumb{

    background:#F59E0B;

    border-radius:20px;

}

.footer-cta{

    display:flex;

    justify-content:center;

    margin-top:55px;

}

.footer-cta-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:#F59E0B;

    color:#fff;

    padding:18px 42px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

    box-shadow:0 15px 40px rgba(245,158,11,.25);

}

.footer-cta-btn:hover{

    background:#EA580C;

    transform:translateY(-5px);

}

.footer-cta-btn i{

    transition:.35s;

}

.footer-cta-btn:hover i{

    transform:translateX(6px);

}

@media(max-width:992px){

.footer-table{

    min-width:1100px;

}

}

@media(max-width:768px){

.footer-cta-btn{

    width:100%;

    justify-content:center;

}

}

.footer-bottom{

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

    padding:28px 0;

    background:#041020;

}

.footer-bottom-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    flex-wrap:wrap;

}

.footer-copyright{

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

    font-size:15px;

}

.footer-copyright strong{

    color:#fff;

}

.footer-bottom-links{

    display:flex;

    align-items:center;

    gap:28px;

    flex-wrap:wrap;

}

.footer-bottom-links a{

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

    transition:.35s;

    position:relative;

}

.footer-bottom-links a:hover{

    color:#F59E0B;

}

.footer-bottom-links a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-6px;

    width:0;

    height:2px;

    background:#F59E0B;

    transition:.35s;

}

.footer-bottom-links a:hover::after{

    width:100%;

}

.footer-credit{

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

    font-size:15px;

}

.footer-credit a{

    color:#F59E0B;

    font-weight:600;

}

#backToTop{

    position:fixed;

    right:30px;

    bottom:30px;

    width:55px;

    height:55px;

    border-radius:50%;

    border:none;

    background:#F59E0B;

    color:#fff;

    font-size:18px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    opacity:0;

    visibility:hidden;

    transform:translateY(30px);

    transition:.35s;

    z-index:999;

    box-shadow:

    0 15px 40px rgba(245,158,11,.35);

}

#backToTop.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

#backToTop:hover{

    background:#EA580C;

    transform:translateY(-6px);

}

@media(max-width:992px){

.footer-bottom-wrapper{

    flex-direction:column;

    text-align:center;

}

.footer-bottom-links{

    justify-content:center;

}

}

@media(max-width:576px){

.footer-bottom-links{

    gap:16px;

    flex-direction:column;

}

.footer-credit{

    text-align:center;

}

#backToTop{

    right:20px;

    bottom:20px;

    width:48px;

    height:48px;

}

}

.common-product-hero{

    position:relative;

    min-height:480px;

    overflow:hidden;

    display:flex;

    align-items:center;

    background:#081325;

    padding:50px 0 35px;

}

.common-product-bg{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    z-index:1;

}

.common-product-bg img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover !important;

    object-position:center right;

}

.common-product-overlay{

    position:absolute;

    inset:0;

    z-index:2;

    background:

    linear-gradient(

        90deg,

        rgba(6,14,28,.96) 0%,

        rgba(6,14,28,.88) 40%,

        rgba(6,14,28,.55) 75%,

        rgba(6,14,28,.28) 100%

    );

}

.common-product-circle{

    position:absolute;

    border-radius:50%;

    z-index:2;

    pointer-events:none;

}

.common-circle-one{

    width:400px;

    height:400px;

    top:-200px;

    left:-200px;

    background:

    radial-gradient(

        circle,

        rgba(255,183,3,.12),

        transparent 72%

    );

}

.common-circle-two{

    width:350px;

    height:350px;

    bottom:-180px;

    right:-120px;

    background:

    radial-gradient(

        circle,

        rgba(13,92,171,.15),

        transparent 72%

    );

}

.common-product-hero-wrapper{

    position:relative;

    z-index:5;

    display:grid;

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

    gap:45px;

    align-items:center;

}

.common-product-left{

    max-width:680px;

}

.common-product-breadcrumb{

    display:inline-flex;

    flex-wrap:wrap;

    align-items:center;

    gap:8px;

    list-style:none;

    margin:0 0 12px;

    padding:4px 14px;

    border-radius:999px;

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

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

    backdrop-filter:blur(10px);

}

.common-product-breadcrumb li{

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

    font-size:12.5px;

    display:inline-flex;

    align-items:center;

}

.common-product-breadcrumb li:last-child{

    color:#FFB703;

    font-weight:600;

}

.common-product-breadcrumb a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

    font-weight:500;

}

.common-product-breadcrumb a:hover{

    color:#FFB703;

}

.common-product-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:5px 14px;

    border-radius:999px;

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

    border:1px solid rgba(255,183,3,.35);

    backdrop-filter:blur(12px);

    color:#FFB703;

    font-size:12.5px;

    font-weight:700;

    letter-spacing:.3px;

    margin-bottom:12px;

}

.common-product-badge i{

    color:#FFB703;

    font-size:13px;

}

.common-product-title{

    font-size:clamp(30px,3.5vw,46px);

    line-height:1.15;

    color:#fff;

    font-weight:800;

    letter-spacing:-.02em;

    margin-bottom:12px;

    text-shadow:0 3px 15px rgba(0,0,0,.40);

}

.common-product-description{

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

    font-size:15px;

    line-height:1.55;

    max-width:580px;

    margin-bottom:22px;

    font-weight:400;

}

.common-product-actions{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.common-product-btn,
.common-product-btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:11px 22px;

    border-radius:12px;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    transition:all .3s ease;

}

.common-product-btn{

    background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);

    color:#fff;

    box-shadow:0 8px 20px -3px rgba(234,88,12,.40);

}

.common-product-btn:hover{

    transform:translateY(-2px);

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

    color:#fff;

}

.common-product-btn-outline{

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

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

    color:#fff;

    backdrop-filter:blur(12px);

}

.common-product-btn-outline:hover{

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

    border-color:rgba(255,255,255,.50);

    transform:translateY(-2px);

    color:#fff;

}

.common-product-right{

    display:flex;

    flex-direction:column;

    gap:12px;

    justify-content:center;

    align-items:flex-end;

}

.common-product-info-card{

    width:100%;

    max-width:360px;

    padding:20px 22px;

    border-radius:20px;

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

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

    backdrop-filter:blur(24px);

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

    box-shadow:0 20px 40px -10px rgba(0,0,0,.45),inset 0 1px 1px rgba(255,255,255,.20);

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

}

.common-product-info-card:hover{

    transform:translateY(-3px);

    box-shadow:0 24px 48px -10px rgba(0,0,0,.55),inset 0 1px 1px rgba(255,255,255,.30);

}

.common-product-info-card span{

    display:inline-flex;

    align-items:center;

    gap:5px;

    padding:4px 11px;

    border-radius:999px;

    background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);

    color:#fff;

    font-size:11px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;

    margin-bottom:10px;

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

}

.common-product-info-card h3{

    color:#fff;

    font-size:20px;

    font-weight:800;

    line-height:1.25;

    margin-bottom:12px;

    letter-spacing:-.3px;

}

.common-product-info-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.common-product-info-card li{

    display:flex;

    align-items:center;

    gap:10px;

    color:#f1f5f9;

    font-size:13.5px;

    font-weight:500;

    margin-bottom:8px;

    line-height:1.4;

}

.common-product-info-card li:last-child{

    margin-bottom:0;

}

.common-product-info-card li i{

    color:#f59e0b;

    font-size:14px;

    flex-shrink:0;

}

.common-product-floating-card{

    display:flex;

    align-items:center;

    gap:12px;

    width:100%;

    max-width:360px;

    padding:11px 16px;

    border-radius:14px;

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

    backdrop-filter:blur(16px);

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

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

    transition:transform .35s ease;

}

.common-product-floating-card:hover{

    transform:translateY(-2px);

}

.common-product-floating-card i{

    width:36px;

    height:36px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:10px;

    background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);

    color:#0284c7;

    font-size:16px;

    flex-shrink:0;

}

.common-product-floating-card strong{

    display:block;

    color:#0f172a;

    font-size:13.5px;

    font-weight:800;

    line-height:1.2;

    margin-bottom:1px;

}

.common-product-floating-card span{

    color:#64748b;

    font-size:11.5px;

    font-weight:500;

    line-height:1.35;

    display:block;

}

@media(max-width:1200px){

.common-product-hero{

    min-height:460px;

    padding:45px 0 30px;

}

.common-product-hero-wrapper{

    gap:30px;

}

}

@media(max-width:991px){

.common-product-hero{

    min-height:auto;

    padding:45px 0 35px;

}

.common-product-hero-wrapper{

    grid-template-columns:1fr;

    gap:25px;

}

.common-product-right{

    display:none;

}

.common-product-description{

    max-width:100%;

}

}

@media(max-width:767px){

.common-product-hero{

    padding:40px 0 30px;

}

.common-product-left{

    text-align:center;

    margin:auto;

}

.common-product-breadcrumb{

    justify-content:center;

}

.common-product-actions{

    justify-content:center;

}

.common-product-btn,
.common-product-btn-outline{

    width:100%;

}

}

@media(max-width:480px){

.common-product-hero{

    padding:35px 0 25px;

}

.common-product-title{

    font-size:28px;

}

.common-product-description{

    font-size:14px;

}

.common-product-badge{

    font-size:11.5px;

    padding:5px 12px;

}

}

.product-overview-section{

    position:relative;

    padding:50px 0;

     background:
    linear-gradient(
    180deg,
    #FFFFFF 0%,
    #F8FAFC 100%);

     overflow:hidden;

}

.product-overview-section::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    top:-180px;

    right:-180px;

    border-radius:50%;

    background:

    radial-gradient(
    circle,
    rgba(13,92,171,.06),
    transparent 70%);

}

.product-overview-section::after{

    content:"";

    position:absolute;

    width:360px;

    height:360px;

    left:-150px;

    bottom:-150px;

    border-radius:50%;

    background:

    radial-gradient(
    circle,
    rgba(255,183,3,.12),
    transparent 70%);

}

.product-overview-wrapper{
    position: relative;
    z-index: 2;

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

    gap: 40px;
    align-items: flex-start;

    width: 100%;
}

.product-overview-wrapper > *{
    min-width: 0;
}

.product-overview-left{

    position:relative;

}

.product-main-image{

    position:relative;

    border-radius:35px;

}

.product-main-image img{

    width:100%;
    object-fit: fill;
    display:block;

}

.product-quality-card{

    position:absolute;

    left:-20px;

    bottom:40px;

    display:flex;

    align-items:center;

    gap:18px;

    width:auto;

    padding:22px;

    border-radius:24px;

    background:#0d5cab8a;

    color:#fff;

}

.product-quality-icon{

    width:35px;

    height:35px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

    font-size:17px;

}

.product-quality-card h4{

    font-size:20pxpx;

    margin-bottom:5px;

}

.product-quality-card span{

    font-size:14px;

    opacity:.95;

}

.product-export-card{

    position:absolute;

    top:40px;

    right:-20px;

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 24px;

    background:#fff;

    border-radius:20px;

    box-shadow:

    0 18px 45px rgba(0,0,0,.10);

}

.product-export-icon{

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:#EAF4FF;

    color:#0D5CAB;

    font-size:22px;

}

.product-export-card strong{

    display:block;

    font-size:18px;

    color:#0F172A;

    margin-bottom:4px;

}

.product-export-card p{

    margin:0;

    font-size:14px;

   color:var(--text-color);

}

.product-overview-right{

    max-width:680px;

}

.product-small-title{

    display:inline-block;

    margin-bottom:20px;

    color:#F59E0B;

    font-weight:700;

    font-size:14px;

    letter-spacing:1px;

}

.product-overview-right h2{

    font-size:clamp(24px,2.1vw,36px);

    line-height:1.25;

    color:#0F172A;

    margin-bottom:24px;

    font-weight:800;

    white-space:nowrap;

}

.product-overview-right p{

   color:var(--text-color);

    font-size:16px;

    line-height:1.6;

    margin-bottom:22px;
    text-align: justify;

}

.product-feature-list{

    display:grid;

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

    align-items:center;

    gap:10px 8px;

    margin:28px 0;

}

.product-feature-item{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    padding:8px 8px;

    background:#fff;

    border:1px solid #E5EAF1;

    border-radius:50px;

    font-size:12.5px;

    font-weight:600;

    color:#0f172a;

    white-space:nowrap;

    box-shadow:0 2px 8px rgba(0,0,0,.03);

    text-align:center;

    width:100%;

}

.product-feature-item i{

    color:#F59E0B;

    font-size:13px;

    flex-shrink:0;

}

.product-stats{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.product-stat-box{

    padding:24px;

    text-align:center;

    background:#fff;

    border:1px solid #E5EAF1;

    border-radius:20px;

}

.product-stat-box h3{

    font-size:34px;

    color:#0D5CAB;

    margin-bottom:8px;

}

.product-stat-box span{

   color:var(--text-color);

    font-size:15px;

}

.product-overview-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.product-primary-btn,

.product-secondary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:10px 28px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    font-size:15px;

    transition:.35s;

}

.product-primary-btn{

    background:#F59E0B;

    color:#fff;

}

.product-secondary-btn{

    border:2px solid #0D5CAB;

    color:#0D5CAB;

}

@media(max-width:1200px){

.product-overview-wrapper{

    gap:60px;

}

.product-overview-right h2{

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

    white-space:nowrap;

}

}

@media(max-width:991px){

.product-overview-section{

    padding:50px 0;

}

.product-overview-wrapper{

    grid-template-columns:1fr;

    gap:60px;

}

.product-overview-left{

    margin:auto;

}

.product-overview-right{

    max-width:100%;

}

}

@media(max-width:768px){

.product-overview-right{
    order: 1;
}

.product-overview-left{
    order: 2;
}

.product-overview-section{

    padding:50px 0;

}

.product-overview-right{

    text-align:center;

}

.product-overview-right h2{

    font-size:34px;
    text-align: left;

}

.product-feature-list{

    display:grid;

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

    gap:10px 8px;

}

.product-stats{

    grid-template-columns:1fr;

}

.product-overview-buttons{

    justify-content:center;

}

.product-primary-btn,

.product-secondary-btn{

    width:100%;

}

.product-quality-card{

    position:relative;

    width:100%;

    left:0;

    bottom:0;

    margin-top:20px;

}

.product-export-card{

    position:relative;

    top:0;

    right:0;

    width:100%;

    margin-top:20px;

}
.product-overview-right p{
    text-align: justify;
}

}

@media(max-width:480px){

.product-overview-right h2{

    font-size:28px;

}

.product-overview-right p{

    font-size:15px;

}

.product-main-image{

    border-radius:20px;

}

.product-feature-item{

    padding:8px 6px;

    border-radius:50px;

    font-size:12px;

    gap:5px;

}

.product-quality-card{

    padding:18px;

}

.product-quality-card h4{

    font-size:28px;

}

.product-stat-box{

    padding:20px;

}

.product-stat-box h3{

    font-size:28px;

}

}

.product-main-image{

    transition:.45s ease;

}

.product-main-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        135deg,

        rgba(13,92,171,.03),

        transparent,

        rgba(245,158,11,.06)

    );

    z-index:2;

    pointer-events:none;

}

.product-main-image::after{

    content:"";

    position:absolute;

    top:-120%;

    left:-100%;

    width:60%;

    height:260%;

    transform:rotate(25deg);

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transition:1s;

    z-index:3;

}

.product-main-image:hover{

    transform:

    translateY(-10px)

    rotate(-1deg);

}

.product-main-image:hover img{

    transform:scale(1.06);

}

.product-main-image:hover::after{

    left:180%;

}

.product-quality-card{

    overflow:hidden;

    transition:.4s;

}

.product-quality-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:0;

    background:#FFB703;

    transition:.4s;

}

.product-quality-card:hover{

    transform:

    translateY(-8px)

    translateX(8px);

}

.product-quality-card:hover::before{

    height:100%;

}

.product-quality-icon{

    transition:.35s;

}

.product-quality-card:hover

.product-quality-icon{

    background:#FFB703;

    transform:

    rotate(-8deg)

    scale(1.08);

}

.product-export-card{

    transition:.4s;

}

.product-export-card::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:4px;

    background:

    linear-gradient(

        90deg,

        #0D5CAB,

        #FFB703

    );

    transition:.45s;

}

.product-export-card:hover{

    transform:

    translateY(-8px);

}

.product-export-card:hover::before{

    width:100%;

}

.product-export-icon{

    transition:.35s;

}

.product-export-card:hover

.product-export-icon{

    background:#0D5CAB;

    color:#fff;

    transform:

    rotate(-8deg)

    scale(1.08);

}

.product-small-title{

    position:relative;

}

.product-small-title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:60px;

    height:3px;

    border-radius:10px;

    background:#FFB703;

}

.product-feature-item{

    transition:.35s;

    cursor:default;

}

.product-feature-item:hover{

    transform:translateX(8px);

    border-color:#0D5CAB;

    box-shadow:

    0 15px 35px rgba(13,92,171,.08);

}

.product-feature-item i{

    transition:.35s;

}

.product-feature-item:hover i{

    color:#0D5CAB;

    transform:scale(1.2);

}

.product-stat-box{

    transition:.35s;

}

.product-stat-box:hover{

    transform:translateY(-10px);

    border-color:#0D5CAB;

    box-shadow:

    0 20px 45px rgba(15,35,68,.08);

}

.product-stat-box h3{

    transition:.35s;

}

.product-stat-box:hover h3{

    color:#FFB703;

}

.product-primary-btn,

.product-secondary-btn{

    position:relative;

    overflow:hidden;

}

.product-primary-btn::before,

.product-secondary-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:100%;

    height:100%;

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transition:.8s;

}

.product-primary-btn:hover::before,

.product-secondary-btn:hover::before{

    left:120%;

}

.product-primary-btn:hover{

    background:#E98C00;

    transform:translateY(-4px);

    box-shadow:

    0 20px 45px rgba(245,158,11,.30);

}

.product-secondary-btn:hover{

    background:#0D5CAB;

    color:#fff;

    transform:translateY(-4px);

}

.product-primary-btn i,

.product-secondary-btn i{

    transition:.35s;

}

.product-primary-btn:hover i,

.product-secondary-btn:hover i{

    transform:translateX(6px);

}

.product-quality-card{

    animation:qualityFloat 5s ease-in-out infinite;

}

.product-export-card{

    animation:exportFloat 6s ease-in-out infinite;

}

@keyframes qualityFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}

@keyframes exportFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(10px);

}

}

.product-overview-left,

.product-overview-right,

.product-feature-item,

.product-stat-box,

.product-quality-card,

.product-export-card{

    opacity:0;

}

.product-overview-left{

    transform:translateX(-120px);

}

.product-overview-right{

    transform:translateX(120px);

}

.product-feature-item{

    transform:translateY(40px);

}

.product-stat-box{

    transform:translateY(50px);

}

.product-quality-card{

    transform:translateY(80px);

}

.product-export-card{

    transform:translateY(-80px);

}

.product-main-image,

.product-feature-item,

.product-stat-box,

.product-primary-btn,

.product-secondary-btn,

.product-quality-card,

.product-export-card{

    will-change:transform;

}

@media(max-width:991px){

.product-main-image:hover{

    transform:translateY(-6px);

}

}

@media(max-width:768px){

.product-main-image:hover,

.product-feature-item:hover,

.product-stat-box:hover,

.product-primary-btn:hover,

.product-secondary-btn:hover,

.product-quality-card:hover,

.product-export-card:hover{

    transform:none;

}

.product-small-title::after{

    left:50%;

    transform:translateX(-50%);

}

.product-quality-card,

.product-export-card{

    animation:none;

}

}

.common-product-list-section{

    padding:50px 0;

    margin:0 auto;

    background:#fff;

}

.common-product-list-heading{

    text-align:center;

    margin-bottom:40px;

}

.common-product-list-badge{

    display:inline-block;

    padding:8px 20px;

    border-radius:40px;

    background:#FFF5E5;

    color:#F59E0B;

    font-size:13.5px;

    font-weight:700;

    margin-bottom:12px;

    letter-spacing:.5px;

}

.common-product-list-heading h2{

    font-size:clamp(26px,2.8vw,36px);

    font-weight:800;

    color:#0F172A;

    text-align:center;

}

.common-product-list-grid{

    display:grid;

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

    gap:25px 20px;

    justify-content:center;

    justify-items:center;

    align-items:start;

    max-width:1280px;

    margin:0 auto;

}

.common-product-list-card{

    text-align:center;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-start;

    width:100%;

    max-width:195px;

    margin:0 auto;

}

.common-product-list-image{

    width:100%;

    aspect-ratio:1 / 1;

    height:auto;

    max-width:190px;

    margin:0 auto;

    border-radius:20px;

    overflow:hidden;

    background:#fff;

    border:1px solid #E2E8F0;

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

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

}

.common-product-list-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover !important;

    transition:transform .4s ease;

}

.common-product-list-card:hover .common-product-list-image{

    transform:translateY(-6px);

    box-shadow:0 16px 35px rgba(13,92,171,.12);

    border-color:rgba(245,158,11,.4);

}

.common-product-list-card:hover img{

    transform:scale(1.06);

}

.common-product-list-card h4{

    margin-top:14px;

    font-size:16px;

    color:#0F172A;

    line-height:1.35;

    font-weight:700;

    text-align:center;

}

@media(max-width:1200px){

.common-product-list-grid{

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

    max-width:780px;

    gap:25px 20px;

}

}

@media(max-width:991px){

.common-product-list-grid{

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

    max-width:650px;

    gap:20px 15px;

}

.common-product-list-image{

    max-width:160px;

}

}

@media(max-width:767px){

.common-product-list-section{

    padding:35px 0;

}

.common-product-list-heading h2{

    font-size:24px;

}

.common-product-list-grid{

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

    max-width:380px;

    gap:18px 12px;

}

.common-product-list-image{

    max-width:145px;

}

.common-product-list-card h4{

    font-size:14px;

    margin-top:10px;

}

}

@media(max-width:480px){

.common-product-list-grid{

    gap:25px 15px;

}

.common-product-list-image{

    width:105px;

    height:105px;

    border-width:4px;

}

.common-product-list-card h4{

    font-size:14px;

}

}

.common-export-process-section{

    position:relative;

    padding:50px 0;

    background:#fff;

    overflow:hidden;

}

.common-export-process-section::before{

    content:"";

    position:absolute;

    left:-180px;

    top:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(13,92,171,.05),

        transparent 70%

    );

}

.common-export-process-section::after{

    content:"";

    position:absolute;

    right:-180px;

    bottom:-180px;

    width:360px;

    height:360px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(255,183,3,.10),

        transparent 70%

    );

}

.common-export-process-heading{

    max-width:760px;

    margin:0 auto 80px;

    text-align:center;

}

.common-export-process-wrapper{

    position:relative;

    display:grid;

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

    gap:20px;

    align-items:flex-start;

}

.common-export-process-line{

    position:absolute;

    left:7%;

    right:7%;

    top:52px;

    height:3px;

    background:

    repeating-linear-gradient(

        to right,

        #BFD5EC 0,

        #BFD5EC 10px,

        transparent 10px,

        transparent 18px

    );

    z-index:0;

}

.common-export-process-card{

    position:relative;

    z-index:2;

    text-align:center;
    padding: 10px 0;

}

.common-export-process-icon{

    width:95px;

    height:95px;

    margin:0 auto 18px;

    border-radius:50%;

    background:#fff;

    border:3px solid #E6EEF7;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    color:#0D5CAB;

    box-shadow:

    0 10px 30px rgba(15,35,68,.08);

}

.common-export-process-number{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:32px;

    height:32px;

    border-radius:50%;

    background:#FF9800;

    color:#fff;

    font-size:14px;

    font-weight:700;

    margin-bottom:16px;

}

.common-export-process-card h3{

    font-size:20px;

    color:#0F172A;

    margin-bottom:7px;

    font-weight:700;

}

.common-export-process-card p{

   color:var(--text-color);

    line-height:1.4;

    font-size:13px;

    max-width:100%;

    margin:auto;

}

@media(max-width:1200px){

.common-export-process-wrapper{

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

    gap:40px 25px;

}

.common-export-process-line{

    display:none;

}

}

@media(max-width:991px){

.common-export-process-section{

    padding:90px 0;

}

.common-export-process-wrapper{

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

    gap:35px;

}

.common-export-process-card{

    padding:25px;

    border-radius:20px;

    background:#fff;

    border:1px solid #EEF3F8;

}

.common-export-process-icon{

    width:82px;

    height:82px;

    font-size:30px;

}

.common-export-process-card h3{

    font-size:20px;

}

}

@media(max-width:767px){

.common-export-process-section{

    padding:70px 0;

}

.common-export-process-heading{

    margin-bottom:55px;

}

.common-export-process-wrapper{

    display:flex;

    flex-direction:column;

    gap:28px;

}

.common-export-process-card{

    position:relative;

    display:flex;

    align-items:flex-start;

    text-align:left;

    gap:20px;

    padding:25px;

    border-radius:22px;

    border:1px solid #EEF3F8;

    background:#fff;

}

.common-export-process-icon{

    width:72px;

    height:72px;

    margin:0;

    flex-shrink:0;

    font-size:26px;

}

.common-export-process-number{

    position:absolute;

    right:10px;

    top:-5px;
    display: none;

}

.common-export-process-card h3{

    font-size:20px;

    margin-bottom:8px;

}

.common-export-process-card p{

    margin:0;

    max-width:100%;

    font-size:15px;

}

}

@media(max-width:480px){

.common-export-process-card{

    padding:20px;

    gap:16px;

}

.common-export-process-icon{

    width:60px;

    height:60px;

    font-size:22px;

}

.common-export-process-card h3{

    font-size:18px;

}

.common-export-process-card p{

    font-size:14px;

}

.common-export-process-number{

    width:28px;

    height:28px;

    font-size:12px;

    left:48px;

}

}

.common-export-process-card{

    position:relative;

    border-radius:0 !important;

    transition:transform .35s ease;

}

.common-export-process-card::before,
.common-export-process-card::after{

    display:none !important;

}

.common-export-process-card:hover{

    transform:none !important;

    box-shadow:none !important;

    background:transparent !important;

    border-radius:0 !important;

}

.common-export-process-shine{

    display:none !important;

}

.common-export-process-icon{

    position:relative;

    transition:all .35s ease;

}

.common-export-process-icon::before{

    display:none !important;

}

.common-export-process-card:hover .common-export-process-icon{

    background:#0D5CAB;

    color:#fff;

    border-color:#0D5CAB;

    transform:translateY(-4px) scale(1.06);

    box-shadow:0 12px 28px rgba(13,92,171,.25);

}

.common-export-process-number{

    position:relative;

    z-index:5;

    transition:all .35s ease;

}

.common-export-process-card:hover .common-export-process-number{

    background:#0D5CAB;

    transform:scale(1.1);

}

.common-export-process-card h3{

    transition:color .3s ease;

}

.common-export-process-card:hover h3{

    color:#0D5CAB;

}

.common-export-process-card p{

    transition:color .3s ease;

}

.common-export-process-card:hover p{

    color:#475569;

}

.common-export-process-line{

    overflow:hidden;

}

.common-export-process-line::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:0;

    height:100%;

    background:

    linear-gradient(

        90deg,

        #0D5CAB,

        #FFB703

    );

    border-radius:20px;

}

.common-export-process-heading{

    position:relative;

}

.common-export-process-heading::after{

    content:"";

    position:absolute;

    width:90px;

    height:4px;

    left:50%;

    bottom:-25px;

    transform:translateX(-50%);

    border-radius:30px;

    background:

    linear-gradient(

        90deg,

        #0D5CAB,

        #FFB703

    );

}

.common-export-process-card:hover{

    background:

    linear-gradient(

        180deg,

        #ffffff,

        #fbfdff

    );

}

.common-export-process-card,

.common-export-process-icon,

.common-export-process-number{

    will-change:transform;

}

@media(max-width:991px){

.common-export-process-card:hover{

    transform:translateY(-6px);

}

}

@media(max-width:767px){

.common-export-process-card:hover{

    transform:none;

}

.common-export-process-card:hover

.common-export-process-icon{

    transform:scale(1.05);

}

}

.common-contact-section{

    position:relative;

    padding:40px 0;

    background:#F8F9FB;

    overflow:hidden;

}

.common-contact-shape{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

}

.common-contact-shape-one{

    width:450px;

    height:450px;

    top:-180px;

    right:-180px;

    background:

    radial-gradient(circle,

    rgba(13,92,171,.08),

    transparent 70%);

}

.common-contact-shape-two{

    width:350px;

    height:350px;

    left:-150px;

    bottom:-150px;

    background:

    radial-gradient(circle,

    rgba(255,183,3,.12),

    transparent 70%);

}

.common-contact-heading{

    max-width:820px;

    margin:auto;

    text-align:center;

    margin-bottom:20px;

}

.common-contact-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:12px 24px;

    border-radius:50px;

    background:#fff;

    border:1px solid rgba(13,92,171,.12);

    margin-bottom:25px;

    box-shadow:

    0 10px 30px rgba(15,35,68,.05);

}

.common-contact-badge img{

    width:22px;

}

.common-contact-badge span{

    color:#0D5CAB;

    font-weight:600;

}

.common-contact-title{

    font-size:2.7rem;

    line-height:1.1;

    color:#0E2344;

    margin-bottom:12px;
    font-weight: 600;

}

.common-contact-description{

    color:var( --text-color);

    line-height:1.5;

    font-size:17px;

     margin-bottom:32px;

}

.common-contact-wrapper{

    display:grid;

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

    gap:40px;

    align-items:start;

}

.common-contact-form-box{

    background:#fff;

    border-radius:28px;

    padding:45px;

    border:1px solid #EEF2F7;

    box-shadow:

    0 25px 60px rgba(15,35,68,.06);

}

.common-contact-form-header{

    margin-bottom:35px;

}

.common-contact-form-header span{

    display:inline-block;

    color:#FF9800;

    font-weight:600;

    margin-bottom:12px;

}

.common-contact-form-header h3{

    font-size:34px;

    color:#0E2344;

    margin-bottom:15px;

}

.common-contact-form-header p{

    color:var( --text-color);

    line-height:1.8;

}

.common-contact-grid{

    display:grid;

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

    gap:22px;

}

.common-contact-full{

    grid-column:1/-1;

}

.common-contact-field{

    display:flex;

    flex-direction:column;

}

.common-contact-field label{

    font-size:15px;

    font-weight:600;

    color:#0E2344;

    margin-bottom:10px;

}

.common-contact-field input,

.common-contact-field textarea,

.common-contact-field select{

    width:100%;

    padding:16px 18px;

    border-radius:14px;

    border:1px solid #DCE4EC;

    background:#FAFCFD;

    font-size:15px;

    outline:none;

    transition:.35s;

    font-family:inherit;

}

.common-contact-field textarea{

    resize:vertical;

    min-height:170px;

}

.common-contact-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    margin-top:30px;

    padding:18px 38px;

    border:none;

    border-radius:50px;

    background:#0D5CAB;

    color:#fff;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

}

.common-contact-sidebar{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.common-contact-card{

    display:flex;

    align-items:center;

    gap:20px;

    padding:24px;

    background:#fff;

    border-radius:22px;

    border:1px solid #EEF2F7;

    text-decoration:none;

    box-shadow:

    0 15px 40px rgba(15,35,68,.05);

}

.common-contact-card-icon{

    width:62px;

    height:62px;

    border-radius:18px;

    background:#F3F8FF;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#0D5CAB;

    font-size:22px;

    flex-shrink:0;

}

.common-contact-card-content h4{

    color:#0E2344;

    font-size:20px;

    margin-bottom:6px;

}

.common-contact-card-content p,

.common-contact-card-content span{

    color:var( --text-color);

    line-height:1.7;

}

.common-contact-hours{

    background:#fff;

    border-radius:22px;

    padding:30px;

    border:1px solid #EEF2F7;

    box-shadow:

    0 15px 40px rgba(15,35,68,.05);

}

.common-contact-hours h4{

    color:#0E2344;

    margin-bottom:20px;

    font-size:24px;

}

.common-contact-hours ul{

    list-style:none;

}

.common-contact-hours li{

    display:flex;

    justify-content:space-between;

    gap:20px;

    padding:14px 0;

    border-bottom:1px solid #EEF2F7;

}

.common-contact-hours li:last-child{

    border:none;

}

.common-contact-hours span{

    color:var( --text-color);

}

.common-contact-hours strong{

    color:#0E2344;

}

.common-contact-map-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:18px;

    border-radius:18px;

    background:#FFB703;

    color:#fff;

    text-decoration:none;

    font-weight:600;

}

@media(max-width:1200px){

.common-contact-wrapper{

    grid-template-columns:1fr;

}

}

@media(max-width:992px){

.common-contact-section{

    padding:40px 0;

}

.common-contact-title{

    font-size:2.4rem;

}

.common-contact-form-box{

    padding:35px;

}

}

@media(max-width:768px){

.common-contact-title{

    font-size:2rem;

}

.common-contact-grid{

    grid-template-columns:1fr;

}

.common-contact-full{

    grid-column:auto;

}

.common-contact-form-box{

    padding:28px;

}

.common-contact-btn{

    width:100%;

}

.common-contact-hours li{

    flex-direction:column;

    gap:5px;

}

}

@media(max-width:480px){

.common-contact-section{

    padding:40px 0;

}

.common-contact-title{

    font-size:1.9rem;

}

.common-contact-description{

    font-size:15px;

}

.common-contact-form-header h3{

    font-size:28px;

}

.common-contact-card{

    padding:20px;

}

.common-contact-card-icon{

    width:55px;

    height:55px;

    font-size:18px;

}

.common-contact-hours{

    padding:24px;

}

}

.common-contact-form-box{

    position:relative;

    overflow:hidden;

    transition:.45s ease;

}

.common-contact-form-box::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    transform:translateX(-50%);

    width:0;

    height:4px;

    border-radius:20px;

    background:

    linear-gradient(

        90deg,

        #0D5CAB,

        #FFB703

    );

    transition:.45s;

}

.common-contact-form-box:hover{

    transform:translateY(-8px);

    box-shadow:

    0 35px 80px rgba(15,35,68,.08);

}

.common-contact-form-box:hover::before{

    width:100%;

}

.common-contact-field input,

.common-contact-field textarea,

.common-contact-field select{

    transition:.35s;

}

.common-contact-field input:focus,

.common-contact-field textarea:focus,

.common-contact-field select:focus{

    background:#fff;

    border-color:#0D5CAB;

    box-shadow:

    0 0 0 4px rgba(13,92,171,.08);

}

.common-contact-field input::placeholder,

.common-contact-field textarea::placeholder{

    color:#94A3B8;

}

.common-contact-btn{

    position:relative;

    overflow:hidden;

    transition:.35s;

}

.common-contact-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:100%;

    height:100%;

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transition:.8s;

}

.common-contact-btn:hover{

    background:#084C91;

    transform:translateY(-4px);

    box-shadow:

    0 20px 45px rgba(13,92,171,.25);

}

.common-contact-btn:hover::before{

    left:120%;

}

.common-contact-btn i{

    transition:.35s;

}

.common-contact-btn:hover i{

    transform:translateX(6px);

}

.common-contact-card{

    position:relative;

    overflow:hidden;

    transition:.4s;

}

.common-contact-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:0;

    background:

    linear-gradient(

        180deg,

        #0D5CAB,

        #FFB703

    );

    transition:.4s;

}

.common-contact-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 25px 60px rgba(15,35,68,.08);

}

.common-contact-card:hover::before{

    height:100%;

}

.common-contact-card:hover .common-contact-card-icon{

    background:#0D5CAB;

    color:#fff;

    transform:rotate(-10deg);

}

.common-contact-card-icon{

    transition:.35s;

}

.common-contact-card-content h4{

    transition:.35s;

}

.common-contact-card:hover h4{

    color:#0D5CAB;

}

.common-contact-card:hover span,

.common-contact-card:hover p{

    color:#334155;

}

.common-contact-hours{

    transition:.4s;

}

.common-contact-hours:hover{

    transform:translateY(-8px);

    box-shadow:

    0 25px 60px rgba(15,35,68,.08);

}

.common-contact-hours li{

    transition:.3s;

}

.common-contact-hours li:hover{

    padding-left:8px;

}

.common-contact-map-btn{

    position:relative;

    overflow:hidden;

    transition:.35s;

}

.common-contact-map-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:100%;

    height:100%;

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transition:.8s;

}

.common-contact-map-btn:hover{

    background:#0D5CAB;

    transform:translateY(-4px);

    box-shadow:

    0 20px 45px rgba(13,92,171,.22);

}

.common-contact-map-btn:hover::before{

    left:120%;

}

.common-contact-badge{

    transition:.35s;

}

.common-contact-badge:hover{

    transform:translateY(-4px);

    box-shadow:

    0 15px 35px rgba(13,92,171,.12);

}

.common-contact-form-box .common-shine,

.common-contact-card .common-shine,

.common-contact-hours .common-shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.common-contact-form-box .common-shine::before,

.common-contact-card .common-shine::before,

.common-contact-hours .common-shine::before{

    content:"";

    position:absolute;

    top:-120%;

    left:-90%;

    width:60%;

    height:260%;

    transform:rotate(25deg);

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transition:1s;

}

.common-contact-form-box:hover .common-shine::before,

.common-contact-card:hover .common-shine::before,

.common-contact-hours:hover .common-shine::before{

    left:180%;

}

.common-contact-form-box,

.common-contact-card,

.common-contact-hours,

.common-contact-btn,

.common-contact-map-btn{

    will-change:transform;

}

@media(max-width:992px){

.common-contact-form-box:hover,

.common-contact-card:hover,

.common-contact-hours:hover{

    transform:translateY(-5px);

}

}

@media(max-width:768px){

.common-contact-form-box:hover,

.common-contact-card:hover,

.common-contact-hours:hover,

.common-contact-btn:hover,

.common-contact-map-btn:hover{

    transform:none;

}

.common-contact-hours li:hover{

    padding-left:0;

}

}

@media(max-width:480px){

.common-contact-btn,

.common-contact-map-btn{

    font-size:15px;

}

.common-contact-card-icon{

    border-radius:14px;

}

}

.common-contact-field.active label{

    color:#0D5CAB;

}

.common-contact-field.active input,

.common-contact-field.active textarea,

.common-contact-field.active select{

    border-color:#0D5CAB;

    box-shadow:

    0 0 0 4px rgba(13,92,171,.08);

}

.common-contact-card.active{

    transform:translateY(-8px);

}

.common-contact-hours.active{

    transform:translateY(-8px);

}

.common-contact-btn{

    position:relative;

    overflow:hidden;

}

.common-contact-map-btn{

    position:relative;

    overflow:hidden;

}

.common-contact-ripple{

    position:absolute;

    width:12px;

    height:12px;

    border-radius:50%;

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

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

    animation:commonContactRipple .6s linear;

    pointer-events:none;

}

@keyframes commonContactRipple{

    to{

        transform:

        translate(-50%,-50%)

        scale(26);

        opacity:0;

    }

}

@media(max-width:768px){

.common-contact-card.active,

.common-contact-hours.active{

    transform:none;

}

}

.privacy-policy-section{

    padding:40px 0;

    background:#F8F9FB;

}

.privacy-wrapper{

    background:#fff;

    padding:60px;

    border-radius:20px;

    border:1px solid #E5E7EB;

}

.privacy-breadcrumb{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:40px;

    font-size:15px;

    color:var( --text-color);

}

.privacy-breadcrumb a{

    color:#0D5CAB;

    text-decoration:none;

    font-weight:500;

}

.privacy-breadcrumb span:last-child{

    color:#0F172A;

}

.privacy-heading{

    text-align:center;

    max-width:850px;

    margin:0 auto 60px;

}

.privacy-badge{

    display:inline-block;

    padding:10px 22px;

    background:#EAF4FF;

    color:#0D5CAB;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.privacy-heading h1{

    font-size:48px;

    color:#0F172A;

    margin-bottom:20px;

    line-height:1.2;

}

.privacy-heading p{

    color:var( --text-color);

    font-size:17px;

    line-height:1.9;

}

.privacy-update{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:25px;

    padding:12px 22px;

    border-radius:12px;

    background:#F1F5F9;

    color:#334155;

    font-size:15px;

}

.privacy-block{

    padding:35px 0;

    border-bottom:1px solid #E5E7EB;

}

.privacy-block:last-child{

    border-bottom:none;

}

.privacy-block h2{

    font-size:30px;

    color:#0F172A;

    margin-bottom:18px;

    line-height:1.3;

}

.privacy-block p{

    font-size:16px;

    color:#475569;

    line-height:2;

    margin-bottom:18px;

}

.privacy-block ul{

    padding-left:22px;

}

.privacy-block li{

    color:#475569;

    margin-bottom:12px;

    line-height:1.8;

}

.privacy-contact-box{

    margin-top:30px;

    padding:30px;

    border-radius:16px;

    background:#F8FAFC;

    border:1px solid #E2E8F0;

}

.privacy-contact-box h4{

    font-size:26px;

    color:#0F172A;

    margin-bottom:15px;

}

.privacy-contact-box p{

    margin-bottom:10px;

}

.privacy-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    margin-top:20px;

    padding:15px 30px;

    background:#0D5CAB;

    color:#fff;

    text-decoration:none;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.privacy-table{

    width:100%;

    border-collapse:collapse;

    margin-top:25px;

}

.privacy-table th,

.privacy-table td{

    padding:14px 16px;

    border:1px solid #E5E7EB;

    text-align:left;

}

.privacy-table th{

    background:#F8FAFC;

    color:#0F172A;

    font-weight:600;

}

.privacy-table td{

    color:#475569;

}

@media(max-width:992px){

.privacy-policy-section{

    padding:40px 0;

}

.privacy-wrapper{

    padding:40px;

}

.privacy-heading h1{

    font-size:40px;

}

.privacy-block h2{

    font-size:26px;

}

}

@media(max-width:768px){

.privacy-policy-section{

    padding:40px 0;

}

.privacy-wrapper{

    padding:30px;

}

.privacy-heading{

    margin-bottom:40px;

}

.privacy-heading h1{

    font-size:34px;

}

.privacy-heading p{

    font-size:16px;

}

.privacy-block{

    padding:28px 0;

}

.privacy-block h2{

    font-size:24px;

}

.privacy-block p,

.privacy-block li{

    font-size:15px;

}

.privacy-update{

    width:100%;

    justify-content:center;

}

.privacy-contact-box{

    padding:24px;

}

.privacy-btn{

    width:100%;

}

}

@media(max-width:480px){

.privacy-wrapper{

    padding:22px;

    border-radius:14px;

}

.privacy-heading h1{

    font-size:28px;

}

.privacy-block h2{

    font-size:21px;

}

.privacy-contact-box h4{

    font-size:22px;

}

.privacy-breadcrumb{

    flex-wrap:wrap;

    font-size:14px;

}

}

.vision-section{

    position:relative;

    padding:40px 0;

    background:#F8FBFD;

    overflow:hidden;

}

.vision-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    top:-220px;

    right:-180px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(13,92,171,.05),

        transparent 70%

    );

}

.vision-section::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    left:-150px;

    bottom:-150px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(255,183,3,.10),

        transparent 70%

    );

}

.vision-heading{

    text-align:center;

    max-width:850px;

    margin:0 auto 70px;

}

.vision-heading .section-title{

    margin:20px 0;

}

.vision-heading .section-description{

    max-width:720px;

    margin:auto;

    line-height:1.9;

}

.vision-wrapper{

    display:grid;

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

    gap:35px;

    align-items:stretch;

}

.vision-card{

    position:relative;

    padding:55px;

    border-radius:34px;

    overflow:hidden;

    min-height:620px;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

}

.vision-left{

    background: #0F5563;

    color:#fff;

}

.vision-right{

    background:#fff;

    border:1px solid #E8EEF5;

    color:#0F172A;
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;

}

.vision-icon{

    width:85px;

    height:85px;

    border-radius:24px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-bottom:30px;

}

.vision-left .vision-icon{

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

    color:#fff;

}

.vision-right .vision-icon{

    background:#EAF4FF;

    color:#0D5CAB;

}

.vision-label{

    display:inline-flex;

    align-items:center;

    width:max-content;

    padding:10px 20px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:22px;

}

.vision-left .vision-label{

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

    color:#fff;

}

.vision-right .vision-label{

    background:#FFF5E5;

    color:#F59E0B;

}

.vision-card h3{

    font-size:2rem;

    line-height:1.25;

    margin-bottom:22px;

    font-weight:700;

}

.vision-card p{

    font-size:17px;

    line-height:2;

    margin-bottom:35px;

}

.vision-left p{

    color:var( --text-color)

}

.vision-right p{

    color:var( --text-color);

}

.vision-card ul{

    list-style:none;

    margin-top:auto;

    display:grid;

    gap:18px;

}

.vision-card li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    font-size:17px;

    line-height:1.7;

}

.vision-left li{

    color:#fff;

}

.vision-right li{

    color:#334155;

}

.vision-card li i{

    margin-top:4px;

    flex-shrink:0;

}

.vision-left li i{

    color:#fff;

}

.vision-right li i{

    color:#0D5CAB;

}

@media(max-width:1200px){

.vision-card{

    padding:45px;

    min-height:auto;

}

.vision-card h3{

    font-size:2rem;

}

}

@media(max-width:991px){

.vision-section{

    padding:40px 0;

}

.vision-wrapper{

    grid-template-columns:1fr;

}

.vision-card{

    min-height:auto;

}

}

@media(max-width:768px){

.vision-section{

    padding:40px 0;

}

.vision-heading{
   text-align: left;
    margin-bottom:50px;

}

.vision-card{

    padding:35px;

    border-radius:26px;

}

.vision-icon{

    width:70px;

    height:70px;

    font-size:28px;

    border-radius:20px;

}

.vision-card h3{

    font-size:2rem;

}

.vision-card p{

    font-size:16px;

    line-height:1.8;

}

.vision-card li{

    font-size:15px;

}

}

@media(max-width:480px){

.vision-card{

    padding:28px 22px;

}

.vision-card h3{

    font-size:1.9rem;

}

.vision-card p{

    font-size:15px;

}

.vision-card li{

    font-size:14px;

    gap:10px;

}

.vision-label{

    font-size:13px;

}

}

.vision-card{

    transition:.45s ease;

    box-shadow:

    0 20px 60px rgba(15,35,68,.06);

    isolation:isolate;

}

.vision-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:inherit;

    background:

    linear-gradient(

        135deg,

        rgba(255,255,255,.08),

        transparent 60%

    );

    pointer-events:none;

    z-index:1;

}

.vision-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 35px 90px rgba(15,35,68,.12);

}

.vision-card::after{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:4px;

    border-radius:20px;

    background:

    linear-gradient(

        90deg,

        #0D5CAB,

        #FFB703

    );

    transition:.45s;

}

.vision-card:hover::after{

    width:100%;

}

.vision-icon{

    transition:.4s;

}

.vision-card:hover .vision-icon{

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

}

.vision-right:hover .vision-icon{

    background:#0D5CAB;

    color:#fff;

}

.vision-left:hover .vision-icon{

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

}

.vision-label{

    transition:.35s;

}

.vision-right:hover .vision-label{

    background:#0D5CAB;

    color:#fff;

}

.vision-left:hover .vision-label{

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

}

.vision-card h3{

    transition:.35s;

}

.vision-right:hover h3{

    color:#0D5CAB;

}

.vision-card li{

    transition:.3s;

}

.vision-card li:hover{

    transform:translateX(8px);

}

.vision-right li:hover{

    color:#0D5CAB;

}

.vision-card li i{

    transition:.3s;

}

.vision-card li:hover i{

    transform:scale(1.2);

}

.vision-shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.vision-shine::before{

    content:"";

    position:absolute;

    top:-120%;

    left:-90%;

    width:60%;

    height:260%;

    transform:rotate(25deg);

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transition:1s;

}

.vision-card:hover .vision-shine::before{

    left:180%;

}

.vision-card .vision-circle{

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    right:-90px;

    bottom:-90px;

    opacity:.08;

    transition:.5s;

    z-index:0;

}

.vision-left .vision-circle{

    background:#fff;

}

.vision-right .vision-circle{

    background:#0D5CAB;

}

.vision-card:hover .vision-circle{

    transform:scale(1.15);

}

.vision-card,

.vision-icon{

    will-change:transform;

}

@media(max-width:992px){

.vision-card:hover{

    transform:translateY(-6px);

}

}

@media(max-width:768px){

.vision-card:hover{

    transform:none;

}

.vision-card li:hover{

    transform:none;

}

}

@media(max-width:480px){

.vision-card{

    border-radius:22px;

}

}

.buyer-hero-section{

    position:relative;

    padding:40px 0;

    background:#F8FBFD;

    overflow:hidden;

}

.buyer-shape{

    position:absolute;

    border-radius:50%;

    pointer-events:none;

}

.buyer-shape-one{

    width:520px;

    height:520px;

    top:-250px;

    right:-180px;

    background:

    radial-gradient(circle,

    rgba(13,92,171,.08),

    transparent 70%);

}

.buyer-shape-two{

    width:380px;

    height:380px;

    bottom:-180px;

    left:-120px;

    background:

    radial-gradient(circle,

    rgba(255,183,3,.10),

    transparent 70%);

}

.buyer-hero-wrapper{

    display:grid;

    grid-template-columns:1.08fr .92fr;

    gap:50px;

    align-items:center;

}

.buyer-hero-content{

    position:relative;

    z-index:2;

}

.buyer-hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:9px 20px;

    border-radius:50px;

    background:#fff;

    border:1px solid rgba(13,92,171,.12);

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

    margin-bottom:22px;

}

.buyer-pulse-dot{

    width:8px;

    height:8px;

    border-radius:50%;

    background:#0D5CAB;

    display:inline-block;

    box-shadow:0 0 0 0 rgba(13,92,171,.5);

    animation:buyerPulse 2s infinite;

}

@keyframes buyerPulse{

    0%{box-shadow:0 0 0 0 rgba(13,92,171,.7);}

    70%{box-shadow:0 0 0 8px rgba(13,92,171,0);}

    100%{box-shadow:0 0 0 0 rgba(13,92,171,0);}

}

.buyer-hero-badge img{

    width:18px;

}

.buyer-hero-badge span{

    color:#0D5CAB;

    font-size:13.5px;

    font-weight:600;

}

.buyer-hero-title{

    font-size:2.15rem;

    line-height:1.24;

    color:#0F172A;

    margin-bottom:18px;

    font-weight:800;

    letter-spacing:-0.02em;

}

.buyer-title-highlight{

    background:linear-gradient(135deg, #0D5CAB 0%, #1e40af 50%, #f97316 100%);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.buyer-title-line-two{

    display:inline-block;

    white-space:nowrap;

}

@media(max-width:640px){

    .buyer-title-line-two{

        white-space:normal;

        display:inline;

    }

}

.buyer-hero-description{

    font-size:15.5px;

    line-height:1.65;

    color:#475569;

    margin-bottom:22px;

}

.buyer-destination-chips{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-bottom:24px;

}

.dest-chip{

    display:inline-flex;

    align-items:center;

    gap:7px;

    padding:6px 14px;

    border-radius:50px;

    background:#fff;

    border:1px solid #E2E8F0;

    font-size:12.5px;

    font-weight:600;

    color:#334155;

    box-shadow:0 2px 6px rgba(0,0,0,.03);

    transition:all .25s ease;

}

.dest-chip:hover{

    border-color:#0D5CAB;

    color:#0D5CAB;

    transform:translateY(-2px);

    box-shadow:0 6px 15px rgba(13,92,171,.08);

}

.buyer-feature-grid{

    display:grid;

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

    gap:12px;

    margin-bottom:30px;

}

.buyer-feature-card{

    display:flex;

    align-items:flex-start;

    gap:10px;

    padding:10px 14px;

    border-radius:14px;

    background:#fff;

    border:1px solid #E8EEF5;

    box-shadow:0 4px 12px rgba(15,35,68,.03);

    transition:all .25s ease;

}

.buyer-feature-card:hover{

    border-color:rgba(13,92,171,.3);

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(13,92,171,.06);

}

.buyer-feature-icon{

    width:24px;

    height:24px;

    min-width:24px;

    border-radius:50%;

    background:#EFF6FF;

    color:#0D5CAB;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:11px;

    margin-top:2px;

    border:1px solid #DBEAFE;

}

.buyer-feature-text{

    display:flex;

    flex-direction:column;

}

.buyer-feature-text strong{

    font-size:13.5px;

    font-weight:700;

    color:#0F172A;

    line-height:1.25;

}

.buyer-feature-text span{

    font-size:11.5px;

    color:#64748B;

    margin-top:2px;

    line-height:1.3;

}

.buyer-hero-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

}

.buyer-primary-btn,

.buyer-secondary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 28px;

    border-radius:50px;

    text-decoration:none;

    font-size:14.5px;

    font-weight:600;

    transition:all .3s ease;

}

.buyer-primary-btn{

    background:linear-gradient(135deg, #0D5CAB 0%, #1573d4 100%);

    color:#fff;

    box-shadow:0 10px 24px rgba(13,92,171,.25);

}

.buyer-primary-btn:hover{

    background:linear-gradient(135deg, #094785 0%, #0D5CAB 100%);

    transform:translateY(-2px);

    box-shadow:0 14px 30px rgba(13,92,171,.32);

}

.buyer-secondary-btn{

    background:#fff;

    color:#0D5CAB;

    border:1.5px solid #0D5CAB;

    box-shadow:0 4px 14px rgba(0,0,0,.03);

}

.buyer-secondary-btn:hover{

    background:#EFF6FF;

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(13,92,171,.12);

}

.buyer-hero-right{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.buyer-main-card{

    background:#fff;

    padding:32px;

    border-radius:24px;

    border:1px solid #E8EEF5;

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

    position:relative;

}

.buyer-card-top-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:16px;

    flex-wrap:wrap;

    gap:10px;

}

.buyer-card-label{

    display:inline-flex;

    align-items:center;

    gap:7px;

    padding:7px 16px;

    background:#FFF5E5;

    color:#d97706;

    border-radius:30px;

    font-size:12.5px;

    font-weight:700;

    border:1px solid rgba(245,158,11,.2);

}

.buyer-verified-tag{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:6px 14px;

    border-radius:50px;

    background:#ECFDF5;

    color:#059669;

    font-size:12px;

    font-weight:600;

    border:1px solid #A7F3D0;

}

.buyer-main-card h3{

    font-size:24px;

    line-height:1.3;

    color:#0F172A;

    margin-bottom:12px;

    font-weight:800;

}

.buyer-main-card p{

    color:#475569;

    line-height:1.6;

    margin-bottom:20px;

    font-size:13.5px;

}

.buyer-product-tags {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.buyer-product-tags span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 8px;
    border-radius: 20px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    color: #1E293B;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
    text-align: center;
    transition: all .25s ease;
}

.buyer-product-tags span i {
    color: #0D5CAB;
    font-size: 11px;
    flex-shrink: 0;
    transition: color .25s ease;
}

.buyer-product-tags span:hover {
    background: #0D5CAB;
    color: #ffffff;
    border-color: #0D5CAB;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(13, 92, 171, 0.22);
}

.buyer-product-tags span:hover i {
    color: #ffffff !important;
}

@media (max-width: 1200px) {
    .buyer-product-tags {
        grid-template-columns: repeat(4, 1fr);
        gap: 6px;
    }

    .buyer-product-tags span {
        font-size: 11px;
        padding: 6px 4px;
    }
}

@media (max-width: 991px) {
    .buyer-product-tags {
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }

    .buyer-product-tags span {
        font-size: 11.5px;
        padding: 7px 8px;
    }
}

@media (max-width: 640px) {
    .buyer-product-tags {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
}

.buyer-stats-grid{

    display:grid;

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

    gap:14px;

}

.buyer-stat-card{

    display:flex;

    align-items:center;

    gap:14px;

    padding:16px 18px;

    background:#fff;

    border-radius:18px;

    text-align:left;

    border:1px solid #E8EEF5;

    box-shadow:0 8px 24px rgba(15,35,68,.04);

    transition:all .3s ease;

}

.buyer-stat-card:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(13,92,171,.08);

    border-color:rgba(13,92,171,.25);

}

.buyer-stat-icon{

    width:44px;

    height:44px;

    min-width:44px;

    border-radius:12px;

    background:linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);

    color:#0D5CAB;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

}

.buyer-stat-info{

    display:flex;

    flex-direction:column;

}

.buyer-stat-info h4{

    font-size:22px;

    font-weight:800;

    color:#0F172A;

    margin:0 0 2px 0;

    line-height:1.1;

}

.buyer-stat-info p{

    color:#64748B;

    line-height:1.3;

    font-size:12px;

    font-weight:500;

    margin:0;

}

@media(max-width:1200px){

.buyer-hero-title{

    font-size:2.05rem;

}

.buyer-hero-wrapper{

    gap:45px;

}

}

@media(max-width:991px){

.buyer-hero-section{

    padding:30px 0;

}

.buyer-hero-wrapper{

    grid-template-columns:1fr;

}

.buyer-hero-title{

    font-size:2rem;

}

}

@media(max-width:768px){

.buyer-hero-section{

    padding:30px 0;

}

.buyer-feature-list{

    grid-template-columns:1fr;

}

.buyer-hero-buttons{

    flex-direction:column;

}

.buyer-primary-btn,

.buyer-secondary-btn{

    width:100%;

}

.buyer-main-card{

    padding:30px;

}

.buyer-main-card h3{

    font-size:28px;

}

}

@media(max-width:480px){

.buyer-hero-title{

    font-size:1.9rem;

}

.buyer-hero-description{

    font-size:15px;

}

.buyer-main-card{

    padding:24px;

}

.buyer-main-card h3{

    font-size:24px;

}

.buyer-stats-grid{

    grid-template-columns:1fr;

}

.buyer-stat-card{

    padding:22px;

}

.buyer-stat-card h4{

    font-size:28px;

}

}

.buyer-main-card{

    position:relative;

    overflow:hidden;

    transition:.45s ease;

}

.buyer-main-card::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:4px;

    border-radius:20px;

    background:

    linear-gradient(

        90deg,

        #0D5CAB,

        #FFB703

    );

    transition:.45s;

}

.buyer-main-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 35px 80px rgba(15,35,68,.10);

}

.buyer-main-card:hover::before{

    width:100%;

}

.buyer-main-card::after{

    content:"";

    position:absolute;

    top:-120%;

    left:-90%;

    width:60%;

    height:260%;

    transform:rotate(25deg);

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transition:1s;

}

.buyer-main-card:hover::after{

    left:180%;

}

.buyer-card-label{

    transition:.35s;

}

.buyer-main-card:hover .buyer-card-label{

    background:#0D5CAB;

    color:#fff;

}

.buyer-feature-item{

    transition:.3s;

}

.buyer-feature-item:hover{

    transform:translateX(8px);

    color:#0D5CAB;

}

.buyer-feature-item i{

    transition:.3s;

}

.buyer-feature-item:hover i{

    transform:scale(1.25);

    color:#FFB703;

}

.buyer-primary-btn,

.buyer-secondary-btn{

    position:relative;

    overflow:hidden;

}

.buyer-primary-btn::before,

.buyer-secondary-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:100%;

    height:100%;

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

    transition:.8s;

}

.buyer-primary-btn:hover::before,

.buyer-secondary-btn:hover::before{

    left:120%;

}

.buyer-primary-btn:hover{

    transform:translateY(-5px);

    background:#084C91;

    box-shadow:

    0 20px 45px rgba(13,92,171,.25);

}

.buyer-secondary-btn:hover{

    background:#0D5CAB;

    color:#fff;

    transform:translateY(-5px);

}

.buyer-primary-btn i,

.buyer-secondary-btn i{

    transition:.35s;

}

.buyer-primary-btn:hover i,

.buyer-secondary-btn:hover i{

    transform:translateX(6px);

}

.buyer-product-tags span{

    transition:.35s;

    cursor:default;

}

.buyer-product-tags span:hover{

    background:#0D5CAB;

    color:#fff;

    transform:translateY(-4px);

}

.buyer-stat-card{

    position:relative;

    overflow:hidden;

    transition:.4s;

}

.buyer-stat-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:0;

    background:

    linear-gradient(

        180deg,

        #0D5CAB,

        #FFB703

    );

    transition:.35s;

}

.buyer-stat-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 25px 60px rgba(15,35,68,.08);

}

.buyer-stat-card:hover::before{

    height:100%;

}

.buyer-stat-card h4{

    transition:.35s;

}

.buyer-stat-card:hover h4{

    color:#FFB703;

}

.buyer-hero-badge{

    transition:.35s;

}

.buyer-hero-badge:hover{

    transform:translateY(-4px);

    box-shadow:

    0 18px 40px rgba(13,92,171,.10);

}

.buyer-main-card h3{

    transition:.35s;

}

.buyer-main-card:hover h3{

    color:#0D5CAB;

}

.buyer-main-card,

.buyer-stat-card,

.buyer-primary-btn,

.buyer-secondary-btn{

    will-change:transform;

}

@media(max-width:991px){

.buyer-main-card:hover,

.buyer-stat-card:hover{

    transform:translateY(-6px);

}

}

@media(max-width:768px){

.buyer-main-card:hover,

.buyer-stat-card:hover,

.buyer-primary-btn:hover,

.buyer-secondary-btn:hover{

    transform:none;

}

.buyer-feature-item:hover{

    transform:none;

}

.buyer-product-tags span:hover{

    transform:none;

}

}

.buyer-process-section {
    position: relative;
    padding: 50px 0;
    background: #FFFFFF;
    overflow: hidden;
}

.buyer-process-section::before {
    content: "";
    position: absolute;
    top: -180px;
    left: -180px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(13, 92, 171, 0.04), transparent 70%);
    pointer-events: none;
}

.buyer-process-section::after {
    content: "";
    position: absolute;
    bottom: -180px;
    right: -180px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 183, 3, 0.06), transparent 70%);
    pointer-events: none;
}

.buyer-process-heading {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
}

.buyer-process-heading .section-title {
    white-space: nowrap !important;
    font-size: clamp(1.75rem, 2.8vw, 2.35rem) !important;
}

.buyer-process-heading .section-title span,
.buyer-title-highlight {
    display: inline !important;
    color: #0D5CAB !important;
}

@media (max-width: 640px) {
    .buyer-process-heading .section-title {
        white-space: normal !important;
        font-size: 1.65rem !important;
    }
}

.buyer-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    position: relative;
}

.buyer-process-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 18px rgba(15, 35, 68, 0.04);
    position: relative;
    overflow: hidden;
}

.buyer-process-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3.5px;
    background: linear-gradient(90deg, #0D5CAB, #1573d4);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.buyer-process-card:hover {
    transform: translateY(-5px);
    border-color: rgba(13, 92, 171, 0.25);
    box-shadow: 0 16px 36px rgba(13, 92, 171, 0.09);
}

.buyer-process-card:hover::before {
    opacity: 1;
}

.buyer-process-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.buyer-step-tag {
    font-size: 11.5px;
    font-weight: 750;
    color: #0D5CAB;
    background: #EFF6FF;
    border: 1px solid #BFDBFE;
    padding: 3px 10px;
    border-radius: 20px;
    letter-spacing: 0.02em;
}

.buyer-process-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.buyer-process-card:hover .buyer-process-icon {
    transform: scale(1.08);
}

.buyer-process-card h3 {
    font-size: 17.5px;
    font-weight: 750;
    color: #0F172A;
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.buyer-process-card p {
    font-size: 13px;
    color: #64748B;
    line-height: 1.55;
    margin: 0 0 16px 0;
    flex-grow: 1;
}

.buyer-step-meta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11.5px;
    font-weight: 600;
    color: #0F172A;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    padding: 6px 11px;
    border-radius: 8px;
    width: fit-content;
}

.buyer-step-meta i {
    font-size: 11.5px;
    color: #059669;
}

.buyer-process-cta {
    margin-top: 45px;
    padding: 34px 40px;
    border-radius: 24px;
    background: linear-gradient(135deg, #0F172A 0%, #0D5CAB 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    box-shadow: 0 15px 35px rgba(15, 23, 42, 0.12);
    position: relative;
    overflow: hidden;
}

.buyer-process-cta::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -80px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 70%);
    pointer-events: none;
}

.buyer-process-cta-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    font-weight: 700;
    color: #F59E0B;
    background: rgba(245, 158, 11, 0.15);
    border: 1px solid rgba(245, 158, 11, 0.3);
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.buyer-process-cta-content h3 {
    font-size: 1.55rem;
    color: #FFFFFF;
    font-weight: 800;
    margin: 0 0 6px 0;
    line-height: 1.3;
}

.buyer-process-cta-content p {
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin: 0;
    max-width: 650px;
}

.buyer-process-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 26px;
    background: #FFB703;
    color: #0F172A !important;
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: 0 8px 20px rgba(255, 183, 3, 0.3);
    transition: all 0.3s ease;
}

.buyer-process-btn:hover {
    background: #FFA500;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(255, 183, 3, 0.42);
}

.buyer-process-btn i {
    transition: transform 0.3s ease;
}

.buyer-process-btn:hover i {
    transform: translateX(4px);
}

@media (max-width: 1024px) {
    .buyer-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .buyer-process-cta {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px 24px;
    }
}

@media (max-width: 640px) {
    .buyer-process-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .buyer-process-card {
        padding: 20px 18px;
    }

    .buyer-process-cta-content h3 {
        font-size: 1.35rem;
    }

    .buyer-process-btn {
        width: 100%;
        justify-content: center;
    }
}

.buyer-benefits-section {
    position: relative;
    padding: 45px 0;
    background: #F8FBFD;
    overflow: hidden;
}

.buyer-benefits-heading {
    max-width: 800px;
    margin: 0 auto 40px;
    text-align: center;
}

.buyer-benefits-heading .section-title {
    white-space: nowrap !important;
    font-size: clamp(1.75rem, 2.8vw, 2.35rem) !important;
}

.buyer-benefits-heading .section-title span {
    display: inline !important;
    color: #0D5CAB !important;
}

@media (max-width: 640px) {
    .buyer-benefits-heading .section-title {
        white-space: normal !important;
        font-size: 1.65rem !important;
    }
}

.buyer-benefits-wrapper {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 22px;
    align-items: stretch;
}

.buyer-benefits-content {
    background: #FFFFFF;
    padding: 32px 30px 28px;
    border-radius: 24px;
    border: 1px solid #E8EEF5;
    box-shadow: 0 4px 20px rgba(15, 35, 68, 0.03);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.buyer-benefits-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 13px;
    background: #FFFBEB;
    color: #D97706;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #FDE68A;
    margin-bottom: 14px;
    align-self: flex-start;
}

.buyer-benefits-content h3 {
    font-size: 1.8rem;
    line-height: 1.25;
    color: #0F172A;
    margin-bottom: 14px;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.buyer-benefits-content p {
    color: #475569;
    font-size: 13.5px;
    line-height: 1.65;
    margin-bottom: 12px;
}

.buyer-trust-checkpoints {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 18px 0 24px;
    padding: 16px 18px;
    background: #F8FAFC;
    border-radius: 16px;
    border: 1px solid #E2E8F0;
}

.trust-check-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #0F172A;
}

.trust-check-item i {
    color: #0D5CAB;
    font-size: 14px;
    flex-shrink: 0;
}

.buyer-benefits-cta-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: auto;
}

.buyer-benefits-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 50px;
    background: #0D5CAB;
    color: #FFFFFF !important;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 700;
    box-shadow: 0 6px 18px rgba(13, 92, 171, 0.22);
    transition: all 0.3s ease;
}

.buyer-benefits-btn:hover {
    background: #094785;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(13, 92, 171, 0.32);
}

.buyer-fast-quote {
    font-size: 12px;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.buyer-benefits-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.buyer-benefit-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    padding: 20px 18px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #E8EEF5;
    box-shadow: 0 4px 18px rgba(15, 35, 68, 0.03);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.buyer-benefit-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(13, 92, 171, 0.08);
    border-color: rgba(13, 92, 171, 0.25);
}

.buyer-benefit-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.buyer-benefit-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.buyer-benefit-card:hover .buyer-benefit-icon {
    transform: scale(1.08);
}

.icon-blue {
    background: #EFF6FF;
    color: #0D5CAB;
    border: 1px solid #BFDBFE;
}

.icon-emerald {
    background: #ECFDF5;
    color: #059669;
    border: 1px solid #A7F3D0;
}

.icon-amber {
    background: #FFFBEB;
    color: #D97706;
    border: 1px solid #FDE68A;
}

.icon-indigo {
    background: #EEF2FF;
    color: #4F46E5;
    border: 1px solid #C7D2FE;
}

.icon-cyan {
    background: #ECFEFF;
    color: #0891B2;
    border: 1px solid #A5F3FC;
}

.icon-purple {
    background: #FAF5FF;
    color: #7C3AED;
    border: 1px solid #E9D5FF;
}

.buyer-benefit-header h4 {
    font-size: 15px;
    font-weight: 750;
    color: #0F172A;
    margin: 0;
    line-height: 1.25;
}

.buyer-benefit-card p {
    color: #64748B;
    line-height: 1.5;
    font-size: 12px;
    margin: 0;
}

@media (max-width: 1024px) {
    .buyer-benefits-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .buyer-benefits-features {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .buyer-benefits-content {
        padding: 22px 18px;
    }

    .buyer-benefits-content h3 {
        font-size: 1.5rem;
    }

    .buyer-benefits-cta-box {
        flex-direction: column;
        align-items: stretch;
    }

    .buyer-benefits-btn {
        width: 100%;
    }
}

.supplier-hero-section{
    position:relative;
    padding:40px 0 50px;
    background:#F8FBFD;
    overflow:hidden;
}

.supplier-hero-shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.supplier-shape-one{
    width:500px;
    height:500px;
    top:-220px;
    left:-180px;
    background:radial-gradient(circle, rgba(255,183,3,.10), transparent 70%);
}

.supplier-shape-two{
    width:420px;
    height:420px;
    bottom:-180px;
    right:-120px;
    background:radial-gradient(circle, rgba(13,92,171,.08), transparent 70%);
}

.supplier-hero-wrapper{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:45px;
    align-items:center;
}

.supplier-hero-content{
    position:relative;
    z-index:2;
}

.supplier-hero-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:8px 18px;
    background:#fff;
    border:1px solid #E8EEF5;
    border-radius:50px;
    box-shadow:0 8px 25px rgba(15,35,68,.05);
    margin-bottom:20px;
    transition:.35s ease;
}

.supplier-hero-badge:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(13,92,171,.08);
}

.supplier-pulse-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#0D5CAB;
    display:inline-block;
    box-shadow:0 0 0 0 rgba(13,92,171,.5);
    animation:supplierPulse 2s infinite;
}

@keyframes supplierPulse{
    0%{box-shadow:0 0 0 0 rgba(13,92,171,.7);}
    70%{box-shadow:0 0 0 8px rgba(13,92,171,0);}
    100%{box-shadow:0 0 0 0 rgba(13,92,171,0);}
}

.supplier-hero-badge img{
    width:18px;
}

.supplier-hero-badge span{
    color:#0D5CAB;
    font-size:13.5px;
    font-weight:600;
}

.supplier-hero-title{
    font-size:clamp(1.45rem, 1.95vw, 1.82rem);
    line-height:1.28;
    color:#0F172A;
    margin-bottom:18px;
    font-weight:800;
    letter-spacing:-0.02em;
}

.supplier-title-highlight{
    background:linear-gradient(135deg, #0D5CAB 0%, #1e40af 50%, #f97316 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    display:inline;
}

.supplier-title-line-one{
    display:block;
    white-space:nowrap;
}

.supplier-title-line-two{
    display:block;
    white-space:nowrap;
}

@media(max-width:1200px){
    .supplier-hero-title{
        font-size:1.62rem;
    }
}

@media(max-width:640px){
    .supplier-title-line-one,
    .supplier-title-line-two{
        display:inline;
        white-space:normal;
    }
    .supplier-hero-title{
        font-size:1.5rem;
    }
}

.supplier-hero-description{
    font-size:15px;
    line-height:1.65;
    color:#475569;
    margin-bottom:20px;
}

.supplier-destination-chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:24px;
}

.supplier-feature-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-bottom:28px;
}

.supplier-feature-card{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:10px 14px;
    border-radius:14px;
    background:#fff;
    border:1px solid #E8EEF5;
    box-shadow:0 4px 12px rgba(15,35,68,.03);
    transition:all .25s ease;
}

.supplier-feature-card:hover{
    border-color:rgba(13,92,171,.3);
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(13,92,171,.06);
}

.supplier-feature-icon{
    width:24px;
    height:24px;
    min-width:24px;
    border-radius:50%;
    background:#EFF6FF;
    color:#0D5CAB;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    margin-top:2px;
    border:1px solid #DBEAFE;
}

.supplier-feature-text{
    display:flex;
    flex-direction:column;
}

.supplier-feature-text strong{
    font-size:13px;
    font-weight:700;
    color:#0F172A;
    line-height:1.25;
}

.supplier-feature-text span{
    font-size:11.5px;
    color:#64748B;
    margin-top:2px;
    line-height:1.3;
}

.supplier-hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.supplier-primary-btn,
.supplier-secondary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 28px;
    border-radius:50px;
    text-decoration:none;
    font-size:14.5px;
    font-weight:600;
    transition:all .3s ease;
    position:relative;
    overflow:hidden;
}

.supplier-primary-btn::before,
.supplier-secondary-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:100%;
    height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
    transition:.8s;
}

.supplier-primary-btn:hover::before,
.supplier-secondary-btn:hover::before{
    left:120%;
}

.supplier-primary-btn{
    background:linear-gradient(135deg, #0D5CAB 0%, #1573d4 100%);
    color:#fff !important;
    box-shadow:0 10px 24px rgba(13,92,171,.25);
}

.supplier-primary-btn:hover{
    background:linear-gradient(135deg, #094785 0%, #0D5CAB 100%);
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(13,92,171,.32);
}

.supplier-secondary-btn{
    background:#fff;
    color:#0D5CAB !important;
    border:1.5px solid #0D5CAB;
    box-shadow:0 4px 14px rgba(0,0,0,.03);
}

.supplier-secondary-btn:hover{
    background:#EFF6FF;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(13,92,171,.12);
}

.supplier-primary-btn i,
.supplier-secondary-btn i{
    transition:.35s;
}

.supplier-primary-btn:hover i,
.supplier-secondary-btn:hover i{
    transform:translateX(4px);
}

.supplier-hero-right{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.supplier-main-card{
    background:#fff;
    padding:30px;
    border-radius:24px;
    border:1px solid #E8EEF5;
    box-shadow:0 20px 50px rgba(15,35,68,.06);
    position:relative;
    overflow:hidden;
    transition:all .35s ease;
}

.supplier-main-card:hover{
    transform:translateY(-4px);
    box-shadow:0 28px 65px rgba(15,35,68,.09);
    border-color:rgba(13,92,171,.2);
}

.supplier-card-top-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:16px;
    flex-wrap:wrap;
    gap:10px;
}

.supplier-card-label{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:6px 14px;
    background:#FFF5E5;
    color:#d97706;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
    border:1px solid rgba(245,158,11,.2);
}

.supplier-verified-tag{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 14px;
    border-radius:50px;
    background:#ECFDF5;
    color:#059669;
    font-size:12px;
    font-weight:600;
    border:1px solid #A7F3D0;
}

.supplier-main-card h3{
    font-size:22px;
    line-height:1.3;
    color:#0F172A;
    margin-bottom:10px;
    font-weight:800;
}

.supplier-main-card p{
    color:#475569;
    line-height:1.6;
    margin-bottom:18px;
    font-size:13px;
}

.supplier-product-tags{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:8px;
}

.supplier-product-tags span{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:7px 8px;
    border-radius:20px;
    background:#F8FAFC;
    border:1px solid #E2E8F0;
    color:#1E293B;
    font-size:11.5px;
    font-weight:600;
    white-space:nowrap;
    text-align:center;
    transition:all .25s ease;
}

.supplier-product-tags span i{
    color:#0D5CAB;
    font-size:11px;
    flex-shrink:0;
    transition:color .25s ease;
}

.supplier-product-tags span:hover{
    background:#0D5CAB;
    color:#ffffff !important;
    border-color:#0D5CAB;
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(13,92,171,0.22);
}

.supplier-product-tags span:hover i{
    color:#ffffff !important;
}

.supplier-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

.supplier-stat-card{
    background:#fff;
    padding:14px 12px;
    border-radius:16px;
    border:1px solid #E8EEF5;
    box-shadow:0 4px 16px rgba(15,35,68,.04);
    display:flex;
    align-items:center;
    gap:10px;
    transition:all .3s ease;
}

.supplier-stat-card:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 24px rgba(13,92,171,.10);
    border-color:rgba(13,92,171,.25);
}

.supplier-stat-icon{
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:10px;
    background:#EFF6FF;
    color:#0D5CAB;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    border:1px solid #DBEAFE;
}

.supplier-stat-info h4{
    font-size:17px;
    font-weight:800;
    color:#0F172A;
    line-height:1.1;
    margin:0 0 2px 0;
}

.supplier-stat-info p{
    font-size:10.5px;
    color:#64748B;
    margin:0;
    font-weight:600;
    line-height:1.2;
}

@media(max-width:1200px){
    .supplier-hero-title{
        font-size:1.95rem;
    }
    .supplier-hero-wrapper{
        gap:35px;
    }
    .supplier-product-tags{
        grid-template-columns:repeat(4, 1fr);
        gap:6px;
    }
    .supplier-product-tags span{
        font-size:11px;
        padding:6px 4px;
    }
    .supplier-stats-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:991px){
    .supplier-hero-section{
        padding:35px 0;
    }
    .supplier-hero-wrapper{
        grid-template-columns:1fr;
        gap:35px;
    }
    .supplier-hero-title{
        font-size:2rem;
    }
}

@media(max-width:640px){
    .supplier-hero-title{
        font-size:1.75rem;
    }
    .supplier-destination-chips{
        gap:6px;
    }
    .supplier-feature-grid{
        grid-template-columns:1fr;
        gap:10px;
    }
    .supplier-hero-buttons{
        flex-direction:column;
    }
    .supplier-primary-btn,
    .supplier-secondary-btn{
        width:100%;
        justify-content:center;
    }
    .supplier-product-tags{
        grid-template-columns:repeat(2, 1fr);
        gap:8px;
    }
    .supplier-stats-grid{
        grid-template-columns:repeat(2, 1fr);
        gap:8px;
    }
    .supplier-main-card{
        padding:20px;
    }
}

@media(max-width:991px){

.supplier-main-card:hover,

.supplier-stat-card:hover{

    transform:translateY(-6px);

}

}

@media(max-width:768px){

.supplier-main-card:hover,

.supplier-stat-card:hover,

.supplier-primary-btn:hover,

.supplier-secondary-btn:hover{

    transform:none;

}

.supplier-feature-item:hover,

.supplier-service-list div:hover{

    transform:none;

}

}

.supplier-become-section{

    position:relative;

    padding:30px 0;

    background:#FFFFFF;

    overflow:hidden;

}

.supplier-become-section::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(13,92,171,.05),

        transparent 70%

    );

}

.supplier-become-section::after{

    content:"";

    position:absolute;

    bottom:-160px;

    left:-160px;

    width:350px;

    height:350px;

    border-radius:50%;

    background:

    radial-gradient(

        circle,

        rgba(255,183,3,.10),

        transparent 70%

    );

}

.supplier-become-section{
    position:relative;
    padding:60px 0;
    background:#F8FBFD;
    overflow:hidden;
}

.supplier-become-heading{
    max-width:800px;
    margin:0 auto 40px;
    text-align:center;
}

.supplier-become-heading .section-title{
    font-size:clamp(1.55rem, 2.3vw, 2.2rem) !important;
    white-space:nowrap !important;
}

.supplier-become-heading .section-title span{
    display:inline !important;
    color:#0D5CAB !important;
}

@media(max-width:640px){
    .supplier-become-heading .section-title{
        white-space:normal !important;
        font-size:1.6rem !important;
    }
}

.supplier-become-wrapper{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:30px;
    align-items:stretch;
}

.supplier-become-content{
    background:#FFFFFF;
    border:1px solid #E8EEF5;
    border-radius:24px;
    padding:34px 30px;
    box-shadow:0 10px 35px rgba(15,35,68,0.04);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transition:all .3s ease;
}

.supplier-content-top{
    margin-bottom:12px;
}

.supplier-content-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:5px 14px;
    background:#FFFBEB;
    color:#D97706;
    border-radius:50px;
    font-size:12px;
    font-weight:700;
    border:1px solid #FDE68A;
    margin-bottom:14px;
}

.supplier-become-content h3{
    font-size:clamp(1.18rem, 1.5vw, 1.45rem);
    line-height:1.3;
    color:#0F172A;
    font-weight:800;
    letter-spacing:-0.02em;
    margin:0 0 10px 0;
    white-space:nowrap !important;
}

@media(max-width:640px){
    .supplier-become-content h3{
        white-space:normal !important;
        font-size:1.35rem;
    }
}

.supplier-become-content p{
    color:#475569;
    font-size:13.5px;
    line-height:1.6;
    margin:0;
}

.supplier-perks-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin:18px 0;
}

.supplier-perk-card{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:14px 12px;
    background:#F8FAFC;
    border:1px solid #E2E8F0;
    border-radius:14px;
    transition:all .25s ease;
}

.supplier-perk-card:hover{
    transform:translateY(-2px);
    border-color:rgba(13,92,171,0.25);
    box-shadow:0 6px 18px rgba(13,92,171,0.06);
    background:#FFFFFF;
}

.supplier-perk-icon{
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    flex-shrink:0;
}

.perk-blue{
    background:#EFF6FF;
    color:#0D5CAB;
    border:1px solid #BFDBFE;
}

.perk-emerald{
    background:#ECFDF5;
    color:#059669;
    border:1px solid #A7F3D0;
}

.perk-amber{
    background:#FFFBEB;
    color:#D97706;
    border:1px solid #FDE68A;
}

.perk-indigo{
    background:#EEF2FF;
    color:#4F46E5;
    border:1px solid #C7D2FE;
}

.supplier-perk-card strong{
    font-size:12.5px;
    font-weight:750;
    color:#0F172A;
    display:block;
    margin-bottom:2px;
    line-height:1.25;
}

.supplier-perk-card p{
    font-size:11px;
    color:#64748B;
    line-height:1.4;
    margin:0;
}

.supplier-inline-callout{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 16px;
    background:#EFF6FF;
    border:1px solid #BFDBFE;
    border-radius:14px;
    margin-top:auto;
}

.callout-icon-small{
    width:32px;
    height:32px;
    min-width:32px;
    border-radius:50%;
    background:#0D5CAB;
    color:#FFFFFF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

.callout-text{
    display:flex;
    flex-direction:column;
}

.callout-text span{
    font-size:11.5px;
    color:#475569;
    line-height:1.2;
}

.callout-text a{
    font-size:12.5px;
    font-weight:700;
    color:#0D5CAB;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:4px;
    transition:gap .2s ease;
    margin-top:2px;
}

.callout-text a:hover{
    gap:7px;
    text-decoration:underline;
}

.supplier-form-box{
    background:#FFFFFF;
    border:1px solid #E8EEF5;
    border-radius:24px;
    padding:34px 30px;
    box-shadow:0 10px 35px rgba(15,35,68,0.04);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    position:relative;
    overflow:hidden;
    transition:all .3s ease;
}

.supplier-form-box::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg, #0D5CAB 0%, #1573d4 60%, #25D366 100%);
}

.supplier-form-header{
    margin-bottom:18px;
}

.supplier-form-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 12px;
    background:#FEF3C7;
    color:#92400E;
    border-radius:30px;
    font-size:11px;
    font-weight:700;
    margin-bottom:8px;
}

.supplier-form-badge i{
    color:#F59E0B;
}

.supplier-form-header h3{
    font-size:22px;
    font-weight:800;
    color:#0F172A;
    margin:0 0 6px 0;
    line-height:1.25;
}

.supplier-form-header p{
    font-size:13px;
    color:#64748B;
    margin:0;
    line-height:1.5;
}

.supplier-simple-form{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.supplier-form-group{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.supplier-form-group label{
    font-size:12.5px;
    font-weight:700;
    color:#1E293B;
}

.input-icon-wrap{
    position:relative;
    display:flex;
    align-items:center;
}

.input-icon-wrap i{
    position:absolute;
    left:14px;
    color:#94A3B8;
    font-size:13px;
    pointer-events:none;
    transition:color .25s ease;
}

.input-icon-wrap input{
    width:100%;
    padding:12px 14px 12px 38px;
    border:1px solid #CBD5E1;
    border-radius:12px;
    background:#F8FAFC;
    font-size:13.5px;
    color:#0F172A;
    outline:none;
    transition:all .25s ease;
    font-family:inherit;
}

.input-icon-wrap input:focus{
    background:#FFFFFF;
    border-color:#0D5CAB;
    box-shadow:0 0 0 3px rgba(13,92,171,0.12);
}

.input-icon-wrap:focus-within i{
    color:#0D5CAB;
}

.supplier-whatsapp-btn{
    width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 24px;
    border-radius:50px;
    background:linear-gradient(135deg, #25D366 0%, #1da851 100%);
    color:#FFFFFF !important;
    border:none;
    font-size:14.5px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 8px 22px rgba(37,211,102,0.30);
    transition:all .3s ease;
    margin-top:4px;
}

.supplier-whatsapp-btn:hover{
    background:linear-gradient(135deg, #20BA59 0%, #178e44 100%);
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(37,211,102,0.40);
}

.supplier-whatsapp-btn i{
    font-size:18px;
}

.supplier-trust-strip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:14px;
    padding-top:12px;
    border-top:1px solid #F1F5F9;
    flex-wrap:wrap;
}

.supplier-trust-strip span{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-size:11px;
    font-weight:600;
    color:#64748B;
}

@media(max-width:1024px){
    .supplier-become-wrapper{
        grid-template-columns:1fr;
        gap:24px;
    }
}

@media(max-width:640px){
    .supplier-become-section{
        padding:40px 0;
    }
    .supplier-become-content,
    .supplier-form-box{
        padding:22px 18px;
        border-radius:20px;
    }
    .supplier-become-content h3{
        font-size:1.45rem;
    }
    .supplier-perks-grid{
        grid-template-columns:1fr;
        gap:10px;
    }
    .supplier-trust-strip{
        flex-direction:column;
        align-items:flex-start;
        gap:6px;
    }
}

.supplier-benefits-section {
    position: relative;
    padding: 60px 0 70px;
    background: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 50%, #FFFFFF 100%);
    overflow: hidden;
}

.supplier-benefits-section::before {
    content: "";
    position: absolute;
    top: -120px;
    left: -100px;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(13, 92, 171, 0.06), transparent 70%);
    pointer-events: none;
}

.supplier-benefits-section::after {
    content: "";
    position: absolute;
    bottom: -100px;
    right: -80px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 183, 3, 0.08), transparent 70%);
    pointer-events: none;
}

.supplier-benefits-heading {
    max-width: 980px;
    margin: 0 auto 40px;
    text-align: center;
}

.supplier-benefits-heading .section-title {
    font-size: clamp(1.3rem, 2.1vw, 1.85rem);
    font-weight: 800;
    color: #0F172A;
    line-height: 1.3;
    letter-spacing: -0.02em;
    margin: 10px 0 14px;
}

@media (min-width: 768px) {
    .supplier-benefits-heading .section-title {
        white-space: nowrap;
    }
}

.supplier-benefits-heading .section-title span,
.supplier-benefits-heading .supplier-title-highlight {
    display: inline !important;
    background: linear-gradient(135deg, #0D5CAB 0%, #2563EB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.supplier-benefits-heading .section-description {
    font-size: clamp(0.92rem, 1.1vw, 1rem);
    color: #64748B;
    line-height: 1.65;
    margin: 0 auto;
    max-width: 940px;
}

.supplier-benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.supplier-benefit-card {
    position: relative;
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 20px;
    padding: 26px 24px;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.02);
    display: flex;
    flex-direction: column;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
    isolation: isolate;
}

.supplier-benefit-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0D5CAB 0%, #FFB703 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.supplier-benefit-card:hover {
    transform: translateY(-6px);
    border-color: rgba(13, 92, 171, 0.28);
    box-shadow: 0 20px 40px -12px rgba(13, 92, 171, 0.12), 0 0 0 1px rgba(13, 92, 171, 0.15);
}

.supplier-benefit-card:hover::before {
    opacity: 1;
}

.supplier-benefit-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.supplier-benefit-header h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.3;
    margin: 0 0 3px;
    transition: color 0.25s ease;
}

.supplier-benefit-card:hover .supplier-benefit-header h3 {
    color: #0D5CAB;
}

.benefit-micro-tag {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: #059669;
    background: #ECFDF5;
    border: 1px solid rgba(5, 150, 105, 0.18);
    padding: 2px 8px;
    border-radius: 6px;
    letter-spacing: 0.01em;
}

.supplier-benefit-card p {
    font-size: 0.92rem;
    color: #64748B;
    line-height: 1.65;
    margin: 0;
    flex-grow: 1;
}

.supplier-benefit-icon {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    transition: transform 0.35s ease, background-color 0.3s ease;
}

.supplier-benefit-card:hover .supplier-benefit-icon {
    transform: scale(1.08) rotate(-4deg);
}

.supplier-benefit-icon.icon-blue {
    background: #EFF6FF;
    color: #2563EB;
    border: 1px solid rgba(37, 99, 235, 0.16);
}

.supplier-benefit-icon.icon-emerald {
    background: #ECFDF5;
    color: #059669;
    border: 1px solid rgba(5, 150, 105, 0.16);
}

.supplier-benefit-icon.icon-amber {
    background: #FFFBEB;
    color: #D97706;
    border: 1px solid rgba(217, 119, 6, 0.16);
}

.supplier-benefit-icon.icon-indigo {
    background: #EEF2FF;
    color: #4F46E5;
    border: 1px solid rgba(79, 70, 229, 0.16);
}

.supplier-benefit-icon.icon-cyan {
    background: #ECFEFF;
    color: #0891B2;
    border: 1px solid rgba(8, 145, 178, 0.16);
}

.supplier-benefit-icon.icon-purple {
    background: #FAF5FF;
    color: #9333EA;
    border: 1px solid rgba(147, 51, 234, 0.16);
}

.supplier-benefits-footer {
    margin-top: 42px;
    background: linear-gradient(135deg, #072B56 0%, #0D5CAB 55%, #1D4ED8 100%);
    border-radius: 22px;
    padding: 34px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    box-shadow: 0 20px 45px -12px rgba(13, 92, 171, 0.35);
    position: relative;
    overflow: hidden;
}

.supplier-benefits-footer::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 183, 3, 0.15), transparent 70%);
    pointer-events: none;
}

.supplier-benefits-footer::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 20%;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 70%);
    pointer-events: none;
}

.supplier-footer-content {
    max-width: 780px;
    position: relative;
    z-index: 1;
}

.supplier-footer-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.22);
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #FCD34D;
    margin-bottom: 10px;
    letter-spacing: 0.02em;
}

.supplier-footer-content h3 {
    color: #FFFFFF;
    font-size: clamp(1.2rem, 1.85vw, 1.55rem);
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 8px;
    letter-spacing: -0.01em;
}

@media (min-width: 860px) {
    .supplier-footer-content h3 {
        white-space: nowrap;
    }
}

.supplier-footer-content p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.925rem;
    line-height: 1.6;
    margin: 0;
}

.supplier-footer-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: 50px;
    background: #FFB703;
    color: #0F172A;
    text-decoration: none;
    font-size: 0.925rem;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 10px 25px rgba(255, 183, 3, 0.35);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.supplier-footer-btn i {
    font-size: 0.85rem;
    transition: transform 0.25s ease;
}

.supplier-footer-btn:hover {
    background: #FFAA00;
    color: #000000;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(255, 183, 3, 0.45);
}

.supplier-footer-btn:hover i {
    transform: translateX(4px);
}

@media(max-width: 1024px) {
    .supplier-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }
}

@media(max-width: 860px) {
    .supplier-benefits-footer {
        flex-direction: column;
        align-items: flex-start;
        padding: 28px 24px;
        gap: 20px;
    }

    .supplier-footer-btn {
        width: 100%;
    }
}

@media(max-width: 640px) {
    .supplier-benefits-section {
        padding: 45px 0 50px;
    }

    .supplier-benefits-heading {
        margin-bottom: 32px;
    }

    .supplier-benefits-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .supplier-benefit-card {
        padding: 20px 18px;
        border-radius: 16px;
    }

    .supplier-benefits-footer {
        margin-top: 28px;
        padding: 24px 18px;
        border-radius: 18px;
    }
}

@media(max-width:768px){

.supplier-benefit-card:hover,

.supplier-footer-btn:hover{

    transform:none;

}

}

.supplier-process-section {
    position: relative;
    padding: 60px 0 70px;
    background: #FFFFFF;
    overflow: hidden;
}

.supplier-process-section::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -100px;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(13, 92, 171, 0.05), transparent 70%);
    pointer-events: none;
}

.supplier-process-section::after {
    content: "";
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 183, 3, 0.06), transparent 70%);
    pointer-events: none;
}

.supplier-process-heading {
    max-width: 980px;
    margin: 0 auto 40px;
    text-align: center;
}

.supplier-process-heading .section-title {
    font-size: clamp(1.3rem, 2.1vw, 1.85rem);
    font-weight: 800;
    color: #0F172A;
    line-height: 1.3;
    letter-spacing: -0.02em;
    margin: 10px 0 14px;
}

@media (min-width: 768px) {
    .supplier-process-heading .section-title {
        white-space: nowrap;
    }
}

.supplier-process-heading .section-title span,
.supplier-process-heading .supplier-title-highlight {
    display: inline !important;
    background: linear-gradient(135deg, #0D5CAB 0%, #2563EB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.supplier-process-heading .section-description {
    font-size: clamp(0.92rem, 1.1vw, 1rem);
    color: #64748B;
    line-height: 1.65;
    margin: 0 auto;
    max-width: 940px;
}

.supplier-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-bottom: 48px;
}

.supplier-process-card {
    position: relative;
    background: #FFFFFF;
    border: 1px solid rgba(226, 232, 240, 0.95);
    border-radius: 20px;
    padding: 26px 24px;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.04), 0 2px 6px rgba(15, 23, 42, 0.02);
    display: flex;
    flex-direction: column;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
    isolation: isolate;
}

.supplier-process-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #0D5CAB 0%, #FFB703 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.supplier-process-card:hover {
    transform: translateY(-6px);
    border-color: rgba(13, 92, 171, 0.28);
    box-shadow: 0 20px 40px -12px rgba(13, 92, 171, 0.12), 0 0 0 1px rgba(13, 92, 171, 0.15);
}

.supplier-process-card:hover::before {
    opacity: 1;
}

.supplier-process-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.supplier-process-icon {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    transition: transform 0.35s ease;
}

.supplier-process-card:hover .supplier-process-icon {
    transform: scale(1.08) rotate(-4deg);
}

.supplier-process-step {
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #0D5CAB;
    background: #EFF6FF;
    border: 1px solid rgba(13, 92, 171, 0.16);
    padding: 3px 10px;
    border-radius: 50px;
}

.supplier-process-body h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0F172A;
    line-height: 1.3;
    margin: 0 0 4px;
    transition: color 0.25s ease;
}

.supplier-process-card:hover .supplier-process-body h3 {
    color: #0D5CAB;
}

.process-micro-tag {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    font-weight: 700;
    color: #059669;
    background: #ECFDF5;
    border: 1px solid rgba(5, 150, 105, 0.18);
    padding: 2px 8px;
    border-radius: 6px;
    margin-bottom: 10px;
    letter-spacing: 0.01em;
}

.supplier-process-body p {
    font-size: 0.92rem;
    color: #64748B;
    line-height: 1.65;
    margin: 0;
}

.supplier-process-summary {
    background: linear-gradient(135deg, #072B56 0%, #0D5CAB 55%, #1D4ED8 100%);
    border-radius: 24px;
    padding: 38px 44px;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 36px;
    align-items: center;
    box-shadow: 0 20px 45px -12px rgba(13, 92, 171, 0.35);
    position: relative;
    overflow: hidden;
}

.supplier-process-summary::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 183, 3, 0.15), transparent 70%);
    pointer-events: none;
}

.supplier-process-summary::after {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 20%;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 70%);
    pointer-events: none;
}

.supplier-summary-left {
    position: relative;
    z-index: 1;
}

.process-summary-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.22);
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #FCD34D;
    margin-bottom: 12px;
    letter-spacing: 0.02em;
}

.supplier-summary-left h3 {
    color: #FFFFFF;
    font-size: clamp(1.2rem, 1.85vw, 1.55rem);
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 10px;
    letter-spacing: -0.01em;
}

@media (min-width: 1024px) {
    .supplier-summary-left h3 {
        white-space: nowrap;
    }
}

.supplier-summary-left p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.925rem;
    line-height: 1.65;
    margin: 0;
}

.supplier-summary-right {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.supplier-summary-perks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 14px;
}

.summary-perk-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
    font-size: 0.88rem;
    font-weight: 600;
}

.summary-perk-item i {
    color: #FFB703;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.supplier-process-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: 50px;
    background: #FFB703;
    color: #0F172A;
    text-decoration: none;
    font-size: 0.925rem;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 10px 25px rgba(255, 183, 3, 0.35);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    align-self: center;
}

.supplier-process-btn i {
    font-size: 0.85rem;
    transition: transform 0.25s ease;
}

.supplier-process-btn:hover {
    background: #FFAA00;
    color: #000000;
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(255, 183, 3, 0.45);
}

.supplier-process-btn:hover i {
    transform: translateX(4px);
}

@media(max-width: 1024px) {
    .supplier-process-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
    }

    .supplier-process-summary {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 32px 28px;
    }
}

@media(max-width: 640px) {
    .supplier-process-section {
        padding: 45px 0 50px;
    }

    .supplier-process-heading {
        margin-bottom: 32px;
    }

    .supplier-process-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 32px;
    }

    .supplier-process-card {
        padding: 20px 18px;
        border-radius: 16px;
    }

    .supplier-summary-perks {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .supplier-process-btn {
        width: 100%;
    }
}

.privacy-section{

    padding:50px 0;

    background:#fff;

}

.privacy-header{

    text-align:center;

    margin-bottom:60px;

}

.privacy-content{

    max-width:900px;

    margin:auto;

}

.privacy-content h2{

    font-size:1.6rem;

    color:#0F172A;

    margin:45px 0 20px;

    font-weight:700;

}

.privacy-content p{

    color:#000000;

    line-height:2;

    margin-bottom:20px;

    font-size:16px;

}

.privacy-content ul{

    margin:20px 0 35px 22px;

}

.privacy-content li{

    color:#000000;

    line-height:2;

    margin-bottom:8px;

}

.privacy-content strong{

    color:#0D5CAB;

}

@media(max-width:768px){

.privacy-section{

    padding:70px 0;

}

.privacy-content h2{

    font-size:1.4rem;

}

}

@media(max-width:480px){

.privacy-content h2{

    font-size:1.3rem;

}

.privacy-content p,

.privacy-content li{

    font-size:15px;

}

}

.common-certificate-section{

    position:relative;

    padding:110px 0;

    background:#F8FBFD;

    overflow:hidden;

}

.common-certificate-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    left:-220px;

    top:-220px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(13,92,171,.06),
    transparent 70%);

}

.common-certificate-section::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    right:-180px;

    bottom:-180px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(255,183,3,.10),
    transparent 70%);

}

.common-certificate-heading{

    max-width:760px;

    margin:0 auto 80px;

    text-align:center;

}

.common-certificate-featured{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:70px;

    align-items:center;

    margin-bottom:90px;

}

.common-certificate-featured-image{

    position:relative;

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    padding:18px;

    border:1px solid #E6EEF7;

}

.common-certificate-featured-image img{

    width:100%;

    display:block;

    border-radius:18px;

}

.common-certificate-featured-content span{

    display:inline-flex;

    align-items:center;

    padding:10px 22px;

    border-radius:50px;

    background:#EEF6FF;

    color:#0D5CAB;

    font-weight:600;

    margin-bottom:22px;

}

.common-certificate-featured-content h3{

    font-size:2.4rem;

    line-height:1.1;

    margin-bottom:22px;

    color:#0F172A;
    font-weight:700;

}

.common-certificate-featured-content p{

    color:#000000;

    line-height:1.9;

    margin-bottom:35px;

}

.common-certificate-featured-content ul{

    list-style:none;

    padding:0;

    margin:0;

}

.common-certificate-featured-content li{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;

    color:#334155;

}

.common-certificate-featured-content li i{

    color:#16A34A;

}

.common-certificate-grid{

    display:grid;

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

    gap:35px;

    margin-bottom:90px;

}

.common-certificate-card{

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    border:1px solid #E6EEF7;

}

.common-certificate-image{

    padding:18px;

}

.common-certificate-image img{

    width:100%;

    display:block;

    border-radius:18px;

}

.common-certificate-content{

    padding:0 28px 30px;

}

.common-certificate-content h4{

    font-size:1.7rem;
    font-weight:600;

    color:#0F172A;

}

.common-certificate-content p{

    color:#000000;

    line-height:1.8;

}

.common-certificate-bottom{

    display:grid;

    grid-template-columns:1fr 420px;

    gap:60px;

    align-items:center;

    margin-bottom:90px;

}

.common-certificate-bottom-content h3{

    font-size:2.1rem;
    font-weight:700;

    margin-bottom:22px;

    color:#0F172A;

}

.common-certificate-bottom-content p{

    line-height:1.6;

    color:#000000;
    text-align:justify;

}

.common-certificate-points{

    display:grid;

    grid-template-columns:1fr;

    gap:18px;

}

.common-certificate-point{

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 22px;

    background:#fff;

    border-radius:18px;

    border:1px solid #E6EEF7;

}

.common-certificate-point i{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#EEF6FF;

    color:#0D5CAB;

    display:flex;

    align-items:center;

    justify-content:center;

}

.common-certificate-point span{

    font-weight:600;

    color:#1E293B;

}

.common-certificate-cta{

    padding:70px 50px;

    background:#0D5CAB;

    border-radius:28px;

    text-align:center;

}

.common-certificate-cta h3{

    font-size:42px;

    color:#fff;

    margin-bottom:18px;

}

.common-certificate-cta p{

    max-width:700px;

    margin:0 auto 35px;

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

    line-height:1.9;

}

.common-certificate-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 38px;

    border-radius:50px;

    background:#FFB703;

    color:#fff;

    text-decoration:none;

    font-weight:600;

}

@media(max-width:1200px){

.common-certificate-featured{

    grid-template-columns:420px 1fr;

    gap:50px;

}

}

@media(max-width:991px){

.common-certificate-section{

    padding:90px 0;

}

.common-certificate-featured{

    grid-template-columns:1fr;

}

.common-certificate-featured-image{

    max-width:600px;

    margin:auto;

}

.common-certificate-grid{

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

}

.common-certificate-bottom{

    grid-template-columns:1fr;

}

}

@media(max-width:767px){

.common-certificate-section{

    padding:70px 0;

}

.common-certificate-heading{

    margin-bottom:60px;

}

.common-certificate-featured{

    gap:40px;

    margin-bottom:70px;

}

.common-certificate-featured-content{

    text-align:center;

}

.common-certificate-featured-content h3{

    font-size:25pxpx;
    font-weight:700;

}

.common-certificate-featured-content li{

    justify-content:center;

}

.common-certificate-grid{

    grid-template-columns:1fr;

    gap:28px;

    margin-bottom:70px;

}

.common-certificate-content{

    text-align:center;

}

.common-certificate-bottom{

    gap:40px;

    margin-bottom:70px;

}

.common-certificate-bottom-content{

    text-align:center;

}

.common-certificate-cta{

    padding:45px 25px;

}

.common-certificate-cta h3{

    font-size:30px;

}

}

@media(max-width:480px){

.common-certificate-featured-content h3{

    font-size:22px;

}

.common-certificate-content{

    padding:0 20px 25px;

}

.common-certificate-content h4{

    font-size:1.5;

}

.common-certificate-bottom-content h3{

    font-size:28px;

}

.common-certificate-point{

    padding:16px;

}

.common-certificate-point i{

    width:45px;

    height:45px;

}

.common-certificate-cta h3{

    font-size:26px;

}

.common-certificate-btn{

    width:100%;

    justify-content:center;

}

}

.common-certificate-featured-image{

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

    transition:.45s ease;

}

.common-certificate-featured-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        135deg,
        rgba(13,92,171,.04),
        rgba(255,183,3,.05)
    );

    opacity:0;

    transition:.4s;

    z-index:2;

    pointer-events:none;

}

.common-certificate-featured-image:hover{

    transform:translateY(-10px);

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

}

.common-certificate-featured-image:hover::before{

    opacity:1;

}

.common-certificate-featured-image img{

    transition:.6s ease;

}

.common-certificate-featured-image:hover img{

    transform:scale(1.04);

}

.common-certificate-featured-content span{

    position:relative;

    overflow:hidden;

}

.common-certificate-featured-content span::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.7),
        transparent
    );

    transform:translateX(-120%);

}

.common-certificate-featured:hover
.common-certificate-featured-content span::before{

    transition:.8s;

    transform:translateX(120%);

}

.common-certificate-card{

    position:relative;

    isolation:isolate;

    transition:.45s ease;

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

}

.common-certificate-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:

    linear-gradient(
        90deg,
        #0D5CAB,
        #FFB703
    );

    transform:scaleX(0);

    transform-origin:left;

    transition:.45s;

}

.common-certificate-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 30px 80px rgba(15,35,68,.12);

}

.common-certificate-card:hover::before{

    transform:scaleX(1);

}

.common-certificate-image{

    overflow:hidden;

}

.common-certificate-image img{

    transition:.7s ease;

}

.common-certificate-card:hover img{

    transform:scale(1.06);

}

.common-certificate-card .shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.common-certificate-card .shine::before{

    content:"";

    position:absolute;

    left:-120%;

    top:-40%;

    width:45%;

    height:220%;

    background:

    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:rotate(22deg);

}

.common-certificate-card:hover .shine::before{

    left:170%;

    transition:1s;

}

.common-certificate-content h4{

    transition:.35s;

}

.common-certificate-card:hover h4{

    color:#0D5CAB;

}

.common-certificate-content p{

    transition:.35s;

}

.common-certificate-point{

    transition:.35s ease;

}

.common-certificate-point:hover{

    transform:translateX(8px);

    box-shadow:
    0 15px 35px rgba(13,92,171,.08);

}

.common-certificate-point i{

    transition:.35s;

}

.common-certificate-point:hover i{

    background:#0D5CAB;

    color:#fff;

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

}

.common-certificate-cta{

    position:relative;

    overflow:hidden;

}

.common-certificate-cta::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    right:-180px;

    top:-180px;

    background:

    radial-gradient(
        circle,
        rgba(255,255,255,.08),
        transparent 70%
    );

}

.common-certificate-btn{

    transition:.35s ease;

    box-shadow:
    0 12px 30px rgba(255,183,3,.35);

}

.common-certificate-btn:hover{

    transform:translateY(-5px);

    background:#FFA000;

    box-shadow:
    0 20px 45px rgba(255,183,3,.45);

}

.common-certificate-section::before{

    animation:certificateShapeOne 9s ease-in-out infinite;

}

.common-certificate-section::after{

    animation:certificateShapeTwo 11s ease-in-out infinite;

}

@keyframes certificateShapeOne{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(30px);

    }

}

@keyframes certificateShapeTwo{

    0%,100%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(-35px);

    }

}

.common-certificate-featured-image{

    animation:certificateFloat 6s ease-in-out infinite;

}

@keyframes certificateFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}

.common-certificate-heading,
.common-certificate-featured,
.common-certificate-card,
.common-certificate-point,
.common-certificate-cta{

    will-change:transform,opacity;

    backface-visibility:hidden;

    transform:translateZ(0);

}

@media(max-width:767px){

.common-certificate-card:hover{

    transform:translateY(-6px);

}

.common-certificate-point:hover{

    transform:none;

}

.common-certificate-featured-image{

    animation:none;

}

}

.common-certificate-watermark{

    position:absolute;

    top:60px;

    left:-30px;

    font-size:140px;

    font-weight:900;

    letter-spacing:8px;

    color:#0D5CAB;

    opacity:.035;

    user-select:none;

    pointer-events:none;

    text-transform:uppercase;

    line-height:1;

    z-index:0;

}

.common-certificate-watermark-two{

    position:absolute;

    right:-20px;

    bottom:120px;

    font-size:120px;

    font-weight:900;

    letter-spacing:10px;

    color:#FFB703;

    opacity:.035;

    transform:rotate(-90deg);

    transform-origin:right bottom;

    user-select:none;

    pointer-events:none;

    text-transform:uppercase;

    z-index:0;

}

.common-certificate-section>.container{

    position:relative;

    z-index:5;

}.common-certificate-section::after{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    radial-gradient(circle at 1px 1px,

    rgba(13,92,171,.06) 1px,

    transparent 0);

    background-size:34px 34px;

    opacity:.35;

    pointer-events:none;

}

.common-about-hero{
    position:relative;
    overflow:hidden;
    min-height:540px;
    display:flex;
    align-items:center;
    padding:100px 0 60px;
    isolation:isolate;
}

.common-about-hero-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover !important;
    z-index:-3;
}

.common-about-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(8,26,50,0.96) 0%, rgba(8,26,50,0.86) 55%, rgba(8,26,50,0.35) 100%) !important;
    z-index:-2;
}

.common-about-watermark,
.common-about-watermark-two{
    display:none !important;
}

.common-about-hero-wrapper{
    display:grid;
    grid-template-columns:1fr;
    gap:40px;
    align-items:center;
}

.common-about-content{

    color:#fff;

}

.common-about-breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:28px;

}

.common-about-breadcrumb li{

    list-style:none;

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

}

.common-about-breadcrumb a{

    color:#fff;

    text-decoration:none;

}

.common-about-badge{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:12px 24px;

    border-radius:50px;

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

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

    color:#fff;

    margin-bottom:28px;

}

.common-about-badge i{

    color:#FFB703;

}

.common-about-content h1{

    font-size:66px;

    line-height:1.12;

    font-weight:800;

    color:#fff;

    margin-bottom:28px;

}

.common-about-content h1 span{

    display:block;

    color:#FFB703;

}

.common-about-content p{

    max-width:700px;

    line-height:2;

    font-size:17px;

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

    margin-bottom:40px;

}

.common-about-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.common-about-btn,

.common-about-outline-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:11px 30px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

}

.common-about-btn{

    background:#FFB703;

    color:#fff;

}

.common-about-outline-btn{

    border:2px solid rgba(255,255,255,.3);

    color:#fff;

}

.common-about-side{

    display:flex;

    flex-direction:column;

    gap:30px;

}

.common-about-company-card{

    padding:40px;

    border-radius:28px;

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

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

    backdrop-filter:blur(18px);

}

.common-about-company-card span{

    display:inline-block;

    color:#FFB703;

    margin-bottom:16px;

    font-weight:600;

}

.common-about-company-card h3{

    color:#fff;

    font-size:36px;

    margin-bottom:18px;

}

.common-about-company-card p{

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

    line-height:1.9;

}

.common-about-stats{

    display:grid;

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

    gap:22px;

}

.common-about-stat-card{

    padding:30px;

    border-radius:24px;

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

    backdrop-filter:blur(18px);

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

    text-align:center;

}

.common-about-stat-card h2{

    font-size:44px;

    color:#FFB703;

    margin-bottom:10px;

}

.common-about-stat-card span{

    color:#fff;

    line-height:1.7;

}

.common-about-trust-bar{

    margin-top:80px;

    background:#fff;

    border-radius:24px;

    padding:28px;

    display:grid;

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

    gap:20px;

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

}

.common-about-trust-item{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    text-align:center;

}

.common-about-trust-item i{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#EEF5FF;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#0D5CAB;

}

.common-about-trust-item span{

    color:#1E293B;

    font-weight:600;

}

.common-about-scroll{

    position:absolute;

    left:50%;

    bottom:30px;

    transform:translateX(-50%);

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;

    color:#fff;

    font-size:14px;

}

@media(max-width:1200px){

.common-about-content h1{

    font-size:58px;

}

}

@media(max-width:991px){

.common-about-hero{

    min-height:auto;

    padding:120px 0 80px;

}

.common-about-hero-wrapper{

    grid-template-columns:1fr;

}

.common-about-content{

    text-align:center;

}

.common-about-content p{

    margin-inline:auto;

}

.common-about-buttons{

    justify-content:center;

}

.common-about-company-card{

    text-align:center;

}

.common-about-trust-bar{

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

}

}

@media(max-width:767px){

.common-about-hero{

    padding:100px 0 70px;

}

.common-about-content h1{

    font-size:38px;

}

.common-about-content p{

    font-size:15px;

}

.common-about-company-card{

    padding:28px;

}

.common-about-company-card h3{

    font-size:28px;

}

.common-about-stats{

    grid-template-columns:1fr;

}

.common-about-trust-bar{

    grid-template-columns:1fr;

    padding:22px;

}

.common-about-watermark,

.common-about-watermark-two{

    display:none;

}

.common-about-buttons{

    flex-direction:column;

}

.common-about-btn,

.common-about-outline-btn{

    width:100%;

}

}

@media(max-width:480px){

.common-about-content h1{

    font-size:32px;

}

.common-about-badge{

    font-size:13px;

    padding:10px 18px;

}

.common-about-company-card h3{

    font-size:24px;

}

.common-about-stat-card h2{

    font-size:36px;

}

}

.common-about-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);

    background-size:28px 28px;

    opacity:.18;

    pointer-events:none;

    z-index:-1;

}

.common-about-hero::after{

    content:"";

    position:absolute;

    width:700px;

    height:700px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(13,92,171,.30),

    transparent 72%);

    left:-260px;

    top:-220px;

    filter:blur(90px);

    animation:aboutGlowOne 8s ease-in-out infinite;

    z-index:-1;

}

@keyframes aboutGlowOne{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(40px);

    }

}

.common-about-overlay::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    right:-160px;

    bottom:-180px;

    background:

    radial-gradient(circle,

    rgba(255,183,3,.28),

    transparent 72%);

    filter:blur(80px);

    animation:aboutGlowTwo 10s ease-in-out infinite;

}

@keyframes aboutGlowTwo{

    0%,100%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(-45px);

    }

}

.common-about-company-card,

.common-about-stat-card{

    position:relative;

    overflow:hidden;

    box-shadow:

    0 20px 55px rgba(0,0,0,.18);

}

.common-about-company-card::before,

.common-about-stat-card::before{

    content:"";

    position:absolute;

    left:-140%;

    top:-40%;

    width:50%;

    height:220%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.40),

    transparent);

    transform:rotate(25deg);

}

.common-about-company-card:hover::before,

.common-about-stat-card:hover::before{

    left:170%;

    transition:1.1s;

}

.common-about-company-card{

    transition:.45s;

}

.common-about-company-card:hover{

    transform:translateY(-12px);

    border-color:rgba(255,183,3,.45);

    box-shadow:

    0 35px 90px rgba(0,0,0,.28);

}

.common-about-stat-card{

    transition:.4s;

}

.common-about-stat-card:hover{

    transform:translateY(-10px);

    background:

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

}

.common-about-content h1{

    text-shadow:

    0 10px 35px rgba(0,0,0,.45);

}

.common-about-content h1 span{

    background:

    linear-gradient(

    90deg,

    #FFB703,

    #FFD54F,

    #FFB703);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.common-about-badge{

    backdrop-filter:blur(25px);

    transition:.35s;

}

.common-about-badge:hover{

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

    transform:translateY(-4px);

}

.common-about-btn{

    position:relative;

    overflow:hidden;

    transition:.35s;

    box-shadow:

    0 15px 40px rgba(255,183,3,.35);

}

.common-about-btn::before{

    content:"";

    position:absolute;

    left:-130%;

    top:0;

    width:45%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

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

    transparent);

    transform:skewX(-25deg);

}

.common-about-btn:hover{

    transform:translateY(-5px);

}

.common-about-btn:hover::before{

    left:170%;

    transition:.8s;

}

.common-about-outline-btn{

    transition:.35s;

}

.common-about-outline-btn:hover{

    background:#fff;

    color:#0D5CAB;

    transform:translateY(-5px);

}

.common-about-trust-bar{

    position:relative;

    overflow:hidden;

}

.common-about-trust-bar::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    135deg,

    rgba(13,92,171,.03),

    rgba(255,183,3,.05));

    pointer-events:none;

}

.common-about-trust-item{

    transition:.35s;

}

.common-about-trust-item:hover{

    transform:translateY(-8px);

}

.common-about-trust-item i{

    transition:.35s;

}

.common-about-trust-item:hover i{

    background:#0D5CAB;

    color:#fff;

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

}

.common-about-stat-card h2{

    text-shadow:

    0 10px 25px rgba(255,183,3,.30);

}

.common-about-scroll{

    animation:scrollBounce 2.2s infinite;

}

@keyframes scrollBounce{

    0%,100%{

        transform:

        translateX(-50%)

        translateY(0);

    }

    50%{

        transform:

        translateX(-50%)

        translateY(12px);

    }

}

.common-about-watermark,

.common-about-watermark-two{

    animation:watermarkFloat 12s linear infinite;

}

@keyframes watermarkFloat{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(18px);

    }

    100%{

        transform:translateY(0);

    }

}

.common-about-hero-bg{

    will-change:transform;

}

.common-about-content,

.common-about-company-card,

.common-about-stat-card,

.common-about-trust-item,

.common-about-scroll{

    will-change:

    transform,

    opacity;

}

@media(max-width:767px){

.common-about-company-card:hover,

.common-about-stat-card:hover,

.common-about-trust-item:hover{

    transform:none;

}

.common-about-hero::after{

    width:420px;

    height:420px;

}

.common-about-overlay::before{

    width:320px;

    height:320px;

}

}

.common-about-story-section{

    position:relative;

    padding:60px 0 20px 0;

    overflow:hidden;

    background:
    linear-gradient(
    180deg,
    #ffffff 0%,
    #f8fbfd 100%);

}

.common-about-story-section .container{

    position:relative;

    z-index:5;

}

.common-about-story-heading{

    max-width:850px;

    margin:0 auto 90px;

    text-align:center;

}

.common-about-story-wrapper{

    display:grid;

    grid-template-columns:560px 1fr;

    gap:90px;

    align-items:center;

}

.common-about-story-images{

    position:relative;

}

.common-about-story-main{

    position:relative;

    border-radius:32px;

    overflow:hidden;

    padding:16px;

    background:#fff;

}

.common-about-story-main img{

    width:100%;

    display:block;

    border-radius:22px;

}

.common-about-story-small{

    position:absolute;

    width:220px;

    right:-35px;

    bottom:50px;

    padding:10px;

    border-radius:22px;

    background:#fff;

}

.common-about-story-small img{

    width:100%;

    display:block;

    border-radius:16px;

}

.common-about-story-experience{

    position:absolute;

    left:-45px;

    top:55px;

    width:250px;

    padding:20px;

    border-radius:22px;

    background:#0D5CAB;

    color:#fff;

}

.common-about-story-experience h3{

    font-size:17px;
     font-weight: 700;
    margin-bottom:8px;

}

.common-about-story-experience span{

    display:block;
 font-size:14px;
    line-height:1.8;

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

}

.common-about-story-content{

    position:relative;

}

.common-about-story-subtitle{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 22px;

    border-radius:40px;

    background:#eef6ff;

    color:#0D5CAB;

    font-weight:600;

    margin-bottom:22px;

}

.common-about-story-content h3{

    font-size:2.3rem;

    line-height:1.25;

    color:#0f172a;

    margin-bottom:20px;
    font-weight: 700;

}

.common-about-story-content>p{

    color:#000000;

    line-height: 1.6;

    margin-bottom:22px;
    text-align: justify;

}

.common-about-story-timeline{

    display:flex;

    flex-direction:column;

    gap:28px;

    margin-top:45px;

}

.common-about-story-item{

    display:flex;

    align-items:flex-start;

    gap:22px;

}

.common-about-story-icon{

    width:72px;

    height:72px;

    min-width:72px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#EEF6FF;

    color:#0D5CAB;

    font-size:28px;

}

.common-about-story-item h4{

    font-size:20px;

    color:#0f172a;

    margin-bottom:10px;
    font-weight: 600;

}

.common-about-story-item p{

    margin:0;

    color:#000000;

    line-height:1.5;

}

.common-about-story-btns{

    margin-top:45px;

}

.common-about-story-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:11px 30px;

    border-radius:60px;

    text-decoration:none;

    background:#0D5CAB;

    color:#fff;

    font-weight:600;

}

@media(max-width:1200px){

.common-about-story-wrapper{

    grid-template-columns:480px 1fr;

    gap:70px;

}

.common-about-story-content h3{

    font-size:2.2rem;

}

}

@media(max-width:991px){

.common-about-story-section{

    padding:40px 0;

}

.common-about-story-wrapper{

    grid-template-columns:1fr;

    gap:70px;

}

.common-about-story-images{

    max-width:650px;

    margin:auto;

}

.common-about-story-content{

    text-align:center;

}

.common-about-story-content>p{

    max-width:720px;

    margin-inline:auto;

}

.common-about-story-item{

    text-align:left;

}

.common-about-story-btns{

    display:flex;

    justify-content:center;

}

}

@media(max-width:767px){
.common-about-story-item::before{
    display: none;

}

.common-about-story-experience{
    display: none;
}
.common-about-story-section{

    padding:40px 0;

}

.common-about-story-heading{

    margin-bottom:60px;

}

.common-about-story-content h3{

    font-size:1.9rem;
    text-align: left;

}

.common-about-story-small{

    position:relative;

    width:170px;

    right:auto;

    bottom:auto;

    margin:-45px auto 0;

}

.common-about-story-experience{

    position:relative;

    left:auto;

    top:auto;

    width:100%;

    margin-top:25px;

}

.common-about-story-item{

    flex-direction:column;

    text-align:center;

    align-items:center;

}

.common-about-story-btn{

    width:100%;

}

}

@media(max-width:480px){

.common-about-story-content h3{

    font-size:1.8rem;

}

.common-about-story-main{

    padding:10px;

}

.common-about-story-small{

    width:140px;

}

.common-about-story-icon{

    width:60px;

    height:60px;

    min-width:60px;

    font-size:22px;

}

.common-about-story-item h4{

    font-size:21px;

}

.common-about-story-experience{

    padding:22px;

}

}

.common-about-story-section::before{

    content:"OUR STORY";

    position:absolute;

    top:40px;

    left:-20px;

    font-size:150px;

    font-weight:900;

    letter-spacing:8px;

    color:#0D5CAB;

    opacity:.03;

    line-height:1;

    pointer-events:none;

    user-select:none;

}

.common-about-story-section::after{

    content:"TRANSTAKE";

    position:absolute;

    right:-120px;

    bottom:140px;

    transform:rotate(-90deg);

    font-size:120px;

    font-weight:900;

    letter-spacing:10px;

    color:#FFB703;

    opacity:.04;

    pointer-events:none;

    user-select:none;

}

.common-about-story-section{

    isolation:isolate;

}

.common-about-story-section .container::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    left:-220px;

    top:-120px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(13,92,171,.08),

    transparent 70%);

    filter:blur(30px);

    animation:storyGlowOne 8s ease-in-out infinite;

    z-index:-1;

}

.common-about-story-section .container::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    right:-150px;

    bottom:-120px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(255,183,3,.10),

    transparent 70%);

    filter:blur(25px);

    animation:storyGlowTwo 10s ease-in-out infinite;

    z-index:-1;

}

.common-about-story-main{

    transition:.5s;

    box-shadow:

    0 25px 70px rgba(15,35,68,.08);

}

.common-about-story-main:hover{

    transform:

    translateY(-12px)

    rotate(-1deg);

    box-shadow:

    0 45px 100px rgba(15,35,68,.18);

}

.common-about-story-main img{

    transition:.8s;

}

.common-about-story-main:hover img{

    transform:scale(1.06);

}

.common-about-story-main::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    135deg,

    rgba(13,92,171,.05),

    rgba(255,183,3,.08));

    opacity:0;

    transition:.4s;

    z-index:2;

}

.common-about-story-main:hover::before{

    opacity:1;

}

.common-about-story-main .shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    z-index:5;

    pointer-events:none;

}

.common-about-story-main .shine::before{

    content:"";

    position:absolute;

    top:-50%;

    left:-120%;

    width:45%;

    height:220%;

    background:

    linear-gradient(

    90deg,

    transparent,

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

    transparent);

    transform:rotate(25deg);

}

.common-about-story-main:hover .shine::before{

    left:180%;

    transition:1s;

}

.common-about-story-small{

    transition:.45s;

    box-shadow:

    0 18px 45px rgba(15,35,68,.10);

}

.common-about-story-small:hover{

    transform:

    translateY(-12px)

    rotate(4deg);

}

.common-about-story-small img{

    transition:.6s;

}

.common-about-story-small:hover img{

    transform:scale(1.08);

}

.common-about-story-experience{

    overflow:hidden;

    transition:.45s;

}

.common-about-story-experience::before{

    content:"";

    position:absolute;

    top:-30%;

    left:-130%;

    width:45%;

    height:220%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.35),

    transparent);

    transform:rotate(25deg);

}

.common-about-story-experience:hover{

    transform:translateY(-10px);

}

.common-about-story-experience:hover::before{

    left:170%;

    transition:1s;

}

.common-about-story-subtitle{

    position:relative;

    overflow:hidden;

}

.common-about-story-subtitle::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.7),

    transparent);

    transform:translateX(-120%);

}

.common-about-story-content:hover

.common-about-story-subtitle::before{

    transform:translateX(120%);

    transition:.8s;

}

.common-about-story-content h3::after{

    content:"";

    display:block;

    width:120px;

    height:5px;

    margin-top:18px;

    border-radius:50px;

    background:

    linear-gradient(

    90deg,

    #0D5CAB,

    #FFB703);

}

.common-about-story-item{

    position:relative;

    transition:.4s;

}

.common-about-story-item::before{

    content:"";

    position:absolute;

    left:35px;

    top:72px;

    width:2px;

    height:calc(100% + 28px);

    background:

    linear-gradient(

    #0D5CAB,

    rgba(13,92,171,.08));

}

.common-about-story-item:last-child::before{

    display:none;

}

.common-about-story-item:hover{

    transform:translateX(10px);

}

.common-about-story-icon{

    position:relative;

    transition:.4s;

}

.common-about-story-icon::before{

    content:"";

    position:absolute;

    inset:-6px;

    border-radius:24px;

    border:2px dashed rgba(13,92,171,.20);

    animation:rotateBorder 12s linear infinite;

}

.common-about-story-item:hover .common-about-story-icon{

    background:#0D5CAB;

    color:#fff;

    transform:rotate(-8deg);

}

.common-about-story-btn{

    position:relative;

    overflow:hidden;

    transition:.35s;

    box-shadow:

    0 18px 45px rgba(13,92,171,.25);

}

.common-about-story-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:45%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.5),

    transparent);

    transform:skewX(-25deg);

}

.common-about-story-btn:hover{

    transform:translateY(-6px);

    box-shadow:

    0 25px 55px rgba(13,92,171,.35);

}

.common-about-story-btn:hover::before{

    left:170%;

    transition:.8s;

}

.common-about-story-main::after{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    radial-gradient(

    rgba(255,255,255,.06) 1px,

    transparent 1px);

    background-size:22px 22px;

    pointer-events:none;

    opacity:.25;

}

@keyframes storyGlowOne{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(35px);

    }

}

@keyframes storyGlowTwo{

    0%,100%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(-35px);

    }

}

@keyframes rotateBorder{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

.common-about-story-main{

    animation:storyFloat 6s ease-in-out infinite;

}

@keyframes storyFloat{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}

.common-about-story-heading,
.common-about-story-main,
.common-about-story-small,
.common-about-story-content,
.common-about-story-item,
.common-about-story-btn{

    will-change:transform,opacity;

}

@media(max-width:767px){

.common-about-story-main{

    animation:none;

}

.common-about-story-item:hover{

    transform:none;

}

.common-about-story-small:hover{

    transform:none;

}

.common-about-story-section::before,

.common-about-story-section::after{

    display:none;

}

}

.common-about-who-section{

    position:relative;

    overflow:hidden;

    padding:50px 0;

    background:
    linear-gradient(
    180deg,
    #F8FBFD 0%,
    #ffffff 100%);

}

.common-about-who-section .container{

    position:relative;

    z-index:5;

}

.common-about-who-heading{

    max-width:820px;

    margin:0 auto 90px;

    text-align:center;

}

.common-about-who-wrapper{

    display:grid;

    grid-template-columns:1fr 540px;

    gap:90px;

    align-items:center;

}

.common-about-who-content{

    position:relative;

}

.common-about-who-subtitle{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 24px;

    border-radius:50px;

    background:#EEF6FF;

    color:#0D5CAB;

    font-weight:600;

    margin-bottom:24px;

}

.common-about-who-content h3{

    font-size:2.4rem;

    line-height:1.1;

    color:#0F172A;
font-weight: 700;
    margin-bottom:28px;

}

.common-about-who-content>p{

    color:#000000;

    line-height:1.5;
text-align: justify;
    margin-bottom:20px;

}

.common-about-who-grid{

    display:grid;

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

    gap:24px;

    margin:25px 0;

}

.common-about-who-card{

    position:relative;

    padding:20px;

    background:#fff;

    border-radius:24px;

    overflow:hidden;

    border:1px solid #E8EEF5;

}

.common-about-who-icon{

    width:40px;

    height:40px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#EEF6FF;

    color:#0D5CAB;

    font-size:18px;

    margin-bottom:22px;

}

.common-about-who-card h4{

    font-size:18px;

    color:#0F172A;
    font-weight: 600;

}

.common-about-who-card p{

    color:#000000;

    line-height:1.4;

    margin:0;

}

.common-about-who-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:11px 30px;

    border-radius:60px;

    background:#0D5CAB;

    color:#fff;

    text-decoration:none;

    font-weight:600;

}

.common-about-who-image{

    position:relative;

    border-radius:32px;

    overflow:hidden;

    background:#fff;

    padding:16px;

}

.common-about-who-image img{

    width:100%;

    display:block;

    border-radius:22px;

}

.common-about-floating-card{

    position:absolute;

    left:-35px;

    bottom:60px;

    display:flex;

    align-items:center;

    gap:18px;

    width:290px;

    padding:24px;

    border-radius:22px;

    background:#fff;

}

.common-about-floating-card i{

    width:60px;

    height:60px;

    min-width:60px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#EEF6FF;

    color:#0D5CAB;

    font-size:24px;

}

.common-about-floating-card h4{

    font-size:22px;

    color:#0F172A;

    margin-bottom:6px;

}

.common-about-floating-card span{

    color:#000000;

    font-size:15px;

}

@media(max-width:1200px){

.common-about-who-wrapper{

    gap:60px;

    grid-template-columns:1fr 470px;

}

.common-about-who-content h3{

    font-size:2.1rem;

}

}

@media(max-width:991px){

.common-about-who-section{

    padding:50px 0;

}

.common-about-who-wrapper{

    grid-template-columns:1fr;

    gap:70px;

}

.common-about-who-image{

    order:-1;

    max-width:650px;

    margin:auto;

}

.common-about-who-content{

    text-align:center;

}

.common-about-who-content>p{

    max-width:720px;

    margin-inline:auto;

}

.common-about-who-grid{

    text-align:left;

}

.common-about-who-btn{

    margin:auto;

}

}

@media(max-width:767px){

.common-about-who-section{

    padding:50px 0;

}

.common-about-who-heading{

    margin-bottom:60px;

}

.common-about-who-content h3{

    font-size:1.8rem;

}

.common-about-who-grid{

    grid-template-columns:1fr;

    gap:20px;

}

.common-about-who-card:nth-child(2),

.common-about-who-card:nth-child(3){

    margin-top:0;

}

.common-about-floating-card{

    position:relative;

    left:auto;

    bottom:auto;

    width:100%;

    margin-top:25px;
    display: none;

}

.common-about-who-btn{

    width:100%;

}

.common-about-who-content{

    text-align:center;

}

.common-about-who-card{

    text-align:center;

}

.common-about-who-icon{

    margin-inline:auto;

}

.common-about-who-watermark,

.common-about-who-watermark-two{

    display:none;

}

}

@media(max-width:480px){

.common-about-who-content h3{

    font-size:1.8rem;

}

.common-about-who-image{

    padding:10px;

}

.common-about-who-card{

    padding:24px;

}

.common-about-who-icon{

    width:60px;

    height:60px;

    font-size:24px;

}

.common-about-floating-card{

    padding:20px;

}

.common-about-floating-card h4{

    font-size:20px;

}

}

.common-about-who-section::before{

    content:"";

    position:absolute;

    width:550px;

    height:550px;

    left:-260px;

    top:-200px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(13,92,171,.10),
    transparent 72%);

    filter:blur(40px);

    animation:whoGlowOne 9s ease-in-out infinite;

}

.common-about-who-section::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    right:-180px;

    bottom:-180px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(255,183,3,.12),
    transparent 72%);

    filter:blur(35px);

    animation:whoGlowTwo 11s ease-in-out infinite;

}

.common-about-who-watermark{

    position:absolute;

    left:-20px;

    top:60px;

    font-size:170px;

    font-weight:900;

    color:#0D5CAB;

    opacity:.03;

    line-height:1;

    letter-spacing:8px;

    pointer-events:none;

    user-select:none;

}

.common-about-who-watermark-two{

    position:absolute;

    right:-110px;

    bottom:150px;

    transform:rotate(-90deg);

    font-size:130px;

    font-weight:900;

    color:#FFB703;

    opacity:.04;

    letter-spacing:10px;

    pointer-events:none;

    user-select:none;

}

.common-about-who-image{

    box-shadow:

    0 30px 80px rgba(15,35,68,.10);

    transition:.5s;

}

.common-about-who-image:hover{

    transform:

    translateY(-12px)

    rotate(-1deg);

    box-shadow:

    0 45px 100px rgba(15,35,68,.18);

}

.common-about-who-image img{

    transition:.8s;

}

.common-about-who-image:hover img{

    transform:scale(1.06);

}

.common-about-who-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(135deg,

    rgba(13,92,171,.05),

    rgba(255,183,3,.08));

    opacity:0;

    transition:.45s;

    z-index:2;

}

.common-about-who-image:hover::before{

    opacity:1;

}

.common-about-who-image .shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

    z-index:5;

}

.common-about-who-image .shine::before{

    content:"";

    position:absolute;

    top:-40%;

    left:-130%;

    width:45%;

    height:220%;

    background:

    linear-gradient(

    90deg,

    transparent,

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

    transparent);

    transform:rotate(25deg);

}

.common-about-who-image:hover .shine::before{

    left:180%;

    transition:1s;

}

.common-about-floating-card{

    overflow:hidden;

    box-shadow:

    0 25px 70px rgba(15,35,68,.14);

    transition:.45s;

}

.common-about-floating-card::before{

    content:"";

    position:absolute;

    left:-120%;

    top:-30%;

    width:45%;

    height:220%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.45),

    transparent);

    transform:rotate(25deg);

}

.common-about-floating-card:hover{

    transform:translateY(-8px);

}

.common-about-floating-card:hover::before{

    left:180%;

    transition:1s;

}

.common-about-who-subtitle{

    position:relative;

    overflow:hidden;

}

.common-about-who-subtitle::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.7),

    transparent);

    transform:translateX(-120%);

}

.common-about-who-content:hover

.common-about-who-subtitle::before{

    transform:translateX(120%);

    transition:.8s;

}

.common-about-who-content h3::after{

    content:"";

    display:block;

    width:120px;

    height:5px;

    margin-top:20px;

    border-radius:50px;

    background:

    linear-gradient(

    90deg,

    #0D5CAB,

    #FFB703);

}

.common-about-who-card{

    transition:.45s;

    box-shadow:

    0 18px 45px rgba(15,35,68,.06);

}

.common-about-who-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:0;

    background:

    linear-gradient(

    180deg,

    #0D5CAB,

    #FFB703);

    transition:.4s;

}

.common-about-who-card:hover{

    transform:

    translateY(-12px);

    box-shadow:

    0 30px 70px rgba(15,35,68,.14);

}

.common-about-who-card:hover::before{

    height:100%;

}

.common-about-who-card .shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.common-about-who-card .shine::before{

    content:"";

    position:absolute;

    left:-140%;

    top:-40%;

    width:40%;

    height:220%;

    background:

    linear-gradient(

    90deg,

    transparent,

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

    transparent);

    transform:rotate(25deg);

}

.common-about-who-card:hover .shine::before{

    left:180%;

    transition:1s;

}

.common-about-who-icon{

    position:relative;

    transition:.35s;

}

.common-about-who-icon::before{

    content:"";

    position:absolute;

    inset:-6px;

    border-radius:24px;

    border:2px dashed rgba(13,92,171,.18);

    animation:rotateWho 12s linear infinite;

}

.common-about-who-card:hover .common-about-who-icon{

    background:#0D5CAB;

    color:#fff;

    transform:rotate(-10deg);

}

.common-about-who-btn{

    position:relative;

    overflow:hidden;

    box-shadow:

    0 18px 50px rgba(13,92,171,.28);

    transition:.35s;

}

.common-about-who-btn::before{

    content:"";

    position:absolute;

    left:-130%;

    top:0;

    width:45%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

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

    transparent);

    transform:skewX(-25deg);

}

.common-about-who-btn:hover{

    transform:translateY(-6px);

}

.common-about-who-btn:hover::before{

    left:170%;

    transition:.8s;

}

.common-about-who-image::after{

    content:"";

    position:absolute;

    inset:0;

    background-image:

    radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);

    background-size:22px 22px;

    pointer-events:none;

    opacity:.25;

}

.common-about-who-image{

    animation:whoFloat 6s ease-in-out infinite;

}

@keyframes whoFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}

@keyframes whoGlowOne{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(35px);

}

}

@keyframes whoGlowTwo{

0%,100%{

transform:translateX(0);

}

50%{

transform:translateX(-35px);

}

}

@keyframes rotateWho{

from{

transform:rotate(0);

}

to{

transform:rotate(360deg);

}

}

.common-about-who-heading,
.common-about-who-content,
.common-about-who-card,
.common-about-who-image,
.common-about-floating-card,
.common-about-who-btn{

will-change:transform,opacity;

}

@media(max-width:767px){

.common-about-who-image{

animation:none;

}

.common-about-who-card:hover,

.common-about-floating-card:hover,

.common-about-who-image:hover{

transform:none;

}

.common-about-who-watermark,

.common-about-who-watermark-two{

display:none;

}

}

.purpose-vision-section {
    position: relative;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 50%, #FFFFFF 100%);
}

.purpose-bg-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    opacity: 0.45;
}

.purpose-glow-left {
    top: -100px;
    left: -150px;
    background: radial-gradient(circle, rgba(13, 92, 171, 0.15), transparent 70%);
}

.purpose-glow-right {
    bottom: -100px;
    right: -150px;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.12), transparent 70%);
}

.purpose-master-card {
    position: relative;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.purpose-master-card h3 {
    font-family: inherit !important;
    font-size: 1.625rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #0F172A !important;
    margin-bottom: 0.75rem !important;
}

.purpose-master-card p {
    font-family: inherit !important;
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin-bottom: 1.5rem !important;
}

.purpose-master-card:hover {
    transform: translateY(-6px);
}

.purpose-card-accent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
}

.purpose-center-hub {
    min-height: 280px;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.purpose-center-hub:hover {
    transform: translateY(-4px);
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.35);
}

.pulse-icon {
    animation: hubPulse 3s ease-in-out infinite;
}

@keyframes hubPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(245, 158, 11, 0);
    }
}

.value-card {
    min-height: 220px;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.value-card:hover {
    transform: translateY(-6px);
}

.common-about-purpose-watermark,
.common-about-purpose-watermark-two {
    display: none !important;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media (max-width: 640px) {
    .hero-title span,
    .hero-title-highlight {
        white-space: normal !important;
        display: inline !important;
    }

    .hero-destination-pills {
        flex-wrap: wrap !important;
        overflow-x: visible !important;
        gap: 6px !important;
        margin-bottom: 18px !important;
    }

    .hero-pill {
        font-size: 11px !important;
        padding: 3px 9px !important;
    }

    .hero-title {
        font-size: 1.75rem !important;
        line-height: 1.25 !important;
    }

    .hero-desc {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
        margin-bottom: 16px !important;
    }

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

    .hero-btn {
        width: 100% !important;
        justify-content: center !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
    }
}

.section-title {
    letter-spacing: -0.02em;
    line-height: 1.25;
}

.section-description {
    color: #475569;
    line-height: 1.65;
}

@media (max-width: 768px) {
    .process-grid,
    .blog-wrapper,
    .gallery-grid {
        gap: 1.25rem !important;
    }

    .purpose-master-card {
        padding: 1.5rem !important;
    }

    .purpose-master-card h3 {
        font-size: 1.35rem !important;
    }

    .testimonial-card {
        padding: 1.5rem !important;
    }

    .common-contact-form-box {
        padding: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    .common-about-hero,
    .buyer-hero-section,
    .supplier-hero-section,
    .cert-hero-section,
    .common-product-hero {
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }

    .common-about-hero h1,
    .buyer-hero-title,
    .supplier-hero-title,
    .common-product-title {
        font-size: 1.85rem !important;
        line-height: 1.25 !important;
    }
}

a, button, input, select, textarea {
    touch-action: manipulation;
}

img, picture, svg, video {
    max-width: 100%;
    height: auto;
}

@media (min-width: 1200px) {
    section:not(#hero):not(.common-about-hero):not(.buyer-hero-section):not(#buyer-hero):not(.supplier-hero-section):not(#supplier-hero):not(.common-product-hero):not(.cert-hero-section):not(.page-banner):not(#page-banner):not(.hero-section):not(.site-header):not(header),
    .complete-footer footer {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    section:not(#hero):not(.common-about-hero):not(.buyer-hero-section):not(#buyer-hero):not(.supplier-hero-section):not(#supplier-hero):not(.common-product-hero):not(.cert-hero-section):not(.page-banner):not(#page-banner):not(.hero-section):not(.site-header):not(header),
    .complete-footer footer {
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}

.about-features-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}

.about-feature-card {
    padding: 16px 18px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}

@media (max-width: 640px) {
    .about-features-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .about-feature-card {
        padding: 14px 15px !important;
        gap: 12px !important;
        border-radius: 14px !important;
    }

    .about-feature-card .w-11 {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        font-size: 15px !important;
        border-radius: 10px !important;
    }
}

.about-image-stats-ribbon {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
}

.about-image-stats-ribbon > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
}

@media (max-width: 640px) {
    .about-image-stats-ribbon {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

.card-badges-header {
    position: absolute;
    top: 14px;
    left: 14px;
    right: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    z-index: 10;
    pointer-events: none;
}

.card-badges-header .category-badge,
.card-badges-header .compliance-badge {
    pointer-events: auto;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
}

@media (max-width: 640px) {
    .card-badges-header {
        top: 10px;
        left: 10px;
        right: 10px;
        gap: 6px;
    }

    .card-badges-header .category-badge {
        padding: 4px 9px !important;
        font-size: 11px !important;
        gap: 4.5px !important;
        max-width: 58% !important;
        min-width: 0 !important;
    }

    .card-badges-header .category-badge span {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .card-badges-header .compliance-badge {
        padding: 4px 8px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
}

.mission-destinations-pills {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.mission-destinations-pills::-webkit-scrollbar {
    display: none !important;
}

.mission-dest-pill {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

@media (max-width: 640px) {
    .mission-destinations-pills {
        gap: 4px !important;
        justify-content: center !important;
        padding-bottom: 2px !important;
    }

    .mission-dest-pill {
        padding: 3.5px 7.5px !important;
        font-size: 10px !important;
        gap: 3.5px !important;
    }

    .mission-dest-pill i {
        font-size: 9px !important;
    }
}

.footer-keyword-cloud {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.footer-keyword-tag {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}

.footer-keyword-tag:hover {
    background: rgba(249, 115, 22, 0.22) !important;
    border-color: rgba(249, 115, 22, 0.5) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 992px) {
    .footer-keyword-cloud {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .footer-keyword-cloud {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .footer-keyword-tag {
        padding: 7px 6px !important;
        font-size: 10.5px !important;
        border-radius: 8px !important;
    }
}

@media (max-width: 640px) {
    .about-hero-pills {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .about-hero-pills > span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 6px 6px !important;
        font-size: 10.5px !important;
        white-space: nowrap !important;
        border-radius: 9999px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .about-hero-pills > span:last-child {
        grid-column: span 2 / span 2 !important;
        width: 100% !important;
    }
}

.group:hover .group-hover\:text-white,
.group:hover .group-hover\:text-white i,
.group:hover [class*="group-hover:bg-"] i,
.group:hover [class*="group-hover:text-white"] i,
.group:hover .w-11 i,
.group:hover .w-12 i,
.group:hover .w-10 i,
.group:hover .w-14 i {
    color: #ffffff !important;
}

.group:hover .w-11[class*="group-hover:bg-"],
.group:hover .w-12[class*="group-hover:bg-"],
.group:hover .w-10[class*="group-hover:bg-"],
.group:hover .w-14[class*="group-hover:bg-"] {
    color: #ffffff !important;
}

html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
}

@media (max-width: 768px) {
    .container,
    .max-w-7xl,
    .max-w-8xl,
    .max-w-6xl {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    section:not(#hero):not(.hero-section):not(.page-banner) {
        padding-top: 2.75rem !important;
        padding-bottom: 2.75rem !important;
    }

    #hero,
    section#hero,
    .heroSlider,
    #hero .swiper-slide {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    h1, h2, h3, h4, h5, h6,
    .hero-title,
    .process-title,
    .section-title,
    .faq-title,
    .page-title,
    .buyer-hero-title,
    .supplier-hero-title {
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    h1, .hero-title, .page-title, .buyer-hero-title, .supplier-hero-title {
        font-size: clamp(1.6rem, 5.5vw, 2.2rem) !important;
        line-height: 1.22 !important;
    }

    h2, .section-title, .process-title, .faq-title {
        font-size: clamp(1.3rem, 4.5vw, 1.75rem) !important;
        line-height: 1.28 !important;
    }

    h3, .process-card h3 {
        font-size: clamp(1.1rem, 3.5vw, 1.3rem) !important;
        white-space: normal !important;
    }

    p, .process-description {
        font-size: 0.925rem !important;
        line-height: 1.55 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .premium-form-card,
    .supplier-form-card,
    .quote-form-card {
        padding: 22px 16px !important;
        border-radius: 18px !important;
    }

    .form-input-field,
    .form-select-field,
    textarea.form-input-field {
        font-size: 14px !important;
        padding: 11px 14px !important;
    }

    .supplier-bento-step,
    .buyer-bento-step,
    .supplier-pillar-card,
    .corridor-card,
    .trust-feature-card,
    .info-card-premium {
        padding: 18px 16px !important;
        border-radius: 16px !important;
    }

    .hero-btn-group,
    .cta-button-group {
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px !important;
    }

    .hero-btn-group a,
    .hero-btn-group button,
    .cta-button-group a {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .common-floating-btn {
        width: 50px !important;
        height: 50px !important;
        font-size: 20px !important;
    }

    .common-call-btn {
        left: 14px !important;
        bottom: 14px !important;
    }

    .common-whatsapp-btn {
        right: 14px !important;
        bottom: 14px !important;
    }

    iframe, .map-container iframe {
        width: 100% !important;
        border-radius: 14px !important;
    }
}

@media (max-width: 640px) {
    .container,
    .max-w-8xl,
    .max-w-7xl,
    .max-w-6xl {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    #hero {
        position: relative !important;
        width: 100% !important;
        background: #0A2240 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #hero .heroSlider {
        width: 100% !important;
        height: 500px !important;
        min-height: 500px !important;
        max-height: 500px !important;
        background: #0A2240 !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #hero .swiper-wrapper {
        height: 100% !important;
        width: 100% !important;
        background: #0A2240 !important;
    }

    #hero .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        background: #0A2240 !important;
        position: relative !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    #hero .swiper-slide picture,
    #hero .swiper-slide .hero-image {
        position: absolute !important;
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        z-index: 1 !important;
    }

    #hero .swiper-slide .hero-overlay {
        position: absolute !important;
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        z-index: 2 !important;
        background: linear-gradient(180deg, rgba(10, 34, 64, 0.82) 0%, rgba(10, 34, 64, 0.72) 50%, rgba(10, 34, 64, 0.94) 100%) !important;
        pointer-events: none !important;
    }

    #hero .hero-content {
        position: relative !important;
        z-index: 10 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        padding-top: 20px !important;
        padding-bottom: 38px !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .hero-badge {
        margin-bottom: 10px !important;
        font-size: 11.5px !important;
        padding: 5px 14px !important;
    }

    .hero-title {
        margin-bottom: 8px !important;
    }

    .hero-desc {
        margin-bottom: 12px !important;
        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    .hero-destination-pills {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }

    #hero .hero-pagination {
        position: absolute !important;
        bottom: 12px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 30 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    .hero-buttons {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 6px !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 12px !important;
    }

    .hero-buttons .hero-btn {
        flex: 1 1 0px !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 11px 4px !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        border-radius: 10px !important;
        letter-spacing: -0.1px !important;
    }

    .hero-buttons .hero-btn i {
        font-size: 11px !important;
        margin-right: 4px !important;
    }

    #about {
        padding-top: 1.5rem !important;
        padding-bottom: 2rem !important;
    }

    .footer-table-wrapper {
        border-radius: 8px !important;
    }
}

.hero-destination-pills {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 20px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    width: 100% !important;
}

.hero-destination-pills::-webkit-scrollbar {
    display: none !important;
}

.hero-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 5px 10px !important;
    border-radius: 9999px !important;
    background: rgba(15, 23, 42, 0.65) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.hero-pill i {
    font-size: 10px !important;
    color: #f97316 !important;
}

@media (max-width: 640px) {
    .hero-destination-pills {
        gap: 3.5px !important;
        margin-bottom: 14px !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
    }

    .hero-pill {
        padding: 3.5px 6px !important;
        font-size: 9.5px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }

    .hero-pill i {
        font-size: 8.5px !important;
    }
}

.about-hero-actions,
.product-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
}

.about-hero-actions .about-hero-btn,
.product-hero-actions .product-hero-btn,
.product-hero-actions a,
.about-hero-actions a {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
}

@media (max-width: 640px) {

    .about-hero-pills,
    .product-hero-pills,
    .common-product-hero .flex.flex-wrap.items-center.gap-2\.5.mb-7,
    .common-product-hero .flex.flex-wrap.items-center.gap-2\.5,
    .common-product-hero .mb-7.text-xs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .about-hero-pills > *,
    .product-hero-pills > *,
    .common-product-hero .flex.flex-wrap.items-center.gap-2\.5.mb-7 > *,
    .common-product-hero .flex.flex-wrap.items-center.gap-2\.5 > *,
    .common-product-hero .mb-7.text-xs > * {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 7px 5px !important;
        font-size: 10.5px !important;
        white-space: nowrap !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .about-hero-pills > *:nth-child(odd):last-child,
    .product-hero-pills > *:nth-child(odd):last-child,
    .common-product-hero .flex.flex-wrap.items-center.gap-2\.5.mb-7 > *:nth-child(odd):last-child,
    .common-product-hero .flex.flex-wrap.items-center.gap-2\.5 > *:nth-child(odd):last-child,
    .common-product-hero .mb-7.text-xs > *:nth-child(odd):last-child {
        grid-column: span 2 / span 2 !important;
        width: 100% !important;
    }

    .about-hero-actions,
    .product-hero-actions,
    .contact-hero-actions,
    .common-product-hero .flex.flex-wrap.items-center.gap-3\.5,
    .common-product-hero div:has(> a[href*="contactUs"]),
    .common-product-hero div:has(> a[href*="faq"]) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .about-hero-actions .about-hero-btn,
    .about-hero-actions a,
    .product-hero-actions .product-hero-btn,
    .product-hero-actions a,
    .contact-hero-actions .contact-hero-btn,
    .contact-hero-actions a,
    .common-product-hero .flex.flex-wrap.items-center.gap-3\.5 > a,
    .common-product-hero div:has(> a[href*="contactUs"]) > a {
        flex: 1 1 0% !important;
        min-width: 0 !important;
        width: 50% !important;
        padding: 10px 4px !important;
        font-size: 11px !important;
        letter-spacing: -0.2px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    .about-hero-actions a i,
    .product-hero-actions a i,
    .contact-hero-actions a i,
    .common-product-hero a i {
        font-size: 10px !important;
        margin-right: 3px !important;
    }
}

.fcl-badge,
.common-product-hero .border-b span.text-\[11px\],
.common-product-hero span:has(> i.fa-ship),
.common-product-hero span:has(> i.fa-box-open) {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.common-product-hero ul,
.common-about-breadcrumb,
.about-breadcrumb,
.cert-hero-section ul,
.buyer-hero-corp ul,
.supplier-hero-corp ul,
ul.breadcrumb,
nav.breadcrumb ul,
.page-banner ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}

.common-product-hero ul::-webkit-scrollbar,
.common-about-breadcrumb::-webkit-scrollbar,
.about-breadcrumb::-webkit-scrollbar,
.cert-hero-section ul::-webkit-scrollbar {
    display: none !important;
}

.common-product-hero ul li,
.common-about-breadcrumb li,
.about-breadcrumb li,
.cert-hero-section ul li,
.buyer-hero-corp ul li,
.supplier-hero-corp ul li {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

@media (max-width: 640px) {
    .common-product-hero ul,
    .common-about-breadcrumb,
    .about-breadcrumb,
    .cert-hero-section ul,
    .buyer-hero-corp ul,
    .supplier-hero-corp ul {
        gap: 6px !important;
        font-size: 11px !important;
        margin-bottom: 12px !important;
    }

    .common-product-hero ul li,
    .common-about-breadcrumb li,
    .about-breadcrumb li,
    .cert-hero-section ul li {
        font-size: 11px !important;
    }
}