body{
    font-family: "Poppins", sans-serif;
    color: #100344;
  }
  h1,h2,h3,h4,h5,h6,p,span,b{
    color:  #100344;
  }
  header{
    box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.4);
  }
  .jumbotron{
    display: none !important;
  }
  .btn{
    border-radius: 0 !important;
    color: #D0312D;
    background-color: transparent;
    border-width: 3px;
    border-color: #D0312D !important;
    font-weight: 600;padding: 11px 22px;font-size: 15px;margin-top: 20px;
  }
  /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #fff;
      padding: 50px 25px;
      padding-bottom: 65px;
    }
    .navbar-inverse{
      background-color: #fff;
      border-color: #fff;
    }
    .navbar-inverse .navbar-nav>li>a{
      color:  #100344;
    }
    .nav>li>a{
      padding: 10px 25px  !important;
      font-size: 14px !important;
    }
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
      background-color: transparent;
      font-weight: 900;
      color: #100344; 
    }
    .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
      color: #100344 !important;
    }
    @media (min-width: 768px){
      .navbar-nav {
        float: left;
        margin: 0;
        width: 80%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        float: right;
      }
    }
    @media (min-width: 280px) and (max-width: 500px){
      .newsletterbox{
        padding-bottom: 15px !important;
      }
      .newsletterbox h3{
        margin: 10px !important;
        text-align: center;
      }
      .oneitem img, .twoitem img{
        height: 250px !important;
      }
      .introcontainer{
        display:block !important;
      }
      .customst2{
        padding-left: 0px !important;
        padding-right: 0px !important;
      }
      .customst1{
        padding-left: 15px !important;
        padding-right: 15px !important;
      }
      .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
        background-color:#cbcbcb !important;
      }
      .navbar-nav{
        background: #fff;
        z-index: 99;
        position: relative;
      }
      .newsletterbox{
        display: block !important;
      }
      .stickheader .logocontainer{
        width: 50% !important;
      }
      .stickheader > .navbar{
        top: 16px !important;
      }
      .logocontainer{
        width: 60% !important;
      }
      .navbar-inverse .navbar-toggle{
        margin-top: 0 !important;
      }
      .logoinside {
        width: 100% !important;
      }
      .navbar-inverse .navbar-toggle .icon-bar{
        background-color: #100344 !important;
      }
      .navbar{
        width: 100%;float: left;position: absolute;top: 57px;background: transparent;right: 10px;background: #fff;
      }
      .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
        border-color: transparent !important;
      }
    }
    .jumbotron{
      background-size: cover;
      display: none !important;
        background: url('../images/akbar-bg.jpg');
        background-position: center;
        color: #fff;
        height: 540px;
        overflow: hidden;
        padding: 0;
        display: flex;
        align-items: center;
    }  }
.footer {  
padding: 60px 0;  
width: 100%;  
background: #fff;  
color: #fff;  
margin-top: 120px;
}  
.footer-title {  
position: relative;  
color: #100344;  
font-size: 24px;  
font-weight: 600;  
margin-top: 5px;  
margin-bottom: 20px;  
}  
.footer-title:after {  
position: absolute;  
content: '';  
left: 0;  
bottom: -5px;  
width: 30px;  
height: 4px;  
background: #D0312D;  
}  
.footer-links a {  
padding: 5px 0;  
color: #100344;  
display: block;  
transition: color 0.5s ease-in-out;  
text-decoration: none;  
}  
.footer-links a:hover {  
color: #3CB043;  
}  
.footer-social-links li {  
display: inline-block;  
}  
.footer-social-links a {  
width: 40px;  
height: 40px;  
font-size: 16px;  
float: left;  
margin-right: 10px;  
padding: 10px;  
border-radius: 50px;  
text-align: center;  
color: #fff;  
line-height: 1;  
-webkit-transition: background 0.3s ease-in-out;  
-moz-transition: background 0.3s ease-in-out;  
transition: background 0.3s ease-in-out;  
background: #D0312D;  
}  
.footer-social-links a:hover {  
background: #3CB043;  
}  
.footer-bottom {  
width: 100%;  
padding: 8px 0;  
text-align: center;  
color: #fff;  
background: #3CB043;  
} 
.white-text{
  color: #100344;
}
.logoinside{
  float:left;width: 100%;
}
.topbar-social {
    overflow: hidden;
    width: 100%;
    float: left;
    background: #3CB043;
    color: #fff;
}

ul.social-icons-top {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}
ul.social-icons-top li:hover {
    background: #3cb043;
    transition: 0.4s;
}
ul.social-icons-top li {
    width: 32px;
    height: 32px;
    background: red;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
    border-radius: 44px;
}
.btn-danger:hover {
    transition: .5s;
    transform: scale(1.05);
    background-color: #D0312D;
    border-color: #D0312D !important;
}
.btn-danger {
    transition: .5s;
}
.newsletter {
    background: #D0312D !important;
    padding: 10px 10px;
    margin-top: 120px;
}
.newsletter p{
  color: #fff !important;
}
button.btn-green {
    background: #3CB043;
    border: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 10px 18px;
    color: #fff;
    font-weight: 500;
}
.newsletter h3 {
    color: #fff !important;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 33px;
}
.jumbotron p{
  font-size: 15px !important;
}
.stickheader{
    position: fixed !important;
    z-index: 99 !important;
    background: #fff !important;
    left: 0 !important;
    box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.4);
}
.logocontainer{
  width: 25%;position: relative;z-index: 999;display: block;overflow: hidden;float: left;
}
.stickheader .logocontainer {
    width: 15%;
}
.newsletterbox{
  display: flex;align-items: center;
}
.customst1{
  padding-left: 33px;padding-right: 110px;padding-top: 30px;
}
.introcontainer{
  display:flex;justify-content: center;margin-top: 20px;
}
.customst2{
  margin-top: 60px;color: #fff;padding: 30px 20px;
}
.oneitem img, .twoitem img{
  height: 500px;
}