@font-face {
  font-family: 'aileronsemibold';
  src: url('fonts/aileron-semibold-webfont.woff2') format('woff2'),
       url('fonts/aileron-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileronlight';
  src: url('fonts/aileron-light-webfont.woff2') format('woff2'),
       url('fonts/aileron-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileronbold';
  src: url('fonts/aileron-bold-webfont.woff2') format('woff2'),
       url('fonts/aileron-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileronregular';
  src: url('fonts/aileron-regular-webfont.woff2') format('woff2'),
       url('fonts/aileron-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helveticabold';
  src: url('fonts/helvetica-bold-webfont.woff2') format('woff2'),
       url('fonts/helvetica-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helveticaregular';
  src: url('fonts/helvetica-webfont.woff2') format('woff2'),
       url('fonts/helvetica-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


html{font-size:62.5%;}
body{ font-family: 'helveticaregular'; color:#fff; font-size:1.8rem; background: #000; } 
img{ max-width:100%;}
button:focus{ outline:none}
a {-webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out; color:var(--green-text)}
a:hover, a:focus{ color:var(--orange-text)}
a,a:hover,a:focus{ text-decoration:none; outline:none; box-shadow:none}
p{ margin-bottom: 2rem;}
h1,h2,h3,h4,h5,h6{  font-family: 'aileronsemibold'; font-weight: normal; margin-bottom: 1.5rem; color: #fff; line-height: 1.2;}
h1{ font-size: 4rem;}
h2{ font-size: 3.6rem;}
h3{ font-size: 3rem;}
h4{ font-size: 2.4rem;}
h5{ font-size: 2rem;}
h6{ font-size: 1.8rem;}


/* site common css */

.gradient-title{background: linear-gradient(91.7deg, #A1327D 9.68%, #5148D3 98.9%);-webkit-background-clip: text;    -webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.gradient-btn{background: linear-gradient(90deg, #5148D3 0%, #A1327D 51%, #5148D3 100%);border-radius: 4rem; font-size: 2rem; color: #fff; padding: 1.3rem 4rem; font-family: 'aileronbold'; background-size: 200% auto; transition: all .24s ease-in-out; border: none;}
.gradient-btn:hover{ background-position: right center;}
.gray-btn{background: #484848; border: 1px solid #615D5D; border-radius: 4rem; font-size: 2rem; color: #fff; padding: 1.2rem 4rem; font-family: 'aileronbold'; transition: all .24s ease-in-out;}
.gray-btn:hover{ background-color: #343434; border-color: #919191;}
.card{ border: solid 1px #626262; background: linear-gradient(180deg, #353434 0%, rgba(29, 28, 28, 0) 100%); border-radius: 2rem; overflow: hidden;}
.form-control{ background-color: #161616; border: solid 1px #605F5F; border-radius: .8rem; padding: 1.2rem 2.2rem; font-size: 1.8rem; color: #fff;}
.form-control:focus{ box-shadow: none; }
.form-label{ color: #B4B4B4; font-family: 'aileronregular'; font-size: 2rem;}


.section-space{ padding:9rem 0;}
.section-title{ font-size: 5rem; max-width: 740px; margin: 0 auto 9rem;  font-family: 'aileronlight';  } 
.section-title span{font-family: 'aileronbold';}
.section-title b{font-family: 'helveticaregular'; font-size:3rem; font-weight: normal; margin: 1rem 0 0 0;}
.section-title-left{ margin: 0 0 9rem; max-width: 100%;}
.button-row a + a{ margin-left: 2.2rem;}
.button-row{ display: flex; flex-wrap: wrap;}
.spacer1{ height:1rem; clear: both;}
.fs22{ font-size: 2.2rem; line-height: 3rem;}

.grid-4-columns {display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 3rem; grid-row-gap: 3rem;-ms-grid-columns: 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto;}
.grid-3-columns {display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 3rem; grid-row-gap: 3rem;-ms-grid-columns: 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto;}
.grid-1-column {display: -ms-grid;display: grid;grid-auto-columns: 1fr;-ms-grid-columns: 1fr;grid-template-columns: 1fr;        -ms-grid-rows: auto; grid-template-rows: auto; grid-column-gap: 3rem;grid-row-gap: 3rem; grid-column-start: span 1;    -ms-grid-column-span: 1;grid-column-end: span 1; -ms-grid-row: span 1;grid-row-start: span 1;-ms-grid-row-span: 1;grid-row-end: span 1;-ms-grid-row-align: start; align-self: start;}

.circle-fix{position: absolute;width: 54rem; height: 54rem; border-radius: 100%; animation: fadeinout 3s ease alternate infinite;background:linear-gradient(216deg, #000 0%, rgba(255,255,255,.1) 10%,rgba(255,255,255,.4) 15%,rgba(255,255,255,.1) 30%,#000 35%, #000 100%);padding: .5rem; right: 0;z-index: -1; background-size: 100%;top: -7%;}
.circle-fix.left{ right: auto; left: -6%; top: -13%; background:linear-gradient(135deg, #000 0%, rgba(255,255,255,.1) 10%,rgba(255,255,255,.4) 15%,rgba(255,255,255,.1) 30%,#000 35%, #000 100%); }
.circle-bg{background: #000; width: 100%;height: 100%;border-radius: 100%; left: 0;}

.footer{ border-top: solid 1px #3A3939; padding: 6rem 0 0; font-family: 'aileronregular';}
.footer-list {margin: 0; padding: 0; list-style: none;}
.footer-list li.current-menu-item a{color: #A1327D;}
.footer-list li a{ color:rgba(255,255,255,.8); margin-bottom: 1rem; display:inline-block;}
.footer-list li a:hover{ color: #A1327D;}
.subscribe h5{ font-size: 2.5rem;}
.subscribe p{ color: rgba(255,255,255,.8);}
.subscribe .form-control{ border-radius: 4rem;}
.copyright{border-top: solid 1px #3A3939; padding: 3rem 0; margin:0; text-align: center; color: rgba(255,255,255,.6); font-size: 1.6rem;}
.copyright a{ margin: 0 5px;}
.subscribe{ margin-top: -5rem; margin-bottom: 2rem;}
.f-social{ margin-top: 3rem;}
.f-social a{ margin: 0 .7rem; position: relative; top: 0;}
.f-social a:hover{ position: relative; top: -5px;}
#toTop {
bottom: 130px;
font-size: 1.4rem;
line-height: 22px;
right: 0px;
width: 120px;
background-color: transparent;
color: #fff;
text-align: center;
height: 20px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
text-transform: uppercase;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
position: fixed;
z-index: 10;
cursor: pointer;
display: none;
}
#toTop:before {
position: absolute;
width: 30%;
height: 2px;
background-color: #fff;
content: "";
top: 10px;
right: 100%;
z-index: -200 !important;
}

/* inner pages */
.inner-banner{ background: url(../images/inner-banner.png) no-repeat; height: 440px; display: flex; align-items: center; background-size: cover; margin-bottom:0; position: relative; background-position: center;}
.inner-banner::before{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; background: rgba(0,0,0,.7);}
.page-title{ font-size: 5rem; text-align: center; font-family: 'aileronlight'; position: relative; margin: 6rem 0 0 0;}
.page-title span{font-family: 'aileronbold';}
.page-title p{ margin: 0; padding: 0;}

/* header*/
.home-header {display: flex; justify-content: space-between; padding:3rem 0;}
.fix-header.sticky .home-header{ padding: 2rem 0;}
.fix-header{transition: all .5s ease-in-out;   
  position: absolute;
  z-index: 99;
  width: 100%;
     top:0rem;
  margin: 0 auto;  left: 0; right: 0;}
.fix-header.sticky{ position: fixed; background: #000; top: 0; border-bottom: solid 1px #3A3939;}
.fix-header.sticky .logo img{ height: 30px; transition:all .5s ease-in-out;}
.logo img{ transition:all .5s ease-in-out; height: 37px;}
nav{display: flex;}
nav ul.menu {display: flex; list-style: none; align-items: center; margin-bottom: 0;}
nav ul.menu li {margin: 0 2rem;}
nav ul.menu li:last-child{ margin-right: 0;}
nav ul.menu li a {font-size: 1.8rem;font-family: 'aileronregular'; position: relative;}
nav ul.menu li:last-child a{background: linear-gradient(90deg, #5148D3 0%, #A1327D 51%, #5148D3 100%);
border-radius: 4rem;  font-size: 2rem;  color: #fff;  padding: 1.6rem 4rem;  font-family: 'aileronbold';  background-size: 200% auto; transition: all .24s ease-in-out;  border: none;}
nav ul.menu li:last-child a:hover{    background-position: right center;}
nav ul.menu li a:after{ content: ""; position: absolute; bottom: -10px; height: 3px; width: 100%; background: linear-gradient(90deg, #5148D3 0%, #A1327D 100%); left: 0; border-radius: 4px;  transform: scaleX(0);  transform-origin: 50% center; transition: all 0.3s cubic-bezier(.29, .19, .405, 1) 0s;}
nav ul.menu li.current-menu-item a::after,   nav ul.menu li:hover a:after{transform: scaleX(1);}
nav ul.menu li:last-child a:after{ content: none;}

.h-btn{ margin-right: 2rem; font-family: 'aileronbold'; font-size: 1.8rem; }
.h-btn:hover{ color: #5148D3;}
.header-btn-div .gradient-btn:hover{ color: #fff;}
.header-btn-div .gradient-btn{ padding: 1.3rem 2rem;}
.header-btn-div{ display: flex; align-items: center;}


/* banner section home page */
.hero-section{ margin:11.6rem 0 0rem; position: relative; overflow: hidden; padding-bottom: 0 !important;}
.banner-disc .button-row{ padding:4rem 0 7rem; align-items: center;}
.hero-link{ font-size: 2.8rem; background: linear-gradient(90deg, #5148D3 0%, #A1327D 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-family: 'aileronsemibold'; position: relative; padding-right: 2rem; margin-left: 2rem; display: inline-block;}
.hero-link:hover{background: linear-gradient(90deg, #A1327D 0%, #5148D3 100%);-webkit-background-clip: text; }
.hero-link::after{ position: absolute; right: -2px; top: 2px; width:1px; height:29px; content: ""; background: #fff;}
.hero-link:last-child::after{ display: none;}
.banner-disc p{ font-size: 7rem;  font-family: 'aileronbold'; margin: 0; padding:0 0 2rem 0; line-height: 7.4rem;}
.banner-disc h2{font-size:6rem; line-height: 6.4rem;  display: block; background: linear-gradient(89.67deg, #5148D3 0.29%, #A1327D 50.05%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin-bottom:2rem; font-weight: normal; font-family: 'aileronlight';}
.banner-disc h1{ font-size: 17.2rem; font-family: 'aileronlight'; height: 200px; display: none;}
.hero-bottom-sub{ font-size: 3.2rem; max-width: 650px; line-height:4rem; font-family: 'aileronlight';}
.hero_img img{ height: 100%; max-width: initial;}
.hero_img{position: absolute; right: 0; top: 0;  width: 50%; text-align: right; height: 100%;}
.banner-disc{ max-width: 700px;}



/* .cubespinner {
  animation-name: spincube;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 16s;
  transform-style: preserve-3d;
  transform-origin: 40px 40px 0;
}
.cubespinner div {
  position: absolute;
  width: 150%;
  height: 200px;
  text-align: left;
}
.cubespinner div:first-child {
  transform: translateZ(40px);
  -webkit-backface-visibility: hidden;
}
.cubespinner div:nth-child(2) {
  transform: rotateX(120deg) translateZ(40px);
  -webkit-backface-visibility: hidden;
}
.cubespinner div:nth-child(3){
  transform: rotateX(240deg) translateZ(40px);
  -webkit-backface-visibility: hidden;
}

@keyframes spincube {
  from,
  to {
    transform: rotateX(0deg);
  }
  0%,
  25% {
    transform: rotateX(0deg);
  }
  33%,
  58% {
    transform: rotateX(120deg);
  }
  66%,
  92% {
    transform: rotateX(240deg);
  }
  100% {
    transform: rotateX(360deg);
  }
} */


.enterprise-sec{ max-width:95rem; margin: 0 auto; text-align: center;}
.enterprise{ font-size: 5rem; }
.enterprise-text p{ font-size:3.2rem; font-family: 'aileronlight'; text-align: center;  line-height:4.2rem; margin:0} 
.content-1.right a{ color:#5148D3;}



/* service section */
.card-service-content {padding: 2.4rem 2.4rem 4rem;}
.card.service .image-wrapper{ background: #1a1a1a; border-bottom: solid 1px #605F5F; text-align: center; padding: 1rem;}
.heading-h3-size {color: #fff; font-size:2.6rem;}
.service-btn{ display: flex; justify-content: center; margin-top: 5.8rem;}



/* client section */
.client{ background: #131313; }
.client-section{ text-align: center;}
.client-section h3{ font-size: 3.4rem;  font-family: 'aileronlight'; margin: 0 0 5rem;}
.client-section h3 p{ margin: 0;}
.client-section h3 span{ font-family: 'aileronsemibold';}
.client-section .swiper{ flex: 1;}
.client-section .swiper-wrapper{ align-items: center;}
.client-item{display: grid; grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-columns: repeat(6, 1fr);}
.marquee{overflow: hidden;-webkit-mask-image: linear-gradient( var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0) );}  
.marquee-content{display: flex;animation: scrolling 40s linear infinite;}
.marquee-content:hover {animation-play-state: paused;}
.marquee-item {flex: 0 0 14vw; margin: 0 1vw;}    
@keyframes scrolling {0% { transform: translateX(0); } 100% { transform: translatex(-380vw); }}


/* we serve */
.content-1 .section-title{ margin: 0 0 2.7rem;}
.content-1 {margin: 0 5rem 0 0;}
.content-1.right { margin: 0 0 0 5rem;}
.serve{ margin-bottom: 10rem;}
.service-shape1 {left: 0;top:-55px;z-index: -1; animation-name: zoom-in-zoom-out;animation-duration: 2000ms;
animation-iteration-count: infinite; animation-timing-function: linear; position: absolute;}
.line{height: 1px;margin: 0 0 9rem 0; opacity: 1; border-top: solid 1px #3A3939;}
.img-absolute{position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  text-align: right;
  height: 100%;}
  .img-absolute.left{ right: auto; left: 0;}

/* step */
.step-bg{ background: url(../images/bg-img.png) no-repeat center bottom; position: relative;}
.step-bg::before{background:linear-gradient(180deg, rgba(0, 0, 0, 1) 0%,  rgba(0,0,0,.5) 50%,rgba(0, 0, 0, 1) 100%);opacity: 0.7; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.step-wrapper{ border-left: solid 1px #9A9494; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1;
-ms-grid-row: span 1; grid-row-start: span 1;-ms-grid-row-span: 1;grid-row-end: span 1;-ms-grid-row-align: start; align-self: start;}
.step-wrapper:first-child{ border: none;}
.step-wrapper:nth-child(2){ margin-top: 8rem; padding-left: 3rem;}
.step-wrapper:nth-child(3){ margin-top: 16rem; padding-left: 3rem;}
.step-info{ display: flex; justify-content: center;}
.step-info span{font-family: 'aileronsemibold'; font-size: 11.6rem; line-height: 1; margin-right: 1rem;} 
.step-info h4{font-family: 'aileronsemibold'; font-size: 3.6rem; margin-bottom: .5rem;}
.step-info p{ margin: 0; padding: 0;}
.step-img{height: 288px; text-align: center;}
.step-img img{ height: 100%; object-fit: contain;}
.step-container{ position: relative; z-index: 2;}



/* testimonials */
.card.testimonial{ padding: 4rem 3rem; transition: all .3s ease-in-out;}
.card.testimonial:hover{ border-color: #fff;}
.testimonial-avatar{ display: flex; align-items: center;}
.testimonial-avatar b { border-radius: 2rem; width: 8rem; height: 8rem; margin: 0 1.5rem 0 0; overflow: hidden; background: #fff;}
.testimonial-avatar h5{ font-size: 2rem;  font-family: 'aileronbold'; margin:0 0 1rem;} 
.testimonial-avatar span{ padding: 0; margin: 0;  font-family: 'aileronlight'; font-size: 1.6rem;}
.testimonial-text{ margin: 3.5rem 0 0 0; padding: 0;}
.testimonial-name{ flex: 1;}
.tes-item {margin-bottom: 45px;}
.testimonial-wrap{ position: relative; width: 100%;}
.grid-sizer, .tes-item{ width:calc(33.33% - 45px); margin-right: 45px;}  

/* call to action */
.calltoaction{ padding:10rem 4rem; box-shadow: 0px 0px 174px #363636; border-radius:2rem; position: relative; background: #000; background-clip: padding-box; border: solid 1px transparent;} 
.calltoaction::before{content: ""; position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;margin: -1px;   border-radius: inherit;background: linear-gradient(to right, #5148D3, #A1327D)}
.calltoaction .circle-fix.left{ width:29rem; height:29rem; left: 60%; top: 2rem; z-index: 0;}
.calltoaction .section-title{ margin: 0;} 

/* location */
.location-bg{ position: relative; padding-bottom: 15rem;}
.location-bg::before{    background: url(../images/location-bg.png) no-repeat center bottom; content: ""; position: absolute;    left: 0;bottom: 0;width: 100%;opacity: .7;height: 100%;} 
.gradient-border-card{padding:0rem;border-radius: 2rem;position: relative;background: rgba(0,0,0,.8);background-clip: padding-box;border: solid 4px transparent;}
.gradient-border-card::before{content: ""; position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;margin: -3px;    border-radius: inherit;background: linear-gradient(to top, #5148D3, #A1327D);}
.location h3{ font-size: 3rem;}
.location p{ margin: 0; padding: 0;}
.location-bg .grid-4-columns{ padding: 4rem 0;}


/* about page */
.display-7{font-family: 'helveticaregular'; font-size: 3rem;}
.display-8{ font-weight: normal;  font-family: 'helveticabold'; font-size: 2.2rem;}
.display-9{ font-size: 2.2rem; margin: 4rem 0;}
.team-list{ display: grid; grid-auto-columns: 1fr; grid-column-gap:3rem; grid-row-gap:3rem;  grid-template-columns:1fr 1fr 1fr 1fr;
grid-template-rows: auto; margin-bottom: 5rem;}
.team-item{ border-radius: 2rem; position: relative; overflow: hidden; background: #fff;}
.team-info{ position: absolute; width: 100%; left: 0; bottom: 0; background: linear-gradient(90deg, #5148D3 0%, #A1327D 93.82%); opacity: .8; color: #fff; padding: 1rem 2rem;}
.team-info b{ font-family: 'aileronbold'; font-weight: normal; font-size: 2rem;}
.team-info i{ font-style: normal;  font-family: 'aileronlight'; font-size: 1.8rem; display: block;}


/* we serve */
.sub-title{ font-size:3rem; font-family: 'helveticaregular'; margin-bottom: 3rem;}
.list{ max-width: 1100px; margin: 0 auto; }
.list ul{margin: 0 ; list-style: none; padding: 0;}
.list li{  padding: 0 0 4rem 6rem; position: relative; font-size: 2.2rem;}
.list li:last-child{ padding-bottom: 1rem;}
.list li::before{ background: url(../images/list-icon.svg) no-repeat; position: absolute; left: 0; top: -3px; content: ""; width: 100%; height:100%;}
.title-icon{ display: flex; justify-content: center; align-items: center; margin: 5rem 0 0 0 ;flex-wrap: wrap;}
.title-icon-item{ display: flex; align-items: center; margin: 0 3rem 1.5rem; flex-wrap: wrap;} 
.title-icon-item span{ margin: 0 1rem 0 0;}
.message h5{ font-size: 4rem;}
.message p{ font-size: 2rem;}



/* principles */
.title-2{ font-size: 5rem;  font-family: 'aileronlight'; text-transform: uppercase;}
.list-2 ul{ margin: 0 0 3rem; padding: 0; list-style: none;}
.list-2 li{ position: relative; padding: 0 0 1rem 3rem; font-size: 2rem;}
.list-2 li::before{ content: ""; position: absolute; left: 0; top:6px; background: radial-gradient(50% 50% at 50% 50%, #A1327D 0%, #5148D3 100%); width: 15px; height: 15px; border-radius: 100%;}
.principles-bg{ background: url(../images/principle-img.png) no-repeat; background-size: cover;}

/* contact title */
.letstalk_right{ max-width: 600px; margin-left: 4rem;}
.contact-title{ text-align: center; position: relative; padding: 0 0 1rem; margin: 0 0 2rem;}
.contact-title h2 span{background: linear-gradient(91.7deg, #A1327D 9.68%, #5148D3 98.9%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;background-clip: text; text-fill-color: transparent;}
.contact-title::after{background: linear-gradient(89.67deg, #5148D3 0.29%, #A1327D 50.05%); border-radius: 5px; content: ""; width: 112px; height: 7px; margin: 0 auto; left: 0; right: 0; bottom: 0; position: absolute;}
.contact-title span{ font-size: 3rem;}
.contact-title h2{font-family: 'aileronregular'; font-size: 4.8rem;}
.contact-card{ border-width: 1px; background:rgba(0, 0, 0, .9); box-shadow: none; margin-bottom:0;}
.contact-card::before{ margin: -2px;}


.contact-item{ margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: solid 1px rgba(225,225,225,.3); display: flex; flex-direction: column; position: relative; padding-left: 6rem;}
.contact-item::before{    background: url(../images/list-icon.svg) no-repeat; position: absolute; left: 0; top: -5px;content: "";
width: 100%; height: 100%;}
.contact-item span{ margin: 0 2rem 0 0;}
.contact-item h5{ font-size: 2.2rem; margin: 0 0 .5rem;  font-family: 'aileronregular';}
.contact-item p{ margin: 0; padding: 0; color: #B4B4B4; }
.contact-list h3{ font-size: 3rem; margin-bottom: 5rem;}
.contact-item div{ flex: 1;}
.bookcall{ display: flex; align-items: center; margin-bottom: 7rem; justify-content: center;}
.bookcall span{ font-family: 'aileronbold'; font-size: 2.2rem;background: linear-gradient(90deg, #5147D3 0%, #A1327D 99.98%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-transform: uppercase; margin: 0 0 0 2rem;}
  .app_div{ display: flex;}
.app_div img{ margin-right: 2rem;}



.privacy li{ list-style: circle;}
.privacy h4{ margin-top:4rem;}
b, strong{ font-weight:normal; font-family: 'helveticabold';}

.drop-form #_form_6483101CD28C9_ ._submit{ padding: 1rem 7rem !important;}
.drop-form .hs-input {
background: #1A1A1A !important;
border: 1px solid #605F5F !important;
  width: 100%;
color: #fff;
padding: 1rem 2rem;
border-radius: 8px;
font-size: 1.8rem;
font-family: 'aileronregular';
}
.hs-form-field {
margin-bottom: 20px;
}
.hs-form-field label {
font-size: 2rem;
padding-bottom: 5px; 
color: #B4B4B4;
font-family: 'aileronregular';
}
.hs-button {
background: linear-gradient(90deg, #5148D3 0%, #A1327D 51%, #5148D3 100%);
border-radius: 4rem;font-size: 2rem; color: #fff; padding: 1.3rem 4rem; font-family: 'aileronbold'; background-size: 200% auto;
transition: all .24s ease-in-out; border: none; width: 100%; text-transform: uppercase;}
.grecaptcha-badge{margin: 0 auto;}
.submitted-message {
font-size: 2.2rem;
text-align: center;
}
.submitted-message strong {
color: #FFFFFF;
font-size: 3.2rem;
font-weight: 400;
}
/* input[type=text]:focus {
border: 3px solid #555;
} */
input:focus,
select:focus,
textarea:focus,
button:focus {
  border-color: rgba(245, 2, 120, 0.8);
  box-shadow: 0 1px 1px rgba(245, 2, 120, 0.075) inset, 0 0 8px rgba(245, 2, 120, 0.6);
  outline: 0 none;
}
ul.hs-error-msgs li{list-style: none;}
.hs-form-field label.hs-error-msg {
color: #F50278;
font-size: 14px !important;
font-weight: 300 !important;
}

.progress-wrap{position:fixed;right:30px;bottom:50px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px #fff;z-index:99;opacity:0;visibility:hidden;transform:translateY(15px);transition:all .2s linear}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap:after{position:absolute;content:"\2191";text-align:center;line-height:46px;font-size:20px;color:var(--primary);left:0;top:0;height:46px;width:46px;cursor:pointer;display:block;z-index:1;transition:all .2s linear}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:#F50278;stroke-width:4;box-sizing:border-box;transition:all .2s linear}


.hs-form label{color: #fff !important}
footer .hbspt-form  .hs-input{    
background-color: #161616;
  border: solid 1px #282828;
  border-radius: 0.8rem;
  padding: 1.2rem 2.2rem;
  font-size: 1.8rem;width: 100%;
  color: #fff;margin-bottom: 1.5rem!important;    border-radius: 4rem;
}
.hs-button {background: linear-gradient(90deg, #5148D3 0%, #A1327D 51%, #5148D3 100%);
  border-radius: 4rem;
  font-size: 2rem;
  color: #fff;text-transform: none;
  padding: 1.3rem 4rem;
  font-family: 'aileronbold';
  background-size: 200% auto;
  transition: all .24s ease-in-out;
  border: none;cursor: pointer;-webkit-appearance: button;position: relative}


.hs-error-msgs{list-style: none}
.hs-error-msgs .hs-main-font-element{display: none}
footer .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field{margin-bottom: 0}
.hbspt-form .submitted-message{text-align: left;background: #5148D3;
background: linear-gradient(to right, #5148D3 0%, #A1327D 50%);
-webkit-background-clip: text;font-weight: 600;
-webkit-text-fill-color: transparent;}
footer .hs-button{ width: auto; padding: 1rem 4rem;}



.gradient-btn-border{ position: relative; border-radius: 4rem;background: rgba(0,0,0,1); background-clip: padding-box;
  border: solid 4px transparent; padding:.9rem 4rem; margin-right: 1rem; font-family: 'aileronbold'; font-size: 2rem;}
  .gradient-btn-border::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -3px;
    border-radius: inherit;
    background: linear-gradient(to right, #5148D3, #A1327D);}
.burger-menu-icon{
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition:all 0.3s ease-in-out;
}
.burger-menu-icon span {
  height: 3px;
  width: 28px;
  background-color: #fff;
  margin-bottom: 5px;
  border-radius: 10px;
  transition:all 0.3s ease-in-out;
}
/* .burger-menu-icon span:last-child {
  margin-bottom: 0;
  width: 10px;
  margin-right: -10px;
} 
.burger-menu-icon:hover span:last-child {
  width: 20px;
  margin-right: 0;
}*/
.burger-menu-icon:hover span:first-child {
  width: 14px;
  margin-right: -12px;
}
.header-offcanvasmenu {
  height: 100vh !important;
  min-width: 300px;
  transition: all 0.8s cubic-bezier(0.77, 0.2, 0.05, 1);
  background:rgba(0,0,0,.8); padding: 4rem;
}
.header-offcanvasmenu .offcanvas-header{ justify-content: center;}
.header-offcanvasmenu .offcanvas-header .btn-close{ width: 3rem; height: 3rem; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/3rem auto no-repeat; margin-bottom: 3rem;}
.main-menu{ list-style: none; padding: 0; margin: 0; text-align: center;}
.main-menu li a{ font-size: 4rem; font-family: 'aileronbold'; margin-bottom: 2rem; display: inline-block;}

.main-menu li a:hover,.main-menu li.current-menu-item a{ color: #5148D3;}
.mobile-link{ display: none;}

/* .main-menu .sub-menu{padding: 0; margin: 0 0 0 2rem; list-style: none;}
.main-menu .sub-menu li a{ font-size: 2rem; padding-left: 2.4rem;}
.main-menu .sub-menu li{ position: relative;}
.main-menu .sub-menu li a{ color: #fff;}
.main-menu .sub-menu li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  background: radial-gradient(50% 50% at 50% 50%, #A1327D 0%, #5148D3 100%);
  width: 12px;
  height: 12px;
  border-radius: 100%;
} */

.error-page{min-height: 500px; text-align: center; display: flex; justify-content: center; align-items: center;}
.error-page h1{background:linear-gradient(to right, #5148D3 0%, #A1327D 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; font-size: 20rem;}
/*   .footer-list li a{ font-family: 'aileronbold';}
  .footer-list li .sub-menu a{font-family: 'aileronlight';}
  .footer-list li .sub-menu{ padding: 0; margin: 0 0 2rem; list-style: none;} */

.light-black-bg{ background: #131313;}
.build .section-title{ margin: 0 auto 2rem;} 
.build-sub-title{ font-size: 3rem; font-family: 'helveticaregular';}
.build-text{ font-size:2rem; font-family: 'helveticaregular';}
.btn-close:focus{ box-shadow: none;}


  
  .ms-slider {
    height: 1.5em;
    overflow: hidden;
    vertical-align: middle;
    mask-image: linear-gradient(transparent, white, white, white, transparent);
    mask-type: luminance;
    mask-mode: alpha;
    border-bottom: solid 2px #fff; margin-bottom: 1.5rem; display: inline-block;
  }
  .ms-slider__words {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    animation-name: wordSlider;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-duration: 7s;
  }
  .ms-slider__word {
    display: block;
    line-height: 1.3em;
    text-align: left;
  }
  
  @keyframes wordSlider {
    0%, 27% {
      transform: translateY(0%);
    }
    33%, 60% {
      transform: translateY(-25%);
    }
    66%, 93% {
      transform: translateY(-50%);
    }
    100% {
      transform: translateY(-75%);
    }
  }


  
/* Industries Page/ Services page */
.industries-disc{ max-width:1000px; margin: 0 auto; text-align: center; font-size: 2.2rem;}
.industries-disc p{ margin: 0;}
.industries-div{ margin-bottom: 7rem;}
.industries-div h3{ font-size: 3rem; text-align: center; margin: 3rem 0 0 0;}
.industries-img-div{ border-radius: 2rem; overflow: hidden; position: relative;
  background: linear-gradient(to right, #5148D3 , #A1327D ); padding: 3px;
  }
  .industries-img img{ border-radius: 2rem;}
  .gradient-text{background: linear-gradient(90deg, #5148D3 0%, #A1327D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent; font-family: 'helveticabold'; display: inline-block;}
    .services p{ margin-bottom: 2rem;}

    .industries-div:hover .industries-img img{ transform: scale(1.1); -webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out;}
    .industries-img img{-webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out;}
    .industries-img{ overflow: hidden;border-radius: 2rem;}

    /* Resources */

    .resources-div{background: linear-gradient(to right, #5148D3 , #A1327D );
      padding: 2px; border-radius: 2rem; overflow: hidden;}
      .resources-inner-div{ background: #000; border-radius: 2rem; overflow: hidden; }
      .resources-inner-div img{border-radius: 2rem 2rem 0 0; }
      .resources-info{ padding: 4rem;}
      .resources-info h5{background: linear-gradient(90deg, #5148D3 0%, #A1327D 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text; text-transform: uppercase; font-size: 2.4rem;
        text-fill-color: transparent;  display: inline-block;}
      .resources-info h3{ font-size: 3rem; min-height: 108px;}
      .resources-disc{ margin: 0 0 3rem; min-height: 270px;}

      .resources-img img{-webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out; width: 100%;}

      .resources-div:hover .resources-img img{ transform: scale(1.1); -webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out;}
      .resources-img{ overflow: hidden;}

      /* Platform */
      .work-div{ display: flex; align-items: center;}
      .work-info{ max-width: 850px; margin-left: 7rem;} 
      .work-info h3{ font-size: 5rem;}
      .work-info h5{ font-size: 4rem; font-family: 'helveticaregular';}
      .work-info p{ font-size: 2.8rem;}
      .swiper-pagination-bullet {
        width: 2.5rem;
        height: 2.5rem;
        display: inline-block;
        border-radius: 50%;
        background: transparent;
        opacity: 1;
        border: solid 2px #5147D2;
    }
    .swiper-pagination-bullet-active{ background: #5147D2;}

    
    .modal-body{ padding: 3rem; background: linear-gradient(to right, #5148D3 , #A1327D ); border-radius: 12px;}
    .modal-backdrop.show{ opacity: .75;}
    .modal-content{ background-color: transparent;}
    .modal-text{ font-family: 'aileronregular'; font-size: 2rem; margin: 0 0 1.5rem;}
    .modal-form-control input[type=text]{ border-radius: 8px; border: none; padding:1rem 1rem;width: 70%;  font-family: 'aileronregular';}
    .modal-form-control button{border-radius: 8px; border: none; padding:1rem 2rem;width:calc(30% - 1rem) ; background: #000; color: #fff; margin-left: 1rem;  font-family: 'aileronsemibold';}
    .btn-close-pop{ position: absolute; right: 1rem; top: 1rem;}
    .modal-form-control button:hover{ background: #fff; color: #000;}


    #_form_64806495678B1_ ._form_element input[type="text"], #_form_64806495678B1_ ._form_element input[type="date"], #_form_64806495678B1_ ._form_element select, #_form_64806495678B1_ ._form_element textarea:not(.g-recaptcha-response){ background: #ff0000 !important;}

    #_form_6480688A3EF37_ ._submit{ background-color: red !important;}


    /* Login page css start*/

    .login-bg{ background: url(../images/login-bg.jpg) no-repeat; background-size: cover;}
    .login-title{ font-size: 3.8rem; margin-top: 4rem;}
    .login-text{ font-size: 1.8rem; font-family: 'aileronsemibold';}
    .login-box{ background: linear-gradient(135deg, #000 0%, #7D36B2 51% 100%); border-radius: 0 5rem 0 0; padding: 3rem; margin: 5rem 0 0 0;}
    .login-box h3{ font-size: 2.4rem; }
    .login-form input{border: none; background: #fff; width: 100%;margin:3rem 0 0 0;font-size: 1.6rem;padding: 1rem 2rem; color: #000;}
    .login-form .login-btn{ font-family: 'aileronbold'; width: 100%; border: none; background: #fff; border-radius:3rem; padding: 1rem 2rem; font-size: 2rem; color: #000;}
    .login-form .login-btn:hover{ background: #000; color: #fff;}
    .login-form .link{ font-size: 1.6rem; display: flex; justify-content: end; margin: 1rem 0 3rem;}
    .login-form button:hover{ background: #000; color: #fff;}
    .fa-eye-slash{ background: url(../images/hide.png) no-repeat; width: 24px; height: 24px; display: block;}
    .fa-eye{ background: url(../images/view.png) no-repeat; width: 24px; height: 24px; display: block;}
    .login-pass-eye{ position: absolute; top: 10px; right: 10px;}
    .error{color: #F50278; font-size: 14px;}
    #ftpass{margin: 1rem 0 2rem; text-align: right; display: inline-block;  font-size: 1.6rem;}
    .forgotpopup{ display: flex; align-items: baseline;}
    .forgotemail{background: #000;color: #fff; margin-left: 1.5rem; border-radius: 8px;font-size: 2rem;
      padding: .7rem 2rem; font-family: 'aileronsemibold'; border: 0;}
      .btn.forgotemail:hover{ background: #000;}
    .forgotpopup .form-control{border-radius: 8px; background: #fff;border: none !important; color: #000;font-size: 1.6rem;
      padding: 1rem 2rem; font-family: 'aileronregular';}
      .f-div{ flex: 1;}