@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
*{
    padding: 0; 
    margin: 0;
    box-sizing: border-box;
    font-family: var(--secondary-font);
}
:root {
    --bg-black: #090b3c;
    --bg-white: #fff;
    --bg-light-white: #fcfcfc;
    --bg-light-2: #f2f7fa;
    --bg-features-1: #fff6d6;
    --bg-features-2: #ebdcf9;
    --bg-features-3: #ddf5fc;
    --bg-features-4: #dcf6e8;
    --bg-features-5: #f8e4e1;
    --bg-features-6: #fbffd4;
    --first-color: #EFF6FF;
    /* text-color */
    --text-black: #000;
    --text-white: #fff;
    --text-dark-grey: #4c535d;
    --text-light-2: #798089;
    --text-light-3: #5e5e72;
    --text-light-4: #A0A0A0;
    --text-dark-green: #12C4a0;
    --text-orange: #65CCB8;
    --text-yellow: #ffc100;
    --hover-color: #57BA98;

    /*   foonts  */
    --primary-font: Quicksand;
    --secondary-font: 'Poppins', sans-serif;
    --normal-font-weight: 400;
    --bold-font-weight: 700;
}
.header_wrapper{
    background-color: var(--text-orange);
    padding: 10px 0px;
    justify-content: center;
    text-align: center;
}
.header_wrapper a{
    text-decoration: none;
    color: var(--text-white);
    padding-left: 10px;
}
.header_wrapper a i{
    margin-right: 10px;
}
/*-------------------nav_wrapper--------------------*/
.nav_wrapper a{
    text-decoration: none;
    color: var(--text-light-2);

}
.nav_wrapper .logo{
    height: 80px;
}
.nav_wrapper ul{
justify-content: center;
text-align: center;
}
.nav_wrapper ul li{
    margin-right: 15px;
}
.nav_wrapper a:hover{
    color: var(--text-orange);
}
.nav_wrapper ul li a{
    border-radius: 6px;
    padding: 5px 10px;
}
.nav_wrapper ul li a:hover{
    background-color: var(--bg-light-2);
    border-radius: 6px;
    padding: 5px 10px;
    color: var(--text-orange);
}
.nav_wrapper .cont{
    border: 2px solid var(--text-orange);
    color: var(--text-orange);

}
.nav_wrapper button .fa-bars{
font-size: 30px;
color: var(--text-orange);
}
.nav_wrapper button{

    padding: 8px 15px;
    border: 2px solid var(--text-orange);
}
/*------------------------banner-wrapper---------------------*/
.banner_wrapper{
    background-image: url(img/banner.jpg);
    min-height: 620px;
    background-position: center;
    background-size: cover;
   
}
.banner_wrapper .container-fluid{
    background-color: rgba(0, 0, 0,0.4);
    height: 620px;
  
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
}
.banner_wrapper h1{
    font-weight: 700;
    color: var(--text-white);
    margin-bottom: 20px;
}
.banner_wrapper p{
    color: var(--text-white);
}
.banner_wrapper .mob{
    text-decoration: none;
    color: var(--text-white);
    padding: 8px 20px;
    border: 2px solid var(--text-orange);
    border-radius: 8px;
    background-color: var(--text-orange);
    border-radius: 8px;;
}
.banner_wrapper .mob:hover{
    background-color: var(--bg-white);
    color: var(--text-black);
}
.banner_wrapper .what{
    text-decoration: none;
    color: var(--text-black);
    padding: 8px 20px;
    border: 2px solid var(--text-orange);
    border-radius: 8px;
background-color: var(--bg-white);
}
strong{
    font-weight: normal;
}
/*------------------------------------*/
.home_wrapper{
    padding: 60px 0px;
    background-color: var(--first-color);
}
.home_wrapper .home_item{

    justify-content: center;
    text-align: center;
}
.home_wrapper .home_item i{
    font-size: 40px;
    color: var(--text-orange);
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 50%;
    background-color: var(--bg-white);
}
.home_wrapper .home_item span{
    font-weight: 600;
    font-size: 20px;

}

.home_wrapper_1{
    padding: 50px 0px;
}
.home_wrapper_1 img{
    border-radius: 20px;
}
.home_wrapper_1 h2{
    font-weight: 700;
    border-left: 4px solid var(--text-orange);
    padding-left: 15px;
    margin-bottom: 20px;
}
.home_wrapper_1 a{
    text-decoration: none;
    padding: 8px 20px;
    background-color: var(--text-orange);
    color: var(--text-white);
    border: 2px solid var(--text-orange);
}
.home_wrapper_1 a:hover{
    border: 2px solid var(--text-orange);
    background-color: var(--hover-color);

}

.home_wrapper_2{
    padding: 50px 0px;
}
.home_wrapper_2 h2{
border-left: 4px solid var(--text-orange);
padding-left: 10px;
    font-weight: 700;
    margin-bottom: 25px;
}
.home_wrapper_2 ul{
    list-style-type: none;
}
.home_wrapper_2 i{
    font-size: 16px;
    color: var(--text-orange);
    margin-right: 8px;
}
.home_wrapper_2 .home_item2{
padding: 10px;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
transition: transform .2s;
}
.home_wrapper_2 .home_item2:hover{
  transform: scale(1.1);
}
/* .home_wrapper_2 .home_item a{
    text-decoration: none;
    padding: 5px 15px;
    box-shadow: rgb(142, 224, 208) 0px 8px 24px;
    border-radius: 6px;
    color: var(--text-dark-grey)
} */
/* .home_wrapper_2  img{
    height: 200px;
    width: 50%;
} */
/* 
.home_wrapper_2  .flt-left{
    float:left;
  }
  .home_wrapper_2  .carousel{
    width:100%;
    margin:auto;
  }
  .home_wrapper_2  .row{
    width:90%;
    padding:0;
    overflow:hidden;
    margin:auto;
  }
  .home_wrapper_2  .row-container{
    width:500px;
    transition:0.5s;
    background-color: red;
  }
  .home_wrapper_2  .container{
    width:250px;
    
    float:left;
    display:inline;
    margin:0 5px;
  }
  .home_wrapper_2  .clear{
    clear:both;
  }
  .home_wrapper_2  .controls{
    width:100%;
    margin:auto;
  }
  .home_wrapper_2  button{
    border:none;
    padding:10px 20px;
    color:white;
    background:#21252b;
    font-weight:bold;
    outline:none;
    border-radius:3px;
    height:200px;
    position:relative;
  }
  .carousel-inner {
    padding: 1em;
  }
  .card {
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
  }
  .carousel-control-prev,
  .carousel-control-next {
    background-color: #e1e1e1;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
  }
  @media (min-width: 768px) {
    .carousel-item {
      margin-right: 0;
      flex: 0 0 33.333333%;
      display: block;
    }
    .carousel-inner {
      display: flex;
    }
  }
  .card .img-wrapper {
      max-width: 100%;
      height: 13em;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .card img {
      max-height: 100%;
  }
  @media (max-width: 767px) {
    .card .img-wrapper {
      height: 17em;
    }
  } */

  .home_wrapper_4{
    padding: 50px 0px;
  }
  .home_wrapper_4 h2{
    font-weight: 600;
    text-align: center;
  }
  .home_wrapper_4 h2 i{
    font-size: 20px;
    color: var(--text-orange);
  }
  .home_wrapper_4 p{
    text-align: center;
  }
  .home_wrapper_4 .home_item{
    padding: 15px;
    justify-content: center;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
    min-height: 560px;
  }
  .home_wrapper_4  .home_item h3{
    font-size: 20px;
font-weight: 600;
padding: 10px 10px;
background-color: var(--bg-light-2);
  }
  .home_wrapper_4 .home_item h3 i, i{
    font-size: 14px;
    color: var(--text-orange);
  }
  .home_wrapper_4 .home_item img{
    height: 300px;
    margin: 10px 0px;
  }
  .home_wrapper_4 a{
    text-decoration: none;
    padding: 6px 25px;
    background-color: var(--bg-light-2);
    color: var(--text-black);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; 
  border: 1px solid var(--text-orange);
  border-radius: 5px;
  }
  /*------------------------------------*/
  .home_wrapper_5{
    padding: 50px 0px;
    margin-top: 20px;
    background-color: var(--bg-features-6);

  }
  .home_wrapper_5 h2{
    font-weight: 600;
    text-align: center;

  }
  .home_wrapper_5 .home_item{
    padding: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    background-color: var(--bg-white);
    border-radius: 10px;
    border-top: 4px solid var(--bg-features-5);
    justify-content: center;
    text-align: center;
    min-height: 450px;
    position: relative;
  }
  /*-------------------------------------*/
  .home_wrapper_5 .call-now{
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    top: 0; left: 0;

 
}
.home_wrapper_5 .call-now a{
   
    position: absolute;
    display: block;
    width: 230px;
    padding: 5px 0;
    background-color: var(--text-orange);
    color: var(--text-white);
    font-size: 15px;
    font-weight: 600;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
    right: -30px;
    top: 30px;
    transform: rotate(-45deg);
    text-decoration: none;
}
  /*-----------------------------------------*/
  .home_wrapper_5 .home_item i{
    font-size: 40px;
    margin-bottom: 15px;
    color: var(--text-orange);
  }
  .home_wrapper_5 h3{
    font-size: 20px;
  }
  .home_wrapper_5 p{
    text-align: center;
  }
  .home_wrapper_5 .home_item2{
min-height: 50px;
justify-content: bottom;
text-align: center;
  }
  /* .home_wrapper_5 a{
    text-decoration: none;
    padding: 5px 25px;
    font-size: 16px;
    border-radius: 7px;
    background-color: var(--bg-light-2);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
    color: var(--text-black);
    border: 1px solid var(--text-orange);
  }
  .home_wrapper_5 a:hover{
    background-color: var(--text-orange);
    color: var(--text-white);
  } */
  .home_wrapper_5 a .fa-arrow-right-long{
    font-size: 19px;
    color: white;
  }
  .home_wrapper_5 a i:hover{
    color: white;
  }
  /*---------------------------*/
  .home_wrapper_6{
    padding: 50px 0px;

  }
  .home_wrapper_6 h3{
    font-weight: 600;

    
  }
  .home_wrapper_6 .home_item{
    padding: 15px;
    justify-content: center;
text-align: center;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

min-height: 330px;
border-radius: 6px;
border-bottom: 2px solid var(--text-yellow);
border-top: 2px solid var(--text-yellow);
  }
  .home_wrapper_6 .home_item h4{
    font-size: 18px;
    margin-bottom: 15px;
    background-color: var(--bg-light-2);
    padding: 4px 0px;
    color: var(--text-orange);
  }
  /*-----------------------------------------*/
  .home_wrapper_7{
    padding: 50px 0px;
    background-color: var(--bg-light-2);
  }
  .home_wrapper_7 h3{
    font-weight: 600;
    text-align: center;
  }
  .home_wrapper_7 .fa-minus{
    font-size: 25px;
  }
  .home_wrapper_7 h4{
    font-size: 20px;
  background-color: var(--bg-white);
  margin: 10px 0px;
    
  }
  .home_wrapper_7  .fa-caret-up{
    font-size: 30px;
  }
  .home_wrapper_7 .home_item{
    justify-content: center;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    padding: 15px;
background-color: var(--bg-features-4);
border-radius: 20px;
min-height: 450px;
  }
  .home_wrapper_7 .home_item:hover{
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
  }
  .home_wrapper_7 .home_item i{
    text-align: center;
    font-size: 35px;
    margin: 15px 0px;
  }

  .home_wrapper_7 #first-box{
    background-color: #faf6ee;
  }
  .home_wrapper_7 #second-box{
    background-color: #faf5ff;
  }
  .home_wrapper_7 #third-box{
    background-color: #ecfcf4;
  }
  .home_wrapper_7 #fourth-box{
    background-color: #f3efee;

  } 

  .home_wrapper_8{
    padding: 50px 0px;
  }
  .home_wrapper_8 h2{
    font-weight: 600;
    border-left: 4px solid var(--text-orange);
    padding-left: 10px;
    margin-bottom: 20px;
  }
  .home_wrapper_8 h3{
    font-size: 20px;
    background-color: var(--bg-features-2);
    width: 80%;
    text-align: center;
    padding: 3px 0px;
    margin-bottom: 20px;
  }
  .home_wrapper_8 p{
    border-left: 2px solid var(--text-orange);
    padding-left: 10px;
  }
  .home_wrapper_8 .home_item{
    border-left: 2px solid var(--text-orange);
    padding-left: 10px;
  }
  .home_wrapper_8 img{
    border-radius: 20px;
  }
  /*------------------------------------------*/
  .home_wrapper_9{
    padding: 50px 0px;
    background-color: var(--bg-features3);

  }
  .home_wrapper_9 .home_item{
    background-color: var(--bg-features-3);
    padding: 15px;
    justify-content: center;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  }
  .home_wrapper_9 .home_item h2{
    font-weight: 600;
    padding: 4px 10px;
    background-color: var(--bg-white);
    margin-bottom: 30px;
    border-radius: 10px;
  }
  .home_wrapper_9 .home_item2{
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 40px 0px;
  }
  .home_wrapper_9 .home_item2 a{
    text-decoration: none;
    padding: 8px 40px;
    border-radius: 20px;
    background-color: var(--text-orange);
    color: var(--text-white);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    margin: 0px 10px;

  }
  .home_wrapper_9 .home_item2 a:hover{
    color: var(--text-black);
    background-color: var(--bg-white);
  }
  /*--------------------------------*/
  .home_wrapper_10{
    padding: 50px 0px;
    background-color: var(--bg-features-1);
  }
  .home_wrapper_10 h3{
    font-weight: 600;
    text-align: center;
    margin-bottom: 40px;
  }
  .home_wrapper_10 button{
    color: var(--text-black);
  }
  .footer_wrapper{
    padding: 50px 0px;
    background-color: var(--bg-light-2);
justify-content: center;
text-align: center;
border-top: 2px solid var(--text-orange);
  }
  .footer_wrapper i{
    font-size: 21px;
  }
  .footer_wrapper .fa-whatsapp{
    color: 	#075E54;
  }
  .footer_wrapper .fa-youtube{
    color: #FF0000;
  }
  .footer_wrapper .fa-twitter{
    color: 	#1DA1F2;
  }
  .footer_wrapper .fa-instagram{
    color: #00FF00    ;
  }
  .footer_wrapper .home_item a{
    margin-left: 10px;
  }
  .footer_wrapper h3{
    font-size: 20px;
    margin-bottom: 15px;
  }
  .footer_wrapper  ul{
    list-style-type: none;
  }
  .footer_wrapper  ul li{
    margin-top: 10px;
  }
  .footer_wrapper  ul li a{
    text-decoration: none;
    color: var(--text-black);
  }
  .footer_wrapper  ul li a:hover{
    color: var(--text-orange);
  }
  .footer_wrapper .fa-chevron-right{
    font-size: 15px;
    margin-right: 7px;
  }

  /*-------------------------about-wrapper-------------------------*/
  .about_wrapper{
    min-height: 300px;
    width: 100%;
    background-image: url(img/back.jpg);
    background-position: center;
    background-size: cover;
   
  }
  .about_wrapper .container-fluid{
    background-color: rgba(0, 0, 0, 0.22);
    height: 300px;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
  }
  .about_wrapper  h1{
    font-weight: 700;
    color: var(--text-white);
  }
  .about_wrapper1 {
    padding: 50px 0px;
  }
  .about_wrapper1 h2{
    font-weight: 600;
    border-left: 4px solid var(--text-orange);
    padding-left: 10px;
    margin-bottom: 30px;
  }
  .about_wrapper1 img{
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
    border-radius: 20px;
  }
  .about_wrapper2{
    padding: 50px 0px;
    background-color: var(--bg-features-1);
  }
  .about_wrapper2 h3{
    font-weight: 600;
 text-align: center;
 background-color: var(--bg-white);
 padding: 8px 0px;
 margin-bottom: 50px;
 box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
 border-radius: 10px;
  }
  .about_wrapper2 p{
    text-align: center;
  }
  .about_wrapper2 h4{
    font-weight: 500;
 text-align: center;
 
  }
  .about_wrapper2 ul{
    list-style-type: none;
    justify-content: center;
    text-align: center;
  }
  .about_wrapper2 ul li{
    margin-top: 10px;
  }
  .contact_wrapper .form{
    border: 1px solid var(--text-orange);
  }
  .contact_wrapper .form button{
    background-color: var(--text-orange);
    color: var(--text-white);
  }
  .contact_wrapper .icon{
    color: var(--text-orange);
  }

  .footer_contact{
justify-content: center;
text-align: center;
  }
  .footer_contact .home_item{
    padding: 10px 0px;
    background-color: var(--bg-features-1);
  }
  .footer_contact .home_item2{
    padding: 10px 0px;
    background-color: var(--bg-features-2);
  }
  .footer_contact .home_item3{
    padding: 10px 0px;
    background-color: var(--bg-features-3);
  }
  .footer_contact a {
    text-decoration: none;
    font-size: 18px;
    color: var(--text-black);
  }

   /*---------------------contact api----------*/
   .contact_api .phone_api img{
    height: 40px;
    position: fixed;
    right: 2%;
    border-radius: 50%;
    bottom: 65px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}
.contact_api .what_api img{
border-radius: 50%;
height: 40px;
position: fixed;
right: 2%;
box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
bottom: 110px;
}
.contact_api .top_arrow img{
    border-radius: 50%;
height: 40px;
position: fixed;
right: 2%;
box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
bottom: 20px;
}