@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
body{font-family: 'Montserrat', sans-serif;}
html, body {
  overflow-x: hidden;

}

.nav-link {
  color: #2f2e4e!important;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase; border-bottom: 2px solid transparent;
}
.nav-link:hover{color:#f05656!important}
.primary-color{color:#2f2e4e} 
.primary-bg{background-color:#2f2e4e}
.secondary-color{color: #f05656;}

.cool-link {display: inline-block; text-decoration: none; color:#2f2e4e;}
.cool-link::after {content: ''; display: block; width: 0; height: 2px; background: #f05656; transition: width 0.3s; -moz-transition: width 0.3s;}
.cool-link:hover::after {width: 100%; }
.card-body{padding-left: 0px; padding-right: 0px;}
.icon {

  border: 0;
  height: 55px;
  width: 65px;

  cursor: pointer; outline: none; border: none;
  position: relative;
  }
  .icon span {
  display: block;
  height: 2px;
  width: 30px;
  background-color: #2f2e4e;
  border-radius: 2px;
  position: absolute;
  left: 23px;
  -webkit-transition: -webkit-transform 0.3s;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  }
  .icon span:first-child {
  top: 20px;
  }
  .icon span:nth-child(2) {
  top: 29px;
  }
  .icon span:last-child {
  top: 38px;
  }
  .icon--active span:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 37px;
  }
  .icon--active span:last-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 37px;
  }
  .icon--active span:nth-child(2) {
  opacity: 0;
  }
  .icon--button {
  border-radius: 10px;
  }
  .icon--square {
  border-radius: 0;
  }
  .icon--transparent {
  background-color: transparent;
  }
  .icon--transparent span {
  background-color: #2f2e4e;
  }
  .icon-transition {
  -webkit-transition: -webkit-transform 0.3s;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  }


.navbar-toggler:focus{box-shadow: none;}

.font-heading{font-family: 'Montserrat', sans-serif!important; font-size: 2.8rem; font-weight: 600;}
.sub-test{font-size: 18px; line-height: 1.5; font-weight: 500; color: #333;}
.bd-1{border-bottom: solid 1px #ccc;}
.title-text {
  font-size: 18px;
  font-weight: 700;
  color: #2f2e4e;
}

.title-text a {
  color: #2f2e4e;
  text-decoration: none;
}
.become-form{padding: 30px; margin: 20px 0px;     box-shadow: 0px 10px 25px -3px rgba(0,0,0,0.1); float: left; width: 100%;}
.become-form label{font-weight: 600; color: #2f2e4f ;}
.become-form .form-control{border: solid 2px #e94b4c;}
.become-form .btn-primary{background: #342d4e; height: 38px; font-weight: 600; width: 250px; border: none;}
.become-form .btn-primary:hover{background: #e94b4c;}
/* .card-style{border: solid 1px #ccc; min-height: 200px; width: 100%; background: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10); display: inline-block; border-radius: 5px; padding: 20px 10px; transition: all 0.3s ease-in;}

.card-style:hover{background: rgba(47, 46, 78, 0.1); } */


.mbr-overlay {
  background-color: #000;
  bottom: 0;
  left: 0;
  opacity: .1;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.carousel-caption{bottom: 0; background: rgba(0, 0, 0, 0.75); left: 0px; right: 0px; padding: 10px 0px 15px;}

.carousel-caption h5{color: #fff; font-size: 2rem; padding: 0px; margin: 0px;}
.carousel-caption p{color: #ccc; font-size: 1.15rem; margin: 0px; line-height: 22px;}
.carousel-control-next, .carousel-control-prev{width: 5%; border-radius: 100%;}
.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon{filter: inherit;}
.card-style:hover .title-text{color: #f05655;}
.card-style:hover{border: solid 1px #f05655;}

.aof ul {
  grid-template-columns: repeat(4, calc(25% - 30px));
  display: grid;
  grid-gap: 35px;
  margin: 35px 0px 0px;
  padding: 0px;
}
.aof li{ list-style-type: none;  padding: 25px; position: relative; box-shadow: 0px 10px 25px -3px rgba(0,0,0,0.1); transition: all 0.3s ease-in;}
.aof li:hover{transition: all 0.3s ease-in; transform: translateY(-8px);}
.aof li img{width: 128px;}
.aof li a{font-weight: 600; font-size: 1.25rem; color: #2f2e4e; text-decoration: none; line-height: 18px;}
.aof li .number{border-radius: 50%;  display: inline-block; text-align: center; width: 42px; height: 42px; font-weight: 700; line-height: 2.5rem; border: solid 1px #efefef; color: rgba(47, 46, 78, 0.5); position: absolute; left: 0px; background: #fff; top: 0; transition: all 0.3s ease-in;}
.aof li:hover .number{background: #f05655; color: #fff; transition: all 0.3s ease-in;}
.aof li:hover a{color: #f05655;}
.our-aim{background: #2f2e4e url(../images/bg.png) no-repeat left top; background-size: cover; padding-bottom: 75px; float: left; width: 100%; background-blend-mode: soft-light;}
.our-aim ul{padding: 0px; margin: 0px;}
.our-aim li{color: #fff; font-size: 18px; padding: 10px 0px 10px 30px; list-style-type: none; position: relative;}
.our-aim li:after{content:""; width: 10px; height: 10px; position: absolute; background: #f05655; top: 18px; left: 10px; border-radius: 50px;}
.our-aim .font-heading{color: #fff;}

.our-aim .btn{border: solid 1px #f05655; color: #f05655; border-radius: 5px; padding: 5px 20px; margin-left: 30px; margin-top: 15px; font-weight: 500; transition: all 0.3s ease-in;}

.our-aim .btn:hover{background: #f05655; color: #000;}
.our-aim .btn svg{fill: #f05655; width: 16px;}
.our-aim .btn:hover svg{fill: #000;}
.our-aim-inner ul{padding: 0; margin: 0;}
.our-aim-inner li{font-size: 18px; padding: 10px 0px 10px 30px; list-style-type: none; position: relative;}

.our-aim-inner li:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background: #f05655;
  top: 18px;
  left: 10px;
  border-radius: 50px;
}
.about-us .btn{background: #1f334d; color: #fff; font-weight: 500; padding: 5px 15px; transition: all 0.3s ease-in; margin-top: 10px;}
.about-us .btn:hover{background: #f05655; transition: all 0.3s ease-in;}

.about-us .btn svg{fill: #fff; width: 16px;}


.number2{border-radius: 50%;  display: inline-block; font-size: 18px; text-align: center; width: 42px; height: 42px; font-weight: 700; line-height: 2.5rem; border: solid 1px #efefef; color: rgba(47, 46, 78, 0.5); position: absolute; left: -50px; background: #fff; top: 0; transition: all 0.3s ease-in;}
.footer{width: 100%; float: left; background: #2f2e4f; color: #fff;}
.footer a{color: #fff; text-decoration: none; transition: all 0.3s ease-in;}
.footer a:hover{color: #f05655; transition: all 0.3s ease-in;}
.footer li{width: 100%; float: left; padding-bottom: 10px;}
.footer li, p{line-height: 20px;font-size: 14px;}

.list-unstyled i{width: 32px; height: 32px; border-radius: 50%; background: #F05655; text-align: center; line-height: 32px; }
.f-link ul{display: flex; justify-content: space-between;}
.f-link li{display: inline-block;}
.f-link li a{font-size: 14px; font-weight: 400;}
.social-icon {
  width: 36px;
  height: 36px;
  margin-right: 5px;
  font-size: 13px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  background: #F05655;
  display: inline-block;
  transition: all 0.3s ease-in;
}
.links{float: right;}
footer .social-icon:hover {
  transform: translateY(-8px);
}
.sticky-header
{
  position: sticky;
  top: 0;
  width: 100%; float: left;
  z-index: 1000; background: #fff; border-bottom: solid 1px #ccc;
}

.heading-inner{background: #2f2e4f url(../images/f-background.png) no-repeat right 100%; color: #fff;}
.heading-inner .font-heading{font-weight: 500;}
.icon-space{background: #efefef url(../images/shape.png) no-repeat right bottom; border-radius: 5px; background-size: 100%; text-align: center;}
.inner-contant{font-size: 18px; line-height: 24px;}



@media screen and (max-width: 767px) {
  .title-text{font-size: 15px; margin-bottom: 0px;}
  .card-style{padding: 15px 0px; min-height: 175px;}
  .our-aim img{width: 65%!important;}
  .aof ul{grid-template-columns: repeat(2, calc(50% - 10px)); grid-gap: 10px;}
  .aof li{border-right: none; border-bottom: solid 1px #efefef; float: left; padding: 10px; line-height: 18px;}
  .aof li .number{top: 10px; width: 36px; height: 36px; line-height: 2rem;}
  .our-aim li{font-size: 16px; line-height: 22px; padding: 5px 0px 5px 30px;}
  .font-heading{font-size: 2rem;}
  .aof li img{width: 105px;}
  .aof li a{font-size: 16px; }
  .number2{display: none;}
}