@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Heavy.eot");
    src: url("../fonts/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Heavy.woff2") format("woff2"),
      url("../fonts/Gilroy-Heavy.woff") format("woff"),
      url("../fonts/Gilroy-Heavy.ttf") format("truetype"),
      url("../fonts/Gilroy-Heavy.svg#Gilroy-Heavy") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Medium.eot");
    src: url("../fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Medium.woff2") format("woff2"),
      url("../fonts/Gilroy-Medium.woff") format("woff"),
      url("../fonts/Gilroy-Medium.ttf") format("truetype"),
      url("../fonts/Gilroy-Medium.svg#Gilroy-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-ExtraBold.eot");
    src: url("../fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-ExtraBold.woff2") format("woff2"),
      url("../fonts/Gilroy-ExtraBold.woff") format("woff"),
      url("../fonts/Gilroy-ExtraBold.ttf") format("truetype"),
      url("../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Bold.eot");
    src: url("../fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Bold.woff2") format("woff2"),
      url("../fonts/Gilroy-Bold.woff") format("woff"),
      url("../fonts/Gilroy-Bold.ttf") format("truetype"),
      url("../fonts/Gilroy-Bold.svg#Gilroy-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Black.eot");
    src: url("../fonts/Gilroy-Black.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Black.woff2") format("woff2"),
      url("../fonts/Gilroy-Black.woff") format("woff"),
      url("../fonts/Gilroy-Black.ttf") format("truetype"),
      url("../fonts/Gilroy-Black.svg#Gilroy-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Light.eot");
    src: url("../fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Light.woff2") format("woff2"),
      url("../fonts/Gilroy-Light.woff") format("woff"),
      url("../fonts/Gilroy-Light.ttf") format("truetype"),
      url("../fonts/Gilroy-Light.svg#Gilroy-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-SemiBold.eot");
    src: url("../fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-SemiBold.woff2") format("woff2"),
      url("../fonts/Gilroy-SemiBold.woff") format("woff"),
      url("../fonts/Gilroy-SemiBold.ttf") format("truetype"),
      url("../fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Regular.eot");
    src: url("../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Regular.woff2") format("woff2"),
      url("../fonts/Gilroy-Regular.woff") format("woff"),
      url("../fonts/Gilroy-Regular.ttf") format("truetype"),
      url("../fonts/Gilroy-Regular.svg#Gilroy-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-ThinItalic.eot");
    src: url("../fonts/Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-ThinItalic.woff2") format("woff2"),
      url("../fonts/Gilroy-ThinItalic.woff") format("woff"),
      url("../fonts/Gilroy-ThinItalic.ttf") format("truetype"),
      url("../fonts/Gilroy-ThinItalic.svg#Gilroy-ThinItalic") format("svg");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Thin.eot");
    src: url("../fonts/Gilroy-Thin.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-Thin.woff2") format("woff2"),
      url("../fonts/Gilroy-Thin.woff") format("woff"),
      url("../fonts/Gilroy-Thin.ttf") format("truetype"),
      url("../fonts/Gilroy-Thin.svg#Gilroy-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Gilroy';
    src: url("../fonts/Gilroy-SemiBold.eot");
    src: url("../fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"),
      url("../fonts/Gilroy-SemiBold.woff2") format("woff2"),
      url("../fonts/Gilroy-SemiBold.woff") format("woff"),
      url("../fonts/Gilroy-SemiBold.ttf") format("truetype"),
      url("../fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
}

* {margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;text-transform: capitalize;}

body{font-family: "Gilroy"; color: #2B2B2B; }
html{scroll-behavior: smooth;}

.tech-container{width: 90%; margin: 0 auto;}

ul li{list-style-type: none;}
a{text-decoration: none; color: inherit;}
img{width: 100%; height: auto;}

.d-flex{display: flex;}
.align-center{align-items: center;}
.justify-center{justify-content: center;}
.justify-space-bet{justify-content: space-between;}
.text-center{text-align: center;}
.position-relat{position: relative;}



/* common */

.common-btn{background-color: #3E2670; border-radius: 50px;  border: 1px solid transparent; transition: all 0.3s; width: fit-content; cursor: pointer;}
.common-btn a{color: #fff; font-size: 14px; font-weight: 500; line-height: 18px; padding: 12px 30px; display: flex; align-items: center; gap: 10px; transition: all 0.3s;}
.common-btn a span svg path{transition: all 0.3s;}
.common-btn a span{margin-top: 2px;}
.common-btn:hover a span svg path{stroke: #3E2670;}
.common-btn:hover{background-color: #fff; border: 1px solid #3E2670;}
.common-btn:hover a{color: #3E2670;}
.common-btn.common-white-btn{background-color: #fff;}
.common-btn.common-white-btn a{color: #3E2670; }
.common-btn.common-white-btn a span svg path{stroke: #3E2670;}
.common-btn.common-white-btn:hover{background-color: #3E2670; border: 1px solid #fff;}
.common-btn.common-white-btn:hover a{color: #fff; }
.common-btn.common-white-btn:hover a span svg path{stroke: #fff;}

.reach-form .common-btn{border: 0; padding: 0; grid-column: span 2; width: auto; margin: auto;}
.reach-form .common-btn button{background-color: #3E2670; border-radius: 50px; padding: 12px 30px; border: 1px solid transparent; transition: all 0.3s; width: fit-content; cursor: pointer; color: #fff; font-size: 14px; font-weight: 500; line-height: 18px; display: flex; align-items: center; gap: 10px; justify-content: center; width: 100%;}
.reach-form .common-btn button span svg path{transition: all 0.3s;}
.reach-form .common-btn button:hover{background-color: #fff; border: 1px solid #3E2670; color: #3E2670;}
.reach-form .common-btn button:hover span svg path{stroke: #3E2670;}

.common-color{color: #3E2670;}
.common-color-white{color: #fff;}

.xxl-heading{font-size: 58px; line-height: 72px; font-weight: 600;}

.xs-heading{font-size: 24px; line-height: 30px; font-weight: 500;}
.xxs-heading{font-size: 20px; line-height: 30px; font-weight: 500;}
.common-top-border-line{border-top: 1px solid #C1C1C1;}
.left-bg{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: auto; z-index: -2px;} 
.right-bg{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; height: auto; z-index: -2px;}


@media screen and (max-width:1599px){

  .xxl-heading{font-size: 48px; line-height: 62px;}
}

@media screen and (max-width:1299px) {

  .xxl-heading{font-size: 40px; line-height: 52px;}
}

@media screen and (max-width:1024px) {

  .xxl-heading{font-size: 30px; line-height: 40px;}
  .container{padding: 0;}
}

@media screen and (max-width:767px) {

  .container{padding: 0;}
}

@media screen and (max-width:430px) {

  .xxl-heading{font-size: 26px; line-height: 36px;}
}



/* common */



/* header start */

header.header{padding: 20px 0; z-index: 9999;}
.header-nav-item{gap: 120px;}
.header-nav-item li a{font-size: 16px; line-height: 22px; font-weight: 500;}
header .logo{width: 200px; height: auto;}
.burger-menu-icon, .cross-icon, .nav-btn-mobile{display: none;}






@media screen and (max-width:1099px) {

  .header-nav-item{gap: 90px;}
}

@media screen and (max-width:991px) {

  .burger-menu-icon, .cross-icon, .nav-btn-mobile{display: block;}
  .center-nav{display: none;}
  .header-btn{display: none;}
  .center-nav.active{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: block; background-color: #fff; z-index: 999;}
  .header-nav-item{flex-direction: column; gap: 20px; padding: 50px 0 30px 0;}
  .cross-icon img{position: absolute; right: 20px; top: 20px; width: auto;}
  .burger-menu-icon img{width: 40px; height: auto;}
  .mobile-header-btn{width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
  
}

@media screen and (max-width:767px) {

  header .logo{width: 170px;}
  header.header{padding: 10px 0;}
  .burger-menu-icon img{width: 35px;}
}

/* header end */

/* banner start */

/* .banner-section:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../images/banner-bg.svg"); background-repeat: no-repeat; background-size: cover;}  */
.section-bg{position: absolute; top: -93px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 0;}

.banner-upper-area{padding-bottom: 480px;}
.banner-upper-area .top-banner-area .banner-top-text{font-size: 18px; line-height: 26px; font-weight: 600;}
.banner-upper-area .top-banner-area .banner-main-text{font-size: 80px; line-height: 80px; font-weight: 600; width: 970px; margin: 30px auto;}
.banner-upper-area .top-banner-area{border: 1px solid #3E2670; padding: 50px 20px 200px 20px; border-radius: 40px; position: relative;}
.banner-upper-area .top-banner-area .banner-inner-logo{position: absolute; bottom: 30px; right: 30px;}
.banner-upper-area .top-banner-area .banner-inner-logo img{width: 150px; height: auto;}
.banner-upper-area .top-banner-area .banner-scroll-down{position: absolute; bottom: 30px; left: 30px; gap: 10px;}
.banner-upper-area .top-banner-area .banner-scroll-down-mobile{display: none;}
.banner-upper-area .top-banner-area .banner-scroll-down img{width: 30px; height: auto;}
.banner-upper-area .top-banner-area .banner-scroll-down span{font-size: 14px; font-weight: 600; line-height: 16px; width: 115px; text-align: left;}
.banner-upper-area .banner-laptop-img{position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0);}
.banner-upper-area .banner-laptop-img{height: auto; width: 55vw;}
.banner-upper-area .banner-laptop-img img{width: 100%;}
.banner-lower-area .banner-text-a{font-size: 20px; line-height: 34px; font-weight: 500; text-transform: capitalize;}
.banner-lower-area{width: 74%; margin: 0 auto; padding: 30px 0 100px 0;} 
.banner-lower-area .banner-text-a.banner-text-b{padding-top: 40px;}



@media screen and (min-width:1800px) {
  .banner-upper-area{padding-bottom: 540px;}
} 

@media screen and (max-width:1700px) {
  .banner-upper-area{padding-bottom: 450px;}
} 

@media screen and (max-width:1600px) {
  .banner-upper-area{padding-bottom: 410px;}
}


@media screen and (max-width:1499px) {

  .banner-lower-area{width: 80%;}
  .banner-upper-area{padding-bottom: 360px;}
}

@media screen and (max-width:1399px) {

  .banner-lower-area{width: 80%;}
  .banner-upper-area{padding-bottom: 320px;}
}

@media screen and (max-width:1299px) {

  .banner-upper-area .top-banner-area .banner-main-text{font-size: 70px; line-height: 70px; width: 840px;}
  .banner-upper-area{padding-bottom: 290px;}
}

@media screen and (max-width:1199px) {

  .banner-upper-area{padding-bottom: 250px;}
}
@media screen and (max-width:1099px) {

  .banner-upper-area{padding-bottom: 210px;}
}

@media screen and (max-width:1024px) {
  
  .banner-upper-area .top-banner-area .banner-scroll-down-mobile{display: flex; position: inherit; left: inherit; bottom: inherit;}
  .banner-upper-area .top-banner-area .banner-scroll-down span{width: auto;}
  .banner-upper-area .top-banner-area .banner-inner-logo{display: none;}
  .banner-upper-area .banner-laptop-img{width: 65vw;}
  .banner-upper-area .top-banner-area .banner-scroll-down-desktop{display: none;}
  .banner-lower-area .banner-text-a{font-size: 18px; line-height: 30px;}
  .banner-upper-area .top-banner-area .banner-main-text{font-size: 60px; line-height: 60px; width: 720px;}
  .banner-upper-area{padding-bottom: 290px;}
}

@media screen and (max-width:991px) {

  .banner-lower-area{width: 90%;}
  .banner-lower-area .banner-text-a{font-size: 16px; line-height: 26px;}
  .banner-upper-area .banner-laptop-img{width: 670px;}
  .banner-upper-area .top-banner-area .banner-main-text{font-size: 50px; line-height: 50px; width: 570px; margin: 20px auto;}
}

@media screen and (max-width:767px) {

  .banner-upper-area .banner-laptop-img img{width: 100%;}
  .banner-upper-area .banner-laptop-img{min-width: 300px; width: 100%;}
  .banner-lower-area .banner-text-a.banner-text-b{padding-top: 30px;}
  .banner-lower-area{width: 100%;}
  .banner-upper-area .top-banner-area .banner-main-text{width: inherit; font-size: 40px; line-height: 40px;}
  .banner-lower-area{padding: 20px 0 50px 0;}
}

@media screen and (max-width:700px) {
  .banner-upper-area{padding-bottom: 250px;}
}

@media screen and (max-width:650px) {
  .banner-upper-area{padding-bottom: 210px;}
}

@media screen and (max-width:600px) {
  .banner-upper-area{padding-bottom: 180px;}
}

@media screen and (max-width:550px) {
  .banner-upper-area{padding-bottom: 190px;}
}

@media screen and (max-width:500px) {
  .banner-upper-area{padding-bottom: 120px;}
}


@media screen and (max-width:430px) {
  .banner-upper-area{padding-bottom: 80px;}
  .banner-upper-area .top-banner-area .banner-main-text{font-size: 29px; line-height: 30px;}
}

/* banner end */


/* section area a start */


.tech-section-xl-font{font-size: 100px; line-height: 100px; font-weight: 600; color: #3E2670;}
.tech-section-l-font{font-size: 53px; line-height: 62px; font-weight: 600;}
.tech-section-xm-font{font-size: 32px; line-height: 39px; font-weight: 600;}
.tech-section-m-font{font-size: 26px; line-height: 30px; font-weight: 600;}
.tech-section-xs-font{font-size: 22px; line-height: 26px; font-weight: 600;}
.tech-section-s-font{font-size: 20px; line-height: 30px; font-weight: 500;}


.tech-item-a-top{padding: 50px 0;}
.tech-item-a-top .tech-item-a-first{width: 40%;}
.tech-item-a-first .tech-section-l-font{padding-top: 20px;}
.tech-item-a-top .tech-item-a-second{width: 50%;}
.tech-item-a-top .tech-item-a-third{width: 20%; margin-left: auto; text-align: right;}
.tech-item-a-middle{padding: 30px 0;}
.common-tect-bottom-border{border-bottom: 1px solid #C1C1C1;}
.common-tect-bottom-border::before{content: ""; display: block; border-bottom: 2px solid #4C4B4B; width: 430px;}

.tech-item-a-bottom{padding: 30px 0;}
.tech-item-a-bottom .tech-item-a-bottom-left{align-items: flex-start; width: 40%; gap: 70px;}
.tech-item-a-bottom .tech-item-a-bottom-center{width: 50%;}
.tech-item-a-bottom .tech-item-a-bottom-right{width: 20%; text-align: right; transition: all 0.5s;}
.tech-item-a-bottom:hover .tech-item-a-bottom-right{padding-bottom: 10px; scale: 1.2;}
.outcome-area{padding: 50px 0;}
.outcome-area .tech-section-s-font{padding-top: 30px; width: 550px;}


@media screen and (max-width:1599px) {


  .tech-section-xl-font{font-size: 90px; line-height: 90px;}
  .tech-section-l-font{font-size: 43px; line-height: 52px;}
  .tech-section-xm-font{font-size: 28px; line-height: 34px;}
  .tech-section-m-font{font-size: 22px; line-height: 26px;}
  .tech-section-xs-font{font-size: 20px; line-height: 26px;}
  .tech-section-s-font{font-size: 18px; line-height: 26px;}
}

@media screen and (max-width:1399px) {

  .tech-item-a-bottom .tech-item-a-bottom-left{width: 51%;}
  .tech-item-a-top .tech-item-a-first{width: 51%;}
}

@media screen and (max-width:1299px) {

  .tech-item-a-top .tech-item-a-third{width: 10%;}
  .tech-section-xl-font{font-size: 80px; line-height: 80px;}
  .tech-section-l-font{font-size: 38px; line-height: 47px;}
  .tech-section-xm-font{font-size: 26px; line-height: 30px;}
  .common-tect-bottom-border::before{width: 400px;}
  .tech-item-a-bottom .tech-item-a-bottom-left{gap: 40px;}
  .tech-item-a-bottom .tech-item-a-bottom-right{width: 10%;}
}


@media screen and (max-width:1024px) {

  .tech-section-xl-font{font-size: 70px; line-height: 70px;}
  .tech-section-l-font{font-size: 35px; line-height: 44px;}
  .tech-section-xm-font{font-size: 24px; line-height: 26px;}
  .tech-section-m-font{font-size: 20px; line-height: 24px;}
  .tech-section-xs-font{font-size: 18px; line-height: 22px;}
  .tech-section-s-font{line-height: 24px;}
  .common-tect-bottom-border::before{width: 370px ;}
}


@media screen and (max-width:991px) {

  .tech-item-a-top{flex-direction: column; align-items: baseline;}
  .tech-item-a-first .tech-section-l-font{padding-top: 10px;}
  .tech-item-a-top .tech-item-a-first{order: 2; width: 100%; padding: 25px 0;}
  .tech-item-a-top .tech-item-a-second{order: 3; width: 70%;}
  .tech-item-a-top .tech-item-a-third{order: 1; text-align: left; width: 100%;}

  .tech-item-a-bottom{flex-direction: column; gap: 30px; justify-content: baseline; align-items: flex-start; position: relative;}
  .tech-item-a-bottom .tech-item-a-bottom-right{position: absolute; top: 40px; right: 3px; width: 5%;}
  .tech-item-a-bottom .tech-item-a-bottom-center{width: 100%; padding-left: 60px; padding-right: 20px;}
}

@media screen and (max-width:767px) {

  .tech-item-a-top{padding: 30px 0;}
  .tech-item-a-bottom .tech-item-a-bottom-left{width: 90%; gap: 20px;}
  .tech-item-a-bottom .tech-item-a-bottom-center{width: 100%; padding-left: 40px;}
  .outcome-area .tech-section-s-font{width: 100%;}
  .tech-item-a-top .tech-item-a-second{width: 100%;}
  .common-tect-bottom-border::before{width: 50%;}
  .tech-section-xl-font{font-size: 60px; line-height: 60px;}
  .tech-section-l-font{font-size: 30px; line-height: 38px;}
  .tech-section-xm-font{font-size: 24px; line-height: 26px;}
  .tech-item-a-middle{padding-top: 20px;}

}

@media screen and (max-width:430px) {

  .tech-item-a-bottom{gap: 20px;}
  .tech-section-m-font{font-size: 18px; line-height: 22px;}
  .tech-section-s-font{font-size: 16px; line-height: 20px;}
  .tech-section-xl-font{font-size: 50px; line-height: 50px;}
}

@media screen and (max-width:380px) {

  .tech-item-a-bottom .tech-item-a-bottom-left{gap: 10px;}
  .tech-item-a-bottom .tech-item-a-bottom-center{padding-left: 30px;}
}


/* section area a end */


/* why choose start */

.why-choose-xl-font{font-size: 52px; line-height: 54px; font-weight: 600;}
.why-choose-xm-font{font-size: 20px; font-weight: 600; line-height: 26px;}
.why-choose-l-font{font-size: 24px; line-height: 24px; font-weight: 600;}

.why-choose-section{padding: 50px 0; background-color: #F5F5F7;}
.similar-area{align-items: baseline; gap: 40px; padding-bottom: 50px;}
.similar-area .xxl-heading{width: 530px;}
.similar-area .tech-section-s-font{width: 40%;}

.why-choose-card-area{gap: 20px;}
.why-choose-card-left{padding: 30px; background: linear-gradient(244.15deg, #BB6320 -5.22%, #7556B4 47.31%, #3E2670 99.84%); border-radius: 30px;  width: 35%; height: 310px;}
.why-choose-xm-font{padding-top: 20px;}
.why-choose-l-font{position: absolute; top: 20px; right: 20px;}
.why-choose-inner-image{position: absolute; top: 50%; right: 20%; transform: translateY(-50%); width: 230px;}

.why-choose-card-right{width: 65%; padding: 30px; border-radius: 30px; background-color: #fff; overflow: hidden; height: 310px;}

.why-choose-l-font-mobile{display: none;}
.why-choose-card-area-a{padding-top: 20px;}
.why-choose-card-area-a .why-choose-inner-image{top: inherit; transform: translateY(0); bottom: -5px;}
.why-choose-inner-image img{height: auto;}


@media screen and (max-width:1599px) {

.why-choose-xl-font{font-size: 42px; line-height: 44px;}
.why-choose-xm-font{font-size: 18px; line-height: 24px;}
.why-choose-l-font{font-size: 22px; line-height: 22px;}
}

@media screen and (max-width:1299px) {

  .why-choose-xl-font{font-size: 30px; line-height: 30px;}
  .why-choose-l-font{font-size: 20px; line-height: 20px;}

  .similar-area .xxl-heading{width: 450px;}
  .similar-area .tech-section-s-font{width: 50%;}
  .why-choose-inner-image{width: 200px;}
  .why-choose-card-area-a .why-choose-inner-image{bottom: -28px;}
}

@media screen and (max-width:1024px) {

  .similar-area .xxl-heading{width: 340px;}
  .similar-area .tech-section-s-font{width: 60%;}
  
}

@media screen and (max-width:991px) {

  .similar-area{flex-direction: column; gap: 30px;}
  .similar-area .tech-section-s-font{width: 80%;}
  .why-choose-card-area{flex-direction: column;}
  .why-choose-card-left{width: 100%; height: 280px;}
  .why-choose-card-right{width: 100%; height: 280px;}
  .why-choose-card-area-a .why-choose-card-left{order: 1;}
  .why-choose-card-area-a .why-choose-card-right{order: 2;}
  .why-choose-l-font-mobile{display: block;}
  .why-choose-l-font-desktop{display: none;}
  .similar-area .xxl-heading{width: 100%;}
}

@media screen and (max-width:767px) {

  .why-choose-inner-image{position: inherit; transform: translateY(0); top: inherit; right: inherit; margin: 0 auto;}
  .why-choose-card-area-a .why-choose-inner-image{bottom: inherit;}
  .why-choose-card-right{height: auto;}
  .why-choose-xl-font{font-size: 25px; line-height: 25px;}
  .why-choose-xm-font{font-size: 16px; line-height: 20px;}
  .why-choose-l-font{font-size: 18px; line-height: 18px;}
  .why-choose-inner-image{width: 220px;margin-top: 15px;}
  .why-choose-card-left{height: 240px;}
  .similar-area .tech-section-s-font{width: 100%;}
}



/* why choose end */


/* form start */

.form-section{padding: 50px 0;}
.form-section .xxl-heading{padding-bottom: 30px;}
.form-section .common-tect-bottom-border::before{width: 50%;}
.reach-form{padding: 30px 0;}
.form-item .faq-question-left{padding: 20px 0;}
.reach-form form {
  width: 100%;
  margin: auto;
  display: grid; grid-template-columns: repeat(2, 1fr);
  row-gap: 10px;
  column-gap: 30px;
}

.form-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
  border-radius: 10px;
}

.form-item label, .form-radio-head {
  font-weight: bold;
  margin-bottom: 5px;
   font-size: 18px; line-height: 20px;
}

.form-radio-area label{font-size: 18px; line-height: 18px; font-weight: 500; margin-bottom: 0; display: flex; align-items: center; gap: 5px;}
.form-item .form-radio-area input{width: 20px; height: 20px; background-color: transparent;}
.form-item .form-radio-area {gap: 20px;}
.form-item .form-radio-area .radio-item{gap: 10px;}

/* For Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}


.form-item input {
  border: none;
  outline: none;
  padding: 8px;
  font-size: 14px;
  /* border-radius: 5px; */
  width: 100%;
  padding: 15px;
  background-color: transparent;
  border-bottom: 1px solid #2B2B2B;
}

/* .reach-form form .common-btn{margin: auto; width: 200px; display: flex; align-items: center; justify-content: center; grid-column: span 2; cursor: pointer;}
.reach-form form .common-btn button{background-color: transparent; border: 0; display: flex; align-items: center; gap: 10px; color: #fff; font-size: 14px; line-height: 16px; font-weight: 400; transition: all 0.3s;}
.reach-form form .common-btn:hover button{color: #3E2670; cursor: pointer;}
.reach-form form .common-btn button span svg path{transition: all 0.3s;}
.reach-form form .common-btn:hover button span svg path{stroke: #3E2670;} */
.form-item .form-radio-area{flex-wrap: wrap;}

.reach-form .wpcf7 form .wpcf7-response-output{grid-column: span 2; width: fit-content; margin: 0 auto;}



@media screen and (max-width:767px) {

  .reach-form form{display: block;}
  .form-item{margin-bottom: 30px;}
  .form-item .form-radio-area .radio-item{gap: 10px;}

}

@media screen and (max-width:430px) {

  .reach-form form .common-btn{width: 100%;}
}



/* form end */

/* prove start */


.prove-main-top, .prove-tabbing-area, .common-btn{z-index: 999;}

        .prove-main-top .prove-main-heading{font-size: 150px; line-height: 100px; font-weight: 600; padding-top: 50px;}
        .prove-tab-slider .prove-tab-slide-item-a{font-size: 24px; line-height: 30px; font-weight: 400; color: #CFC9DB; padding: 20px 0;}
        .prove-tab-slider .prove-tab-slide-item-a.active{font-size: 26px; line-height: 30px; color: #fff; font-weight: 500; opacity: 100%;}





.prove-tab-slider {
    width: 200px;
    height: auto;
    overflow: hidden;
    padding: 30px;
    margin: 0 !important;
}

.prove-tab-slide-item-a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 18px;
    font-weight: normal;
    opacity: 0.5; /* Fade effect */
    transition: all 0.3s ease-in-out;
    height: 60px;
    padding-bottom: 40px;
    cursor: pointer;
}

.slick-center {
    font-size: 24px;
    font-weight: bold;
    opacity: 1;
}


.slick-dots {position: absolute;left: 0px; top: 50%; transform: translateY(-50%); width: 4px; height: 80%; background: rgba(255, 255, 255, 0.2); border-radius: 10px; display: flex; flex-direction: column; justify-content: space-around;padding: 5px 0;}
.slick-dots li {list-style: none; width: 4px;height: 20px; border-radius: 10px; transition: all 0.3s ease; margin: 0;}
.slick-dots li.slick-active {background: white; height: 40px; opacity: 1;}

.right-left-tab-item{display: none;}
.right-left-tab-item img{min-width: 500px; height: auto;}

.prove-tabbing-area{justify-content: space-around;}

.tabbing-content-discription .tabbibng-content-text{font-size: 18px; line-height: 20px; font-weight: 500;}
.tabbing-content-discription .tabbibng-content-text span{padding-top: 10px; display: block; }
.tabbing-content-discription{gap: 40px; flex-direction: column; display: flex;}
.prove-impact-section .common-btn{width: fit-content; margin: auto;}



.prove-impact-section{width: 100%; height: auto; padding: 50px 0; background: linear-gradient(244.15deg, #BB6320 -5.22%, #7556B4 47.31%, #3E2670 99.84%);}
.bg-image{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: fit-content; margin: auto;}
.bg-image img{object-fit: cover; height: auto;}



        @media screen and (max-width:1599px) {

            .tabbing-content-discription .tabbibng-content-text{font-size: 16px; line-height: 18px;}
            .prove-main-top .prove-main-heading{font-size: 120px;}
            .prove-tab-slider .prove-tab-slide-item-a{font-size: 22px; line-height: 26px;}
            /* .right-left-tab-item img{width: 770px;} */
        }


        @media screen and (max-width:1299px) {

            .prove-main-top .prove-main-heading{font-size: 100px;}
            /* .right-left-tab-item img{width: 700px;} */
            /* .prove-tabbing-area{flex-direction: column;} */
            /* .prove-tab-slider{width: 100%;} */
        }

        @media screen and (max-width:1024px) {

            .prove-tabbing-area{flex-direction: column;}
            .prove-main-top .prove-main-heading{font-size: 80px;line-height: 80px;}
            .prove-tab-slider .prove-tab-slide-item-a{font-size: 20px; line-height: 24px;}
            .left-prove-tabs{overflow: hidden; width: 100%;}
            .prove-tab-slider {
                display: flex;
                justify-content: space-between;
                gap: 30px;
                overflow-x: auto; /* Enable horizontal scrolling */
                white-space: nowrap; /* Prevent items from wrapping */
                -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
                scrollbar-width: none; /* Optional: Adjust scrollbar appearance */
                width: 100%;
                padding: 20px 0;
            }

            /* Hide scrollbar in WebKit browsers (Chrome, Safari) */
            .prove-tab-slider::-webkit-scrollbar {
                height: 0px;
                display: none;
            }

            .prove-tab-slider::-webkit-scrollbar-thumb {
                background: #ccc;
                border-radius: 10px;
                
            }

            /* Style for individual tab items */
            .prove-tab-slide-item-a {
                flex: 0 0 auto; /* Prevent items from shrinking */
                padding: 10px;
                border-radius: 5px;
                cursor: pointer;
            }

            /* Active tab */
            .prove-tab-slide-item-a.active {
                color: white;
            }
        }

        @media screen and (max-width:991px) {

            .prove-main-top .prove-main-heading{font-size: 70px; line-height: 70px;}
            .prove-tab-slider .prove-tab-slide-item-a{font-size: 20px; line-height: 24px;}
        }


        @media screen and (max-width:767px) {

            .right-left-tab-item{flex-direction: column;}
            .tabbing-content-discription{display: grid; grid-template-columns: repeat(2, 1fr); padding-bottom: 30px; gap: 20px;}
            .right-left-tab-item img{min-width: 300px;}
            .tabbing-content-discription .tabbibng-content-text{font-size: 14px; line-height: 16px; border-bottom: 1px solid #fff; padding-bottom: 20px;}
            .tabbing-content-discription .tabbibng-content-text:nth-child(3), .tabbing-content-discription .tabbibng-content-text:nth-child(4){border-bottom: 0; padding-bottom: 0;}
            .prove-main-top .prove-main-heading{font-size: 55px; line-height: 55px; padding-top: 20px;}
            .tech-section-m-font{font-size: 18px;}
            .prove-tab-slider .prove-tab-slide-item-a.active{font-size: 24px; line-height: 26px;}
            .prove-tab-slider .prove-tab-slide-item-a{font-size: 18px; line-height: 18px;}
            .bg-image{width: 100%;}

        }

        @media screen and (max-width:430px) {

          .prove-impact-section .common-btn.common-white-btn a{font-size: 13px; }
          /* .prove-impact-section .common-btn{padding: 12px 20px;} */
        }







/* prove end */







/* faqs start */

.faq-section{padding: 50px 0;}
.faq-section .xxl-heading{padding-bottom: 30px;}
.faq-question{padding-top: 30px; cursor: pointer;}
.faq-accordian-item-a{padding-bottom: 30px;}
.faq-question-left{gap: 30px;}
.faq-answer{padding: 20px 20px 10px 50px; display: none;}
.faq-section .common-tect-bottom-border::before{width: 50%;}
.faq-accordian-area{display: flex; gap: 50px;}
.faq-question-area-1, .faq-question-area-2{width: 50%;}




@media screen and (max-width:991px) {

  .faq-accordian-area{display: block;}
  .faq-question-area-1, .faq-question-area-2{width: 100%;}
}

@media screen and (max-width:767px) {

  .faq-question-left{gap: 20px;}
  .faq-answer{padding-left: 45px;}
}


@media screen and (max-width:430px) {

  .faq-question-left{gap: 10px;}
  .faq-question-left .tech-section-m-font{font-size: 16px; line-height: 20px;}
  .faq-answer{padding-left: 30px;}
}


/* faqs end */





/* footer strat */

footer{background: linear-gradient(244.15deg, #BB6320 -5.22%, #7556B4 47.31%, #3E2670 99.84%); width: 100%; padding: 100px 0 50px 0;}
.footer-building-future-image{position: absolute; top: -40px; right: 50px; width: 300px; height: auto; }
.footer-building-future-image img{height: auto;}

.footer-textable-area .footer-top-text{font-size: 22px; line-height: 22px; font-weight: 600; text-transform: capitalize;}
.footer-textable-area .footer-big-text{font-size: 100px; line-height: 100px; font-weight: 600; padding: 50px 0; text-transform: capitalize;}
.footer-textable-area .common-btn{margin: auto;}
.footer-copy-right{font-size: 14px; line-height: 14px; font-weight: 400; color: #fff; opacity: 50%;}
.footer-social-item{padding: 50px 0;}
.footer-social-item .footer-social ul{gap: 25px;}
.footer-social-item .footer-social ul li a{font-size: 16px; line-height: 16px; font-weight: 500; color: #fff;}
.footer-last-item-area .footer-last-item-a{padding: 0 20px; border-right: 0.82px solid #ffffff78; }
.footer-last-item-area .footer-last-item-c{border: 0;}
.footer-last-item-area .footer-last-item-a img{width: 250px; height: auto;}
.footer-last-item-area .footer-last-item-b img{width: 150px; height: auto;}
.footer-last-item-area .footer-last-item-c img{width: 45px; height: auto;}
.footer-copy-right-mobile{display: none;}
.footer-social ul li{color: #fff;}

.tech-item-a-bottom-right{display: none;}
.wpcf7-form-control-wrap span{cursor: pointer;}
@media screen and (max-width:1599px) {

  .footer-building-future-image{width: 250px;}
  .footer-textable-area .footer-big-text{font-size: 90px; line-height: 90px;}
  .footer-copy-right{font-size: 12px; line-height: 12px;}
  .footer-social-item .footer-social ul{gap: 15px;}
  .footer-social-item .footer-social ul li a{font-size: 14px; line-height: 14px;}
}

@media screen and (max-width:1299px) {

  .footer-building-future-image{width: 210px; right: 40px;}
  .footer-textable-area .footer-big-text{font-size: 90px; line-height: 90px;}
}


@media screen and (max-width:1024px) {

  .footer-building-future-image{width: 180px; top: -30px; right: 30px;}
  .footer-textable-area .footer-big-text{font-size: 70px; line-height: 70px; padding: 3cqi 0;}
  .footer-textable-area .footer-top-text{font-size: 20px; line-height: 20px;}
  .footer-last-item-area .footer-last-item-a img{width: 200px; height: auto;}
  .footer-last-item-area .footer-last-item-b img{width: 120px; height: auto;}
  .footer-last-item-area .footer-last-item-c img{width: 35px; height: auto;}
}



@media screen and (max-width:767px) {

  .footer-building-future-image{width: 150px; top: -30px; right: 30px;}
  .footer-textable-area .footer-big-text{font-size: 52px; line-height: 52px; padding: 20px 0;}
  .footer-textable-area .footer-top-text{font-size: 18px; line-height: 18px;}
  .footer-last-item-area .footer-last-item-a img{width: 160px; height: auto;}
  .footer-last-item-area .footer-last-item-b img{width: 90px; height: auto;}
  .footer-last-item-area .footer-last-item-c img{width: 30px; height: auto;}
  .footer-copy-right-mobile{display: flex;}
  .footer-copy-right-desktop{display: none;}
  .footer-social-item{flex-direction: column; gap: 30px; padding-top: 30px;}
  .footer-social-item .footer-copy-right{order: 2;}
  .footer-last-item-area{padding-top: 30px;}
.sticky-common-btn a{padding: 0;padding-top: 2px;justify-content: center;align-items: center;}

}

@media screen and (max-width:430px) {

  .footer-building-future-image{width: 110px; top: -20px; right: 20px;}
  .footer-textable-area .footer-big-text{font-size: 39px; line-height: 39px;}
  .footer-last-item-area .footer-last-item-a img{width: 120px; height: auto;}
  .footer-last-item-area .footer-last-item-b img{width: 70px; height: auto;}
  .footer-last-item-area .footer-last-item-c img{width: 25px; height: auto;}
  
}

/* footer end */


/* sticky btn */

.sticky-common-btn{position: fixed; bottom: 50px; right: 50px;z-index: 9999;}
.sticky-common-btn .desktop-btn span{width: 30px; height: 30px; border: 1px solid #65499D; border-radius: 50%; position: relative; margin: 0;}
/* .sticky-common-btn .common-btn{padding: 15px 30px;} */
.sticky-common-btn .desktop-btn svg{width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sticky-common-btn .mobile-btn{display: none;}


@media screen and (max-width:767px) {

.sticky-common-btn .mobile-btn{display: block;}
.sticky-common-btn .desktop-btn{display: none;}
.sticky-common-btn .common-btn{padding: 10px; width: 45px; height: 45px;}
.sticky-common-btn .mobile-btn span svg{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
  
}
.left-bg img{display: none;}
.right-bg img{display: none;}





.left-bg {
  position: static;
  display: none;
}
.tech-item-a-section{position: relative;}
.tech-item-a-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(213.09deg, #B423B9 15.25%, #F87612 51.07%, #5709A4 86.9%);
  opacity: 0.3;
  filter: blur(109px); /* Reduced for better Safari compatibility */
  border-radius: 50%;
  width: 100px;
}


.right-bg {
  position: absolute;
  width: 150px; /* Adjust as needed */
  height: 80vh; /* Adjust as needed */
  right: 0; /* Position it to the right */
  top: 50%; 
  transform: translateY(-50%);
  background: linear-gradient(213.09deg, #B423B9 15.25%, #F87612 51.07%, #5709A4 86.9%);
  filter: blur(190px); /* Layer blur effect */
  /* opacity: 0.50; */
  z-index: -1; /* Keep it behind the content */
}

.right-bg-cards{
  position: absolute;
  width: 200px;
  height: 80vh;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(213.09deg, #B423B9 15.25%, #F87612 51.07%, #5709A4 86.9%);
  filter: blur(180px);
  /* opacity: 0.50; */
  /* z-index: -1; */
  overflow: hidden;
}
@media screen and (max-width:991px) {

 
  .left-bg, .right-bg{width: 120px;}
  
}
@media screen and (max-width:767px) {

  .right-bg-cards{filter: blur(150px);width: 100%;height: 140px;top: inherit;bottom: 0;transform: inherit;}
  .left-bg, .right-bg{width: 90px;display: none;}
  .tech-item-a-section::before{display: none;}
  
}


.tech-item-a-bottom-right a{cursor: auto;}
.reach-form .faq-question-left svg{display: none;}
.form-item .faq-question-left{padding-bottom: 0;}
.form-item input{padding-left: 0;}
.wpcf7-list-item{margin-left: 0;margin-right: 1em;}
.wpcf7-list-item {
  margin-left: 0 !important;
  margin-right: 1em !important;
  margin-top: 15px !important;
}
.faq-accordian-item-a.active .faq-toggle {
  transform: rotate(45deg);
}
.faq-question-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
}
.faq-toggle {
  font-size: 36px;
  font-weight: 300;
  color: #2B2B2B;
  transition: transform 0.3s ease;
}

.contact-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  overflow-y: auto;
}

.modal-content {
  position: relative;
  background-color: #fff;
  margin: 50px auto;
  padding: 30px;
  width: 90%;
  max-width: 600px;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.modal-header h2 {
  margin: 0;
  font-size: 24px;
  flex: 1;
  text-align: center;
  color: #2B2B2B;
}

.close-modal {
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #2B2B2B;
  padding: 0;
  line-height: 1;
}

.close-modal:hover {
  color: #666;
}

.modal-body {
  max-height: 80vh;
  overflow-y: auto;
  padding-right: 10px;
}

/* Scrollbar Styles */
.modal-body::-webkit-scrollbar {
  width: 8px;
}

.modal-body::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.modal-body::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.modal-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.modal-content .faq-question-left svg{display: none;}
.modal-content .common-btn button {
  background-color: transparent;
  border-radius: 50px;
  padding: 12px 30px;
  border: 1px solid transparent;
  transition: all 0.3s;
  width: fit-content;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: 100%;
}
.modal-content .common-btn:hover button {
  background-color: #fff;
  color: #3E2670;
}
.modal-content .common-btn:hover button svg path{
  
    stroke: #3E2670;
 
  
}
.modal-content .common-btn{margin: auto;text-align: center;}
/* Responsive Styles */
@media (max-width: 768px) {
  .modal-content {
    margin: 20px auto;
    padding: 20px;
    width: 95%;
  }

  .modal-header h2 {
    font-size: 20px;
  }
}

.header-nav-item .has-dropdown {
  position: relative;
}

.header-nav-item .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  padding: 15px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 100;
}

.header-nav-item .has-dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.header-nav-item .dropdown-menu li {
  padding: 8px 20px;
}

.header-nav-item .dropdown-menu li a {
  color: #2B2B2B;
  font-size: 14px;
  display: block;
  transition: color 0.3s ease;
}

.header-nav-item .dropdown-menu li a:hover {
  color: #3E2670;
}

.dropdown-icon {
  display: inline-block;
  font-size: 18px;
  margin-left: 4px;
  transition: transform 0.3s ease;
}

.has-dropdown.active .dropdown-icon {
  transform: rotate(0deg);
}

.tech-item-a-third span svg {
  width: 20px !important;
  height: 20px !important;
}
.common-popup-overlay{z-index: 11111 !important;}
/* Mobile styles */
@media (max-width: 991px) {
  .header-nav-item {
      flex-direction: column;
      width: 100%;
      text-align: center;
  }

  .header-nav-item .has-dropdown {
      width: 100%;
  }

  .header-nav-item .dropdown-menu {
      position: static;
      background: transparent;
      box-shadow: none;
      padding: 0 0 0 20px;
      display: none;
  }

  .header-nav-item .has-dropdown.active .dropdown-menu {
      display: block;
      opacity: 1;
      visibility: visible;
      transform: none;
  }

  .header-nav-item .dropdown-menu li {
      padding: 10px 0;
      padding-bottom: 0;
  }

  .header-nav-item .dropdown-menu li a {
     
      font-size: 13px;
  }
} 
.grecaptcha-badge{display: none !important;}