@import url(https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css);

html {
  font-size: 16px;
}

body {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Sora", serif;
  color: #02151E;
}
input, textarea, select {
  box-shadow: none;
  outline: none;
}
input:hover, input :focus, input :focus-within, input :focus-visible, textarea:hover, textarea :focus, textarea :focus-within, textarea :focus-visible, select:hover, select :focus, select :focus-within, select :focus-visible {
  box-shadow: none;
  outline: none;
}
a {color: inherit;}
a, a:hover {
  text-decoration: none;
}
.cursor-pointer{cursor: pointer;}
.common-btn{
  display: inline-block;
  padding: .75rem 1.5rem;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  font-weight: 600;
  transition: .3s ease;
}
.common-btn:hover{
  background-color: #fff;
  color: #000;
}
.common-btn.hovered{
  background-color: transparent;
  color: #000;
  border: 2px solid #008ED3;
}
.common-btn.hovered:hover{
  background-color: #008ED3;
  color: #fff;
}
.bg-dark{background-color: #101010;}
.bg-blue{background-color: #008ED3;}
.sec-title{
  font-size: 3.75rem;
}
.sec-title.sm{
  font-size: 2.25rem;
  line-height: 1.1;
}
.sec-title.sm2{
  font-size: 1.75rem;
  line-height: 1;
}
.sec-title.md{
  font-size: 2.5rem;
  line-height: 1.5;
}
.sec-title.lg{
  font-size: 3rem;
  line-height: 1.3;
}
.section-title {
  font-size: 5cqw;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  padding-bottom: 1rem;
}
.desc {
  font-size: 1rem;
  line-height: 1.7;
}
.desc.sm {
  font-size: 0.875rem;
}
.desc.md {
  font-size: 1.25rem;
  line-height: 1.4;
}
.desc.xl {
  font-size: 1.5rem;
  line-height: 1.4;
}
.primary-border{border-color: #008ED3 !important;}
.br10{border-radius: 10px;}
.br20{border-radius: 20px;}
.rounded-btn{
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.5rem;
  border-radius: 50%;
  background-color: #fff;
  color: #02151E;
  border: none;
  padding: 0;
  text-align: center;
  transition: .3s ease;
}
.rounded-btn:hover{
  box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
}
.bg-yellow{background-color: #008ed3 !important;}
.text-yellow{color: #008ed3 !important;}
.text-yellow2{color: #F6F361 !important;}

/*Header*/
header{
  position: relative;
  z-index: 999;
  box-shadow: 0 3px 10px 0 rgba(0,0,0,.12);
  /* background-color: rgba(0,0,0,.8); */
  transition: .3s ease;
}
.header2{
  background-color: rgba(0,0,0,.8);
}




.home-video::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.vid-play {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 15%;
  transition: .3s ease;
  z-index: 1;
}
.vid-play > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2em;
  color: #fff;
  user-select: none;
}
.home-video.playing .vid-play {
  opacity: 0;
}
.home-video.playing:hover .vid-play {
  opacity: 1;
}
@keyframes circlemovement {
  0% {
    transform: rotate(0deg) translateX(100px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(100px) rotate(-360deg);
  }
}
.moveanim{
  animation: circlemovement 5s linear infinite;
}
.blurred{
  width: 200px;
  border-radius: 50%;
  max-width: 20%;
  filter: blur(125px);
  position: absolute;
}
.blurred::before{
  content: '';
  display: block;
  padding-top: 100%;
}
.blurred.green{
  background-color: #1AA89C7c;
}
.blurred.orange{
  background-color: #F68A1E7c;
}
.blurred.b1{
  top: 0;
  left: 0;
}
.blurred.b2{
  bottom: 0;
  right: 0;
}
.client-slider{
  display: inline-block;
  width: 250px;
  height: 200px;
  border: 2px solid #008ED3;
  border-radius: 7px;
}
.csingle{
  display: inline-flex;
  width: 250px;
  height: 200px;
  align-items: center;
  justify-content: center;
}
.milestone-slider .slick-list{
  padding: 0;
  overflow: visible;
}
.milestone-slider .slick-slide{
  transform: scale(.5);
  transform-origin: right;
  transition: .7s ease;
  position: relative;
}
.milestone-slider .slick-slide.slick-active{
  transform: scale(1);
  transform-origin: center;
  z-index: 1;
}
.milestone-slider .slick-active + .slick-slide, .milestone-slider .slick-active + .slick-slide + .slick-slide{
  transform-origin: left;
}

.milestone-slider .slick-arrow{
  width: 40px;
  height: 40px;
  text-align: center;
  z-index: 1;
  background-color: #fff;
  color: #000;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.12);
}
.milestone-slider .slick-arrow::before{
  content: '\f053';
  font-family: fontAwesome;
  color: #000;
  line-height: 40px;
}
.milestone-slider .slick-next::before{
  content: '\f054';
}

.solutions>div{
  position: relative;
  display: inline-block;
  padding: .75rem 2rem;
  color: #212529;
  margin: 0 1rem 1rem 0;
  cursor: pointer;
}
.solutions>div span{position: inherit;}
.solutions>div::before{
  content: '';
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: skew(-30deg);
  position: absolute;
  top: 0;
  left: 0;
}
.testimonials-section{
  background-color: #EFF9F7;
}
.quote{
  background-image: url(../images/quoteleft.svg), url(../images/quoteright.svg);
  background-size: 3rem;
  background-position: 0 0, 100% 100%;
  background-repeat: no-repeat;
}
.clientslider .slick-list{
  overflow: visible;
}
.clientslider .slick-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 1;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.4);
}
.clientslider .slick-arrow::before {
  content: "\f054";
  font-family: fontAwesome;
  font-size: 1.25rem;
  opacity: 1;
  color: #008ED3;
}
.clientslider .slick-arrow.slick-prev {
  left: 1rem;
}
.clientslider .slick-arrow.slick-prev::before {
  content: "\f053";
}
.clientslider .slick-arrow.slick-next {
  right: 1rem;
}
.c_services{display: none;}
.c_services + label{
    background-color: transparent;
    color: #000;
    border: 1px solid #000;
    transition: .3s ease;
    cursor: pointer;
}
.c_services:checked + label{
    background-color: #008ED3;
    border-color: #008ED3;
    color: #fff;
}
.contact-control{
  width: 100%;
  padding: .5rem 0;
  border: none;
  border-bottom: 1px solid #8F8F8F;
  color: #8F8F8F;
  background-color: transparent;
}
.contact-control::placeholder{
  color: #8F8F8F;
}
#country_code{
  max-width: 120px;
}
.tech-wrapper {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
}
.tech-wrapper .tech-single {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 14.285%;
  height: 130px;
  padding: 15px;
}
.tech-wrapper .tech-single img {
  max-width: 100%;
  max-height: 100%;
}

/*SEO Page*/
.common-btn.btn2{
  background-color: #25d366;
  color: #fff;
}
.common-btn.btn2:hover{
  background-color: #fff;
  color: #25d366;
}
.common-btn.btn3{
  background-color: #008ED3;
  color: #fff;
  border-color: #008ED3;
}
.common-btn.btn3:hover{
  background-color: #fff;
  color: #008ED3;
}
.common-btn.btn4{
  background-color: #2D2D31;
  color: #fff;
  border: 1px solid #2D2D31;
}
.common-btn.btn4:hover{
  background-color: #fff;
  color: #2D2D31;
}
.seo-banner{
  padding-top: 150px;
}
.mainbg{
  background-color: #000;
  background-image: url(../images/bannerbg.webp);
  background-size: cover;
  background-position: center;
}
.title-btn{
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  color: #fff;
  border: 1px solid #E5F965;
  border-radius: 30px;
  padding: .5rem 1.5rem;
  font-size: 1.25rem;
  font-weight: 400;
}
.bigt{
  font-size: 4rem;
  color: #E5F965;
  font-weight: 600;
  line-height: .9;
}
@keyframes staranim{
  100%{ transform: rotate(360deg) translate(-50%, 50%);}
}
.formstar{
  position: relative;
  z-index: 1;
  animation: staranim 5s linear alternate infinite;
  /* transform: translate(-50%, 50%) rotate(22deg); */
}
.nostar .formstar, .nostar .fstar{display: none;}
.contact-control2{
  background-color: rgba(182, 182, 182, 0.11);
  padding: 1rem;
  border-radius: 10px;
  border: none;
  color: #d9d9d9;
  width: 100%;
}
#country_code.contact-control2,#country_code2.contact-control2{max-width: 130px;}
/* select.contact-control2{
  padding: 1rem .5rem;
} */
select.contact-control2 option{
  background-color: #fff;
  color: #000;
}
.contact-control2::placeholder{
  color: #d9d9d9;
}
.ssingle{
  background-color: #EDF1F7;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
  border-radius: 44px;
}
.clients{
  background-color: #E5F965;
  /* background-image: url(../images/globe.png); */
  /* background-size: 40%;
  background-position: 100% 100%;
  background-repeat: no-repeat; */
}
.marq {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.marquee-track {
  display: inline-flex;
  white-space: nowrap;
  animation: scroll-left linear infinite;
}
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(var(--scroll-distance));
  }
}


.work-slider .slick-list{
  overflow: visible;
}
.work-slider .wsingle{
  border: 7px solid transparent;
  border-image: url(../images/border.png) 7 round;
  padding: 14px;
}
.work-slider .wsingle img{
  border-radius: 20px;
  border: 2px solid #E5F965;
}
.work-slider .slick-slide{
  transform: scale(.9);
  transform-origin: left bottom;
  transition: .5s ease;
}
.work-slider .slick-active{
  transform: scale(1);
}
.work-slider .slick-active ~ .slick-slide{
  transform-origin: right bottom;
}
.work-slider .slick-dots{
  bottom: -3rem;
}
.work-slider .slick-dots li button{
  display: none;
}
.work-slider .slick-dots li{
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #7F7C7C;
  transition: .3s ease;
}
.work-slider .slick-dots li.slick-active{
  width: 35px;
  background-color: #E5F965;
}
.pleft{
  background-color: #E8E8E8;
}
.pcenter{
  background-color: #B6B6B6;
}
.award-images img{
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.3;
  visibility: hidden;
  transition: 1s ease;
}
.award-images img.active{
  opacity: 1;
  visibility: visible;
}
.award-images img:not(:first-child){
  position: absolute;
  top: 0;
  left: 0;
}
.acaption{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem 1.5rem;
  background-color: rgba(0,0,0,.4);
  backdrop-filter: blur(2px);
  width: 100%;
  font-size: 2rem;
  font-weight: 600;
  color: #E5F965;
  border-radius: 20px;
}
.industries-slider .isingle{
  min-width: 250px;
  height: auto;
  background-color: #EDC9FE;
  text-align: center;
  margin-right: 1rem;
}
.industries-slider .isingle:nth-child(4n+1){
  background-color: #FDA178;
}
.industries-slider .isingle:nth-child(4n+2){
  background-color: #F6F361;
}
.industries-slider .isingle:nth-child(4n+3){
  background-color: #87D0FD;
}
.industries-slider {
  display: flex;
  animation: scroll-marquee linear infinite;
}
@keyframes scroll-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--scroll-distance));
  }
}
.rotate22{transform: rotate(22deg);}
.fliph{transform: rotateY(180deg);}
.gmap-wrap {
  background: #022026;
  display: inline-block;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  overflow: auto;
  box-shadow: 0 0 20px 0 #000;
  margin-top: 20px;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(20%, 20%);
}
.dealer-anim-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dealer-anim {
  background: url(../images/world-map.webp) repeat-x;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center right;
  border-radius: 50%;
  -webkit-animation: earth360 1000s linear infinite;
  animation: earth360 1000s linear infinite;
}
@keyframes earth360 {
  0%{background-position: 5000%;}
  100%{background-position: 0%;}
}
.whatsappbtn{
  position: fixed;
  bottom: 60px;
  right: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  background-color: #25d366;
  border: 1px solid #25d366;
  transition: .3s ease;
  color: #fff;
  font-size: 2rem;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}
.whatsappbtn:hover{
  background-color: #fff;
  color: #25d366;
}
/* Influencer Marketing */
.im-banner{
  padding-top: 150px;
}
.sec-title.sm3{font-size: 2rem;}
.title-btn2{
  display: inline-block;
  border: 2px solid #008ED3;
  color: #008ED3;
  background-color: #fff;
  padding: .75rem 1rem;
  border-radius: 60px;
  font-size: 90%;
}
.bc{
  min-height: 270px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.bc1{
  background-color: #F2E2F1;
  background-image: url(../images/im/bc1.svg);
}
.bc2{
  background-color: #DBF3FF;
  background-image: url(../images/im/bc2.svg);
}
.bc3{
  background-color: #E3F2E6;
}
.bc3 > div{
  background-color: #B9E3C2;
}
.social-slider .slick-list{overflow: visible;}
.highlight-slider .slick-dots,.social-slider .slick-dots{
  bottom: -2.5rem;
}
.highlight-slider .slick-dots li, .social-slider .slick-dots li{
  margin: 0;
}
.highlight-slider .slick-dots li button::before, .social-slider .slick-dots li button::before{
  color: #d9d9d9;
  opacity: 1;
  font-size: 13px;
  transition: .3s ease;
}
.highlight-slider .slick-dots li.slick-active button::before, .social-slider .slick-dots li.slick-active button::before{
  color: #008ED3;
  opacity: 1;
}
.highlight-slider .video-wrap video{
  width: 100%;
} 
.highlight-slider .mute-btn{
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  background: #e0e0e0;
  color: #333;
  padding: 10px 14px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-size: 1.2rem;
  box-shadow: 6px 6px 12px #bebebe,
              -6px -6px 12px #ffffff;
  transition: all 0.2s ease-in-out;
}
.im-industries{
  background-image: url(../images/im/industries-bg.jpg);
  background-size: cover;
  background-position: center;
}
.social-slider:not(.slick-initialized) > div:not(:first-child),.highlight-slider:not(.slick-initialized) > div:not(:first-child){display: none;}
/* .indwrap{
  aspect-ratio: 31 / 16;
}
.indsingle{
  width: 17%;
  aspect-ratio: 7 / 8;
  clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  overflow: hidden;
}
.indsingle > .main-image{
  opacity: 0;
} */


/* ================================Industries=========================== */
/* ================================Industries=========================== */
/* ================================Industries=========================== */
/* ================================Industries=========================== */
.industries__hexa {
  background: #030510;
  -webkit-clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  display: block;
  height: 130px;
  left: -25px;
  perspective: 1000px;
  position: relative;
  width: 110px
}

@media (min-width: 1200px) {
  .industries__hexa {
      display:flex;
      height: calc(150% - 20px);
      left: auto;
      transform: scale(0);
      width: 100%
  }
  .industries__hexa.start {
      overflow: hidden
  }
}

@media (min-width: 1699px) {
  .industries__hexa {
      height:calc(145% - 20px)
  }
}

.industries__hexa.start {
  transform: scale(1)
}

.center .industries__hexa {
  background: #030510 !important;
  transition-delay: 0s
}

.industries__hexa-inner {
  height: 100%;
  position: relative;
  text-align: center;
  transform-style: preserve-3d;
  transition: all .5s linear;
  width: 100%
}

@media (min-width: 1200px) {
  .industries__hexa:hover .industries__hexa-inner {
      transform:rotateY(180deg)
  }
}

.center .industries__hexa-inner {
  transform: rotateY(180deg)
}

.industries__hexa-back,.industries__hexa-front {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-style: preserve-3d;
  width: 100%
}

.industries__hexa-front {
  background: #030510;
  overflow: hidden;
  position: relative
}

.industries__hexa-front,.industries__hexa-front:after,.industries__hexa-front:before {
  -webkit-clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)
}

.industries__hexa-front:after,.industries__hexa-front:before {
  background: rgba(0,226,197,.8);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media (min-width: 1200px) {
  .industries__hexa-front:after,.industries__hexa-front:before {
      background:#030510
  }
}

.industries__hexa-front:after {
  background: #030510;
  content: "";
  height: calc(100% - 2px);
  left: 1px;
  position: absolute;
  top: 1px;
  width: calc(100% - 2px)
}

.industries__hexa-back {
  transform: rotateY(180deg)
}

.center .industries__hexa {
  background: #030510;
  height: 180px;
  width: 160px
}

.center .industries__hexa .industries__hexa-text,.industries__hexa:hover .industries__hexa-text {
  background: rgba(3,5,16,0)
}

.industries__hexa-content {
  animation-delay: .5s;
  animation-duration: 1s;
  animation-fill-mode: both;
  color: #404040!important;
  display: none;
  opacity: 0
}

@media (min-width: 1200px) {
  .industries__hexa-content {
      bottom:0;
      max-width: 300px;
      position: absolute;
      right: 15px
  }
}

@media (min-width: 1370px) {
  .industries__hexa-content {
      max-width:450px
  }
}

@media (min-width: 1699px) {
  .industries__hexa-content {
      max-width:490px
  }
}

.industries__hexa-content.active {
  animation-name: fadeIn;
  display: block
}

.industries__hexa-color,.industries__hexa-img,.industries__hexa-text,.industries__hexa-text-cont {
  -webkit-clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  clip-path: polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

.industries__hexa-text {
  align-items: center;
  display: flex;
  /* font-weight: 400 !important; */
  justify-content: center;
  text-align: center;
  color: #fff;
}

@media (max-width: 1199px) {
  .industries__hexa-text {
      font-size:16px;
      line-height: 26px
  }
}

.industries__hexa-text-cont {
  background: none!important;
  z-index: 10
}

.industries__hexa-back .industries__hexa-text {
  transform: translateZ(60px) scale(.94)
}

.industries__hexa-gallery {
  margin-bottom: 2rem;
  margin-left: 0;
  width: 160px
}

@media (min-width: 1200px) {
  .industries__hexa-gallery {
      grid-gap:15px;
      display: grid;
      grid-auto-rows: 150px;
      grid-template-columns: repeat(10,1fr);
      margin-bottom: 0;
      margin-top: 50px;
      max-width: calc(100% - 90px);
      padding-bottom: 61px;
      width: auto
  }
}

@media (min-width: 1370px) {
  .industries__hexa-gallery {
      grid-auto-rows:160px;
      max-width: calc(100% - 100px)
  }
}

@media (min-width: 1699px) {
  .industries__hexa-gallery {
      grid-auto-rows:180px
  }
}

@media (min-width: 1200px) {
  .industries__hexa:first-child {
      grid-column:2/span 2;
      grid-row-start: 1;
      position: relative
  }

  .industries__hexa .industries__hexa-front:before {
      background: rgba(0,226,197,.7)
  }

  .industries__hexa:nth-child(2) {
      grid-column: 4/span 2;
      grid-row-start: 1;
      position: relative
  }
  .industries__hexa:nth-child(3) {
      grid-column: 8/span 2;
      grid-row-start: 1;
      position: relative
  }
  .industries__hexa:nth-child(4) {
      grid-column: 1/span 2;
      grid-row-start: 2
  }
  .industries__hexa:nth-child(5) {
      grid-column: 3/span 2;
      grid-row-start: 2;
      position: relative
  }
  .industries__hexa:nth-child(6) {
      grid-column: 5/span 2;
      grid-row-start: 2;
      position: relative
  }
  .industries__hexa:nth-child(7) {
      grid-column: 7/span 2;
      grid-row-start: 2;
      position: relative
  }
  .industries__hexa:nth-child(8) {
      grid-column: 9/span 2;
      grid-row-start: 2;
      position: relative
  }
  .industries__hexa:nth-child(9) {
      grid-column: 2/span 2;
      grid-row-start: 3;
      position: relative
  }
  .industries__hexa:nth-child(10) {
      grid-column: 6/span 2;
      grid-row-start: 3;
      position: relative
  }
  .industries__hexa:nth-child(11) {
      background: #030510;
      grid-column: 10/span 2;
      grid-row-start: 1;
      left: 1px;
      position: relative;
      width: calc(200% - 15px)
  }

  .industries__hexa:nth-child(11) .industries__hexa-front {
      position: relative
  }

  .industries__hexa:nth-child(11).start {
      transition: all 0ms linear
  }

  .industries__hexa:nth-child(11).start,.industries__hexa:nth-child(11).start * {
      transform: scale(1)!important
  }

  .industries__hexa:nth-child(11) .industries__hexa-text {
      color: #eee!important;
      position: relative;
      z-index: 111;
      z-index: 15
  }
}
@media (max-width:1199px){
  .im-industries{
    overflow: hidden;
  }
  .industries__hexa-gallery{
    /* display: flex; */
    width: 100%;
    /* overflow: auto; */
    width: 180px;
    margin: 0 auto;
  }
  .industries__hexa-gallery:not(.slick-initialized) .industries__hexa:not(:first-child){
    display: none;
  }
  .industries__hexa{
    min-width: 150px;
    height: 180px;
    left: 0;
    margin-right: 1rem;
  }
  .industries__hexa-text{font-size: 13px;}
  .industries__hexa-gallery .slick-list{
    overflow: visible;
  }
  .industries__hexa-gallery .industries__hexa.slick-active .industries__hexa-inner {
      transform:rotateY(180deg)
  }
  .industries__hexa-gallery .industries__hexa.slick-active .industries__hexa-inner.norot {
      transform:none
  }
}
/* ================================Industries=========================== */
/* ================================Industries=========================== */
/* ================================Industries=========================== */
/* ================================Industries=========================== */
.infvideo::before,.infvideo::after{
  content: '';
  background-color: #008ED3;
  width: 33%;
  height: 50%;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-40px, -20px);
}
.infvideo::after{
  width: 50%;
  height: 33%;
  top: initial;
  left: initial;
  bottom: 0;
  right: 0;
  transform: translate(40px, 20px);
}
.infsocial-nav > div{
  border: 1px solid transparent;
  transition: .3s ease;
}
.infsocial-nav > div.active{
  border: 1px solid #3771C8;
  background-color: #DBF3FF;
}
.budgetwrap input{display: none;}
.budgetinput{
  background-color: #B3B3B3;
  color: #fff;
  padding: 1rem;
  text-align: center;
  border-radius: 10px;
  margin-right: .75rem;
}
.budgetwrap input:checked ~ .budgetinput{
  background-color: #008ED3;
}
.budgetinput:last-of-type{
  margin: 0;
}







/*Footer*/
footer{
  background-color: #101010;
  padding: 4rem 0 2rem;
}
footer .footer-social {
  background-color: #212529;
  color: #fff;
  display: inline-block;
  border-radius: 30px;
  padding: 0.75rem 1.5rem;
}
footer .footer-social i {
  transform: rotate(-45deg);
}
.pointer{cursor: pointer;}
.security{
  height: 100%;
  background-color: #fff;
  border: 1px solid #C2C8CC;
  transition: .3s ease;
  padding: 1.5rem 1rem;
  border-radius: 20px;
}
.security:hover{
  background-color: #F0FAFF;
}

.footersocial > a{
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 50%;
}

/*=============Media Query===========*/
@media(min-width:992px){
  .border-lg{
    border-right: 1px solid #fff;
  }
}
@media(min-width:1350px){
  .container{max-width: 1280px;}
}

@media (min-width:768px) and (max-width:991px){
  .tech-wrapper .tech-single{
    width: 20%;
  }
  .gmap-wrap {
    width: 500px;
    height: 500px;
  }
}
@media (max-width:767px){
  .tech-wrapper .tech-single{
    width: 33.33%;
  }
  .milestone-slider .slick-prev{
    left: 0;
  }
  .milestone-slider .slick-next{
    right: 0;
  }
  .gmap-wrap{
    display: block;
    width: 400px;
    height: 400px;
    /* position: relative; */
    transform: translate(30%, 30%);
    /* margin: 20px auto; */
  }
}
@media (max-width:575px){
  .tech-wrapper .tech-single{
    width: 50%;
  }
  /* .common-btn{
    padding: .75rem 1rem;
    font-size: .875rem;
  } */
  .section-title{
    font-size: 2rem;
  }
  .sec-title{
    font-size: 2.5rem;
  }
  .sec-title.sm{font-size: 1.5rem;}
  .desc.md{
    font-size: 1rem;
    line-height: 1.6;
  }
  .solutions>div{width: 100%;}
  .solutions>div::before{transform: skew(-10deg);}
  .common-btn{
    padding: .5rem .75rem;
    font-size: .875rem;
  }
  .industries-slider .isingle{
    min-width: 200px;
  }
  .btitle{
    font-size: 2rem;
  }
  .title-btn{
    font-size: 1rem;
    padding: .5rem 1rem;
  }
  .ssingle{
    border-radius: 22px;
  }
  .sec-title.md{font-size: 1.75rem;}
  .sec-title.sm2{font-size: 1.5rem; line-height: 1.5;}
  .sec-title.lg{font-size: 2.25rem; line-height: 1.3;}
  .acaption{font-size: 1.5rem;}
  .seo-banner .desc.xl{font-size: .875rem;}
  .bigt{font-size: 2rem;}
  .seo-banner{padding-top: 120px;}
  .marquee-track img{width: 200px;}
  .budgetinput{padding: .5rem;font-size: .875rem;}
  .title-btn2{font-size: 80%;}
  .infvideo::before, .infvideo::after{display: none;}
  .social-slider .slick-list{overflow: hidden;}
}
@media (max-width:450px){
  .gmap-wrap{
    width: 300px;
    height: 300px;
  }
}