@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
*{padding: 0px; margin: 0px;}
html{overflow-x: hidden !important; font-size: 62.5%;}
body{padding: 0px; margin: 0px; font-family: 'Gelasio', serif !important;}
h1,h2,h3,h4,h5,h6{font-family: 'Gelasio', serif !important;}
ul{margin:0px; padding: 0px; list-style: none;}
p{font-size: 2rem; font-weight: 400; color: #f0dbb4; line-height: 3rem; margin-bottom: 2rem }
.container{max-width: 1170px;}
.main-header{padding: 15px 0px; position: absolute;z-index: 9; width: 100%;}
#cssmenu > ul {float: right; margin-top: 23px;}
#cssmenu > ul > li > .contact-btn{background: #f0dbb4; color: #424242; border-radius: 4px; padding: 1.5rem 3rem; margin-left: 1rem; margin-top: 7px;}
#cssmenu > ul > li > .contact-btn:hover{color: #424242;}
.main-nav{background: #1a1a1a;}
.main-slider .carousel-indicators li{background-color: rgb(127, 127, 127);}
.main-slider .carousel-indicators .active{background-color: #000;}
.horizon-sec{background: #282828; padding: 7rem 0;}
.heading{text-align: center;}
.heading h1{font-size: 6rem; font-weight: 400; line-height: 7rem; color: #f0dbb4; margin-bottom: 3rem}
.horizonicon-cont{display: flex; flex-wrap: wrap; margin-top: 4rem}
.iconbox{border-right: 1px solid#f0dbb4;width: 20%;text-align: center;}
.iconbox:last-child{border-right: 0;}
.horiaontextbottom{text-align: center; margin: 8rem 0 6rem;}
.horiaontextbottom h3{font-size: 3.6rem; font-weight: 400; color: #f0dbb4; line-height: 4.8rem; }
/**/
.stack__card { display: flex; justify-content: center; align-items: center; /*height: 100vh;*/
  position: sticky;  top: 0;  box-shadow: 0 -1px 3px rgba(0,0,0,0.1), 0 -1px 2px rgba(0,0,0,0.25);  font-size: 10rem;
  border-radius: 30px;  padding: 6rem 10rem;  margin-bottom: 3rem;  transition: cubic-bezier(1,0,0,1) 0.5s;}
.stack__card:nth-child(1) { background-color: #f0dbb4;}
.stack__card:nth-child(2) {background-color: #161616;}
.stack-heading{text-align: center;}
.stack-heading h3{font-size: 4.2rem; font-weight: 400; color: #282828; line-height: 3rem; margin-bottom: 3rem;}
.stack-heading p{font-size: 2.8rem; font-weight: 400; color: #282828; line-height: 3.6rem; margin-bottom: 3rem}
.stack-para{height: 100%; display: flex; justify-content: center;flex-direction: column;}
.stack-para p{font-size: 2rem; font-weight: 400; color: #282828; line-height: 3rem; margin-bottom: 1.5rem}
.stacktext-color h3, .stacktext-color p{color: #f0dbb4;} 
/*our team*/
.ourteam{padding: 7rem 0; background: #424242;}
.teamstack__card{display: flex; justify-content: center;  align-items: center;  /*height: 100vh;*/ position: sticky;  top: 0;
  box-shadow: 0 4px 8px 0 rgb(68, 68, 68), 0 6px 20px 0 rgb(0, 0, 0);  font-size: 10rem;  border-radius: 30px;  padding: 6rem 7rem;
  margin-bottom: 3rem;   flex-direction: column; text-align: center; transition: cubic-bezier(1,0,0,1) 0.5s;}
 .teamstack__card:nth-child(1) {background-color: #f0dbb4;} 
 .teamstack__card:nth-child(2) {background-color: #f0dbb4;} 
 .teamstack__card:nth-child(3) {background-color: #f0dbb4;} 
 .teamstack__card:nth-child(4) {background-color: #f0dbb4;} 
 .teamstack__card:nth-child(5) {background-color: #f0dbb4;} 
.teamstack__card h3{font-size: 4.2rem; font-weight: 400; color: #282828; line-height: 3rem; margin-bottom: 1.5rem;}  
.teamstack__card h4{font-size: 2.8rem; font-weight: 400; color: #282828; line-height: 3.6rem; margin-bottom: 2rem}
.teamstack__card p{font-size: 2rem; font-weight: 400; color: #282828; line-height: 3rem; margin-bottom: 1.5rem}
/**/
/*contact us*/
.contactus{background: #282828; padding: 7rem 0;}
.contact-heading{text-align: center; margin-bottom: 5rem}
.contact-heading h3{font-size: 6rem; font-weight: 400; color: #f0dbb4; line-height: 7rem;}
.contact-left h4{font-size: 2.8rem; font-weight: 400; color: #f0dbb4; line-height: 3.8rem; margin-bottom: 2rem;}
.contact-left p a{color: #f0dbb4;}
.contact-left p a:hover{text-decoration: none; color: #fff;}
.applyformgroup {margin-bottom: 20px;}
.applyformgroup .form-control {border: none;background: none;border-bottom: 1px solid #f0dbb4; border-radius: 0; font-size: 1.5rem;  font-weight: 400;
  padding: 12px 10px 12px 0; color: #f0dbb4;}
.form-control:focus{box-shadow: none;}  
.form-control::placeholder {color: #f0dbb4; opacity: 1;}
.btn{font-size: 2rem; font-weight: 400; color: #424242; background: #f0dbb4; padding: 1rem 3rem; }
.btn-primary{border-color: #f0dbb4;}
.btn-primary:hover{background: #f0dbb4; border-color: #f0dbb4; color: #000;}
footer{background: #191919; padding: 7rem 0;}
.footer-logo{text-align: center; margin-bottom: 4rem;}
.footer-nav{display: flex; justify-content: center; margin-bottom: 5rem; }
.footer-nav a{font-size: 2rem; font-weight: 400; color: #f0dbb4; line-height: 3rem; margin: 0 2rem;}
.footer-nav a:hover{text-decoration: none; color: #fff;}
.footer-left p{font-size: 1.5rem; margin-bottom: 0}
.footer-right{float: right;}
.footer-right p a{color: #f0dbb4;}
.footer-right p a:hover{color: #fff; text-decoration: none;}
.inner-header img{width: 100%;}