@font-face {
  font-family: "Quicksand";
  src: url(../fonts/Quicksand-Regular.ttf) format('truetype');
}
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

/* Use the same font name for all weights */
body, .para {
  font-family: 'Quicksand', sans-serif;
}

/* Example styles */
.para {
  font-size: 18px;
  font-weight: 700; /* Bold */
  color: #5A5A5A;
  overflow: auto;
}

@font-face {
  font-family: "Quicksand-Bold";
  src: url(../fonts/Quicksand-Bold.ttf) format('truetype');
}

body{
    font-family: Quicksand-Bold;
	font-size: 16px;
	line-height: 24px;
	
}

.h-100 {
  height: 100%;
}

w-fit {
  width: 100%;
}

.abs {
  position: absolute;
}

.rel {
  position: relative;
}

.tl-0 {
  top: 0;
  left: 0;
}

.bl-0 {
  bottom: 0;
  left: 0;
}

.object-cover {
  object-fit: cover;
}

.pb-5vh {
    padding-bottom: 5vh;
}

.pb-10vh {
  padding-bottom: 10vh;
}

.pb-15vh {
  padding-bottom: 15vh;
}

.pb-20vh {
  padding-bottom: 20vh;
}

.pb-25vh {
  padding-bottom: 25vh;
}

.pt-5vh {
    padding-top: 5vh;
} 
.pt-10vh {
  padding-top: 10vh;
}

.pt-15vh {
  padding-top: 15vh;
}

.pt-20vh {
  padding-top: 20vh;
}

.pt-25vh {
  padding-top: 25vh;
}

.pt-350fx {
  padding-top: 24.3055555556vw;
}

.pb-120fx {
  padding-bottom: 8.3333333333vw;
}

mb-0 {
  margin-bottom: 0 !important;
}

.min-h-20vh {
  min-height: 20vh;
}

.lh-64fx {
  line-height: 4.4444444444vw;
}

.fs-56fx {
  font-size: 3.8888888889vw;
}

.lh-140fx {
  line-height: 9.7222222222vw;
}

.fs-124fx {
  font-size: 8.6111111111vw;
}

.align-x:center {
  text-align: center;
}

.bg-clip-text {
  background-clip: text;
  -webkit-background-clip: text;
}

.c-transparent {
  color: transparent;
}

@media screen and (max-width: 991px) {
  .pt-5vhm {
    padding-top: 5vh;
  } 
  .pb-5vhm {
    padding-bottom: 5vh;
  } 
  .pt-10vhm {
    padding-top: 10vh;
  }  

  .pt-15vhm {
    padding-top: 15vh;
  }
  
  .pb-10vhm {
    padding-bottom: 10vh;
  }  

  .pb-15vhm {
    padding-bottom: 15vh;
  }
  .lh-34fxm {
    line-height: 9.0666666667vw;
  }
  .fs-30fxm {
    font-size: 8vw;
  }
  .pb-120fxm {
    padding-bottom: 32vw;
  }
}

/*# sourceMappingURL=style.css.map */

  .jumbotron {
    color: white;
    height: 100vh;
    border-radius: 0;
    width: 100%;
    color: #fff;
    padding-top: 0.1rem;
    position: relative;
    overflow: hidden;
  }
  .about-jumbo {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.13)), url(../img/AboutIDZ.png);
    background-size: cover;
    margin-bottom: 0px;
	background-position: center;
  }
  .contact-jumbo {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.13)), url(../img/ContactIDZ.png);
	background-size: cover;
	margin-bottom: 0px;
	background-position: center;
  }
  .work-jumbo {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.13)), url(../img/careerbg.jpg);
	background-size: cover;
	margin-bottom: 0px;
    background-position: center;
  }
  .apply-jumbo {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.13)), url(../img/apply-banners.jpg);
	background-size: cover; 
	margin-bottom: 0px;
    background-position: center;
  }
  .vr-jumbo {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.13)), url(../img/vrbg.png);
    background-size: cover;
    margin-bottom: 0px;
	background-position: center;
  }
 
  .custom-btn {
 background-color: #5F4EC7!important;
    border-color: #FFF!important;
    width: auto;
    color:#fff;
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 20px;
    border-radius: 70px;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  border: none;
  z-index: 1;
  outline: none!important;
  font-size: 2rem;
}

.custom-btn:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #7557A9;
  border-radius: 70px;
  transition: all 0.3s ease;
  outline: none!important;
  text-decoration:none;
}
.custom-btn:hover {
  color: #fff;
   text-decoration:none;
}
.custom-btn:hover:after {
  left: 0;
  width: 100%;
}
.custom-btn:active {
  top: 2px;
  outline: none!important;
   text-decoration:none;
}
  video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.5;
  }
  
  .vertical-display {
	display: flex;
	align-items: center;
	justify-content: center
  }
  @media only screen and (max-width: 767px) {
	.vertical-display {
		display: block;
	}
  } 
  .verticalimage {
	flex-basis: 70%;
  }
  .verticaltext {
	padding-left: 20px;
  } 
  .verticaltext .ptext { color: #787B8E; }
  .vertical-display { margin-top: 48px; }
  .page-head {
    position: absolute;
    bottom: 180px;
    max-width: 100%;
  }
  .toph1-heading { color: #ffffff; font-weight: 300; text-align: left;}
  .phead { font-size: 48px; line-height: 56px;}
  .splTxt { max-width: 992px;}
  .bigtxt, .bignumber { font-size: 15rem; line-height: 12rem; }
  .tinytxt { font-size: 4rem;}
  .purple { color: #5F4EC7;}
  .peach { color: #EF476F;}
  .softgreen { color: #43C6AC;}
  .softblue { color: #669EFF;}
  .yellow { color: #FFC031;}
  .product-box{
    padding: 20px;
    border-radius: 20px;
	color:#ffffff;
  }
  .product-box p { font-size: 2rem; line-height: 2.5rem; }
  .product_kl{ background: #EF476F; }
  .product_tizi{ background: #B571E0; }
  .product_ps{ background: #43C6AC; }
  .h2-heading { font-size: 5rem; margin-bottom: 3rem; }
  .careerbtn { background: #5F4EC7;
    border: #5F4EC7;
    border-radius: 50px;
    padding: 20px 48px;
    font-size: 28px;
}
  .jobtab { background: rgba(217, 217, 217, 0.01); border: 2px solid #5F4EC7; border-radius: 100px; padding: 12px 36px;
    margin: 10px; font-size: 24px;}
	
  .product_name { font-size: 8rem; margin-top: 2rem; }
  .formbox { max-width: 800px; background: #FFCD5C; padding: 5%; border-radius: 20px; margin: 0 auto; }
  .locationbox {
	background: #252525;
	padding: 20px;
	color: #ffffff;
	border-radius: 10px;
	margin-bottom: 30px;
  }
  .ptext { font-size:24px; line-height:30px; text-align: left; margin-top: 20px; }
  .context a { color: #5F4EC7; }
  .work-box {border-radius: 35.7143px; padding: 20px 10px; margin-bottom: 36px; font-size: 24px; }
  .work-box h3 { font-size: 48px; margin-bottom: 20px;}
  .boxpurple {
	border: 4.28571px solid #5F4EC7;
	box-shadow: 8.57143px 8.57143px 0px #5f4ec7;
  }
  .boxred {
	border: 4.28571px solid #EF476F;
	box-shadow: 8.57143px 8.57143px 0px #EF476F;
  }
  .boxgreen {
	border: 4.28571px solid #43C6AC;
	box-shadow: 8.57143px 8.57143px 0px #43C6AC;
  }
  .boxblue {
	border: 4.28571px solid #059EE3;
	box-shadow: 8.57143px 8.57143px 0px #669EFF;
  }
  .para-text { font-size: 48px; line-height: 56px; }

  @media screen and (max-width: 575px) {
	.mob-center { text-align: center!important; }
	.bignumber { font-size: 8rem; line-height: 6rem; }
	.bigtxt { font-size: 4rem; line-height: 2.5rem; }
    .tinytxt { font-size: 1.5rem; }
	.sec-6 .bigtxt { font-size: 3rem; line-height: 2.5rem; }
	.h2-heading { font-size: 2.5rem;}
	.custom-btn { padding-left: 30px; padding-right: 30px; }
	.page-head { max-width: 95%; }
  }
  @media screen and (min-width: 576px) and (max-width: 767px) {
	.mob-center { text-align: center!important; }
	.bignumber { font-size: 12rem; line-height: 10rem; }
	.bigtxt { font-size: 6rem; line-height: 5rem; }
    .tinytxt { font-size: 2rem; }
	.h2-heading { font-size: 3rem; }
	.page-head { max-width: 540px; }

  }
  
  @media screen and (max-width: 767px) {
	.product_name { font-size: 3.5rem; margin-top: 1rem; text-align: center; }
	.product-box p { font-size: 1.2rem; line-height: 1.5rem; }
	.product_img { margin-top:20px; margin-bottom:20px;}  
	.toph1-heading { font-size: 3rem;}
	.toph3-heading { font-size: 2.5rem; margin-bottom: 3rem;}
	.hidemd{ display:none!important; }
	.phead { font-size: 36px; line-height: 40px;}
	.para-text { font-size: 24px; line-height: 32px; }
	.jobtab { padding: 7px 12px; margin: 7px 2px; font-size: 16px;}
	
	
  }
  @media screen and (min-width: 768px) and (max-width: 991px) {
	.bignumber { font-size: 12rem; line-height: 10rem; }
	.bigtxt { font-size: 10rem; line-height: 9rem; }
    .tinytxt { font-size: 2rem; }
	.h2-heading { font-size: 5rem; }
    .sec-6 .bigtxt { font-size: 8rem; line-height: 6rem; }
  
  }
  
  @media screen and (min-width: 768px) and (max-width: 1199px){
	.product_name { font-size: 4.8rem; margin-top: 2rem; }
	.product_img { width: 480px; position: relative; top: -60px; right: -48px; }
	.h2-heading { font-size: 4rem;}
    .sec-6 .bigtxt { font-size: 8rem; line-height: 7rem; }
	.toph1-heading {font-size: 4rem; margin-bottom: 2rem;}
	.toph3-heading {font-size: 3rem; margin-bottom: 4rem;}
	.jobtab { padding: 7px 22px; margin: 6px; font-size: 18px;}
	
  }
  
  @media screen and (min-width: 768px){
	.product-box p { margin-top: -48px; }
	.work-box { min-height: 280px; }
	.hidethis{ display:none!important; }
	.page-head { max-width: 720px; }
	
   }
  
  
  @media screen and (min-width: 992px) and (max-width: 1199px) {
	.bignumber { font-size: 12rem; line-height: 10rem; }
	.bigtxt { font-size: 12rem; line-height: 10rem; }
    .tinytxt { font-size: 2rem; padding-right: 180px;}
	.page-head { max-width: 960px; }
  
  }
	
  @media screen and (min-width: 1200px){
    .product_name { font-size: 8rem; }
	.product_img { width: 480px; position: relative; top: -92px; right: -92px; }
	.h2-heading { font-size: 6rem; }
    .sec-6 .bigtxt { font-size: 12rem; line-height: 11rem; }
	.toph1-heading { font-size: 5rem;}
	.toph3-heading {font-size: 3rem; margin-bottom: 5rem;}
	.page-head { max-width: 1140px; }
  }