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

/*  font-family: "Poppins", sans-serif; */
/*   font-family: "Amiri", serif; */
:root{
    --whitecolor:#fff;
    --blackcolor:#000;
    --headcolor:#0D0D0D;
    --peracolor:#5E5E5E;
    --btncolor:#95A986;
    --Poppinsfont:"Poppins", sans-serif;
    --Amirifont: "Amiri", serif;
}
  *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body,html{
    overflow-x: hidden;
  }
  /* cmn-btn */
    body{
    padding: 0;
    margin: 0;
    font-family: var(--Poppinsfont);
    font-size: 16px;
    font-weight: 400;
    color: var(--peracolor);
    background-color: var(--whitecolor);
  }
  .nav-container{
      max-width: 1750px !important;
  }
    .container{
     max-width: 1490px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
  }
    h1,h2,h3,h4,h5,h6{
    font-family: var(--Amirifont);
    font-weight: 700;
    color: var(--headcolor);
  }
   h1:last-child,h2:last-child,h3:last-child,
h4:last-child,h5:last-child,h6:last-child,
p:last-child{
    margin:0;
}
h1{font-size: 68px;}
h2{font-size: 45px;}
h3{font-size: 35px;}
h4{font-size: 30px;}
h5{font-size: 24px;}
h6{font-size: 18px;}

ul,li{
    list-style: none;
    padding: 0;
    margin: 0;
}
a{
    text-decoration:none;
    display:inline-block;
    transition:0.4s linear;
    color:var(--paraColor);
}
.cmn-btn{
    padding: 29px 39px;
    background-color: var(--btncolor);
    border-radius: 60px;
    
}
.row{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.col-5{
width: calc(8.33% * 5);
padding: 0 15px;
}
.col-7{
width: calc(8.33% * 7);
padding: 0  15px;
}
.col-3{
  width: calc(8.33% * 3);
  padding: 0 15px;
}
.col-25{
  width: 25%;
  padding: 0 15px;
}
/* header-sec */
.header-main{
  padding: 21px 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
nav{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.brand{
  max-width: 312px;
}
.brand img{
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.menu{
  display: none;
}
.collapse{
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  /* align-items: center; */
}
.collapse ul{
    display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.collapse ul li:not(:last-child){
  margin-right: 56px;
}
.collapse ul li:last-child{
  margin-right: 78px;
}
.nav-links{
line-height: 24px;
text-align: center;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--whitecolor);
}
.nav-links:hover{
  color: var(--blackcolor);
  transition: all .5s linear;
}
.search-bar{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
 .nav-icon:not(:last-child){
  margin-right: 22px;
}
.search-bar>span{
line-height: 24px;
text-align: center;
letter-spacing: 0.05em;
text-transform: capitalize;
color: var(--whitecolor);
}
/* bannar-section */
.bannar-sec{
  background: url(../images/bannar-bg.png) no-repeat center/cover;
  min-height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 100px;

}
.bannar-box{
 max-width: 793px;
width: 100%;
background: var(--whitecolor);
margin: 0 auto;
border-radius: 18px;
text-align: center;
padding: 75px 60px;
}
.title1{font-size: 68px;
line-height: 89px;
text-align: center;
text-transform: capitalize;
color: var(--headcolor);
}
.bannar-box P{
line-height: 25px;
text-align: center;
text-transform: lowercase;
color: var(--peracolor);
margin-bottom: 35px;
}
.bannar-btn{
font-size: 18px;
/* line-height: 92px; */
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--headcolor);
width: 332px;
}
.bannar-btn:hover{
  background: var(--headcolor);
  color: var(--btncolor);
  transition: all .5s linear;
}
/* about-section */
.about-sec{
  padding: 100px 0;
}
.about-cntn p{
line-height: 25px;
text-transform: capitalize;
color: var(--peracolor);
margin-bottom: 14px;
}
.about-images{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.left-about-images{
  width: 435px;
  margin-right: 24px;
}
.left-about-images>img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.right-about-images{
  width: 303px;
}
.right-about-images>img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
/* why choose  */
.why-choose-us-sec{
  padding: 100px 0;
}
.why-choose-us-sec-hdr{
  text-align: center;
  margin-bottom: 52px;
}
.subtitle{
  margin-bottom: 19px;
}
.title2{
  margin-bottom: 20px;
}
.card{
  text-align: center;
}
.round{
  width: 111px;
  height: 111px;
  background: var(--btncolor);
  border-radius: 50%;
  padding: 31px 35px;
  box-shadow: 20% solid rgba(149, 169,134, 0.2);
  margin-bottom: 32px;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  
}
.round img{
  margin: 0 auto;

}
.title5{
line-height: 42px;
text-transform: uppercase;
color: var(--headcolor);
}
.card p{
line-height: 25px;
text-align: center;
text-transform: capitalize;
color: var(--peracolor);
}

/* our-mission */
.our-mission-sec{
  padding: 100px 0;
  background: url(../images/our-mission-bg.png) no-repeat center/cover;
}
.our-mission-img{
  position: relative;
}
.main-img{
  width: 641px;
}
.main-img img{
  height: 100%;
  width: 100%;
}
.wrp-img{
  content: "";
  position: absolute;
  top: 50%;
  right: 15%;
  width: 326px;
}
.wrp-img img{
  height: 100%;
  width: 100%;
}
.title2{
font-weight: 400;
font-size: 45px;
line-height: 50px;
text-transform: uppercase;
color: #0D0D0D;

}
.tit-1{
  margin-bottom: 30px;
}
.our-mission-icon{
  margin-bottom: 25px;
}
.our-mission-cntn p{
font-weight: 400;
font-size: 16px;
line-height: 25px;
text-transform: capitalize;
color: var(--peracolor);
margin-bottom: 30px;
}
/* footer-section */
.footer-hdr{
font-weight: 700;
font-size: 24px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
color: var(--headcolor);
margin-bottom: 39px;
}
.footer-links{
font-weight: 400;
font-size: 16px;
line-height: 40px;
text-transform: capitalize;
color:var(--peracolor);
justify-content: center;
align-items: center;
}
.Social-icon{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.Social-icon li{
  margin-right: 36px;
}
.footer-bottom p{
  text-align: center;
}
footer{
  padding: 64px 0 77px;
}
.footer-hdr li{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.footer-links:hover{
  color: var(--btncolor);
  transition: all .5s linear;
}
@media screen and (max-width:1400px) {
.menu{
  display: block;
  margin-left:  auto;
}
  .collapse{
    display: none;
  }
}

@media screen and (max-width:1200px) {
  .col-5,
  .col-7
  {
    width: 100%;
  }
  .col-3{
    width: 50%;
    margin-bottom: 20px;
  }
  .our-mission-sec .col-7,.col-5{
    width: 100%;
  }
  .our-mission-img{
  position: relative;
}
  .wrp-img{
  content: "";
  position: absolute;
  top: 50%;
  right: 35%;
  width: 326px;
}
.our-mission-sec .col-7{
margin-bottom: 100px;
}
}

@media screen and (max-width:992px) {

  .our-mission-img{
  position: relative;
}
  .wrp-img{
  content: "";
  position: absolute;
  top: 50%;
  right: 25%;
  width: 326px;
}
}

@media screen and (max-width:768px) {

  
  .our-mission-img{
  position: relative;
}
  .wrp-img{
  content: "";
  position: absolute;
  top: 50%;
  right: 8%;
  width: 326px;
}
 .brand{
   max-width: 200px;
 }
 .bannar-box{
 max-width: 400px;
padding: 40px 30px;
}
.title1{
  font-size: 40px;
}
.bannar-btn{
  width: 200px;
  padding: 16px 20px;
}
.title2{
  font-size: 30px;
}
  .col-3{
    width: 100%;
  }
  .card{
    margin-bottom: 20px;
  }
  .col-25{
    width: 100%;
  }
}