@import url('https://fonts.googleapis.com/css2?family=Fira+Sans: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');
*{
  font-family: 'Fira Sans', sans-serif;
   
}
:root{
  --orange:  #e66131;  
  --white: #fff; 
  --blue: #043730;
}
h1 {
    /* margin-bottom: 0.5em; */
    font-size: 3 rem;
    font-weight: 700 !important;
  }
  h2{
    font-size: 2.5rem !important;
    font-weight: 600 !important;
  }
  h3{
    font-size: 1.4375rem !important;
    font-weight: 600;
  }
  a{
    font-size: 17px !important;    
  }
  p {
    margin-bottom: 0.5em;
    font-size: 17px !important;
    line-height: 23.8px;
    font-weight: 400;
  }
  b{
    margin-bottom: 0.5em;
    font-size: 17px !important;
    line-height: 23.8px;
    font-weight: 400;
    color: var(--blue);
    font-weight: 700;
  } 
.navbar {
    background: #fff;
    box-shadow: 0 4px 6px rgba(22, 22, 26, 0.18);
  }
  .navbar .navbar-nav .nav-link {
    color: #000;
  }
  .btn-outline-dark {
    border-radius: 0;
  }
  .btn-outline-dark:focus {
    box-shadow: none;
  }
  @media screen and (max-width: 768px) {
    .btn-outline-dark {
      border: none;
      padding: 0;
      outline: none;
    }
  
    .btn-outline-dark:hover {
      background: none;
      color: gray;
    }
  }


  .home .custom-img {
    width: 100%;
    height:400px;
    object-fit: cover;
  }

  .home .overlay-text{
    position: absolute; 
    top: 50%; 
    left: 40%; 
    transform: translate(-50%, -50%); 
    color: white;
    background-color: rgba(0, 0, 0, 0.5); 
    padding: 10px;
  }
  .home .slide-button{
    position: absolute;
    bottom: 10px; left: 50%;
    transform: translateX(-50%); 
    color: #fff;
  }
  .body-section-two img{
    width: 100%;
    border-radius: 30px;
  }
  .body-section-two .btn-body{
    color: var(--white);
    background-color: var(--orange);
    border-radius: 20px solid var(--orange);
    height: 40px;
    width: 120px;
  }
  .info-box{
    background-color: var(--orange);
    height: 300px;
    display: flex;
    text-align: center;
  }
  .info-box h1{
    color: var(--white);
    font-weight: 100px;
  }
  .info-box button{
    background-color: var(--blue);
    height: 50px;
    width: 200px;
    color: white;
  }
  .our-offering h2{
    text-align: center;
    justify-content: center;
  }
  .our-offering button{
    background-color: var(--blue);
    height: 50px;
    width: 200px;
    color: white;
  }
  .body-end-imgs .parent{
    width: 100%;
    height: 300px;
    overflow: hidden;
    transition: 1s;
  }
  .body-end-imgs img:hover{
    transform: scale(1.1);
    transition-duration: 1s;
    
  }
.offering{
  background-image: url( '/static/images/42182.jpg');
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
}
.offering h1{
  margin-top: 10vh;
}
.applyapply{
  background-image: url( '/static/images/4.jpg');
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
}
.home  .carousel-caption .d-none .d-md-block{
  display: flex;
  justify-items: flex-end;

}


.slide-offers .one{
  background-color: var(--blue);
  border-radius: 40px;
  color: var(--white);
  background-image: url( '/static/images/slide_offer.png');
  background-size: cover;
  height: 300px;
}
.slide-offers .one h3 {
  visibility: hidden;
}
.slide-offers .one:hover h3 {
  visibility: visible;
  margin-top: 20px;
  color: var(--blue);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 100px;
}
.slide-offers .two{
  background-color: var(--orange);
  border-radius: 40px;
  color: var(--white);
  background-image: url( '/static/images/slider_two.png');
  background-size: cover;
  height: 300px;
}
.slide-offers .one h3 {
  visibility: hidden;
}
.slide-offers .one:hover h3 {
  visibility: visible;
  margin-top: 20px;
  color: var(--blue);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 100px;
}

.slide-offers .three{
  background-color: orange;
  border-radius: 40px;
  color: var(--white);
  background-image: url( '/static/images/airplane.png');
  background-size: cover;
  height: 300px;
}
.slide-offers .one h3 {
  visibility: hidden;
}
.slide-offers .one:hover h3 {
  visibility: visible;
  margin-top: 20px;
  color: var(--blue);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 100px;
}

.slide-offers .four{
  background-color: rgb(39, 168, 175);
  border-radius: 40px;
  color: var(--white);
  background-image: url( '/static/images/become_agent.png');
  background-size: cover;
  height: 300px;
}
.slide-offers .one h3 {
  visibility: hidden;
}
.slide-offers .one:hover h3 {
  visibility: visible;
  margin-top: 20px;
  color: var(--blue);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 100px;
}
.carousel-control-next-icon{
  background-color: black;
  border-radius: 40px;
  height: 100px;
  width: 100px;
}
.carousel-control-prev-icon{
  background-color: black;
  border-radius: 40px;
  height: 100px;
  width: 100px;
}

.slide-offers_one .five{
  background-color: rgb(0, 119, 255);
  border-radius: 40px;
  color: var(--white);
  background-image: url( '/static/images/01.png');
  background-size: cover;
  height: 300px;
}
.slide-offers_one .one h3 {
  visibility: hidden;
}
.slide-offers_one .one:hover h3 {
  visibility: visible;
  margin-top: 20px;
  color: var(--blue);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 100px;
}

.slide-offers_one .six{
  background-color: rgb(153, 0, 255);
  border-radius: 40px;
  color: var(--white);
  background-image: url( '/static/images/02.png');
  background-size: cover;
  height: 300px;
}
.slide-offers_one .six h3 {
  visibility: hidden;
}
.slide-offers_one .six:hover h3 {
  visibility: visible;
  margin-top: 20px;
  color: var(--blue);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 100px;
}


.slide-offers_one .seven{
  background-color: rgb(255, 221, 0);
  border-radius: 40px;
  color: var(--white);
  background-image: url( '/static/images/slide_three.png');
  background-size: cover;
  height: 300px;
}
.slide-offers_one .seven h3 {
  visibility: hidden;
}
.slide-offers_one .seven:hover h3 {
  visibility: visible;
  margin-top: 20px;
  color: var(--blue);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 100px;
}

.slide-offers_one .nine{
  background-color: rgb(255, 221, 0);
  border-radius: 40px;
  color: var(--white);
  background-image: url( '/static/images/slide_four.png');
  background-size: cover;
  height: 300px;
}
.slide-offers_one .nine h3 {
  visibility: hidden;
}
.slide-offers_one .nine:hover h3 {
  visibility: visible;
  margin-top: 20px;
  color: var(--blue);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 100px;
}

.partner_with_us_one{
  background-color: var(--blue);
}
.partner_with_us_two{
  background-color: var(--orange);
}
.partner_with_us_one h3 {
  color: var(--white);

}
.partner_with_us_one p {
  color: var(--white);

}