@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,800;1,200;1,400;1,600&family=Work+Sans:wght@300;400;500;600;700;800&display=swap");

body {
  font-family: "Work Sans", sans-serif;
 
}

.navbar-brand {
  width: 50px;
  background-color: #07f;
  border-radius: 100%;
  height: 50px;
}
.navbar-brand img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aerotxt {
  font-size: 20px;
  font-weight: 800;
}
.navv-icon .btn {
  border-radius: 21px;
  width: 150px;
  font-weight: 600;
  padding: 10px;
}
ul {
  font-weight: 700;
}
/* -----------------------------------banner    */
.banrbox {
  margin: 70px 0px;
}
.robrttxt h6 {
  font-size: 25px;
  font-weight: 600;
}
.robrttxt h5 {
  font-size: 60px;
  font-weight: 700;
}
.hirebtn {
  gap: 30px;
}
.robrttxt span {
  color: #07f;
}
.robrttxt p {
  font-size: 25px;
}
.downlod .downcv {
  border: 2px solid #07f;
  background-color: white;
  border-radius: 21px;
  color: #07f;
  font-weight: 700;
  padding: 9px 38px;
}
.downcv {
  padding: 5px 33px;
}
.downcv i {
  font-weight: 700;
}
.boyimge {
  width: 550px;
  height: 550px;
}
.boyimge img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* subbanner jquery  */
.jqless {
  width: 100%;
}
.jqless img {
  width: 100%;
}
.outline {
  padding: 50px;
  background: rgba(248, 248, 248, 1);
  
}

/* about 20 years  */
.about {
  margin: 70px 0px;
}
.boyhnd {
  width: 100%;
}
.boyhnd img {
  width: 100%;
}
.thre-btn {
  margin-top: 80px;
  margin-bottom: 57px;
}
.abut-txt h6 {
  font-size: 20px;
  font-weight: 600;
  color: #07f;
}
.abut-txt h5 {
  font-size: 50px;
  font-weight: 700;
  margin-top: 25px;
}
.abut-txt span {
  color: #07f;
}
.abut-txt p {
  font-size: 18px;
  margin-top: 25px;
}
/* three button    */
.navv-icon .btn2 {
  border-radius: 21px;
  width: 150px;
  font-weight: 600;
  border: 2px solid #07f;
  background-color: white;
  color: #07f;
  font-weight: 600;
  padding: 5px;
}
.grph-line{
  margin-top: -15px;
}
.grph-line h4 {
  font-size: 18px;
  margin-top: 40px;
  font-weight: 700;
}
.line-gro {
  width: 100%;
  height: 15px;
  border: 1px solid gainsboro;
}
.corline {
  background-color: #07f;
  width: 90%;
  height: 15px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.corline2 {
  background-color: #07f;
  width: 60%;
  height: 15px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.corline3 {
  background-color: #07f;
  width: 40%;
  height: 15px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.explore-txt {
  text-align: center;
  width: 60%;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 120px;
}
.explore-txt h6 {
  font-size: 20px;
  font-weight: 600;
  color: #07f;
}
.explore-txt h5 {
  font-size: 50px;
  font-weight: 700;
}
.explore-txt P{
  font-size: 20px;
}
.explore-txt span {
  color: #07f;
}
/*--------------------------------------- slick slider  */
.boxslider:hover{
  background-color: #07f;
}
.boxslider:hover .iconimag{
background-image: url("image/icon.png");
}
.boxslider {
  padding: 30px;
  border: 1px solid gainsboro;
  margin: 0 5px;
  border-radius: 10px;
}

.iconimag {
  transition: all 2s ease-in-out;
  background-image: url("image/Clip\ path\ group.png");
  width: 150px;
  height: 80px;
  background-repeat: no-repeat;
}
.boxslider:hover h6{
  color: white;
}
.boxslider:hover p{
  color: white;
}

.uitxt2 h6 {
  color: black;
  font-size: 25px;
  font-weight: 700;
}
.uitxt2 p {
  color: black;
  font-size: 20px;
}
.navv-icon .lernbtn {
  border: none;
  font-weight: 600;
  color: #07f;
  font-weight: 600;
  padding: 5px;
  background-color: transparent;
}
.boxslider:hover .lernbtn{
  color:white;
}

/* <!-- what set our studio  --> */
.studio{
  background-color: #07f;
  padding: 50px 50px;
  margin: 100px auto;
}

.milistntxt{
  width: 60%;
  margin: 0 auto;
}
.milistntxt h6 {
  font-size: 20px;
  font-weight: 600;
 color: white;
 text-align: center;
}
.milistntxt h5{
  font-size: 50px;
  font-weight: 700;
  text-align: center;
  color: white;
  margin-bottom: 100px;
}
.number{

  background-color: white;
  border-radius: 20px;
  text-align: center;

}
.number h5{
  font-size: 40px;
  font-weight: 700;
}
.number p{
  font-weight: 600;
  font-size: 20px;
}
 /* -----------------------------------design  */
 .pres-text{
text-align: center;
width: 70%;
margin: 50px auto;
}

 .pres-text h6{
  font-size: 20px;
  font-weight: 700;
  color: #07f;
 }
 .pres-text h5{
  font-weight: 700;
  font-size: 50px;
}
.four-button{
  width: 65%;
  margin: 0 auto;
}

.all-butn .albtn{
  border: 2px solid ;
  padding: 9px 57px;
  border-radius: 100px;
background-color: #07f;
color: white;
font-weight: 700;
}


.all-butn2 .albtn2{
  border: 2px solid #07f ;
  padding: 8px 38px;
  border-radius: 100px;
color:#07f;
font-weight: 700;
background-color: transparent;
}
/* ----------------------------------six images   */
.siximag{
  width: 100%;
  border-radius: 10px;
  margin-top: 20px;
}
.siximag img{
  width: 100%;
}
/* <!-- -----------------------------the trust from client  --> */
.pres-text-testim{
  text-align: center;
width: 70%;
margin: 100px auto;
}
.pres-text-testim h6{
  font-size: 20px;
  font-weight: 700;
  color: #07f;
}

.pres-text-testim h5{
  font-weight: 700;
  font-size: 50px;
}
.star{
  margin: 0 5px;
  border: 2px solid gainsboro ;
  border-radius: 10px;
  padding: 20px;
}
.starfnt p{
  padding: 20px;
  margin: 0 auto;
}
.starfnt h6{
  font-size: 16px;
  font-weight: 700;
text-align: center;
}
.starfnt h5{
  font-size: 16px;
  text-align: center;
}
.boyphoto{
  width: 150px;
  margin: 8px auto;
}
.boyphoto img{
  width: 100%;
}
.stars{
  width: 170px;
  margin: 0 auto;
}
.stars img{
  width: 100%;

}
.star:hover{
  background-color: #07f;
  color: white;
}

/*---------------- footer ----------------*/
.footr{
  background-color: #07f;
  height: 783px;
}
.crclemage{
  background-image: url("image/Ellipse\ 6.png");
  height: 600px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 430px;
  position: absolute;
  right: 0;
z-index: 1;
}
.foot-txt{
  position: relative;
  z-index: 2;
  width: 100%;
 

}

.foot-txt{
  margin-top: 100px;
 padding-top: 100px;
}
 .conta h6{
  font-size: 20px;
  font-weight: 700;
  color:white;
  text-align: center;
 }
 .conta h5{
  font-size: 50px;
  font-weight: 700;
color:white;
text-align: center;
 }
.detail{
  background-color: white;
  height: 300px;
  margin-top: 30px;
  padding: 20px;
  border-radius: 10px;
}
.detail2{
  margin-top: 30px;
}
.numbr{
  width: 200px;
  margin-top: 14px;
}
.numbr h6{
  font-size: 18px;
  font-weight: 800;
}
.numbr h5{
  font-size: 20px;
  font-weight: 800;
}
.email{
  margin-top: 40px;
}

.wdthform input{
  width: 100%;
  height: 49px;
  border-radius: 10px;
}
.wdthform2 input{
  width: 100%;
  height: 150px;
  border-radius: 10px;
}
.whitbox{
  width: 15px;
  height: 15px;
  background-color: white;
}
.agretxxt{
  color: white;
}

.all-butn3{
  margin-top: 20px;
}

.all-butn3 .albtn3{
  background-color: blue;
  padding: 8px 38px;
  border-radius: 100px;
font-weight: 800;
color: white;
border: none;
}
.lastblu{
  background-color: #07f;
margin-top: 50px;
}
.lastlogo{
width: 700px;
  gap: 24px;
}
.aerotxtt{
  color: white;
  font-weight: 700;
}

.copyriht h6{
  font-size: 14px;
  color: white;
  margin: 0;
}

.folw h6{
  font-weight: 700;
color: white;
}
.iconcrcle{
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background: rgb(121, 178, 242);

  position: relative;
}
.appicn i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-weight: 600;
  color: white;
}



/* slick slider button   */

.slick-nexxt::before {
  content: "\f30b";font-family: 'Font Awesome\ 5 pro';
}

.slick-prevys::before {
  content: "\f30a";font-family: 'Font Awesome\ 5 pro';
}

.slick-nexxt {
  position: absolute;
  right: 30px;
  top: -50px;
  z-index: 100;
  background-color: white;
  color: #07f;
  width: 40px;
  height: 40px;
  border-radius: 32px;
  border: 1px solid #07f ;
}

.slick-prevys {
  position: absolute;
  left: auto;
  right: 100px;
  top: -50px;
  z-index: 100;
  background-color: white;
  color: #07f;
  width: 40px;
  height: 40px;
  border-radius: 32px;
  border: 1px solid #07f ;
}
.slick-nexxt:hover{
  background-color: #07f ;
  color: white;
}
.slick-prevys:hover{
  background-color: #07f ;
  color: white;
}








/* second slick slider  */
.slick-nextt::before {
  content: "\f30b";font-family: 'Font Awesome\ 5 pro';
}

.slick-prevew::before {
  content: "\f30a";font-family: 'Font Awesome\ 5 pro';
}


.slick-nextt {
  position: absolute;
  right: 45%;
  top: -60px;
  z-index: 100;
  background-color: white;
  color: #07f;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #07f ;
}

.slick-prevew {
  position: absolute;
  left: 45%;
  top: -60px;
  z-index: 100;
  background-color:white;
  color:#07f;
  width: 40px;
  height: 40px;
  border-radius: 32px;
  border: 1px solid #07f ;
}

.slick-nextt:hover{
  background-color: #07f ;
  color: white;
}
.slick-prevew:hover{
  background-color: #07f ;
  color: white;
}





/* --------------------------------------------------------mediaquery  */
@media (max-width: 480px) {
  .robrttxt h6 {
    font-size: 20px;
  }

  .robrttxt h5 {
    font-size: 50px;
  }
  .robrttxt p {
    font-size: 20px;
  }

  .abut-txt h6 {
    font-size: 18px;
  }

  .abut-txt h5 {
    font-size: 40px;
  
  }.thre-btn {
    margin-top: 45px;
  }
  .explore-txt h6 {
    font-size: 18px;
  }
  .explore-txt {
    width: 100%;
  }
.explore-txt h5 {
  font-size: 40px;
}

.studio {
  margin: 0px;
  padding: 10px;
}
.milistntxt h6 {
  font-size: 18px;
}
.milistntxt h5 {
  font-size: 40px;
  margin-bottom: 10px;
}
.number{
  margin-bottom: 10px;
}
.pres-text h6 {
  font-size: 18px;
}
.pres-text h5 {
  font-size: 40px;
}

.pres-text-testim h6 {
  font-size: 18px;
}
.pres-text-testim h5 {
  font-size: 40px;
}
.pres-text-testim {
  width: 100%;
  margin: 50px auto;
}

.conta h6 {
  font-size: 18px;
}
.conta h5 {
  font-size: 40px;
}

.footr {
  height: 100%;
}

.detail {
  margin-top: 0px;
  padding: 10px;
}
.all-butn3 .albtn3 {
  width: 100%;
}
.copyriht{
  text-align: center;
  margin-top: 10px;
}
.folow{
  margin-top: 10px;
}


  .boyimge {
    width: 100%;
    height: 100%;
  }
  .text-robrt {
    text-align: center;
  }
  .downcv {
    padding: 5px 31px;
  }
  .banrbox {
    margin: 20px 0px;
  }
  .about {
    margin: 20px 0px;
  }
  .gqury {
    gap: 20px;
  }
  .navv-icon .btn {
    width: 100%;
  }
  .downlod .downcv {
    width: 100%;
  }
  .abut-txt{
    text-align: center;
  }
  .navv-icon .btn2 {
    width: 100%;
  }
.milistntxt {
    width: 100%;
   
  }
  .pres-text {
    
    width: 100%;
   
  }
  .four-button {
    width: 100%;
    
  }
  .all-butn .albtn {
    
    width: 100%;
  }
  .all-butn2 .albtn2 {
    padding: 8px 52px;
    width: 100%;
  }

/* slick slider button   */

.slick-nexxt::before {
  content: "\f30b";font-family: 'Font Awesome\ 5 pro';
}

.slick-prevys::before {
  content: "\f30a";font-family: 'Font Awesome\ 5 pro';
}

.slick-nexxt {
  position: absolute;
  right: 50%;
  top: -50px;
  z-index: 100;
  background-color: white;
  color: #07f;
  width: 40px;
  height: 40px;
  border-radius: 32px;
  border: 1px solid #07f ;
}

.slick-prevys {
  position: absolute;
  left: 50%;
  /* right: 100px; */
  top: -50px;
  z-index: 100;
  background-color: white;
  color: #07f;
  width: 40px;
  height: 40px;
  border-radius: 32px;
  border: 1px solid #07f ;
}
.slick-nexxt:hover{
  background-color: #07f ;
  color: white;
}
.slick-prevys:hover{
  background-color: #07f ;
  color: white;
}


}