@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&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');
html{
    font-family: "Poppins", sans-serif!important;
    width: 100%!important;
    overflow-x:hidden!important;
}

body{
    font-family: "Poppins", sans-serif!important;
    width: 100%!important;
    overflow-x:hidden!important;
}
section {
  padding: 100px 0 80px;
}
nav.navbar {
  background-color: rgb(188 24 35);
  /*justify-content: end!important;*/
}
.navbar-nav a{
  color: #fff!important;
}
.navbar-nav a:hover{
  color: #fff;
}
.logo-pp{
    width:10%;
}
.navbar-nav a.activ{
    color:#fff!important;
}
.logo{
  color: rgb(188 24 35);
  font-weight: 600;
}
.heading{
  font-weight: 700;
  font-size: 59px;
  color: #000;
}
.sub-heading{
  font-weight: 500;
  font-size: 16px;
  color: #000;
}
.pp_btn{
    background-color: rgb(188 24 35);
    padding: 12px 25px;
    border-color:  rgb(188 24 35);
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
}
.pp_btn:hover{
    background-color: rgb(188 24 35);
  }
.bg-red{
  background-color: rgb(188 24 35);
}
.main-heading{
  color: #000;
  font-weight: 700;
  font-size: 42px;
}
.pp-box{
  margin-top: 60px;
  margin-bottom: 40px;
}
.box{
  /* margin-top: 50px; */
  padding: 15px;
  text-align: center;
  /* margin-bottom: 30px; */
}
.box img{
  max-width: 20%;
  margin-bottom: 20px;
}
.box h6{
  color: #fff;
  font-size: 25px;
}
.box p{
  color: #fff;
  font-size: 16px;
}
.border{
  border-radius: 25px!important;
  margin: 10px 20px 30px;
  background: #fff;
}
.border h4{
  font-weight: 700px;
  text-transform: uppercase;
  font-size: 30px;
}
.border p{
  font-weight: 500px;
  /*text-transform: uppercase;*/
  font-size: 20px;
  margin-bottom: 0;
}
.border ul li{
    font-weight: 500px;
  /*text-transform: uppercase;*/
  font-size: 20px;
}
.box2{
  margin: 30px 0;
  padding-left: 20px;
}
.box2 h6{
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}
.box2 p{
  font-size: 17px;
  color: #fff;
  margin-bottom: 3px;
}
.box2 a{
  text-decoration: none;
  width: 50px;
  display: inline-block;
  margin-right: 3px;
}
.design_by{
  position: absolute;
  bottom: 3%;
  right: 3%;
}
.design_by p{
  color: #fff;
  font-size: 15px;
  margin: 0;
  text-align: right;
}
.design_by p a{
  color: #fff;
  font-size: 15px;
  margin: 0;
  text-decoration: none;
  text-align: right;
}
.mission{
   padding: 100px 0 100px 35px; 
}
.main-sub-heading{
    font-size: 16px;
    color: #000;
}
.mission ul li{
     font-size: 16px;
    color: #000;
}
.navbar-toggler-icon{
    background-image: url('../images/menu.png');
}
.navbar-toggler{
    border-color:transparent!important;
    border: 0!important;
}
.navbar-toggler:focus{
    outline: 0!important;
    box-shadow: none!important;
}
@media screen and (max-width: 480px){
    .logo-pp{
    width:20%;
}
.heading{
    font-size:40px;
}
.main-heading{
    font-size:30px;
}
    .res-mt{
        margin-top: 25px;
    }
    .res-pt-50{
        padding-top: 50px!important;
    }
    .border h4{
        font-size:25px;
    }
    .res-mt-50{
        margin-top: 50px;
    }
    .sub-heading{
        margin-bottom: 10px!important;
    }
    .res-plr-0{
        padding-left: 0;
        padding-right: 0;
    }
    .res-p-50{
        padding-top: 50px!important;
        padding-bottom: 50px!important;
    }
}