/* @import url('https://fonts.googleapis.com/css2?family=Outfit&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@600&family=Outfit:wght@500;600;800;900&family=Raleway&family=Red+Hat+Display:wght@300;400;500&family=Sen&display=swap');

*{
  font-family: 'Outfit';
  /* border: solid 1px red; */
  margin: 0;
  padding:0;
  /* border: solid 1px green; */
}
body{
  font:10px;
}
.red {
  border: solid 1px red !important;
}
.blue {
  border: solid 1px blue;
}
.green {
  border: solid 1px green;
}
a{
  text-decoration: none;
}
.gradient{
  background:linear-gradient(90.65deg, #E84423 -24.32%, #1C40BE 107.78%, #5555C2 107.78%) ;
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fh {
  height:35px;
}
h1{
  font-size: 4.2rem;
  font-weight: 900;
}

h2{
  font-weight:900;
  font-size:2.8rem;
 }
h3{
  font-weight:700 !important;
  font-size:2rem;
}
h4{
  font-size:1.3rem;
  font-weight:700;
}
p{
  font-size:1.1rem;
  font-weight:500;
}


.header{
  background: transparent;
  padding: 0  9rem !important;
}
.nav-item a{
  font-weight: 700;
}
.commonWidth {
  padding: 2rem  9rem !important;
}
.button-box h5{
  font-size:1.2rem;
  color:#071E6E;
}
.title h2{
  color:white;
  font-weight: 800;
  text-align: right;
}

/* #age {
  height: 40px;
  overflow: auto;
} */

form {
    background-color: white;
    padding: 1rem;
    border-radius: 5px;
  }

  input[type=text],input[type=number],input[type=password],input[type=email],select,.form-select {
    padding: 12px 20px;
    margin: 8px 0;
    display: block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;

}


  .container1 {

    display: flex;
    justify-content: center;
  }



  body {
overflow-x: hidden;
}

.navbar-header {
text-align: right;

color:white
}
.navbar-header a{
  color:white;
  font-weight: 600;
}
.nav-item:active{
background: #071E6E;
color: white;
border-radius: 1rem;
}
.navbar-header a:hover{
color:white;
}


.navlist-right{
          float:right;
      }

 html {
height: 100%;
}

body {
display: flex;
flex-direction: column;
min-height: 100%;
}

main {
flex: 1;
}

  .advertisement {
    /* padding: 20px; */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Add shadow effect */
  }

  .input-container {
    position: relative;
    width: 100%;
  }

  .input-container span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-weight: bold;
    font-size: 16px;
  }

  .input-container input[type="tel"] {
    width: 100%;
    height: 100%;
    padding: 0 10
  }

.contact{
  background-image: url("path/to/image.jpg");
}
.hero-section{

  margin-top: -7rem;
  padding: 0;
/* background-color: aqua; */
  height:35rem;
  background-image: url("/assets/images/hero.jpg");
}
.hero-box{
  padding-top:5rem;
}
.banner-button{
  border: 1px solid #1C4776;
  border-radius: 50px;
  padding:.6rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 25px;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  color: #071E6E;
}
.ad-container{
  background-image:url("/assets/images/ad.png") ;
  /* background: linear-gradient(90.65deg, #E84423 -24.32%, #1C40BE 107.78%, #5555C2 107.78%); */
  background-repeat: no-repeat;
  background-position:center;
  background-size:cover;
  height:430px;
}
.ad-container1{

  background-repeat: no-repeat;
  background-position:center;
  background-size:cover;

}
.ad-box{
  color:white;
  /* padding: 10rem 0; */
}
.carousel-item img{
height:18rem;
}
.refer-box {
  padding:2rem 0;
}
/* .refer-box h2{
  font-weight: 600;
  font-size: 2.5rem;
} */
.refer-button{
background: #1C40BE;
border-radius: 20px;
border:none ;
color:white;
padding:1rem 3rem;
font-size: 1.2rem;
}
.footer{
  background: linear-gradient(90.65deg, #E84423 -24.32%, #1C40BE 107.78%, #5555C2 107.78%);
  color: white;
  /* padding:2rem 3.7rem; */
}

footer{
  font-size: .9rem;
  padding-bottom: 0 !important;
}

.call-button{
  background: #F76345;
border-radius: .4rem;
width:12rem;
}

.phone{
  background: #E8E8E8;
border-radius: 4px;

}
.footer-2{
  padding-top:3rem;
}
.footer-2 a{

  text-decoration: none;
  color: white;
}



/* About-Us Page */
.top{
  margin-top:-6.5rem;
}
.icon-box{
  background-color: #F76345;

}

.icon img{
  height:100px;
  background-color: white;
  border-radius:50%;

}
.about-box{
  margin-top:-4rem;
  background:linear-gradient(90.65deg, #E84423 -24.32%, #1C40BE 107.78%, #5555C2 107.78%) ;
  height:5rem;
  color:white;

}

.about-text{
  text-align: justify;
align-content: space-evenly;
}
.second h2{
color:#3D3D3D;
letter-spacing: 0.04em;
}
.orange{
  color:#F76345;
}


/* Contact-Us Page */
.contact-box{

  margin-top: -7rem;
  background: url(/assets/images/contact.jpg) center center no-repeat;
    background-size: cover;
    /* height:50rem ; */
}
.contact-container{
  padding: 8rem 0rem;
}
.contactForm {
  padding:4rem;
}

/* linear-gradient(rgba(232, 68, 35, .7), rgba(24, 68, 90, 0.7),rgba(85, 85, 194, 0.7)), */



/* Login Page */
.login-page{
  height: auto;

  background:url(/assets/images/bg-1.jpg)  ;

  /* background-position:top; */
  background-size:cover;
    /* opacity:0.5; */

}
.login-box{
  /* background: #3c8a36; */
  background: #fff;
  opacity: 0.8;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 10px;
  box-shadow: 0 0 12px #8a0311;
  margin: 7% auto;
  padding: 1.3rem 1.8rem;
  width: 100%;
  max-width: 30rem;

}
.login-box button{
  background-color: #071E6E;
}

/* Media queries */
@media screen  and (max-width: 300px) {
  body{
    font:1px;
  }
  h1{
    font-size: 2.6rem;

  }

  h2{

    font-size:1.6rem;
   }
  h3{

    font-size:1rem;
  }
  h4{
    font-size:1.1rem;
    font-weight: 500;
  }
  p{
    font-size:.8rem;
    line-height: .9rem;
  }

  .header{
    padding: 0  2rem !important;
    box-shadow: 0px 4px 24px rgba(75, 102, 255, 0.4);
    backdrop-filter: blur(8px);
    color:white;
  }
  .button-box h5{
    color:white !important;
  }
  .navbar-brand img{
    height:45px;
    width: 45px;
  }
  .nav-item{
    margin: 0 .3rem;
  }
  .commonWidth {
    padding: 2rem  2rem !important;
    /* border: solid red 1px ; */
  }
  .form-box{
    flex-wrap:wrap-reverse;
  }
  .hero-section{
    height: 55rem ;
    background:linear-gradient(rgba(232, 68, 35, .4), rgba(24, 68, 90, 0.4),rgba(85, 85, 194, 0.4)),url(/assets/images/ad.png);
  }
  .refer-button{
    border-radius: 15px;
    padding:.8rem;
    font-size: 1rem;
    }
    .top{
      margin-top: -3rem;
    }
    .logo-box img{
      height: 6rem;
    }
    .footer-2 p, .copyright p{
      font-size: .7rem;
    }

}
@media (min-width:300px) and (max-width: 480px) {
  body{
    font:3px;
  }
  h1{
    font-size: 3.2rem;

  }

  h2{

    font-size:1.5rem;
   }
  h3{

    font-size:1.2rem;
  }
  h4{
    font-size:1rem;
    font-weight: 500;
  }
  p{
    font-size:.9rem;

  }

  .header{
    padding: 0  2rem !important;
    box-shadow: 0px 4px 24px rgba(75, 102, 255, 0.4);
    backdrop-filter: blur(8px);
    color:white;
  }
  .button-box h5{
    color:white !important;
  }
  .navbar-brand img{
    height:45px;
    width: 45px;
  }
  .nav-item{
    margin: 0 .3rem;
  }
  .commonWidth {
    padding: 2rem  2rem !important;
    /* border: solid red 1px ; */
  }
  .form-box{
    flex-wrap:wrap-reverse;
  }
  .hero-section{
    height: 55rem ;
    background:linear-gradient(rgba(232, 68, 35, .4), rgba(24, 68, 90, 0.4),rgba(85, 85, 194, 0.4)),url(/assets/images/ad.png);
  }
  .refer-button{
    border-radius: 15px;
    padding:.8rem;
    font-size: 1rem;
    }
    .top{
      margin-top: -3rem;
    }
    .logo-box img{
      height: 6rem;
    }
    .footer-2 p, .copyright p{
      font-size: .7rem;
    }

}
@media (min-width: 480px) and (max-width: 768px){
  body{
    font:5px;
  }
  .header{
    padding: 0  3rem !important;
    box-shadow: 0px 4px 24px rgba(75, 102, 255, 0.4);
    backdrop-filter: blur(8px);
    color:white

  }
  .navbar-brand img{
    height:60px;
    width: 60px;
  }
  .nav-item{
    margin: 0 .3rem;
  }

  .commonWidth {
    padding: 2rem  3rem !important;
    /* border: solid red 1px ; */
  }
  .hero-section{
    height: 45rem ;
    background:linear-gradient(rgba(232, 68, 35, .4), rgba(24, 68, 90, 0.4),rgba(85, 85, 194, 0.4)),url(/assets/images/ad.png);
  }
   .button-box h5{
    color:white !important;
  }
  .form-box{
    flex-wrap:wrap-reverse;
  }
  .second h2{

    font-size:2rem;

    }
    .logo-box img{
      height: 6.6rem;
    }
    .footer-2 p, .copyright p{
      font-size: .8rem;
    }
}
@media (min-width: 768px) and (max-width: 990px){
  body{
    font:7px;
  }
  h1{
    font-size: 3.6rem;
  }
  .header{
    padding: 0  4rem !important;
    box-shadow: 0px 4px 24px rgba(75, 102, 255, 0.4);
    backdrop-filter: blur(8px);
    color:white;
  }

  .navbar-brand img{
    height:60px;
    width: 60px;
  }
  .nav-item{
    margin: 0 .3rem;
  }

  .commonWidth {
    padding: 2rem  3rem !important;
    /* border: solid red 1px ; */
  }
  /* footer{
    font-size: .6rem;
  } */
  .hero-section{
    /* margin-top: 0; */
    height:35rem;
   background:linear-gradient(rgba(232, 68, 35, .4), rgba(24, 68, 90, 0.4),rgba(85, 85, 194, 0.4)),url(/assets/images/ad.png);
   /* background-image: none; */
    /* background:linear-gradient(90.65deg, #E84423 -24.32%, #1C40BE 107.78%, #5555C2 107.78%) ; */
  }

  .top{
    margin-top: -3rem;
  }
  .button-box h5{
    color:white !important;
  }
  .refer-button{
    padding: .5rem;
  }

  /* .hero-box{
    flex-wrap:wrap-reverse;
  } */
}

@media (min-width: 990px) and (max-width: 1200px){
  body{
    font:10px;
  }
  h1{
    font-size:2.8rem;
  }

  .header{
    padding: 0  4rem !important;
  }
  .commonWidth {
    padding: 2rem  4rem !important;
    /* border: solid red 1px ; */
  }
  .hero-section{
    background-position: center;
  }
  /* .contact-container{
    padding: 0 !important;
  } */
}