*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body{
    margin: 0;
    padding:0;
    font-family: "Montserrat", sans-serif;
    font-family: "Playfair Display", serif;
}

.font-family-mont{
  font-family: "Montserrat", sans-serif!important;
}
.font-family-playfair{
  font-family:"Playfair Display", serif;
}

.bg-dark-blue{background-color: #105388!important;}

.color-dark-blue{
  color: #105388!important;
}
.banner-pera-color{
  color:#3C3C3C;
}
.bg-grey{
  background-color: #EEEEEE;
}
.text-c-dark{
color:#000000;
}
.text-color-grey{
  color:#9F9F9F;
}

.bg-light-grey{
  background-color:#E1E1E1;
}
.border-radius{
  border-radius:12px;
}
/*   main-button  */
button{
  width: 208px;
  height: 56px;
  letter-spacing: 0.2px;
}
/*   section-spacing  */ 
.section-spacing{
  padding-top:78px;
  padding-bottom:78px;
}

/*  swiper */  
.our-story .heroSwiper .swiper-pagination-bullet {
  background-color: #E5E4E4;
  opacity: 0.6;
}

.our-story .heroSwiper .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
  padding: 5px 5px;
}


.nav-h{
  height: 100%;
  min-height: 87px;
}

.black{
  background-color: green;
}
.navigation ul{
  margin: 0px;
  padding:0px;
}
.navigation ul li {
  padding: 0px 15px;
}
.navigation ul li a{
  letter-spacing: 0.4px;
  font-weight:600;
}
.navigation .email p{
  color: #202020!important;
}
.navigation button{
  width: 190px;
  height: 56px;
  letter-spacing: 0.2px;
}

/*  banner-Img  */
.banner-img img{
  width:100%;
  height:auto;
}


/*   our-story  */
.our-story .design{
  transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width:100%;
  height: auto;
}
.our-story .content-padding{
  padding: 0px 151px !important;
}

/* .our-story .design img{
  width:100%;
  height: auto;
} */

/*  process*/
.process .num-con-h{
  height: 50px !important;
  line-height: 50px;
}
.process .line-draw{
  left: 25%;
  top: 3%;
  transform: translate(-50%, 50%);
}
.process .line-draw-2{
  top: 12%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.process .line-draw-3{
  top: 12%;
  left: 75%;
  transform: translate(-50%, -50%);
}

/*   form  */
.form .visibility-hidden {
  visibility:hidden; 
}
.form .input-h{
height:56px;
border: 1px solid #E6E6E6;
}
.form .input-h::placeholder{
  color: #808080;
}

.form button{
  width: 208px;
  height: 56px;
  letter-spacing: 0.2px;
  font-size: 16px;
}


/*    footer  */ 

/* foot */

.text-justify{
  text-align: justify;
}

.footer h2{
  font-weight: 500;
  /* font-size: 20px; */
  line-height: 42px;
  letter-spacing: 0%;
  color: #FFFFFF;
}
/* 
.footer {
  font-weight: 400;
  font-size: 16.24px;
  line-height: 21.36px;
  letter-spacing: 0.5%;
  color: #CCCCCC;
} */

.footer ul li {
  list-style: none;
  font-weight: 400;
  /* font-size: 16px; */
  line-height: 24px;
  letter-spacing: 0.5%;
  color: #CCCCCC;
  margin-bottom: 20px;

}

.foot-down p{
  /* font-weight: 500; */
  /* font-size: 16px; */
  line-height: 25px;
  /* letter-spacing: 0.5%; */
  /* color: #2D3748BF; */
}


/* service page */


.exe h6{
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.5%;
  color: #2D3748;
}
.serve-crd h6 {
  font-weight: 500;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0.5%;
  color: #2D3748;
}

.serve-crd p{
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.5%;
color: #2D3748BF;

}

.who-height {
  height: 200px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}

/*    Rings    */

.rings .img-con img{
  /* height: 332px;
  object-fit: cover; */
}
.rings .category-top{
  margin-top: 120px;
}


.fw-medium{
    font-weight:500;
  }
  .fw-black{
  font-weight:900;
  }
  /* font-size  */
  .fs-18{
  font-size:18px;
  }
  .fs-35{
    font-size:35px;
  }
  /*  new-Font-custome */
  .fs-8{
    font-size:8px;
  }
  .fs-10{
    font-size:10px;
  }
  .fs-12{
    font-size:12px;
  }
  .fs-14{
    font-size:14px;
  }
  .fs-16{
    font-size:16px;
  }
  .fs-18{
    font-size:18px;
  }
  .fs-20{
    font-size:20px;
  }

  .fs-22{
    font-size:22px;
  }
  .fs-26{
    font-size:26px;
  }
  .fs-24{
    font-size:24px;
  }
  .fs-30{
    font-size:30px;
  }
  .fs-32{
    font-size:32px;
  }
  .fs-34{
    font-size:34px;
  }
  .fs-36{
    font-size:36px;
  }
  .fs-38{
    font-size:38px;
  }
  .fs-40{
    font-size:40px;
  }
  .fs-44{
    font-size:44px;
  }

  .fs-46{
    font-size:46px;
  }
  .fs-50{
    font-size:50px;
  }
  .fs-52{
    font-size:52px;
  }
  .fs-54{
    font-size:54px;
  }
  .fs-56{
    font-size:56px;
  }
  /*  top-n  */
.top-nav-bg{
   background-color: #eee; 
}

/*   banner     */
.banner-text-padding{
padding-right: 287px!important;
padding-left: 230px!important;
}
.dropdown-menu-f:focus{
  color: #000000!important;
  background-color: #ebf5ff!important;
}
.dropdown-menu-f:hover{
  color: #105387!important;
  background-color: transparent!important;
}
.w-pera {
  width: 66% !important;
}

.ham-button{
  width:8%!important;
  background: #ffff !important;
}

/*. whatsab. */
.whatsapp{
  width: 4%;
  position: fixed;
  z-index: 1000;
  right: 3%;
  bottom: 60px;
}

.whatsapp img{
margin-left: 17px;
margin-bottom: 4px;}


.whatsapp span{
  display: block;
  font-size: 12px;
  min-width: 90px;
  padding: 3px;
  border-radius: 50px;
  background-color: #338c2f;
  color: #fff;
}

.btn-hover:hover{
    background-color: #D7BD88!important;
    color:#ffff!important;
}