*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#fff;
}

/*=================*/

.container{
width:90%;
max-width:1300px;
margin:auto;
}

/*=================*/

.topbar{

background:#44348D;
color:#fff;
height:54px;

}

.topbar .container{

display:flex;
justify-content:space-between;
align-items:center;
height:54px;

}

.top-left,
.top-right{

display:flex;
align-items:center;
gap:30px;

}

.top-left a,
.top-right a{

color:#fff;
text-decoration:none;
font-size:17px;
transition:.3s;

}

.top-left i{

margin-right:8px;
font-size:20px;

}

.top-right i{

font-size:28px;

}

.top-right a:hover{

color:#ff4081;

}

/*=================*/

header{

background:#fff;
box-shadow:0 2px 10px rgba(0,0,0,.08);

}

.navbar{

display:flex;
justify-content:space-between;
align-items:center;
padding:12px 0;

}

/*=================*/

.logo img{

width:320px;

}

/*=================*/

nav ul{

display:flex;
list-style:none;
align-items:center;
gap:5px;

}

nav ul li a{

text-decoration:none;
color:#44348D;
font-size:18px;
font-weight:500;
transition:.3s;

}

nav ul li a:hover{

color:#ff0f6f;

}

.active{

color:#ff0f6f;

}

.dropdown i{

font-size:13px;
margin-left:5px;

}
header {
    width: 100%;
    background: linear-gradient(135deg, #ffffff 0%, #f5f3ff 40%, #eef2ff 100%);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    position: sticky;
    top: 0;
    z-index: 999;
}


.logo img{
    width:100%;
    max-width:320px;
 .navbar{
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
}   height:auto;
}

.logo img:hover {
    transform: scale(1.03);
}
header{
    position:relative;
    overflow:visible;
}


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

header,
header.new{
    width:100%;
    background:#ffffff !important;
    position:sticky;
    top:0;
    z-index:9999;
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

/* Remove background effect */
header::before,
header.new::before{
    display:none !important;
    content:none !important;
}

/* Navbar */

.navbar{
    width:90%;
    max-width:1300px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
}

.logo img{
    width:320px;
    display:block;
}

nav ul{
    display:flex;
    align-items:center;
    list-style:none;
    gap:8px;
    margin:0;
    padding:0;
}

nav ul li a{
    padding:12px 18px;
    color:#44348D;
    text-decoration:none;
    font-size:18px;
    font-weight:500;
    border-radius:30px;
    transition:.3s;
}

nav ul li a:hover{
    background:#44348D;
    color:#fff;
}

nav ul li a.active{
    background:#ff0f6f;
    color:#fff;
}

header::before{
    content:'';
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 15% 20%, rgba(98,0,255,.08) 0%, transparent 25%),
    radial-gradient(circle at 85% 70%, rgba(255,0,128,.08) 0%, transparent 30%);
    z-index:0;
}

.navbar{
    position:relative;
    z-index:1;
}
nav ul li a{
    color:#43348D;
    text-decoration:none;
    font-size:18px;
    font-weight:500;
    padding:12px 18px;
    border-radius:30px;
    transition:.35s;
}

nav ul li a:hover{
    background:#43348D;
    color:#fff;
}

nav ul li a.active{
    background:#ff0f6f;
    color:#fff;
}
.topbar{
    background:linear-gradient(90deg,#43348D,#5b47c7);
    height:55px;
    display:flex;
    align-items:center;
}

.innovation{
    padding:90px 0;
    background:#fff;
}

.innovation-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
}

.innovation-content{
    width:50%;
}

.innovation-image{
    width:50%;
}

.innovation-image img{
    width:100%;
    border-radius:18px;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.innovation-content span{
    color:#6c4ef6;
    font-size:15px;
    font-weight:500;
    letter-spacing:2px;
    text-transform:uppercase;
}

.innovation-content h2{
    font-size:50px;
    margin:20px 0;
    line-height:1.2;
    color:#222;
}

.innovation-content h2 span{
    color:#5B3CC4;
}

.innovation-content p{
    font-size:17px;
    color:#666;
    line-height:32px;
    margin-bottom:35px;
}

.btn{
    display:inline-block;
    padding:15px 40px;
    background:#5B3CC4;
    color:#fff;
    text-decoration:none;
    border-radius:40px;
    transition:.3s;
    font-weight:500;
}

.btn:hover{
    background:#ff1478;
}

/*================ HERO SECTION =================*/

.hero{

    padding:20px 0;

    background:linear-gradient(135deg,#ffffff,#f7f7ff);

}

.hero-container{

    width:90%;
    max-width:1300px;

    margin:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:60px;

}

/* LEFT */

.hero-content{

    width:50%;

}

.hero-subtitle{

    color:#5B3CC4;

    font-size:15px;

    font-weight:500;

    letter-spacing:2px;

    text-transform:uppercase;

}

.hero-content h1{

    margin:20px 0;

    font-size:56px;

    line-height:1.2;

    color:#222;

}

.hero-content h1 span{

    color:#5B3CC4;

}

.hero-content p{

    font-size:17px;

    color:#666;

    line-height:32px;

    margin-bottom:35px;

}

/* FEATURES */

.hero-features{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.hero-features div{

    font-size:17px;

    font-weight:500;

    color:#333;

}

.hero-features i{

    color:#5B3CC4;

    margin-right:10px;

}

/* BUTTONS */

.hero-buttons{

    display:flex;

    gap:20px;

}

.btn-primary{

    padding:15px 35px;

    background:#5B3CC4;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    transition:.3s;

    font-weight:500;

}

.btn-primary:hover{

    background:#ff1976;

}

.btn-secondary{

    padding:15px 35px;

    border:2px solid #5B3CC4;

    color:#5B3CC4;

    text-decoration:none;

    border-radius:50px;

    transition:.3s;

    font-weight:500;

}

.btn-secondary:hover{

    background:#5B3CC4;

    color:#fff;

}

/* RIGHT */

.hero-image{

    width:50%;

    text-align:center;

}

.hero-image img{

    width:100%;

    max-width:600px;

    animation:float 4s ease-in-out infinite;

}

/* FLOAT */

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0);

}

}

/* MOBILE */

@media(max-width:991px){

.hero-container{

    flex-direction:column-reverse;
    gap:40px;
    text-align:center;

}

.hero-content,
.hero-image{

    width:100%;

}

.hero-buttons{

    justify-content:center;
    flex-wrap:wrap;

}

.hero-content h1{

    font-size:40px;

}

.hero-image img{

    max-width:420px;

}

}
.hero-image img{
    width:100%;
    max-width:600px;
    height:auto;
}
.about-us{

    padding:20px 0;

    background:#f8f9ff;

}

.section-title{

    text-align:center;

    max-width:750px;

    margin:auto auto 70px;

}

.section-title span{

    color:#5B3CC4;

    font-weight:500;

    letter-spacing:2px;

}

.section-title h2{

    font-size:46px;

    margin:15px 0;

    color:#222;

}

.section-title p{

    color:#666;

    line-height:30px;

}

.about-grid{

    display:grid;

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

    gap:35px;

}

.about-card{

    background:#fff;

    padding:40px;

    border-radius:18px;

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

    transition:.3s;

}

.about-card:hover{

    transform:translateY(-10px);

}

.icon{

    width:70px;

    height:70px;

    background:#5B3CC4;

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    margin-bottom:25px;

}

.about-card h3{

    margin-bottom:20px;

    color:#222;

    font-size:28px;

}

.about-card p{

    color:#666;

    line-height:32px;

}
.about-us{
    padding:100px 0;
    background:#F8FAFC;
}
.about-card{
    background:#F8FAFC;
}
.about-card{
    background:#F8FAFC;
}
/*========================*/



/* ORG */

.org-section{

padding:20px 0;

background:#f8fbff;

}

.org-flow{

text-align:center;

}

.org-box{

display:inline-block;

background:#4338CA;

color:#fff;

padding:18px 35px;

border-radius:10px;

margin:15px;

font-weight:500;

}

.org-line{

height:50px;

width:2px;

background:#4338CA;

margin:auto;

}

.org-row{

display:flex;

justify-content:center;

flex-wrap:wrap;

}

@media(max-width:991px){

.about-grid{

grid-template-columns:1fr;

}

.why-grid{

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

}

.mvp-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

.org-row{

flex-direction:column;

align-items:center;

}

}

/*========================*/

.section-heading{

    text-align:center;

    margin-bottom:70px;

}

.section-heading span{

    color:#5B3CC4;

    font-weight:500;

    letter-spacing:2px;

}

.section-heading h2{

    font-size:48px;

    color:#222;

    margin:15px 0;

}

.section-heading p{

    color:#666;

    font-size:18px;

}

/*========================*/

.org-chart{

    display:flex;

    flex-direction:column;

    align-items:center;

}

/*========================*/

.org-row{

    display:flex;

    justify-content:center;

    gap:30px;

    flex-wrap:wrap;

    margin:20px 0;

}

.org-box{

    min-width:220px;

    background:#5B3CC4;

    color:#fff;

    padding:18px 25px;

    border-radius:12px;

    text-align:center;

    font-size:18px;

    font-weight:500;

    transition:.3s;

    box-shadow:0 10px 30px rgba(91,60,196,.2);

}

.org-box:hover{

    transform:translateY(-8px);

    background:#ff1976;

}

.top{

    min-width:280px;

}

.large{

    min-width:300px;

}

/*========================*/

.vertical-line{

    width:3px;

    height:35px;

    background:#5B3CC4;

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

.core-values{

    padding:20px 0;

    background:linear-gradient(135deg,#EEF2FF,#F8FAFC);

}

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title span{

    color:#5B3CC4;

    font-weight:500;

    letter-spacing:2px;

}

.section-title h2{

    font-size:48px;

    margin:15px 0;

    color:#222;

}

.section-title p{

    color:#666;

    font-size:18px;

}

/*========================*/

.values-grid{

    display:grid;

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

    gap:35px;

}

/*========================*/

.value-card{

    background:#fff;

    padding:40px;

    border-radius:20px;

    position:relative;

    overflow:hidden;

    transition:.4s;

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

}

.value-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:6px;

    background:#5B3CC4;

}

.value-card:hover{

    transform:translateY(-15px);

    box-shadow:0 25px 60px rgba(91,60,196,.25);

}

/*========================*/

.icon-box{

    width:80px;

    height:80px;

    border-radius:18px;

    background:linear-gradient(135deg,#5B3CC4,#7B5EF8);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:34px;

    margin-bottom:25px;

}

.value-card h3{

    font-size:30px;

    color:#222;

    margin-bottom:20px;

}

.value-card p{

    color:#666;

    line-height:30px;

    font-size:17px;

}

/*========================*/

@media(max-width:992px){

.values-grid{

grid-template-columns:1fr;

}

}
/*==============================
SERVICES SECTION
==============================*/

.services{
    padding:20px 0;
    background:#f5f7ff;
}

.container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

/* Heading */

.section-heading{
    text-align:center;
    margin-bottom:70px;
}

.section-heading span{
    color:#5B4DFF;
    font-size:15px;
    font-weight:500;
    letter-spacing:2px;
    text-transform:uppercase;
}

.section-heading h2{
    font-size:48px;
    font-weight:500;
    margin:20px 0;
    color:#202124;
}

.section-heading p{
    max-width:750px;
    margin:auto;
    color:#666;
    line-height:32px;
    font-size:18px;
}

/* Grid */

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

/* Card */

.service-card{

    background:#fff;
    border-radius:25px;
    padding:40px;
    position:relative;
    overflow:hidden;

    display:flex;
    flex-direction:column;

    min-height:420px;

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

    transition:.4s;

}

.service-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:5px;

    background:linear-gradient(90deg,#5B4DFF,#EC4899);

    transform:scaleX(0);

    transition:.4s;

}

.service-card:hover::before{

    transform:scaleX(1);

}

.service-card:hover{

    transform:translateY(-10px);

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

}

/* Icon */

.icon{

    width:90px;
    height:90px;

    background:#5B4DFF;

    border-radius:20px;

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

    margin-bottom:30px;

}

.icon i{

    color:#fff;

    font-size:38px;

}

/* Title */

.service-card h3{

    font-size:36px;
    font-weight:500;
    color:#202124;

    margin-bottom:20px;

    line-height:1.2;

}

/* Paragraph */

.service-card p{

    color:#666;

    font-size:18px;

    line-height:32px;

    margin-bottom:auto;

}

/* Button */

.service-card a{

    margin-top:35px;

    color:#5B4DFF;

    text-decoration:none;

    font-size:22px;

    font-weight:500;

    display:inline-flex;

    align-items:center;

    transition:.3s;

}

.service-card a i{

    margin-left:12px;

    transition:.3s;

}

.service-card:hover a{

    color:#EC4899;

}

.service-card:hover a i{

    transform:translateX(8px);

}

/* Responsive */

@media(max-width:992px){

.services-grid{

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

}

}

@media(max-width:768px){

.services-grid{

grid-template-columns:1fr;

}

.section-heading h2{

font-size:34px;

}

.service-card{

min-height:auto;

padding:35px;

}

.service-card h3{

font-size:30px;

}

.service-card p{

font-size:17px;

line-height:30px;

}

.icon{

width:80px;
height:80px;

}

.icon i{

font-size:34px;

}

}
/*==============================
    INNOVATIVE PRODUCTS
===============================*/

.products-section{
    padding:20px 0;
    background:linear-gradient(135deg,#f8fbff,#eef3ff);
    position:relative;
    overflow:hidden;
}

.products-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(91,60,196,.05);
    border-radius:50%;
    top:-180px;
    left:-180px;
}

.products-section::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(255,20,120,.05);
    border-radius:50%;
    right:-150px;
    bottom:-150px;
}

.products-section .container{
    position:relative;
    z-index:2;
}

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

.section-title{
    text-align:center;
    margin-bottom:80px;
}

.section-title span{

    display:inline-block;

    color:#5B3CC4;

    font-weight:500;

    letter-spacing:3px;

    margin-bottom:15px;

    text-transform:uppercase;
}

.section-title h2{

    font-size:48px;

    color:#222;

    margin-bottom:20px;

}

.section-title p{

    width:700px;

    max-width:100%;

    margin:auto;

    color:#666;

    line-height:30px;

}

/*==============================
PRODUCT ROW
===============================*/

.product-row{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:70px;

    margin-bottom:120px;

}

.product-row.reverse{

    flex-direction:row-reverse;

}

/*==============================
IMAGE
===============================*/

.product-image{

    flex:1;

    text-align:center;

}

.product-image img{

    width:100%;

    max-width:520px;

    transition:.5s;

    filter:drop-shadow(0 25px 40px rgba(0,0,0,.15));

}

.product-images img{

    width:100%;

    max-width:300px;

    transition:.5s;

    filter:drop-shadow(0 25px 40px rgba(0,0,0,.15));

}



.product-row:hover img{

    transform:translateY(-12px) scale(1.03);

}

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

.product-content{

    flex:1;

}

.tag{

    display:inline-block;

    padding:8px 18px;

    background:#ede9ff;

    color:#5B3CC4;

    border-radius:30px;

    font-size:13px;

    font-weight:500;

    margin-bottom:18px;

}

.product-content h3{

    font-size:40px;

    color:#222;

    margin-bottom:20px;

}

.product-content p{

    color:#666;

    line-height:30px;

    margin-bottom:25px;

}

/*==============================
FEATURES
===============================*/

.product-content ul{

    list-style:none;

    padding:0;

    margin:0 0 35px;

}

.product-content ul li{

    margin-bottom:15px;

    font-size:17px;

    color:#444;

}

.product-content ul li::before{

    content:"✔";

    color:#5B3CC4;

    font-weight:bold;

    margin-right:10px;

}

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

.product-btn{

    display:inline-block;

    padding:15px 35px;

    background:linear-gradient(135deg,#5B3CC4,#7B5EF8);

    color:#fff;

    border-radius:40px;

    text-decoration:none;

    font-weight:500;

    transition:.4s;

}

.product-btn:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(91,60,196,.35);

    background:linear-gradient(135deg,#FF2D7A,#5B3CC4);

}

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

@media(max-width:991px){

.product-row,
.product-row.reverse{

flex-direction:column;

text-align:center;

}

.product-content ul{

display:inline-block;

text-align:left;

}

.product-content h3{

font-size:32px;

}

.section-title h2{

font-size:38px;

}

}
.projects-timeline{

    padding:20px 0;

    background:#f8fbff;

}

.timeline{

    display:flex;

    align-items:center;

    justify-content:center;

    margin-top:70px;

}

.timeline-item{

    width:220px;

    background:#fff;

    padding:30px 20px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.4s;

}

.timeline-item:hover{

    transform:translateY(-10px);

}

.icon{

    width:80px;

    height:80px;

    margin:auto;

    border-radius:50%;

    background:linear-gradient(135deg,#5B3CC4,#8B5CF6);

    color:#fff;

    font-size:35px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

}

.line{

    width:80px;

    height:4px;

    background:#5B3CC4;

}

.ongoing{

    display:inline-block;

    margin:15px 0;

    padding:8px 18px;

    background:#16a34a;

    color:#fff;

    border-radius:30px;

}

.upcoming{

    display:inline-block;

    margin:15px 0;

    padding:8px 18px;

    background:#2563eb;

    color:#fff;

    border-radius:30px;

}

@media(max-width:991px){

.timeline{

flex-direction:column;

}

.line{

width:4px;

height:60px;

}

}
/*==============================
OUR PRESENCE
===============================*/


.ongoing{

background:#16a34a;

color:#fff;

padding:8px 18px;

border-radius:30px;

}

.upcoming{

background:#f59e0b;

color:#fff;

padding:8px 18px;

border-radius:30px;

}
.presence-section{

padding:20px 0;

background:#f8fbff;

}

.presence-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.office-card{

background:#fff;

padding:40px;

text-align:center;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.3s;

}

.office-card:hover{

background:#4338CA;

color:#fff;

transform:translateY(-10px);

}
.clients-section{
padding:100px 0;
background:#fff;
overflow:hidden;
}

.logo-slider{
overflow:hidden;
margin-top:50px;
}

.logo-track{
display:flex;
width:calc(220px * 12);
animation:scroll 30s linear infinite;
}

.logo-track img{
width:180px;
height:90px;
object-fit:contain;
margin:20px;
filter:grayscale(100%);
transition:.3s;
}

.logo-track img:hover{
filter:none;
}

@keyframes scroll{

0%{
transform:translateX(0);
}

100%{
transform:translateX(calc(-220px * 6));
}

}
.testimonial-section{

padding:20px 0;

background:#EEF2FF;

}

.testimonial-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.testimonial-card{

background:#fff;

padding:35px;

border-radius:20px;

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

}

.testimonial-card p{

line-height:30px;

margin-bottom:25px;

font-style:italic;

}
.contact-section{

padding:100px 0;

}

.contact-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

form input,
form textarea{

width:100%;

padding:18px;

margin-bottom:20px;

border:1px solid #ddd;

border-radius:10px;

}

form textarea{

height:170px;

resize:none;

}

form button{

padding:18px 40px;

background:#4338CA;

color:#fff;

border:none;

border-radius:40px;

cursor:pointer;

}
footer{

background:#111827;

color:#fff;

padding:80px 0 20px;

}

.footer-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr;

gap:50px;

}

.footer-grid ul{

list-style:none;

padding:0;

}

.footer-grid li{

margin:15px 0;

}

.footer-grid a{

color:#fff;

text-decoration:none;

}

.copyright{

text-align:center;

padding-top:40px;

margin-top:40px;

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

}

/*==============================
FOOTER
===============================*/

.footer{

    background:#151B3B;

    color:#fff;

    margin-top:0;

}

/* CTA */

.footer-cta{

    background:linear-gradient(135deg,#5B3CC4,#7C3AED);

    padding:70px 20px;

    text-align:center;

}

.footer-cta h2{

    font-size:42px;

    margin-bottom:15px;

}

.footer-cta p{

    color:#f1f1f1;

    margin-bottom:30px;

}

.footer-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.btn-primary{

    background:#fff;

    color:#5B3CC4;

    padding:15px 35px;

    border-radius:40px;

    text-decoration:none;

    font-weight:500;

}

.btn-secondary{

    border:2px solid #fff;

    color:#fff;

    padding:15px 35px;

    border-radius:40px;

    text-decoration:none;

}

.btn-secondary:hover{

    background:#fff;

    color:#5B3CC4;

}

/* Footer Grid */

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:40px;

    padding:70px 0;

}

.footer-column h3,
.footer-column h4{

    margin-bottom:20px;

}

.footer-column p{

    color:#ccc;

    line-height:28px;

}

.footer-column ul{

    list-style:none;

    padding:0;

}

.footer-column ul li{

    margin-bottom:12px;

    color:#ccc;

}

.footer-column ul li a{

    color:#ccc;

    text-decoration:none;

}

.footer-column ul li a:hover{

    color:#fff;

}

.social-icons{

    margin-top:25px;

}

.social-icons a{

    display:inline-flex;

    width:45px;

    height:45px;

    border-radius:50%;

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

    color:#fff;

    justify-content:center;

    align-items:center;

    margin-right:12px;

    transition:.3s;

}

.social-icons a:hover{

    background:#5B3CC4;

    transform:translateY(-5px);

}

/* Copyright */

.copyright{

    text-align:center;

    padding:25px;

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

    color:#bbb;

}

/* Responsive */

@media(max-width:991px){

.footer-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.social-icons{

display:flex;

justify-content:center;

}

.footer-cta h2{

font-size:32px;

}

}
.about-us{
    padding:20px 0;
    background:#f8f9ff;
}

.about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
}

.about-card{
    background:#fff;
    padding:45px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.icon{
    width:80px;
    height:80px;
    background:#6C63FF;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.icon i{
    color:#fff;
    font-size:35px;
}

.about-card h3{
    font-size:42px;
    margin-bottom:20px;
}

.about-card p{
    font-size:18px;
    line-height:32px;
    color:#555;
}

.about-btn{
    display:inline-block;
    margin-top:30px;
    padding:14px 35px;
    background:#6C63FF;
    color:#fff;
    text-decoration:none;
    border-radius:40px;
    transition:.3s;
}

.about-btn:hover{
    background:#4f46e5;
}

.about-image{
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.about-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.about-image:hover img{
    transform:scale(1.05);
}

/* Responsive */
@media(max-width:991px){

    .about-grid{
        grid-template-columns:1fr;
    }

    .about-card h3{
        font-size:34px;
    }

}
.about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:stretch;   /* Makes both columns equal height */
}

.about-card{
    background:#fff;
    border-radius:20px;
    padding:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.about-image{
    height:100%;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.about-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

@media(max-width:991px){
    .about-grid{
        grid-template-columns:1fr;
    }

    .about-image{
        height:400px;
    }
}
/*=========================
TECHNOLOGY PARTNERS
==========================*/

.partners{

    padding:20px 0;

    background:#f8f9ff;

}

.section-title{

    text-align:center;

    margin-bottom:60px;

}

.section-title span{

    color:#5B4DFF;

    font-size:15px;

    font-weight:500;

    letter-spacing:2px;

    text-transform:uppercase;

}

.section-title h2{

    font-size:46px;

    color:#222;

    margin:15px 0;

}

.section-title p{

    max-width:700px;

    margin:auto;

    color:#666;

    line-height:30px;

    font-size:18px;

}

.partners-grid{

    display:grid;

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

    gap:35px;

}

.partner-card{

    background:#fff;

    border-radius:20px;

    padding:40px;

    height:180px;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.4s;

}

.partner-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 40px rgba(91,77,255,.15);

}

.partner-card img{

    max-width:180px;

    max-height:80px;

    width:auto;

    height:auto;

    object-fit:contain;

    filter:grayscale(100%);

    transition:.4s;

}

.partner-card:hover img{

    filter:grayscale(0);

    transform:scale(1.08);

}

/* Responsive */

@media(max-width:991px){

.partners-grid{

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

}

}

@media(max-width:768px){

.partners-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:34px;

}

.partner-card{

height:150px;

}

}
.footer{

    background:#1B2145;
    position:relative;

    margin-top:0;      /* Remove the gap */

    padding-top:0;

    color:#fff;

}
.footer-cta{

    background:linear-gradient(135deg,#5B4DFF,#8B5CF6);

    padding:90px 20px;

    text-align:center;

}
.footer-buttons{

display:flex;

justify-content:center;

gap:20px;

margin-top:35px;

flex-wrap:wrap;

}

.btn-primary{

background:#fff;

color:#5B4DFF;

padding:18px 40px;

border-radius:40px;

text-decoration:none;

font-weight:500;

}

.btn-secondary{

border:2px solid #fff;

padding:18px 40px;

border-radius:40px;

text-decoration:none;

color:#fff;

font-weight:500;

}
.footer-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr 1fr;

gap:50px;

padding:20px 0;

}
.social-icons{

display:flex;

gap:15px;

margin-top:25px;

}

.social-icons a{

width:45px;

height:45px;

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

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

color:#fff;

transition:.3s;

}

.social-icons a:hover{

background:#5B4DFF;

}
.copyright{

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

padding:25px;

text-align:center;

color:#ccc;

}
.presence-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.presence-card{
    background:#fff;
    border-radius:25px;
    padding:55px 30px;
    text-align:center;
    cursor:pointer;
    transition:0.4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.presence-card h3{
    font-size:22px;
    font-weight:500;
    color:#111;
    margin-bottom:12px;
}

.presence-card p{
    font-size:18px;
    color:#444;
}

.presence-card:hover{
    transform:translateY(-8px);
}

/* Active Card */

.presence-card.active{
    background:linear-gradient(135deg,#4F46E5,#5B4DFF);
}

.presence-card.active h3,
.presence-card.active p{
    color:#fff;
}
.icon{
    width:90px;
    height:90px;
    background:#5B4DFF;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto 20px;
}

.icon img{
    width:55px;
    height:55px;
    object-fit:contain;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    font-family:'Poppins',sans-serif;
}

/*==================================================
  LARGE DESKTOP (1400px and below)
==================================================*/
@media (max-width:1400px){

.container,
.hero-container{
    width:90%;
}

.hero-content h1{
    font-size:52px;
}

.hero-image img{
    max-width:500px;
}

}


/*==================================================
  LAPTOP (1200px and below)
==================================================*/
@media (max-width:1200px){

.container,
.hero-container{
    width:92%;
}

.hero-content h1{
    font-size:46px;
}

.hero-image img{
    max-width:450px;
}

.about-grid,
.services-grid,
.product-grid,
.partner-grid,
.projects-grid,
.presence-grid,
.footer-grid{
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

}


/*==================================================
  TABLET (992px and below)
==================================================*/
@media (max-width:992px){

.navbar{
    flex-wrap:wrap;
}

.logo img{
    width:220px;
}

nav ul{
    gap:20px;
}

.hero-container,
.innovation-row,
.about-row{
    flex-direction:column;
    text-align:center;
}

.hero-content,
.hero-image,
.innovation-content,
.innovation-image{
    width:100%;
}

.hero-content h1{
    font-size:40px;
}

.section-title h2{
    font-size:34px;
}

.hero-image img{
    max-width:400px;
}

.about-grid,
.services-grid,
.values-grid,
.product-grid,
.partner-grid,
.projects-grid,
.presence-grid,
.footer-grid{
    grid-template-columns:repeat(2,1fr);
}

.hero-buttons{
    justify-content:center;
}

.org-row{
    flex-wrap:wrap;
    justify-content:center;
}

.org-box{
    width:280px;
}

}


/*==================================================
  MOBILE (768px and below)
==================================================*/
@media (max-width:768px){

.container,
.hero-container{
    width:95%;
}

.navbar{
    flex-direction:column;
    padding:15px 0;
}

.logo img{
    width:180px;
}

nav ul{

    display:flex;
    flex-direction:column;
    width:100%;
    gap:10px;
    align-items:center;

}

nav ul li{

    width:100%;

}

nav ul li a{

    display:block;
    width:100%;
    padding:12px;
    text-align:center;

}
.hero-container,
.innovation-row,
.about-row{
    flex-direction:column;
    text-align:center;
}

.hero-content,
.hero-image,
.innovation-content,
.innovation-image{
    width:100%;
}

.hero-content h1{
    font-size:34px;
}

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

.section-title h2,
.section-heading h2{
    font-size:28px;
}

.hero-image img,
.innovation-image img{
    width:100%;
    max-width:100%;
}

.about-grid,
.services-grid,
.values-grid,
.product-grid,
.partner-grid,
.projects-grid,
.presence-grid,
.footer-grid{
    grid-template-columns:1fr;
}

.hero-buttons{
    flex-direction:column;
    align-items:center;
    gap:15px;
}

.btn-primary,
.btn-secondary{
    width:100%;
    max-width:260px;
}

.org-row{
    flex-direction:column;
    align-items:center;
}

.org-box{
    width:100%;
    max-width:320px;
}

.footer{
    text-align:center;
}

}


/*==================================================
  SMALL MOBILE (480px and below)
==================================================*/
@media (max-width:480px){

.logo img{
    width:150px;
}

.hero-content h1{
    font-size:28px;
    line-height:1.3;
}

.hero-content p{
    font-size:15px;
}

.section-title h2{
    font-size:24px;
}

.btn-primary,
.btn-secondary{
    width:100%;
    font-size:15px;
    padding:12px;
}

.service-card,
.product-card,
.partner-card,
.project-card,
.presence-card{
    padding:20px;
}

}












body{
font-family:'Poppins',sans-serif;
background:#f7f9fc;
color:#333;
}

/* Hero */

.about-hero{
padding:20px 0;
background:linear-gradient(135deg,#0B5ED7,#6610F2);
color:#fff;
}

.hero-tag{
background:#fff;
color:#0B5ED7;
padding:8px 18px;
border-radius:30px;
font-size:14px;
font-weight:500;
display:inline-block;
margin-bottom:20px;
}

.about-hero h1{
font-size:52px;
font-weight:500;
line-height:1.3;
}

.about-hero h1 span{
color:#FFD54F;
}

.about-hero p{
margin:25px 0;
font-size:17px;
line-height:30px;
}

.hero-btn .btn{
padding:14px 35px;
margin-right:15px;
border-radius:50px;
font-weight:500;
}

/* About */

.about-company{
padding:20px 0;
}

.section-tag{
display:inline-block;
background:#eef5ff;
color:#0B5ED7;
padding:8px 18px;
border-radius:30px;
font-weight:500;
margin-bottom:15px;
}

.about-company h2{
font-size:42px;
font-weight:500;
margin-bottom:25px;
}

.about-company p{
line-height:30px;
color:#666;
}

.about-box{
background:#fff;
padding:25px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
text-align:center;
transition:.4s;
margin-top:20px;
}

.about-box:hover{
transform:translateY(-8px);
}

.about-box i{
font-size:35px;
color:#0B5ED7;
margin-bottom:15px;
}

/* Story */

.our-story{
padding:20px 0;
background:#fff;
}

.story-sub{
color:#777;
}

.story-card{
background:#f8f9fa;
padding:35px;
border-radius:20px;
text-align:center;
transition:.4s;
height:100%;
}

.story-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.story-icon{
width:80px;
height:80px;
background:#0B5ED7;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
font-size:30px;
margin-bottom:25px;
}

.story-card h4{
font-weight:500;
margin-bottom:20px;
}

.story-card p{
color:#666;
line-height:28px;
}

/* Responsive */

@media(max-width:992px){

.about-hero{
text-align:center;
}

.about-hero h1{
font-size:38px;
}

.about-company h2{
font-size:32px;
}

.hero-btn{
margin-bottom:40px;
}

}

/*==============================
MISSION SECTION
==============================*/

.mission-section{
padding:20px 0;
background:#f8fbff;
}

.mission-card{
background:#fff;
padding:40px 30px;
border-radius:20px;
text-align:center;
height:100%;
transition:.4s;
box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.mission-card:hover{
transform:translateY(-10px);
}

.mission-icon{
width:90px;
height:90px;
margin:auto;
border-radius:50%;
background:linear-gradient(135deg,#0B5ED7,#6610F2);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:34px;
margin-bottom:25px;
}

.mission-card h3{
font-size:26px;
font-weight:700;
margin-bottom:20px;
}

.mission-card p{
line-height:28px;
color:#666;
}

.value-list{
list-style:none;
padding:0;
margin:0;
}

.value-list li{
padding:10px 0;
border-bottom:1px solid #eee;
font-weight:500;
}

.value-list li:last-child{
border:none;
}

/*==============================
WHY US
==============================*/

.why-us{
padding:20px 0;
background:#fff;
}

.why-card{
background:#fff;
padding:35px;
border-radius:20px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.4s;
height:100%;
border:1px solid #eef2f7;
}

.why-card:hover{
transform:translateY(-12px);
}

.why-card i{
font-size:42px;
color:#0B5ED7;
margin-bottom:20px;
}

.why-card h4{
font-size:22px;
font-weight:500;
margin-bottom:15px;
}

.why-card p{
color:#666;
line-height:28px;
}
/*==============================
STATISTICS
==============================*/

.stats-section{
padding:20px 0;
background:linear-gradient(135deg,#0B5ED7,#6610F2);
color:#fff;
}

.stat-card{
padding:30px;
}

.stat-card h2{
font-size:52px;
font-weight:700;
margin-bottom:10px;
}

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

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

.technology-section{
padding:20px 0;
background:#fff;
}

.tech-card{
background:#f8fbff;
padding:35px;
text-align:center;
border-radius:20px;
transition:.4s;
height:100%;
}

.tech-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.tech-card i{
font-size:48px;
color:#0B5ED7;
margin-bottom:20px;
}

.tech-card h5{
font-weight:500;
margin-bottom:15px;
}

/*==============================
INDUSTRIES
==============================*/

.industry-section{
padding:20px 0;
background:#f7f9fc;
}

.industry-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:18px;
}

.industry-grid span{
background:#fff;
padding:15px 28px;
border-radius:50px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
font-weight:500;
transition:.3s;
}

.industry-grid span:hover{
background:#0B5ED7;
color:#fff;
}

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

.cta-section{
padding:20px 0;
background:linear-gradient(135deg,#0B5ED7,#6610F2);
color:#fff;
}

.cta-section h2{
font-size:42px;
font-weight:500;
margin-bottom:20px;
}

.cta-section p{
font-size:18px;
line-height:30px;
}

.cta-section .btn{
padding:16px 40px;
border-radius:50px;
font-weight:500;
}






/*=========================
SERVICE HERO
=========================*/

.services-hero{

padding:20px 0;

background:linear-gradient(135deg,#0d3b8e,#1827c9,#2b0cff);

overflow:hidden;

color:#fff;

}

.hero-badge{

display:inline-block;

padding:8px 22px;

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

border-radius:30px;

font-weight:500;

margin-bottom:25px;

}

.services-hero h1{

font-size:60px;

font-weight:500;

line-height:1.25;

margin-bottom:25px;

}

.services-hero h1 span{

color:#FFD54F;

}

.services-hero p{

font-size:18px;

line-height:32px;

opacity:.95;

margin-bottom:35px;

}

.hero-buttons .btn{

padding:15px 38px;

border-radius:50px;

margin-right:15px;

font-weight:500;

}

.hero-img{

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

max-width:95%;

}

@keyframes float{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-18px);

}

100%{

transform:translateY(0px);

}

}
/*======================================
SERVICES TIMELINE
======================================*/

.services-timeline{
    padding:20px 0;
    background:#f8f9fd;
}

.timeline-wrapper{
    position:relative;
}

.center-line{
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:5px;
    background:#1b49d4;
    transform:translateX(-50%);
}

/* One Row */

.timeline-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
    margin:90px 0;
}

/* Left Card */

.timeline-row.left{
    flex-direction:row;
}

/* Right Card */

.timeline-row.right{
    flex-direction:row-reverse;
}

/* Card */

.service-content{
    width:40%;
    background:linear-gradient(135deg,#1b49d4,#2d22d4);
    color:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    transition:.4s;
}

.service-content:hover{
    transform:translateY(-10px);
}

.service-content h3{
    font-size:34px;
    font-weight:500;
    margin-bottom:15px;
}

.service-content p{
    font-size:17px;
    line-height:32px;
}

/* White Divider */

.divider{
    width:80px;
    height:5px;
    background:#fff;
    border-radius:50px;
    margin:20px 0;
}

/* Circle */

.circle-image{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:180px;
    height:180px;
    border-radius:50%;
    overflow:hidden;
    background:#fff;
    border:8px solid #dce5ff;
    box-shadow:0 15px 40px rgba(0,0,0,.18);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:20;
}

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

/* Hover */

.timeline-row:hover .circle-image{
    transform:translate(-50%,-50%) scale(1.08);
}

.timeline-row:hover .service-content{
    box-shadow:0 25px 50px rgba(0,0,0,.25);
}

/* Mobile */

@media(max-width:991px){

.center-line{
    left:40px;
}

.timeline-row,
.timeline-row.left,
.timeline-row.right{

    display:block;
    padding-left:100px;
    margin-bottom:80px;

}

.service-content{
    width:100%;
}

.circle-image{

    left:40px;
    top:35px;
    width:100px;
    height:100px;

}

}
/*==========================================
TIMELINE IMAGE
==========================================*/

.circle-image{

    position:absolute;

    left:50%;

    top:50%;

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

    width:180px;

    height:180px;

    background:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

    border:8px solid #dce5ff;

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

    z-index:10;

}

.circle-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    border-radius:50%;

}

.timeline-row{

    position:relative;

    transition:.4s;

}

.timeline-row:hover .circle-image{

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

    transition:.4s;

}
.timeline-row:hover .circle-image{

transform:translateX(-50%) scale(1.08);

}

.timeline-row:hover .service-content{

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

}

/* Circle Image */

.circle-image{

transition:.4s;

}

.circle-image img{

width:110px;

height:auto;

}

/* Responsive */

@media(max-width:991px){

.center-line{

left:40px;

}

.timeline-row{

display:block;

padding-left:100px!important;

padding-right:0!important;

margin-bottom:80px;

}

.service-content{

width:100%;

}

.circle-image{

left:40px;

top:30px;

width:110px;

height:110px;

}

.circle-image img{

width:70px;

}

}
/* WHY CHOOSE */

.why-choose{
padding:20px 0;
background:#ffffff;
}

.why-card{
background:#fff;
padding:40px 30px;
border-radius:20px;
text-align:center;
box-shadow:0 20px 50px rgba(0,0,0,.08);
transition:.4s;
height:100%;
}

.why-card:hover{
transform:translateY(-12px);
}

.why-icon{
width:90px;
height:90px;
background:linear-gradient(135deg,#0057ff,#5127ff);
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
margin:auto auto 25px;
}

.why-icon i{
font-size:34px;
color:#fff;
}

/* COUNTER */

.counter-section{
padding:20px 0;
background:linear-gradient(135deg,#0B3BAA,#2A18F6);
color:#fff;
}

.counter-box h2{
font-size:54px;
font-weight:700;
}

.counter-box p{
font-size:18px;
margin-top:10px;
}

/* TECHNOLOGY */

.tech-stack{
padding:20px 0;
background:#f7f9fc;
}

.tech-list{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:18px;
}

.tech-list span{
padding:14px 28px;
background:#fff;
border-radius:40px;
font-weight:500;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.3s;
}

.tech-list span:hover{
background:#0057ff;
color:#fff;
}

/* CTA */

.cta-section{
padding:20px 0;
background:linear-gradient(135deg,#0B3BAA,#2A18F6);
color:#fff;
}

.cta-section h2{
font-size:44px;
font-weight:500;
margin-bottom:20px;
}

.cta-section p{
font-size:18px;
line-height:32px;
}

.cta-section .btn{
padding:18px 40px;
border-radius:50px;
font-weight:500;
}



h1,h2,h3,h4,h5,h6,span,div{
    font-weight:500;
}
body{
    font-family:'Poppins',sans-serif;
    color:#333;
}
.services-menu{
    position:relative;
}

.services-dropdown{
    position:absolute;
    top:100%;
    left:0;
    width:320px;
    background:#fff;
    list-style:none;
    padding:10px 0;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);

    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.3s;
}

.services-menu:hover .services-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.services-dropdown li a{
    display:block;
    padding:14px 25px;
    color:#2f2f8f;
    text-decoration:none;
    font-weight:500;
}

.services-dropdown li a:hover{
    background:#5b45d8;
    color:#fff;
}
/* Parent */
.dropdown{
    position:relative;
}

/* Dropdown Box */
.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;

    width:300px;
    background:#fff;

    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);

    list-style:none;
    padding:10px 0;

    display:none;
}

/* Show Dropdown */
.dropdown:hover .dropdown-menu{
    display:block;
}

/* One item below another */
.dropdown-menu li{
    display:block;
    width:100%;
}

/* Link */
.dropdown-menu li a{
    display:block;
    padding:15px 25px;
    color:#2d2d8d;
    text-decoration:none;
    font-size:18px;
    font-weight:500;
    transition:.3s;
}

/* Hover */
.dropdown-menu li a:hover{
    background:#5b45d8;
    color:#fff;
}















header.new{
    background-color: #fff;
}




/*=========================
WHATSAPP FLOAT BUTTON
=========================*/

.whatsapp-float{
    position:fixed;
    width:65px;
    height:65px;
    bottom:25px;
    right:25px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    font-size:34px;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    z-index:99999;
    transition:.3s;
}

.whatsapp-float:hover{
    transform:scale(1.1);
    color:#fff;
    background:#20ba5a;
}

.whatsapp-float i{
    margin:0;
}