*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    overflow-x:hidden;
   
}
.site-header{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
        position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    z-index: 1000;
    background: #fff;
    padding: 10px 5%;
    border-bottom: 1px solid #eee;
}

.logo{
    display:flex;
    align-items:center;
    text-decoration:none;
    gap:8px;
    flex-shrink:0;
}

.logo-icon{
    font-size:34px;
    color:#011F7B;
}

.logo-name{
    height:36px;
    width:auto;
    display:block;
}




/* ===========================
   NAVIGATION
=========================== */
.main-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    flex:1;
}

.main-nav a{
    text-decoration:none;
    color:#000;
    font-family:general;
    font-size:15px;
    font-weight:600;
    padding:10px 14px;
    border-radius:10px;
    transition:.3s;
}

.main-nav a:hover{
    background:#f5a623;
}

/* ===========================
   RIGHT SIDE
=========================== */

.header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-shrink:0;
}

.login-icon{
    width:46px;
    height:46px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    color:#000;
    border-radius:50%;
    transition:.3s;
}

.login-icon:hover{
    background:#f3f3f3;
}

.login-icon i{
    font-size:28px;
}

/* Hide menu button on desktop */
.menu-toggle{
    display:none;
}
@media (max-width:768px){

.menu-toggle{
    display:block;
    background:none;
    border:none;
    font-size:28px;
    cursor:pointer;
    z-index:1001;
}

.main-nav{
    position:absolute;
    top:75px;
    left:0;
    width:100%;
    background:#fff;
    display:none;
    flex-direction:column;
    align-items:center;
    gap:20px;
    padding:25px 0;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.login-icon{
    margin-right: -70px;
}

.main-nav.active{
    display:flex;
}

}
body{
    padding-top: 60px; /* Adjust to your header height */
}

.feature-card{
    display:grid;
    grid-template-columns:1.4fr 0.6fr;
    gap:50px;
    align-items:center;
}
/* Blurred light */

.overlay{

position:absolute;

right:-200px;

top:30px;

width:800px;

height:900px;

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

filter:blur(90px);

border-radius:50%;
}

.hero{

    position:relative;

    width:100%;

    max-width:1400px;

    margin:auto;

    min-height:600px;

    background:#09090b;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

    padding:80px 5%;

}

.hero-left{

    flex:1;

    min-width:320px;

}

.hero-right{

    flex:1;

    display:flex;

    justify-content:center;

    align-items:center;

    min-width:320px;

}

.hero-badge{
    margin-top: -130px;
    font-family: general;
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 20px;

    border:1px solid #f5a623;

    background:rgba(255, 255, 6, 0.05);

    color:white;

    font-size:13px;
border-radius: 5px;
    letter-spacing:2px;

    margin-bottom:20px;
}

.hero-badge span{
    width: 8px;
    height:8px;
    background:white;
}
@font-face {
    font-family: "gotham";
    src: url("fonts/gotham.otf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "mont";
    src: url("fonts/mont.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: "clash";
    src: url("fonts/clash.otf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-size: medium;
}

.hero h1{

    font-family:clash;

    font-size:clamp(2.5rem,5vw,3.8rem);

    line-height:1.08;

    color:#fff;

}

.hero h1 span{
    
    color:#f5a623;
}
.hero p{
font-family: general;
    margin-top:20px;

    color:#fff;

    font-size:16px;

    line-height:1.8;

    max-width:620px;

}
.hero-buttons{

    display:flex;

    gap:15px;

    margin-top:30px;

    flex-wrap:wrap;

}
.primary-btn{
font-family: "inter";
    padding:18px 20px;

    background:white;

    color:black;

    font-weight:700;
border-radius: 10PX;
    text-decoration:none;
}

.secondary-btn{
    font-family: "Inter";
background: #ffffff;
    padding:18px 20px;
    color:black;
    font-weight: 700;
border-radius: 10PX;
    text-decoration:none;
}
.hero-info{
font-family: general;
    margin-top:20px;

    display:flex;

    flex-wrap:wrap;

    gap:20px;

    color:#8b92a5;

    font-size:14px;

}
.image-box{

    width:100%;

    max-width:450px;

}

.image-box img{

    width:100%;

    height:auto;
transform: translateY(-100PX);
    display:block;

    object-fit:contain;


}

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

.stats{
    max-height: 250px;
    margin-top: 2px;
    background:#09090b;
    padding:70px 4.5%;
    margin-bottom: 2px;
}

.stats-container{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;
    align-items:center;
}

.stat-box{
    text-align:center;
}

.stat-box h2{
    margin-top: -30px;
    font-family:GENERAL;
    font-size:32px;
    font-weight:700;
    color:#fff;
    line-height:1;
    margin-bottom:10px;
}

.stat-box p{
    font-family:general;
    font-size:16px;
    letter-spacing:1px;
    color:#5f6d84;
    margin-bottom: -30px;
    
}

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

@media (max-width:991px){

.stats{
    padding:60px 5%;
}

.stats-container{
    grid-template-columns:repeat(2,1fr);
    gap:45px;
}

.stat-box h2{
    font-size:48px;
}

.stat-box p{
    font-size:18px;
}

}


/* Hide on Desktop */
.mobile-stats{
    display:none;
}

/* Mobile Only */
@media (max-width:768px){

.mobile-stats{
    display:block;
    background:#09090b;
    padding:55px 20px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:55px 20px;
    text-align:center;
}

.stat-item h2{
    font-family: general;
    margin:0;
    font-size:26px;
    font-weight:700;
    color:#fff;
    line-height:1.1;
}

.stat-item p{
    font-family: general;
    margin-top:10px;
    font-size:14px;
    color:#f5a623;
    letter-spacing:1px;
    text-transform:uppercase;
    line-height:1.35;
}

.full-width{
    grid-column:1 / -1;
}

.full-width h2{
    font-size:28px;
}
.stats{
    display: none;
}

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


/* Hide on Desktop */

.mobile-hero{
display:none;
}


/* Mobile Layout */

@media(max-width:768px){

.hero{
display:none;
}

.mobile-hero{
display:block;
background:#080808;
padding-bottom:30px;
}

/* Image */

.mobile-slider{
position:relative;
}

.mobile-slider img{
width:100%;
height:280px;
object-fit:cover;
display:block;
border-bottom-left-radius:28px;
border-bottom-right-radius:28px;
}

/* Card */

.mobile-card{

margin-top:-8px;

background:#09090b;

border-top-left-radius:34px;
border-top-right-radius:34px;

padding:35px 25px;

}

/* Heading */

.mobile-card h1{
font-family: clash;
font-size:44px;
line-height:1.03;

font-weight:900;
letter-spacing:1px;
color: #FFFFFF;
text-transform:uppercase;
}

.mobile-card h1 span{
    color:#f5a623
}
/* Text */

.mobile-card p{
font-family: general;
margin-top:20px;

color:#9ca3af;

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

}

/* Offer Button */

.offer-btn{

margin-top:28px;

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

height:60px;

background:#f5a623;

color:#000;

border-radius:18px;
font-size: 18px;
font-weight:700;
font-family: general;
text-decoration:none;

}

/* CTA */

.cta-btn{
font-family: general;
margin-top:18px;

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

height:60px;

background:#f5a623;

color:#111;

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

border-radius:22px;

text-decoration:none;

box-shadow:0 4px 0 #fff;

}

}
/*=========================
        FEATURES
==========================*/
@font-face {
    font-family: "aurora";
    src: url("fonts/aurora.otf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "general";
    src: url("fonts/general.otf") format("truetype");
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: "neue";
    src: url("fonts/neue.otf") format("truetype");
    font-weight: 400;
    font-style: normal;
}


/* ===========================
   SOLUTIONS SECTION
=========================== */

.solutions{
    background:#09090b;
    padding:100px 5%;
    
}

.solutions-container{
    max-width:1450px;
    margin:auto;
    
}

.solutions-heading{
    font-family: CLASH;
    text-align:center;
    max-width:800px;
    margin:0 auto 70px;
}

.solutions-heading span{
    font-family: GENERAL;
    display:block;
    font-size:15px;
    font-weight:700;
    letter-spacing:4px;
    color:#f5a623;
    text-transform:uppercase;
    margin-bottom:16px;
}

.solutions-heading h2{
    font-size:58px;
    line-height:1.1;
    color:#FFFFFF;
    font-weight:800;
    margin-bottom:20px;
}

.solutions-heading p{

    font-size:21px;
    color:#fff;
    line-height:1.4;
   
}


/* ===========================
   GRID
=========================== */
.solutions-grid{

display:grid;

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

gap:22px;

}

.solution-card{

background:#fff;

border:1px solid #ECEEF3;

border-radius:22px;

padding:28px;

height:300px;

display:flex;

flex-direction:column;

transition:.35s;

}


.icon{
    width:56px;
    height:56px;
    margin-bottom:20px;
}

.icon i{
    font-size:28px;
}

.solution-card h3{
    font-family: general;
    font-size:18px;     /* was 34px */
    line-height:1.35;
    margin-bottom:14px;
}

.solution-card p{
    font-family: general;
    font-size:14px;     /* was 20px */
    line-height:1.6;
    color:#000;
    flex:1;
}


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

.solution-card a{
font-family: general;
    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:30px;

    text-decoration:none;

    color:#f36b21;

    font-size:16px;

    font-weight:700;

}

.solution-card a i{

    transition:.3s;

}


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

.solution-card:hover{



    box-shadow:0 22px 50px rgba(0,0,0,.08);

}


.solution-card:hover .icon i{

    color:#f5a623;

}

.solution-card:hover a i{

    transform:translateX(8px);

}

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


/* ---------- Large Laptop ---------- */

@media (max-width:1400px){

.solutions-grid{

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

}

}


/* ---------- Laptop ---------- */

@media (max-width:1200px){

.solutions{

padding:90px 4%;
}

.solutions-grid{

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

gap:28px;

}

.solution-card{

padding:32px;

min-height:340px;

}

.solutions-heading h2{

font-size:52px;

}

.solution-card h3{

font-size:30px;

}

}


/* ---------- Tablet ---------- */

@media (max-width:900px){

.solutions{

padding:80px 5%;
}

.solutions-grid{

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

gap:24px;

}

.solutions-heading{

margin-bottom:55px;

}

.solutions-heading h2{

font-size:44px;

}

.solutions-heading p{

font-size:19px;

}

.solution-card{

min-height:320px;

padding:28px;

}

.solution-card h3{

font-size:28px;

}

.solution-card p{

font-size:18px;

}

}


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

@media (max-width:768px){

.solutions{

padding:70px 22px;

}

.solutions-heading{

margin-bottom:45px;

}

.solutions-heading span{

font-size:13px;

letter-spacing:3px;

}

.solutions-heading h2{

font-size:36px;

line-height:1.15;

margin-bottom:18px;

}

.solutions-heading p{

font-size:17px;

line-height:1.7;

}

.solutions-grid{

grid-template-columns:1fr;

gap:22px;

}

.solution-card{

min-height:auto;

padding:30px;

border-radius:22px;

}

.icon{

width:60px;

height:60px;

margin-bottom:24px;

}

.icon i{

font-size:30px;

}

.solution-card h3{

font-size:27px;

margin-bottom:15px;

}

.solution-card p{

font-size:17px;

line-height:1.7;

}

.solution-card a{

font-size:17px;

margin-top:25px;

}

}


/* ---------- Small Phones ---------- */

@media (max-width:480px){

.solutions{

padding:60px 18px;

}

.solutions-heading h2{

font-size:31px;

}

.solutions-heading p{

font-size:16px;

}

.solution-card{

padding:24px;

}

.solution-card h3{

font-size:24px;

}

.solution-card p{

font-size:16px;

}

.solution-card a{

font-size:16px;

}

.icon{

width:56px;

height:56px;

}

.icon i{

font-size:27px;

}

}

.features{
    margin-top: 2px;
    width:100%;
    background:#09090b;
    padding:100px 5%;
   
}

.section-header{
margin-top: 0px;
    text-align:center;
    margin-bottom:40px;

}

.section-header span{

     font-family: GENERAL;
    display:block;
    font-size:15px;
    font-weight:700;
    letter-spacing:4px;
    color:#f5a623;
    text-transform:uppercase;
    margin-bottom:16px;

}

.section-header h2{

    color:white;
    font-size:54px;
    margin:15px 0;
    font-family:"clash";

}

.section-header p{
font-family: aurora;
font-weight: 400;
letter-spacing: .5px;
    color:#ffff;
    max-width:800px;
    margin:auto;
    line-height:1.8;
    font-size: 18px;

}

.feature-image1{

    display:flex;

    justify-content:center;

}

.feature-image1 img{

    width: 450px;
    border-radius:18px;

    object-fit:cover;

}

.reverse{
    grid-template-columns:.8fr 1.2fr;
}



.feature-content p,
.feature-conten p{

font-family:neue;

font-size:17px;

line-height:1.8;

color:#a5acb8;

margin-bottom:30px;

}
.feature-content ul{

    list-style:none;

}
.feature-conten li,
.feature-content li{
font-family: mont;
    margin-bottom:16px;
font-size: 16px;
    color:white;

    position:relative;

    padding-left:30px;

}

.feature-content li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#f5a623;

    font-weight:bold;

}

.feature-image2{

    display:flex;

    justify-content:center;

}

.feature-image2 img{

    width: 450px;
    border-radius:18px;

  margin-left: -90PX;
    object-fit:cover;

}


.feature-card{

    display:grid;

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

    align-items:center;

    gap:70px;

    background:#171717;

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

    border-radius:28px;

    padding:60px;

    margin-bottom:45px;

}

.revers{
    grid-template-columns:.8fr 1.2fr;
}


.feature-content h3,
.feature-conten h3{

font-family:aurora;

font-size:clamp(1.8rem,4vw,2.2rem);

color:#fff;

margin-bottom:20px;

}

.feature-content li,
.feature-conten li{

position:relative;

padding-left:30px;

margin-bottom:16px;

font-family:mont;

font-size:16px;

color:#fff;

}


.feature-conten li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#f5a623;

    font-weight:bold;

}
.feature-image{

    display:flex;

    justify-content:center;

}

.feature-image,
.feature-image1,
.feature-image2{

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

}

.feature-image1 img,
.feature-image2 img{

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

height:auto;

display:block;

border-radius:18px;

object-fit:contain;

}


.feature-image img{
    max-width: 500px;
    height: auto;
    display:flex;
    transform: translateX(50PX);
    border-radius: 20PX;
}


ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}


.feature-conten li{

    font-size:16px;
    margin-bottom:14px;

}
/*==========================
    FEATURES RESPONSIVE
==========================*/

@media (max-width:991px){

.features{
    padding:70px 20px;
}

.section-header{
    margin-bottom:50px;
}

.section-header h2{
    font-size:34px;
    line-height:1.2;
}

.section-header p{
    font-size:16px;
    line-height:1.7;
}

/* Card */

.feature-card{

    display:flex;
    flex-direction:column;
    gap:30px;

    padding:30px 24px;

    border-radius:22px;

}

/* Image first */

.feature-image,
.feature-image1,
.feature-image2{

    order:1;

    width:100%;

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

}

.feature-image img,
.feature-image1 img,
.feature-image2 img{

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

    margin:0;

    border-radius:18px;

}

/* Content */

.feature-content{

    order:2;

    width:100%;

}

.feature-content h3{

    font: size 18px;
    margin-bottom:15px;

}

.feature-content p{

    font-size:14px;
    line-height:1.7;
    margin-bottom:22px;

}

.feature-content ul{

    padding:0;
}

.feature-content li{

    font-size:16px;
    margin-bottom:14px;

}

}

.feature-image img{

transform: translateX(5px);

}

.feature-conten ul{

    font-size:18px;
    line-height:1.7;
    margin-bottom:22px;

}

.feature-conten li{

    font-size:12px;
    margin-bottom:14px;

}

/*==========================
    SMALL PHONES
=========================5=*/

@media (max-width:480px){

.features{

    padding:60px 16px;

}

.section-header span{

    font-size:13px;
    letter-spacing:3px;

}

.section-header h2{

    font-size:30px;

}

.section-header p{

    font-size:15px;

}

.feature-card{

    padding:24px 18px;

}

.feature-image img,
.feature-image1 img,
.feature-image2 img{

    max-width:280px;

}

.feature-content h3{

    font-size:18px;

}

.feature-content p{

    font-size:14px;

}

.feature-content li{

    font-size:12px;

}

}


.feature-conten p{

    font-size:16px;
    line-height:1.7;
    margin-bottom:22px;

}


.feature-conten li{

    font-size:12px;
    margin-bottom:14px;

}

/*=============================
   KNOWLEDGE HUB
=============================*/

.knowledge-hub{
    margin-top: 2px;
    height: 550px;
    width:100%;
    padding:50px 4%;
    background:#09090b;
}

.kh-heading span{
    display:block;
    color:#f46a17;
    font-size:16px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:15px;
    font-family:general,sans-serif;
}

.kh-heading h2{
    font-size:40px;
    line-height:1.1;
    color:#fff;
    font-weight:700;
    max-width:760px;
    margin-bottom:30px;
    font-family:general;
}
/*=============================
        WORKFLOW TIMELINE
=============================*/

.workflow{
    background:#09090b;
    padding:70px 0%;
    position:relative;
    overflow:hidden;
}

.workflow-container{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:30px;
    position:relative;
    z-index:2;
}

.workflow-line{
    position:absolute;
    top:98px;
    left:9%;
    right:9%;
    height:3px;
    background:#2d69ff;
    z-index:1;
}

.workflow-item{
    text-align:center;
    position:relative;
}

.workflow-circle{
    width:60px;
    height:60px;
    background:#f46a17;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 24px;
    font-size:30px;
    font-weight:700;
    font-family:clash,sans-serif;
    position:relative;
    z-index:3;
}

.workflow-item h3{
    color:#fff;
    font-size:26px;
    font-weight:600;
    margin-bottom:12px;
    font-family:clash;
}

.workflow-item p{
    color:#c7d8f5;
    font-size:14px;
    line-height:1.5;
    font-family:general;
}



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

@media (max-width:768px){

    .knowledge-hub{
    margin-top: 2px;
    height: 550px;
    width:100%;
    padding:50px 4%;
    background:#09090b;
}

.kh-heading span{
    display:block;
    color:#f46a17;
    font-size:12px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:15px;
    font-family:general,sans-serif;
}

.kh-heading h2{
    font-size:26px;
    line-height:1.1;
    color:#fff;
    font-weight:700;
    max-width:760px;
    margin-bottom:30px;
    font-family:general;
}

.workflow{
    padding:45px 0 35px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}

.workflow::-webkit-scrollbar{
    display:none;
}

.workflow-container{
    display:flex;
    width:max-content;
    gap:0;
    position:relative;
    padding:0 20px;
}

.workflow-line{
    display:none;
}

.workflow-item{
    width:180px;
    flex:0 0 180px;
    text-align:center;
    position:relative;
}

.workflow-circle{
    width:56px;
    height:56px;
    margin:0 auto 18px;
    font-size:22px;
    position:relative;
    z-index:2;
}

.workflow-item h3{
    font-size:20px;
    margin-bottom:8px;
}

.workflow-item p{
    font-size:15px;
    line-height:1.45;
    color:#b9d3ff;
    padding:0 10px;
}

}


/*=========================
        PARTNERS
==========================*/

.partners{
    margin-top: 2px;
    width:100%;
    background:#09090b;
    padding:80px 5%;
}

.partners p{

    text-align:center;

    font-family:clash;

    color:#fff;

    font-size:clamp(2rem,4vw,2.75rem);

    margin-bottom:50px;

    letter-spacing:1px;

}
.logos{

    display:grid;

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

    gap:35px;

    justify-items:center;

    align-items:center;

}
.logos img{

    width:100%;

    max-width:130px;

    height:auto;

    border-radius:20px;

    transition:.3s ease;

}

.logos img:hover{

    transform:scale(1.05);

}

/*==========================
        PARTNERS
==========================*/

@media(max-width:768px){

.logos{

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

gap:30px;

}

}

@media(max-width:768px){

.partners{

padding:70px 6%;

}

.logos{

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

gap:25px;

}

.partners p{

font-size:32px;

}

}

@media(max-width:480px){

.partners{

padding:60px 20px;

}

.logos{

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

gap:20px;

}

.logos img{

max-width:100px;

}

.partners p{

font-size:26px;

}

}


/*==============================
      AMC SECTION
==============================*/

.amc-section{
    max-height: 300px;
    width:100%;
    background:#f5a623;
    padding:90px 20px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.amc-container{
    width:100%;
    max-width:1000px;
    text-align:center;
    color:#fff;
}

.amc-tag{
    font-family: general;
    color: #09090b;
    display:block;
    font-size:16px;
    letter-spacing:2px;
    text-transform:uppercase;
    opacity:.9;
    margin-bottom:20px;
    font-weight:600;
}

.amc-container h2{
    color: #09090b;
    font-family: general;
    font-size:32px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:20px;
}

.amc-container h2 i{
    margin-right:10px;
    font-size:34px;
    vertical-align:middle;

}

.amc-container p{
    color: #09090b;
    font-family: general;
    font-size:18px;
    line-height:1.2;
    opacity:.95;
    max-width:800px;
    margin:0 auto 40px;
}

.amc-btn{
   
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:200px;
    height:40px;
    border:2px solid #000;
    border-radius:12px;
    text-decoration:none;
    color:#000;
    font-size:18px;
    font-weight:600;
    transition:.35s;
    font-family: general;
}

.amc-btn:hover{
    background:#000;
    color:#fff;
}

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

@media(max-width:991px){

    .amc-section{
        padding:70px 25px;
    }

    .amc-container h2{
        font-size:42px;
    }

    .amc-container p{
        font-size:21px;
    }

    .amc-btn{
        width:300px;
        height:78px;
        font-size:28px;
    }

    
.amc-btn:hover{
    background:#000;
    color:#fff;
}


}


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

@media(max-width:768px){

.amc-section{
    max-height: 300px;
    width:100%;
    background:#f5a623;
    padding:90px 20px;
    display:flex;
    justify-content:center;
    align-items:center;
}


    .amc-tag{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:12px;
        letter-spacing:2px;
    }

    .amc-container h2{
        display:flex;
        font-size:22px;
        line-height:1.3;
        align-items: center;
        justify-content: center;
    }

  .amc-container h2 i{
    margin-right:6px;
    font-size:26px;
    vertical-align:middle;
    transform: translateY(-13px);

}


    .amc-container p{
        font-family: general;
        font-size:16px;
        line-height:1.4;
        margin-bottom:30px;
    }

   
.amc-btn{
   
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:150px;
    height:40px;
    border:2px solid #000;
    border-radius:12px;
    text-decoration:none;
    color:#000;
    font-size:12px;
    font-weight:600;
    transition:.35s;
    font-family: general;
}




}

.whatsapp-float{
    position:fixed;
    bottom:25px;
    right:25px;

    width:50px;
    height:50px;

    background:#25D366;
    color:#fff;

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

    border-radius:50%;

    font-size:25px;

    text-decoration:none;

    box-shadow:0 12px 30px rgba(37,211,102,.35);

    z-index:9999;

    transition:.3s ease;
}

.whatsapp-float:hover{
    transform:scale(1.1);
    box-shadow:0 18px 40px rgba(37,211,102,.45);
}

.whatsapp-float i{
    line-height:1;
}

@media(max-width:768px){

.whatsapp-float{
    width: 45px;
    height:45px;

    right:18px;
    bottom:18px;

    font-size:30px;
}

}

@keyframes whatsappPulse{
    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.5);
    }
    70%{
        box-shadow:0 0 0 16px rgba(37,211,102,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }
}

.whatsapp-float{
    animation:whatsappPulse 2s infinite;
}




.footer{
    width:100%;
    background:#09090b;
    color:#fff;
    padding:80px 5% 40px;
    font-family:general;
}
.footer-p{
    margin-top: 2px;
    font-size: 12px;
}

.footer-top{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:80px;

    flex-wrap:wrap;

}

.footer-info{

    flex:1;

    min-width:280px;

    max-width:480px;

}

.footer-info h2{

    font-size:34px;

    margin-bottom:20px;

}

.footer-info p{

    line-height:1.8;

    color:#b7c0d4;

}
.footer-links{

    display:flex;

    flex:1;

    justify-content:space-between;

    gap:50px;

    flex-wrap:wrap;

}

.footer-links div{

    min-width:150px;

}

.footer-links h3{

    font-size:20px;

    margin-bottom:18px;

}

.footer-links a{

    display:block;

    margin-bottom:14px;

    text-decoration:none;

    color:#b7c0d4;

    transition:.3s;

    font-size:15px;

}

.footer-links a:hover{

    color:#fff;

}
.footer hr{
    border:none;
    border-top:1px solid rgba(255,255,255,.12);
    margin:60px 0 35px;
}
.social-icons{

    display:flex;

    gap:15px;

    justify-content:flex-start;

    flex-wrap:wrap;

    margin-top:35px;

}

.social-icons a{

    width:48px;

    height:48px;

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

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:20px;

    transition:.3s;

    text-decoration:none;

}

.social-icons a:hover{

    background:#fff;

    color:#000;

}


.footer-bottom{
    background-color: #09090B;
    height: 50PX;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}

.footer-bottom p{

    font-family: general;
    color:#b7c0d4;
    font-size: 14px;
}
/* Hide on desktop */
.mobile-footer{
    display:none;
}
/*=====================================
        FOOTER RESPONSIVE
======================================*/

@media(max-width:992px){

.footer-top{

flex-direction:column;

gap:60px;

}

.footer-links{

width:100%;

justify-content:space-between;

}

.footer-bottom{

justify-content:center;

text-align:center;

}

.footer-policy{

justify-content:center;

}

.social-icons{

justify-content:center;

}

}
/* Hide on desktop */
.mobile-footer{
    display:none;
}

@media(max-width:768px){

.footer{
display:none;

}


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

.mobile-footer{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#09090b;
    padding:50px 20px 40px;
    border-top:1px solid rgba(255,255,255,.05);
    font-family: ubuntu;
}

/* Social Icons */
.footer-social{
    display:flex;
    gap:26px;
    margin-bottom:28px;
}

.footer-social a{
    width:58px;
    height:58px;
    border-radius:50%;
    border:1px solid rgba(120,120,170,.25);
    display:flex;
    justify-content:center;
    align-items:center;
    color:#d9dde7;
    text-decoration:none;
    font-size:26px;
    transition:.35s;
    background:transparent;
    box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 20px rgba(130,110,255,.04);
}

.footer-social a:hover{
    color:#fff;
    border-color:#4f7cff;
    transform:translateY(-4px);
    box-shadow:0 0 18px rgba(79,124,255,.25);
}

/* Copyright */
.footer-copy{
    color:#9098a6;
    font-size:16px;
    letter-spacing:.5px;
    margin-bottom:28px;
    text-align:center;
    font-family: general;
}

/* Links */
.footer-links2{
    display: flex;
    align-items: center;      /* Vertically centers everything */
    justify-content: center;
    gap: 16px;
}

.footer-links2 a{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-family: general;
}

.footer-links2 span{
    color:#fff;
}

.footer-links2 a:hover{
    color:#4f7cff;
}

}
}