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

body {
font-family: "Poppins", sans-serif;
 background: #000;
  overflow-x: hidden;

}


a
{
text-decoration: none;
color: #000000;
}

html{
scroll-behavior: smooth;
}


p{
color: #999999;

}

b,strong {
    font-weight: bolder;
    color: #fff !important;
}


header {padding: 20px 10px;position: absolute;width: 100%;top: 0;left: 0;z-index: 100;/* background: #ffffff; *//* box-shadow: 0px 0px 5px #3c3c3c; *//* margin-top: 30px; */backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);/* background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box; *//* background: #FFFFFF 0% 0% no-repeat padding-box; */background-color: #ffffff17;background-repeat: no-repeat;background-position: 0% 0%;opacity: 1;backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);}

.header-container {display: flex;justify-content: space-between;align-items: center;margin: 0 auto;}

/* .header--logo {
margin-left: -25px;
} */

header.sticky {
position: fixed;
top: 0;
z-index: 9999;
}

.right-menu {
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
}


.right-menu ul {display: flex;list-style: none;padding: 0;margin: 0;gap: 10px;}



.right-menu a {text-decoration: none;padding: 15px 20px;font-size: 16px;font-weight: 400;position: relative;color: #fff;}



.right-menu a:hover {color: #C93348;}


.header-button a{
color: #fff;
background: #191919;
border-radius: 22px;
padding: 10px 32px;
margin-left: 15px;
    cursor: pointer;
}


.header--logo a img {
    width: 170px;
}



.header-button a::before {
    position: absolute;
    content: '';
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    border-radius: 23px;
    opacity: 1;
    filter: blur(20px);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}



.header-button a {color: #fff;font-weight: 500;/* background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box; *//* border-radius: 23px; *//* opacity: 1; *//* filter: blur(20px); */}


.header-button a:hover {
color: #fff;
background: #C93348;
}



.toggle-btn {
display: none;
flex-direction: column;
justify-content: space-around;
align-items: center;
height: 30px;
width: 30px;
cursor: pointer;
}


.toggle-btn .bar {
width: 25px;
height: 4px;
background-color: #fff;
border-radius: 3px;
}

.mobile-logo
{
display:none;
}

.close-btn
{
display:none;
}

.right-menu ul li ul.dropdown {position: absolute;top: 40px;left: 15px;width: 300px;background-color: #ffffff;display: none;padding: 0;margin: 0;z-index: 9999;box-shadow: 0 0 65px 0 rgba(0, 0, 0, .1);transition: 0.5s !important;}



.right-menu ul li ul.dropdown li a:hover {color: #ffffff;background: #ff3600;width: 100%;     background: transparent linear-gradient(87deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;}


li.dropdown {
position: relative;
}

 li.dropdown > a::after {content: "\f107";font-family: "FontAwesome";font-style: normal;font-weight: normal;position: absolute;right: 0;color: #fff;font-size: 18px;vertical-align: middle;} 

.right-menu ul li.active > ul.dropdown {
display: block;
}



.right-menu ul li {
position: relative;
}

.right-menu ul li.dropdown:hover > ul.dropdown,
.right-menu ul li ul.dropdown:hover {
display: block;
}


.right-menu ul li.dropdown::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 50px;
background: transparent;
}


.right-menu ul li ul.dropdown li.dropdown-submenu:hover > ul.dropdown-submenu-list,
.right-menu ul li ul.dropdown li ul.dropdown-submenu-list:hover {
display: block;
}


.right-menu ul li ul.dropdown,
.right-menu ul li ul.dropdown li ul.dropdown-submenu-list {
transition: opacity 0.2s ease, visibility 0.2s ease;
opacity: 0;
visibility: hidden;
}



.right-menu ul li.dropdown:hover > ul.dropdown,
.right-menu ul li ul.dropdown:hover,
.right-menu ul li ul.dropdown li.dropdown-submenu:hover > ul.dropdown-submenu-list,
.right-menu ul li ul.dropdown li ul.dropdown-submenu-list:hover {
opacity: 1;
visibility: visible;
}

.right-menu ul li ul.dropdown li a {line-height: 30px;padding: 8px 15px;display: inline-block;     color: #222;}


.bg-home {
    position: relative;
    height: 142vh;
    z-index: 99;
    background: #000000c9;
    display: flex;
    align-items: center;
    padding-top: 0;
}

.bg-home::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('../../assets/image/bg-home.png');
    opacity: 1;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}



.mt-345::before {
   position: absolute;
    content: '';
    background: url(../../assets/image/left-bottom.png);
    bottom: -13px;
    left: -7px;
    height: 276px;
    width: 159px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}




/* HERO BACKGROUND */
.hero {
  height: 100vh;
  width: 100%;
  position: relative;
  background: #000;
}

/* glowing gradient like image */
/*.overlay {*/
/*  position: absolute;*/
/*  inset: 0;*/
/*  background:*/
/*    radial-gradient(circle at 20% 50%, rgba(255,120,0,0.35), transparent 40%),*/
/*    radial-gradient(circle at 70% 40%, rgba(255,0,90,0.25), transparent 45%),*/
/*    radial-gradient(circle at 90% 80%, rgba(0,150,255,0.15), transparent 50%);*/
/*}*/



.overlay::before {
    position: absolute;
    content: '';
    background: url(../../assets/image/right.png);
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 240px;
    width: 240px;
}


/* MAIN CONTENT */
.content {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 80px;
  color: #fff;
}

/* LEFT SIDE */
.left {
  /* max-width: 60%; */
   width: 100%;
  position: relative;
}




.left::after {
    position: absolute;
    content: '';
    background: url(../../assets/image/Path.png);
    top: 80px;
    right: 36%;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
}





.left h4 {
  font-size: 55px;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  font-weight: 700;
}

.line {
  width: 90px;
  height: 2px;
  background: #fff;
  margin-left: 15px;
}

.left h1 {
  font-size: 118px;
  font-weight: 700;
  line-height: 0.95;
  margin: 20px 0;
}

.left h1 span {
  display: block;
}

.left p {
  max-width: 420px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}

.left small {
  color: #fff;
  position: relative;
  top: -156px;
}

/* RIGHT SIDE VIDEO BUTTON */
.right {
    position: absolute;
    right: 8%;
    top: -20px;
}

.video-box {
  display: flex;
  align-items: center;
  gap: 15px;
}



.video-box img {
    width: 130px;
}


/* glowing circle */
.circles {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  /* background: radial-gradient(circle, #ff3c7d, #ff7a00); */

      background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;

  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* play icon */
.play {
  width: 0;
  height: 0;
  border-left: 18px solid white;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

/* text */
.video-box span {
  font-size: 20px;
  color: #ddd;
  line-height: 1.3;
}





.marketing {
  font-size: 110px;
  font-weight: 700;
  margin: 20px 0 10px;
  /*background: linear-gradient(90deg, #ff3c7d, #ff7a00);*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  
      background: transparent linear-gradient(83deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
      -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    opacity: 1;
  
  
}

.solutions {
  font-size: 110px;
  font-weight: 700;
  color: #fff;
  margin-top: 10px;
}


.solutions {
  margin-left: 120px;
}


h1.solutions {
    position: relative;
    left: 250px;
    top: -100px;
}





.solution-image img {
    width: 100%;
}


.text-partner h2 {
    color: #fff;
    font-size: 34px;
}






.client-image {
    height: 100px;
    background: #191919;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease;
}

/* Dono images same jagah pe */
.client-image img {
    position: absolute;
    object-fit: contain;
    transition: opacity 0.3s ease;
        width: auto !important;
}

/* Default state */
.black-logo {
    opacity: 1;
}

.white-logo {
    opacity: 0;
}

/* Hover state */
.client-image:hover {
    background: #ffffff;
}

.client-image:hover .black-logo {
    opacity: 0;
}

.client-image:hover .white-logo {
    opacity: 1;
}


.owl-dots {
    display: none;
}


.garge-heading h2 {
    color: #fff;
    padding-bottom: 30px;
    font-weight: 600;
}



.about-txt span {
    color: #C93348;
    position: relative;
    display: inline-block;
    margin-left: 50px;
}

.about-txt h4 {
    margin-left: 60px;
    color: #fff;
}

.about-txt span::before {
    position: absolute;
    content: '';
    left: -50px;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #C93348;
}

.about-txt h2 {
    color: #fff;
    padding-top: 30px;
    font-size: 36px;
    margin-bottom: 50px;
}

.about-txt p {
    margin-left: 60px;
    line-height: 24px;
    position: relative;
    /* padding-top: 50px; */
}



.about-txt {
    position: relative;
}

.about-txt::before {
    position: absolute;
    content: '';
    left: 15px;
    background: #999999;
    width: 1px;
    top: 166px;
    height: 100%;
}



/*.about-image img {*/
/*    animation: bounce 2s infinite ease-in-out;*/
/*}*/


.about-image,
.shape-about {
    transition: transform 0.6s ease-out, opacity 0.6s ease-out; 
}

.about-image.hide,
.shape-about.hide {
    transform: translateY(-150px);
    opacity: 0;
}



@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px); /* upar jayegi */
  }
}




.shape-about {
    /* text-align: center; */
    position: relative;
    top: -164px;
    left: 116px;
}

/* Apply animation on image */
.shape-about img {
    animation: rotateCircle 10s linear infinite;
}

/* Keyframes */
@keyframes rotateCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}






.explore-button {
    margin-left: 50px;
}

.explore-button a {
    background: #fff;
    padding: 40px 13px;
    border-radius: 50%;
    display: inline-block;
    font-weight: 600;
        margin-top: 15px;
}


.explore-button a:hover {
    background: #C93348;
    color: #fff;
}




.bg-service {
    position: relative;
}

.bg-service::before {
    position: absolute;
    content: '';
    background: url('../../assets/image/service-bg.png');
    right: 1px;
    top: -136px;
    height: 373px;
    width: 224px;
    background-repeat: no-repeat;
    background-size: cover;
    animation: floatImg 7s ease-in-out infinite;
    z-index: -1;
}


.bg-service::after {
    position: absolute;
    content: '';
    background: url(../../assets/image/service-bg2.png);
    left: -45px;
    top: 183px;
    height: 790px;
    width: 150px;
    background-repeat: no-repeat;
    background-size: cover;
    animation: floatImg 7s ease-in-out infinite;
    
    
}


@keyframes floatImg {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(20px);
    }
    100% {
        transform: translateY(0px);
    }
}






.service-heading p {
    color: #C93348;
    font-size: 20px;
    font-weight: 600;
}

.service-heading h3 {
    color: #fff;
        font-size: 36px;
}


.service-card {
 background: #191919;
    /* padding: 30px; */
    margin-top: 50px;
    border-radius: 25px;
    min-height: 510px;
    /* position: relative; */
    overflow: hidden;
}


.service-details p {
    padding: 0 30px;
}

.service-icon img {
    position: relative;
    left: -20px;
        padding-bottom: 10px;
}





.service-icon {
    text-align: end;
}

.service-details {
    color: #fff;
    padding-top: 25px;
}

.service-details h4 {
    font-size: 22px;
       padding: 0 30px;
    color: #ffffffe0;
}

.service-details a {
    color: #ffffffe0;
}


.service-details img {
    width: 100%;
}


.service-card-search {
    background: #191919;
    padding: 40px 37px;
    margin-top: 50px;
    border-radius: 25px;
    height: 460px;
}




.service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(90deg, transparent, #cf3745, transparent);
    background-size: 300% 300%;
    opacity: 0;
    transition: 0.3s;
}

/* Mask to show only border */
.service-card::after {
    content: "";
    position: absolute;
    inset: 2px;
    /* background: #000; */
    border-radius: 18px;
    z-index: 1;
}

/* Content above */
.service-card > * {
    position: relative;
    z-index: 2;
    top: 30px;
}

/* Hover effect */
.service-card:hover::before {
    opacity: 1;
    animation: borderMove 6s linear infinite;
}

/* Animation */
@keyframes borderMove {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 300% 50%;
    }
}





.card-flex {
    display: flex;
}

.txt_Card h4 {
    font-size: 22px;
    padding-bottom: 20px;
    color: #ffffffe0;
}


.txt_Card a {
    color: #ffffffe0;
}

.servicd-box {
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    margin-top: 50px;
    padding: 30px;
    border-radius: 25px;
    height: 462px;
}

.service-detailss h4 {
    font-size: 22px;
    padding-bottom: 20px;
    color: #ffffffe0;
}



.service-detailss a {
    color: #ffffffe0;
}


.service-detailss p {
    color: #fff;
}

.service-detailss img {
    margin: 0 auto;
    display: block;
}



.txt-marguee p {
    /* width: 100%; */
    display: inline-flex;
    margin: 0;
    color: #fff;
    /* padding-top: 7px; */
    align-items: center;
    /* padding-left: 10px; */
    padding: 12px 10px;
    font-size: 20px;
}



.txt-marguee {
    height: 55px;
    background: transparent linear-gradient(269deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
}



.txt-marguee img {
    padding-right: 10px;
}


.blog-heading p {
    color: #C93348;
    font-size: 18px;
    font-weight: 500;
}

.blog-heading h3 {
    font-size: 36px;
    color: #fff;
}

.blog-card img {
    width: 100%;
    margin-top: 25px;
    padding-bottom: 20px;
        height: 230px;
}

.blog-card h4 {
    color: #ffffffe0;
    font-size: 20px;
    font-weight: 400;
 
}

.blog-card a {
    color: #ffffffe0;
 
}





.cursor {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    border-radius: 50%;
    background: transparent;
    pointer-events: none;
    z-index: 111;
    border: 3px solid #C93348;
    transition: all 0.2s ease-out;
    animation: moveCursor1 .5s infinite alternate;
}

.cursor::after {
    content: "";
    width: 6px;
    height: 6px;
    background: #7d1873; /* dot ka color */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.expand {
    background: transparent;
    animation: moveCursor2 .5s forwards;
    border: 1px solid yellow;
}

@keyframes moveCursor1 {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(.8);
    }
}

@keyframes moveCursor2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(2.5);
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}



.testimial-hedaing h3 {
    font-size: 36px;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
}


.testimoail-image {
    display: flex;
    justify-content: center;
    width: 70px;
    margin: 0 auto;
}

.testimoail-image img {width: 100%;}


.testimonial-txt p {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 24px;
    color: #ffffffe0;
    font-weight: 300;
}


.author-image img {
    width: auto !important;
}

.author-flex {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
    gap: 20px;
}

.author.text h4 {
    margin: 0;
    font-size: 20px;
    color: #fff;
}

.author.text p {
    margin: 0;
    padding-top: 2px;
    color: #ffffffe0;
}





/* NEW: section positioning */
.testimonial-section {
    position: relative;
    overflow: hidden;
        z-index: 9;
        padding: 120px;
}

/* Heading */
.testimial-hedaing h3 {
    font-size: 36px;
    color: #fff;
    text-align: center;
    padding-bottom: 10px;
}

/* Top small images row */
.testimoail-image {
    display: flex;
    justify-content: center;
    width: 70px;
    margin: 0 auto;
}
.testimoail-image img {width: 100%;}

/* Text */
.testimonial-txt p {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 24px;
    color: #ffffffe0;
    font-weight: 300;
}

/* Author */
.author-image img {
    width: auto !important;
}
.author-flex {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
    gap: 20px;
}
.author.text h4 {
    margin: 0;
    font-size: 20px;
    color: #fff;
}
.author.text p {
    margin: 0;
    padding-top: 2px;
    color: #ffffffe0;
}

/* ========================= */
/* NEW FLOATING IMAGES STYLE */
/* ========================= */

.float-img {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    /* border: 2px solid #fff; */
}



img.float-img.img2 {
    width: 90px;
}

img.float-img.img1 {
    width: 70px;
}

img.float-img.img3 {}

img.float-img.img6 {
    width: 90px;
}

img.float-img.img4 {
    width: 80px;
}


/* Different animations per image */
.img1 {top: 20%;left: 11%;animation: floatY 4s ease-in-out infinite;}
.img2 {top: 50%;left: 0%;animation: floatX 5s ease-in-out infinite;}
.img3 {bottom: 5%;left: 10%;animation: floatDiagonal 6s ease-in-out infinite;}

.img4 { top: 20%; right: 5%; animation: floatXReverse 5s ease-in-out infinite; }
.img5 {top: 50%;right: 16%;animation: floatYSlow 7s ease-in-out infinite;}
.img6 {bottom: 15%;right: 0%;animation: floatDiagonalReverse 6s ease-in-out infinite;}



/* OPTIONAL FLOAT ANIMATION */
/* .float-img {
    animation: float 5s ease-in-out infinite;
} */

/* @keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-50px); }
    100% { transform: translateY(0px); }
} */


/* Animations */

/* Up Down */
@keyframes floatY {
    0% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
    100% { transform: translateY(0); }
}

/* Left Right */
@keyframes floatX {
    0% { transform: translateX(0); }
    50% { transform: translateX(12px); }
    100% { transform: translateX(0); }
}

/* Reverse Left Right */
@keyframes floatXReverse {
    0% { transform: translateX(0); }
    50% { transform: translateX(-12px); }
    100% { transform: translateX(0); }
}

/* Slow Up Down */
@keyframes floatYSlow {
    0% { transform: translateY(0); }
    50% { transform: translateY(-18px); }
    100% { transform: translateY(0); }
}

/* Diagonal */
@keyframes floatDiagonal {
    0% { transform: translate(0, 0); }
    50% { transform: translate(10px, -10px); }
    100% { transform: translate(0, 0); }
}

/* Reverse Diagonal */
@keyframes floatDiagonalReverse {
    0% { transform: translate(0, 0); }
    50% { transform: translate(-10px, -10px); }
    100% { transform: translate(0, 0); }
}






.testimonial-section::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: url('../../assets/image/bg-testimonial.png');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
        background-attachment: fixed;
}



.heading-work {
    text-align: center;
}

.heading-work p {
    color: #C93348;
    font-size: 20px;
    font-weight: 500;
    padding: 22px 0;
}

/*.heading-work h3 {*/
/*     font-size: 110px;*/
/*    color: #fff;*/
/*    width: 80%;*/
/*    margin: 0 auto;*/
/*    font-weight: 700;*/
/*    line-height: 115px;*/
/*}*/


.heading-work h3 {
    font-size: 70px;
    color: #fff;
    width: 80%;
    margin: 30px auto;
    font-weight: 700;
    line-height: 74px;
}


.bg-work {
    position: relative;
    z-index: 9;
    overflow: hidden;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
        padding: 30px;
}



.blog-bg {
    background: #0E0E0E;
    padding:100px;
}



.bg-work::before {
  position: absolute;
    content: '';
    top: 40px;
    left: -60px;
    background: url(../../assets/image/tyres.png);
    height: 300px;
    width: 320px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    animation: rotateCircle 20s linear infinite;
} 



.bg-work::after {
    position: absolute;
    content: '';
    bottom: 50px;
    right: -50px;
    background: url(../../assets/image/tyres.png);
    height: 300px;
    width: 320px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    animation: rotateCircle 20s linear infinite;
}




.txt-who p {
    color: #C93348;
    font-size: 20px;
    font-weight: 600;
}

.who-txt h3 {
    font-size: 36px;
    color: #fff;
    width: 90%;
}


.who-we-image img {
    width: 100%;
    margin-top: 40px;
}


.blogquote-card {
    margin-top: 50px;
    background: #191919;
    padding: 30px;
    display: flex;
    gap: 25px;
    align-items: center;
    border-radius: 20px;
}

.blogquote-txt p {
    margin: 0;
}



.blogquote-txt-to {
    margin-top: 63px;
}

.blogquote-txt-to p {
    margin: 0;
    line-height: 22px;
    width: 100%;
}


#counter {
    text-align: center;
    display: flex;
    /* align-items: center; */
    /* justify-content: end; */
    width: 100%;
    margin-left: 40px;
}


#counter .item {
    text-align: left;
    /* opacity: 0.1; */
    display: flex;
    margin-top: 40px;
    gap: 10px;
    position: relative;
}


#counter .item .count {
    margin-bottom: 5px;
    font-size: 60px;
    /* padding-left: 44px; */
    font-weight: 300;
    color: #fff;
    font-size: 120px;
}

#counter .item p {
    margin: 0;
    padding-top: 70px;
    width: 46%;
}



#counter .item::before {
    position: absolute;
    content: '';
    background: transparent linear-gradient(90deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 100%;
    height: 6px;
    bottom: 8px;
}


.video-wrapper {
    width: 100%;
    /* overflow: hidden; */
    position: relative;
    height: 500px;
}


.video-wrapper video {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 20px;
        display: block;
}




.video-wrapper::before {
    content: '';
    position: absolute;
    inset: 0; /* shortcut for top/left/right/bottom */
    z-index: 2;
    pointer-events: none; /* important */
      background: rgb(0 0 0 / 42%);
}















.bg-darks {
    position: relative;
}

/* MAIN MAGIC */
.stack-item {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
}

/* Background */
.bg-blacks {
    padding: 50px;
    color: #fff;
    background: #191919;
    width: 100%;
    border-radius: 30px;
    border: 1px solid #ffffff33;
    margin-top: 0px;
}

/* Text styling */
.work-heading h3 {
    font-size: 42px;
    line-height: 44px;
} 

.work-heading p {
    padding-top: 30px;
}

.work-detail a {
    color: #fff;
    background: #36b3b3;
    padding: 13px 30px;
    border-radius: 10px;
}

.work-detail h4 {
    margin-bottom: 50px;
}

/* STACK ORDER */
.stack-item:nth-child(1) { z-index: 1; }
.stack-item:nth-child(2) { z-index: 2; }
.stack-item:nth-child(3) { z-index: 3; }
.stack-item:nth-child(4) { z-index: 4; }
.stack-item:nth-child(5) { z-index: 5; }



.work-button a {
    color: #fff;
    background: #FFFFFF1C 0% 0% no-repeat padding-box;
    border: 1px solid #E35344;
    border-radius: 23px;
    opacity: 1;
    padding: 10px 25px;
    margin-top: 20px;
    display: inline-block;
}





.bg-we {
    padding: 100px;
}












.process-heading p {color: #C93348;font-weight: 500;margin: 0;}

.process-heading p:last-child {
    color: #999999;
    font-weight: 300;
    width: 70%;
    margin: 0 auto;
        padding-bottom: 35px;
}

.process-heading h3 {
    font-size: 36px;
    color: #fff;
    padding-top: 14px;
}




.process-bg {
    background: url('../../assets/image/process-bg.png');
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    overflow: hidden;
    z-index: 99;
        padding: 130px;
}

.process-card {
    background: url('../../assets/image/card-bg.png');
    background-repeat: no-repeat;
    padding: 20px;
    background-size: cover;
    text-align: center;
    border-radius: 20px;
    margin-top: 20px;
        height: 100%;
}

.process-txt h4 {
    color: #fff;
    font-size: 18px;
}


.process-txt a {
    color: #fff;
}



.process-bg::before {
    position: absolute;
    content: '';
    background: url('../../assets/image/about-circle.png');
    background-repeat: no-repeat;
    top: 20px;
    left: -65px;
    height: 180px;
    width: 180px;
    background-size: contain;
    animation: rotateCircle 10s linear infinite;
}


.process-bg::after {
    position: absolute;
    content: '';
    background: url('../../assets/image/tyres.png');
    background-repeat: no-repeat;
    bottom: 20px;
    right: -40px;
    height: 230px;
    width: 230px;
    background-size: contain;
    animation: rotateCircle 10s linear infinite;
    z-index: -1;
}





/* STEP LINE */
.process-steps {
  position: relative;
  margin-bottom: 60px;
}

.step-line {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #444, #888, #444);
}

/* STEP TAGS */
.step-item {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #ff4d79, #ff6a3d);
  color: #fff;
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 20px;
  font-weight: 500;
  box-shadow: 0 5px 15px rgba(255, 80, 120, 0.3);
}

/* POSITION EACH STEP */
.step-1 { left: 12.5%; }
.step-2 { left: 37.5%; }
.step-3 { left: 62.5%; }
.step-4 { left: 87.5%; }

/* SMALL VERTICAL LINE */
.step-item::after {
  content: "";
  position: absolute;
  bottom: -49px;
  left: 50%;
  width: 2px;
  height: 50px;
  background: #888;
  transform: translateX(-50%);
}













.footer-logo {
    text-align: center;
    margin-bottom: 50px;
}

.footer-list h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 15px;
    position: relative;
}

.footer-list ul li {
    list-style: none;
}

.footer-list ul li a {
    color: #ffffffe0;
    font-weight: 300;
    line-height: 26px;
    font-size: 14px;
}

.footer-list ul {
    margin: 0;
    padding: 0;
}

.footer-list h4::after {
    position: absolute;
    content: '';
    bottom: 5px;
    background: #C93348;
    width: 100%;
    height: 2px;
    left: 0;
}




footer.bg-footer::before {
    position: absolute;
    content: '';
    background: url('../../assets/image/footerbg.png');
    top: 0;
    left: 0;
    height: 100%;
    width: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    /*background-position: center;*/
}

footer.bg-footer {
    position: relative;
    z-index: 9;
    padding: 50px;
}

.bg-footer-to {
    background: url('../../assets/image/footerbg2.png');
    padding: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: center;*/
    border-radius: 50px;
}

.footer-list.pt-45 {
    padding-top: 46px;
}

.footer-list p {
    font-size: 14px;
    color: #ffffffe0;
    line-height: 22px;
        font-weight: 300;
}


.footer-logo img {
    width: 220px;
}


.footer-bottom {
    display: flex;
    gap: 10px;
    /*width: 60px;*/
}

.footer-bottom img {
    width: 100%;
}



/*.disclaimer-txt {*/
/*    text-align: center;*/
/*    position: relative;*/
/*}*/


.disclaimer-txt {
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 30px;
}


.disclaimer-details p {
    color: #ffffffe0;
    padding-top: 18px;
    font-size: 14px;
}



.disclaimer-details p {
    color: #ffffffe0;
    padding-top: 18px;
    font-size: 14px;
    padding-bottom: 15px;
}

.disclaimer-details a {
    color: #fff;
    border: 1px solid #fff;
    padding: 7px 25px;
    border-radius: 20px;
}

.disclaimer-details a:hover {
    background: #d83e42;
    color: #fff;
}


.disclaimer-txt::before {
        position: absolute;
        content: '';
        top: 18px;
        background: #C93348;
        width: 42%;
        height: 2px;
        left: 0;
}

.disclaimer-txt::after {
    position: absolute;
    content: '';
    top: 18px;
    background: #C93348;
    width: 42%;
    height: 2px;
    right: 0;
}

.disclaimer-txt p {
    color: #ffffffe0;
    font-size: 14px;
    padding-top: 30px;
    text-align: left;
}



.disclaimer-txt a {
    text-align: left;
    display: block;
    color: #fff;
    border: none;  
    /*width: 11%;*/
    /*padding: 8px 20px;*/
    /*border-radius: 15px;*/
}



.flex-copyright {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}

.flex-copyright p {
    margin: 0;
    color: #FFFFFF;
}




.mouse-image {
  position: relative;
  width: 200px;  /* apne image size ke hisaab se adjust karo */
  height: 200px;
      margin: 0 auto;
    top: -25px;
}

.mouse-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



/* Circle animation */


.circle {
  animation: rotateCircles 15s linear infinite;
}

/* Mouse static center */
.mouse {
  width: 40px; /* adjust as needed */
  z-index: 2;
}

/* Rotation animation */

@keyframes rotateCircles {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}






.mt-345
{
     margin-top: -244px;
    position: relative;
    z-index: 999;
}



.solution-image {
    position: absolute;
    right: 0;
    top: 0;
}







.typewriter {
  font-size: 118px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
 /* cursor */
  /*width: 0;*/
  /*animation: typing 4s steps(20, end) forwards, blink 0.7s infinite;*/
}

/* typing animation */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* cursor blinking */
@keyframes blink {
  50% { border-color: transparent }
}



 .review-box {
    display: inline-block;
    margin-left: 40px;
    padding-top: 16px;
  }

  .avatars {
    display: flex;
    align-items: center;
  }

  .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #000;
    object-fit: cover;
    margin-left: -15px;
  }

  .avatar:first-child {
    margin-left: 0;
  }

  .more {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    margin-left: -15px;
    border: 3px solid #000;
  }

  .text {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
  }

  .text span {
    font-weight: bold;
  }











    /* MODAL */
    .modal {
      display: none;
      position: fixed;
      z-index: 999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.85);
    }

    .modal-content {
      position: relative;
      width: 80%;
      max-width: 800px;
      margin: 8% auto;
    }

    .modal-content iframe {
      width: 100%;
      height: 450px;
      border-radius: 10px;
    }

    .close {
      position: absolute;
      top: -35px;
      right: 0;
      font-size: 30px;
      color: #fff;
      cursor: pointer;
    }


/* .global {
    background: url('../../assets/image/global.png');
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 535px;
    height: 528px;
    margin: 0 auto;
} */



.global {
    position: relative;
    margin: 0 auto;
}


/* Background image ko alag layer pe daal diya */
.global::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../../assets/image/global.png) no-repeat center / cover;
    border-radius: 50%;
    height: 580px;
    width: 580px;
    top: 0;
    animation: rotateCircle 10s linear infinite;
    z-index: -1;
    margin: 0 auto;
}




.global h3 {
    position: relative;
    font-size: 50px;
    /* z-index: 1; */
    font-weight: 700;
    /* text-align: center; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* position: absolute; */
    top: 136px;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
}




.global h3 {
    position: relative;
    z-index: 1;
    /* text-align: center; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
}




.global h3 {
    text-align: center;
    color: #fff;
    /*font-size: 50px;*/
    /* padding-top: 165px; */
    width: 60%;
    margin:0 auto;
    /*position: absolute;*/
    /* top: 49%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    /* font-weight: 600; */
}








@keyframes rotateCircle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}





.digital-heading h2 {
    /*font-size: 120px;*/
        font-size: 62px;
    color: #fff;
    font-weight: 600;
    font-weight: 700;
}


.digital-heading h3 {
    color: #fff;
    /*font-size: 80px;*/
    font-size: 40px;
    font-weight: 700;
}


.bg-dital {
    position: relative;
    background: url(../../assets/image/digital-bg.png);
    background-repeat: no-repeat;
    z-index: 9;
    background-size: cover;
    background-attachment: fixed;
    padding: 90px;
    display: flex;
    align-items: center;
    z-index: 9;
}



.bg-dital::before {
    position: absolute;
    content: '';
    background: #00000075;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}


.circle-btn {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
  opacity:1;
  color: white;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;

  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.circle-btn .arrow {
  font-size: 33px;
    margin-top: -10px;
}

/*.circle-btn:hover {*/
/*  transform: scale(1.05);*/
/*  transition: 0.3s ease;*/
/*}*/


button.circle-btn {
       margin: 0 auto;
}


button.circle-btns {
    /*display:none;*/
        margin: 0 auto;
}


.circle-btns {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
  opacity:1;
  color: white;
   margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;

  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}

.circle-btns .arrow {
  font-size: 33px;
    margin-top: -10px;
}




.banner-about {
    position: relative;
    text-align: center;
    padding: 50px 0;
    color: #fff;
    background: url(../../assets/image/about-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 9;
    margin-top: 80px;
}


.banner-about::before {
    position: absolute;
    content: '';
    background: url(../../assets/image/right.png);
    top: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 130px;
    width: 130px;
}


.banner-about p {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
}

.banner-about h1 {
    font-size: 42px;
    font-weight: 600;
}

.banner-about .font-size-18 {
    font-size: 18px;
}

nav.breadcrumb-nav {
    display: flex;
    /* justify-content: center; */
    position: relative;
    top: 60px;
    left: 190px;
}

nav.breadcrumb-nav ol {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    padding: 0;
}

nav.breadcrumb-nav ol li {
    list-style: none;
    font-size: 16px;
}

nav.breadcrumb-nav ol li a {
    color: #fff;
}


.not-found-txt.text-center h2 {
    color: #fff;
    font-size: 36px;
    padding-top: 30px;
}

.not-found-txt.text-center p {
    color: #848484;
}

.not-found-txt.text-center a {
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    color: #fff;
    padding: 12px 25px;
    margin-top: 5px;
    display: inline-block;
}


.privacy-policy-txt h2 {
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    padding-bottom: 15px;
        margin: 0;
}

.privacy-policy-txt h3 {
    color: #fff;
    padding: 20px 0;
    margin: 0;
}

.privacy-policy-txt ul li {list-style: none;color: #999999;padding: 5px 0;position: relative;}

.privacy-policy-txt ul li::before {
    position: absolute;
    content: '';
    left: -20px;
    top: 10px;
    height: 10px;
    width: 10px;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    border-radius: 50%;
}

.privacy-policy-txt ul {
    margin: 0;
    padding-left: 20px;
}



.lets-talk p {
    color: #fff;
    margin: 0;
}

.lets-talk h2 {color: #fff;}

.contact-txt p {
    margin: 0;
    font-size: 18px;
}




.contact-form {
    background: #191919;
    padding: 20px;
    border-radius: 15px;
    margin-top: 30px;
}

.contact-form .field label {
    color: #ffffff;
    padding: 10px 15px;
}

.contact-form .field input {
    width: 100%;
    height: 50px;
    margin-bottom: 16px;
    padding: 0 20px;
    border: none;
    outline: none;
    border-radius: 5px;
    background: #0D0D0D;
    color: #fff;
}

.contact-form .field textarea {
    width: 100%;
    height: 150px;
    margin-bottom: 16px;
    padding: 15px 20px;
    outline: none;
    border-radius: 15px;
    border: none;
    background: #0D0D0D;
    color: #fff;
}

.contact-form .field-button input {
    padding: 10px 40px;
    outline: none;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
}


.form-control::placeholder {
  color: #ffffffa8;
  opacity: 1;
}


.carrer-form .field input::placeholder {
    color: #ffffffa8;;
    opacity: 1;
}



.carrer-form .field textarea::placeholder {
    color: #ffffffa8;;
    opacity: 1;
}



.talk-form .field input::placeholder

 {
       color: #ffffffa8;;
    opacity: 1;
}


.talk-form .field textarea::placeholder

 {
       color: #ffffffa8;;
    opacity: 1;
}





.contact-form .field-row {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.contact-image img {
    width: 100%;
    height: 530px;
    object-fit: cover;
    border-radius: 20px;
    margin-top: 30px;
}



.contact-box {
    text-align: center;
    background: #191919;
    padding: 30px;
    border-radius: 20px;
    height: 100%;
}

.contact-box-txt p {
    color: #fff;
    /*padding-top: 20px;*/
    margin: 0;
}

.contact-box-txt a {
    color: #fff;
}


.contact-txts a {
    color: #fff;
    font-size: 36px;
}



.contact-icon img {
    margin-bottom: 20px;
}


.service-inner-heading h2 {
    text-align: center;
    color: #fff;
    font-size: 36px;
    width: 55%;
    margin: 0 auto;
}



.post-meta ul li {
    list-style: none;
    color: #999999;
}

.post-meta ul {
    display: flex;
    gap: 15px;
    margin: 0;
    padding: 0;
 
}



.post-meta ul li i {
    padding-right: 5px;
}


.development-image img {
    width: 100%;
}

.devepment_txt h2 {
    color: #fff;
    padding-top: 30px;
}

.devepment_txt h4 {
    font-size: 16px;
    color: #fff;
}

.devepment_txt p {
    padding-top: 10px;
}


.service-sidebar {
    background: #191919;
    color: #fff;
    border-radius: 15px;
}

.sidebar-heading {
    padding: 16px;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    border-radius: 15px;
}

.sidebar-heading h3 {
    margin: 0;
    font-size: 24px;
}

.sidebar-list {
        padding: 15px 40px;
}

.sidebar-list a {
    color: #fff;
    line-height: 36px;
    position: relative;
}

.sidebar-list p {
    margin: 0;
}

.sidebar-list a::before {
    position: absolute;
    content: '';
    left: -20px;
    top: 8px;
    height: 8px;
    width: 8px;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    border-radius: 50%;
}


.sidebar-list a:hover {
    color: #d43b43;
}

.development_points h3 {
    color: #fff;
    padding-top: 10px;
}

.development_points ul li {
    list-style: none;
    color: #fff;
    position: relative;
    padding: 8px 0;
}

.development_points ul li::before {
    position: absolute;
    content: '';
    left: -20px;
    top: 17px;
    height: 7px;
    width: 7px;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    border-radius: 50%;
}

.development_points p {
    padding-top: 10px;
}

.development-box {
    background: #191919;
    padding: 20px 20px;
    text-align: center;
    margin-top: 20px;
    border-radius: 20px;
    height: 100%;
}

.development-box h4 {
    color: #fff;
    font-size: 20px;
    padding-top: 30px;
}


.desgin_txt h3 {
    color: #fff;
    font-size: 30px;
    padding-top: 10px;
}

.grid-box {
    display: grid;
    grid-template-columns: repeat(6, 1fr);

    text-align: center;
    gap: 15px;
        margin-top: 20px;
}

.indusrtries-txt {
    background: #191919;
    padding: 50px;
    border-radius: 20px;
}

.indusrtries-txt p {
    margin: 0;
        color: #fff;
    padding-top: 10px;
}


section.bg-method {
    position: relative;
    background: url('../../assets/image/bg-method.png');
   padding:70px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    z-index: 9;

}

section.bg-method::before {
    position: absolute;
    content: '';
    background: #000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0.73;
}

.method-txt.text-center h3 {
    color: #fff;
        font-size: 36px;
}

.method-box {
    background: #0d0d0da3;
    text-align: center;
    padding: 40px;
    border-radius: 20px;
    height: 100%;
        margin-top: 20px;
}

.discover_icon h4 {
    color: #fff;
        font-size: 20px;
    padding-top: 15px;
}


.industires_heading h3 {
    color: #fff;
}

.portfolio_image img {
    width: 100%;
        border-radius: 20px;
}

.flex_Port {
    display: flex;
    gap: 30px;
    align-items: center;
}

.flex_Port div {
    font-size: 72px;
    color: #373737;
}

.portfolio_card {
    background: #191919;
    padding: 15px;
    border-radius: 20px;
        margin-top: 25px;
}


.about-sidebar h4 {
    color: #fff;
    font-size: 18px;
    padding-bottom: 20px;
}


.heading-mission h3 {
    font-size: 36px;
    color: #fff;
}


.grid-mission {
    display: grid;
    grid-template-columns: repeat(15, auto);
    margin-top: 40px;
}

.flex_mission {
    border: 1px solid #6E0D45;
    padding: 30px;
    width: 400px;
    border-radius: 20px;
    display: flex;
    gap: 20px;
}

.vision_txt h4 {
    color: #fff;
    font-size: 20px;
}

.vision_txt p {
    color: #ABABAB;
}


.bg-mission {
    position: relative;
    background: url('../../assets/image/mission_bg.png');
    padding: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    
}



.servicd-boxx {

    margin-top: 50px;
    padding: 30px;
    border-radius: 25px;
    height: 470px;
    background: #191919;
}


.work_details h4 {
    color: #C93348;
    font-weight: 600;
}

.work_details h2 {
    font-size: 36px;
    color: #fff;
}


.choose_heading.text-center h3 {
    color: #fff;
    font-size: 36px;
}



.choose_grid {
    display: grid;
    grid-template-columns: repeat(5, auto);
    gap: 20px;
}

.choose-icon img {
    width: 80px;
    position: relative;
    top: -64px;
}

.choose_box {
    background: #191919;
    padding: 30px;
    border-radius: 20px;
    margin-top: 80px;
}

.choose_details {
    margin-top: -45px;
}

.choose_details h4 {
    color: #fff;
    font-size: 18px;
    width: 60%;
    margin: 0 auto;
    padding-bottom: 15px;
}



.choose_bg {
    position: relative;
    background: url('../../assets/image/process-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}




.talk-form {
    /* padding: 20px; */
}

.talk-form .field-row {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}


.talk-form .field input {
    width: 100%;
    height: 50px;
    margin-bottom: 16px;
    padding: 0 20px;
    outline: none;
    border-radius: 20px;
    background: none;
    color: #fff;
    border: 1px solid #707070;
}



.talk-form .field {
    width: 100%;
}


.talk-form .field-button input {
    padding: 10px 40px;
    outline: none;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
}

.talk-form  .field textarea {
    width: 100%;
    height: 105px;
    margin-bottom: 16px;
    padding: 8px 20px;
    outline: none;
    border-radius: 20px;
    background: none;
    color: #fff;
    border: 1px solid #707070;
}



.lets-talk-detail h3 {
    font-size: 46px;
    color: #fff;
}


.bg-talk {
    background: url('../../assets/image/lets-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 0 60px;
    border-radius: 50px;
}


.global-star {
    position: absolute;
    right: -142px;
    animation: rotateCircles 15s linear infinite;
    
}
    
    
    
    .checkbox-group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.custom-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
}

/* Hide default checkbox */
.custom-checkbox input {
  display: none;
}

/* Custom box */
.checkmark {
  width: 25px;
  height: 25px;
  border-radius: 4px;
  background: #2f2f2f;
  border: 1px solid #2f2f2f;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
}

/* Hover effect */
.custom-checkbox:hover .checkmark {
  border-color: #555;
}

/* Checked state */
.custom-checkbox input:checked + .checkmark {
  background: #da4142;
  border-color: #da3f41;
  box-shadow: 0 0 6px rgba(79, 70, 229, 0.6);
}

/* Tick mark */
.checkmark::after {
  content: "";
  position: absolute;
  display: none;
}

.custom-checkbox input:checked + .checkmark::after {
  display: block;
}

.custom-checkbox .checkmark::after {
left: 8px;
    top: 7px;
    width: 8px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.contact-form .field {
    width: 100%;
}


.carrer-form {
    padding: 20px;
    border-radius: 15px;
    margin-top: 30px;
    background: #191919;
}

.carrer-form .field-row {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.carrer-form .field label {
    color: #ffffff;
    padding: 10px 15px;
    font-size: 18px;
}


.carrer-form .field input {
    width: 100%;
    height: 50px;
    margin-bottom: 16px;
    padding: 0 20px;
    border: none;
    outline: none;
    border-radius: 5px;
    background: #2f2f2f;
    color: #fff;
}

.carrer-form .field  {
    width: 100%;

}

.checkbox-txt h3 {
    color: #fff;
    font-size: 20px;
    padding: 15px 0;
}


.carrer-form .field textarea {
    width: 100%;
    height: 150px;
    margin-bottom: 16px;
    padding: 15px 20px;
    outline: none;
    border-radius: 15px;
    border: none;
    background: #2f2f2f;
    color: #fff;
}


.carrer-form .field-button input {
    padding: 10px 40px;
    outline: none;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
}




.bank_detail td, th {
  border: 1px solid #2f2f2f;
  text-align: left;
  padding: 8px;
  color: #848484;
}



.bank_detail table {
    background: #191919;
    margin-top: -8px;
    border-collapse: collapse;
  width: 100%;
}

.bank_detail h3 {
    background: transparent linear-gradient(87deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    font-size: 18px;
    padding: 10px;
}


.payment-txt h3 {
    color: #fff;
}

.pay-txt h3 {
    font-size: 36px;
    color: #fff;
}



.privacy-policy a {
    color: #fff;
}

.privacy-policy {
    display: inline-flex;
    gap: 10px;
    position: relative;
}

.footer-copyright p {
    color: #fff;
    margin: 0;
}



.field-row {
  display: flex;
  gap: 20px;
}

.field {
  flex: 1;
}

label {
  display: block;
  margin-bottom: 8px;
  color: #ccc;
  font-size: 14px;
}

/* Hide default file input */
.file-upload input {
  display: none;
}

.upload-box {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #1e1e1e;
  border-radius: 8px;
  padding: 14px;
  cursor: pointer;
  color: #aaa;
  border: 1px solid #333;
  transition: 0.3s;
}

.upload-box:hover {
  border-color: #ff4d6d;
}

.icon {
  /* background: #2b2b2b; */
  padding: 7px 15px;
  border-radius: 6px;
  /* color: #ff4d6d; */
  background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
}

.text {
  font-size: 14px;
}


/*body.bg-get {*/
/*    position: relative;*/
/*    height: 100vh;*/
/*    z-index: 99;*/
/*    background: #000000c9;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*body.bg-get::before {*/
/*    position: absolute;*/
/*    content: '';*/
/*    top: 0;*/
/*    left: 0; */
/*    height: 100%;*/
/*    width: 100%;*/
/*    background: url(../../assets/image/bg-home.png);*/
/*    opacity: 1;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    z-index: -1;*/
/*}*/







.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-box {
    background: #1e1e1e;
    padding: 25px;
    width: 100%;
    border-radius: 8px;
    position: relative;
        height: 100vh;
    display: flex;
    align-items: center;
        z-index: 9;
}


.popup-box::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../../assets/image/bg-home.png);
    opacity: 1;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.popup-box h3 {
    color: #fff;
    margin-bottom: 20px;
    padding-top: 35px;
    font-weight: 600;
}

.popup-field {
    margin-bottom: 15px;
}

.popup-field label {
    color: #55b24f;
    font-size: 13px;
}

.popup-field input {
    width: 100%;
    padding: 8px;
    border: 1px solid #444;
    color: #000000;
    border-radius: 4px;
    background: #ffffff;
    outline: none;
}

.submit-btn {
    width: 30%;
    padding: 10px;
    background: linear-gradient(to right, #8bc34a, #4caf50);
    border: none;
    color: #fff;
    font-size: 15px;
    border-radius: 6px;
    cursor: pointer;
}

.close-btnn {
    position: absolute;
    top: 8px;
    right: 5%;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
}


.popup-heading h2 {
      color: #ffff;
    font-size: 36px;
}

.popup-heading p {
      padding-bottom: 90px;
    /* margin: 0; */
    color: #999999;
    
}

.popup-heading a {
    color: #55b24f;
    font-size: 30px;
    font-weight: 700;
}



.flex_popup {
    display: flex;
    align-items: center;
    background: #55b24f;
    margin-top: 22px;
}

.flex_popup p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}

.flex_popup span {
    font-size: 32px;
    font-weight: 700;
}


.popup_cnt_details {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
    position:relative;
}




.popup_cnt_details::before {
    position: absolute;
    content: '';
    border-bottom: 1px solid #999999;
    bottom: -15px;
    width: 100%;
    height: 100%;
        z-index: -1;
}


.popup_cnt_details:last-child::before {
    display: none;
}

.popup_cnt_details a {
    color: #fff;
}



.popup-heading {
    position: relative;
}

.popup-heading::after {
    position: absolute;
    content: '';
    top: 120px;
    left: -33px;
    background: url('../../assets/image/say-hello.png');
    height: 120px;
    width: 120px;
    background-repeat: no-repeat;
    background-size: contain;
}





.popup_cnt_details p {
    margin: 0;
     font-size: 32px;
}

p.add-pop {
    font-size: 16px;
}



.thankyou-image {
    text-align: center;
}

.thankyou-button {
    text-align: center;
}

.thankyou-button a {
color: #fff;
    padding: 12px 40px;
    margin-top: 25px;
    display: inline-block;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
}


.blog-sidebar h2 {
    color: #fff;
    padding-top: 30px;
}

.blog-sidebar h4 {
    font-size: 16px;
    color: #fff;
}


.blog-sidebar h5 {
    font-size: 16px;
    color: #fff;
}

.blog-sidebar p {
    padding-top: 10px;
}

.blog-sidebar h3 {
    color: #fff;
    padding-top: 10px;
}

.blog-sidebar ul li {
    list-style: none;
    color: #fff;
    position: relative;
}

.blog-sidebar li::before {
    position: absolute;
    content: '';
    left: -20px;
    top: 5px;
    height: 10px;
    width: 10px;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    border-radius: 50%;
}



.search-container-blog {
    margin-bottom: 18px;
    background-color: #191919;
    border-radius: 15px;
    display: flex;
    align-items: center;
    padding: 6px 20px;
    height: 60px;
}

.search-container-blog input {
    border: none;
    outline: none;
    flex: 1;
    padding: 10px;
    font-size: 16px;
    border-radius: 12px;
    /* box-shadow: 0px 0px 12px #00000029; */
    background: none;
    color: #fff;
}

.search-container-blog .search-button {
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
    color: #fff;
    padding: 10px 15px;
    right: 163px;
    text-transform: uppercase;
    position: absolute;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
}

.search-container-blog .search-button i {
    padding-right: 10px;
    font-size: 18px;
}


.recent-box-bg.position-sticky {
    position: sticky;
    top: 0;
}

.recent-box-bg {
    background: #191919;
    padding: 0px;
}

.recent-heading h4 {
       font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    border-radius: 6px;
    padding: 15px 20px;
}


.main-flex-blog {
     display: flex;
    align-items: center;
    gap: 20px;
    background: border-box;
    border-radius: 10px;
    padding: 10px 14px;
    position:relative;
}


.recent-detail-txt img {
    width: 100px;
    height: 100%;
}



ul.pagination {
    display: flex;
    justify-content: center;
    margin-top: 38px;
}




ul.pagination li a {
    background: #dc4746;
    border-color: #000;
    color: #fff;
}



.main-flex-blog::before {
    position: absolute;
    content: '';
    background: #6a6a6a59;
    bottom: -2px;
    height: 1px;
    width: 100%;
    left: 0;
}

.blog-recent-txt p {
    margin: 0;
    color: #fff;
    font-weight: 500;
}



.admin_detail i {
    padding-right: 10px;
}

.admin_detail p {
    color: #999999;
    font-weight: 400;
}

.blog-recent-txt p a {
    color: #fff;
}




.faq-heading h3 {
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}

.accordion-item {
    border-radius: 20px;
    margin-bottom: 30px;
}

.accordion-header button {
    /* border-radius: 5px !important; */
    background: none !important;
}

.accordion-header button div {
    font-weight: 500;
    color: #fff;
}

.accordion-button:not(.collapsed)::after {
    content: '-';
    position: absolute;
    right: 20px;
    color: #ffffff;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-weight: 600;
    background: none;
}


.accordion-button::after {
    background-image: none;
    content: '+';
    position: absolute;
    right: 20px;
    color: #ffffff;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-weight: 600;
}

button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-item {
    border: none;
    border-radius: 6px !important;
    background: #222222;
    box-shadow: 0px 0px 10px #00000029;
}

.accordion-item:not(:first-of-type) {
    /* border: 1px solid #0F68DE; */
    padding: 6px 0px;
}

.accordion-body p {
    color: #AFAFAF;
    margin-top: -20px;
}


/*.quick-form {*/
/*    padding: 20px;*/
/*    border-radius: 15px;*/
/*    margin-top: 30px;*/
/*    background: #191919;*/
/*}*/


/*.checkbox-group.quick {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(5, 1fr);*/
/*    gap: 20px;*/
/*}*/


/*.quick-form .field textarea {*/
/*    width: 100%;*/
/*    height: 150px;*/
/*    margin-bottom: 16px;*/
/*    padding: 15px 20px;*/
/*    outline: none;*/
/*    border-radius: 15px;*/
/*    border: none;*/
/*    background: #2f2f2f;*/
/*    color: #fff;*/
/*}*/


/*.quick-form .field input {*/
/*    width: 100%;*/
/*    height: 50px;*/
/*    margin-bottom: 16px;*/
/*    padding: 0 20px;*/
/*    border: none;*/
/*    outline: none;*/
/*    border-radius: 5px;*/
/*    background: #2f2f2f;*/
/*    color: #fff;*/
/*}*/

/*.quick-form .field label {*/
/*    color: #ffffff;*/
/*    padding: 10px 15px;*/
/*    font-size: 18px;*/
/*}*/

/*.quick-form .field-button input {*/
/*    padding: 10px 40px;*/
/*    outline: none;*/
/*    color: #fff;*/
/*    border-radius: 5px;*/
/*    border: none;*/
/*    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;*/
/*}*/

/*.field h3 {*/
/*    color: #fff;*/
/*    font-size: 20px;*/
/*    padding: 15px 0;*/
/*}*/



.quick-form {
    padding: 30px;
    border-radius: 15px;
    margin-top: 30px;
    background: #191919;
    position: relative;
}

/* vertical line */
.quick-form form {
    position: relative;
    padding-left: 80px;
}

.quick-form form::before {
    content: "";
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #444;
    height: 89%;
}

/* step wrapper */
.step {
    position: relative;
    margin-bottom: 40px;
}

/* number circle */
.step-number {
    position: absolute;
    left: -70px;
    top: 0;
    width: 40px;
    height: 40px;
    background: linear-gradient(180deg, #7D1873, #F0704A);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* content */
.step-content h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
}

/* checkbox grid */
.checkbox-group.quick {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

/* textarea */
.quick-form textarea {
    width: 100%;
    height: 150px;
    padding: 15px 20px;
    border-radius: 15px;
    border: none;
    background: #2f2f2f;
    color: #fff;
    outline: none;
}

/* inputs */
.quick-form input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border: none;
    border-radius: 5px;
    background: #2f2f2f;
    color: #fff;
    outline: none;
    margin-bottom: 15px;
}

/* labels */
.quick-form label {
    color: #fff;
    font-size: 16px;
}

/* submit button */
.field-button input {
    padding: 10px 40px;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%);
}




.quick-button input {
    padding: 10px 40px;
    outline: none;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: transparent linear-gradient(180deg, #7D1873 0%, #AF2051 32%, #DA3F41 66%, #F0704A 100%) 0% 0% no-repeat padding-box;
    width: 15%;
}

.quick-button {
    position: relative;
}

.quick-form textarea::placeholder {
    color: #ffffff;
}

.devepment_txt .font-size-16 {
    font-size: 16px;
}
.devepment_txt h3 {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
}

.desgin_txt.pt-5.development_points a {
    color: #dc4545;
}




.discover_icon a {
    color: #cc3546;
}


.industires_heading h4 {
    color: #fff;
    padding-top: 15px;
}

.method-txt.text-center h4 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}



.accordion-body ul li {color: #fff;}

.accordion-body ul {
    margin-bottom: 30px;
}

.page-link:hover {
    background: #000;
    color: #fff;
}

a.page-link.current {
    background: #fff;
    color: #dc4746;

}

.heading-portfolio.text-center h2 {
    color: #fff;
    font-size: 36px;
}

.case_logo.text-center {
    position: relative;
    top: -50px;
}
.blog-sidebar p a, .blog-sidebar ul li a{
    color: #dc4545;
}
.blog-sidebar ol li{
        color: #fff;
    padding: 5px 0;
}
.blog-sidebar img{
   width: 100% !important;
}

.accordion-body ol li {
    color: #fff;
}

.blog-sidebar b {
    color: #fff;
}