@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,500;0,600;0,700;1,200;1,300;1,500;1,600;1,700&display=swap');
:root{
  --color1: #004d40;
  --color2: #444444;
  --color3: #aaaaaa;
  --color4: #cccccc;
  --font-raleway:'Raleway', sans-serif;

  --nav-link-font-weight: 400;
  --nav-link-text-color: rgb(0, 136, 255);
  --nav-link-text-color-hover: rgb(196, 14, 232);

  --font-size-desktop: 18px;
  --font-family: Roboto;
  --font-weight: 700;
  --border-radius: 25px;
  --border-width: 0px;
  --background-color: rgb(96, 201, 75);
  --font-color: rgb(196, 14, 232);
  --border-color: rgb(0, 0, 0);
  --background-color-hover: rgb(29, 30, 32);
  --font-color-hover: rgb(255, 255, 255);
  --border-color-hover: rgb(0, 0, 0);
}
.colored1{
  color: var(--color1);
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.bg-dark-green{
  background: var(--color1);
}
.bg-sky-light{
  background: #e0f7fa;
}
.bg-light-green{
  background: #2b8f83;
}
.bg-sky{
  background: #a9e7f0;
}
.colored-gray{
  color: rgb(86, 88, 94)
}
a,a:hover{
  text-decoration: none;
}
section{
  padding: 50px 0;
}

/* .top-nav{
  height: 105px;
  background: #000;
  margin: 0;
  padding: 0;
} */
.top-nav.bg-dark {
  --bs-bg-opacity: 1;
  background-color: #000!important;
}
.top-nav .nav-link{
  color: var(--nav-link-text-color);
}
.top-nav .nav-link:hover, .top-nav .nav-link.active{
  color: var(--nav-link-text-color);
  color: var(--nav-link-text-color-hover);
  text-decoration: underline;
}
  /*
.top-nav .navbar-toggler {
  color: rgba(255, 255, 255, .55);
  border-color: rgba(255, 255, 255, .1);
} */
.logo{
  margin-right: auto;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* .navbar-dark .navbar-nav .nav-link.active, 
.navbar-dark .navbar-nav .show>.nav-link {
  color: #fff;
} */


/* .links a{
  font-size: 18px;
  margin-right: 44px;
  color: var(--nav-link-text-color);
}
.links a:hover{
  color: var(--nav-link-text-color-hover);
  text-decoration: underline;
  line-height: 1.5;
}
.links a:last-child{
  margin-right: 0;
} */

.nav-link{
  font-size: 18px;
  color: var(--nav-link-text-color) !important;
  &:hover, &.active{
      color: var(--nav-link-text-color-hover)!important;
      text-decoration: underline!important;
      text-underline-offset: 5px!important; 
      text-decoration-thickness: 2px!important;
  }
}

@media (min-width:576px) {
  .top-nav .dropdown:hover .dropdown-menu{
    display: block;
    margin-top: 0;
  }
  
}
@media (min-width:992px){
  .nav-item{
    margin-right: 15px;
  }
  .nav-item:nth-of-type(){
    margin-right: 0;
  }
  .top-nav .dropdown-menu{
    left: unset;
    right: 0;
  }
}
.top-nav .dropdown-menu{
  background: #000;
}
.top-nav .dropdown-item{
  color: var(--nav-link-text-color);
}
.top-nav .dropdown-item:hover,.top-nav .dropdown-item.active{
  background: #000;
  text-decoration: underline;
  text-underline-offset: 5px; 
  text-decoration-thickness: 2px;
}
.custom-btn{
  width: 100px;
  text-align: center;
  background: var(--background-color);
  font-size: var(--font-size-desktop);
  color: var(--font-color) !important;
  font-weight: var(--font-weight);
  border:var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
}
.custom-btn:hover{
  text-decoration: none !important;
  background: var(--background-color-hover);
  color: #fff !important;
  border:var(--border-width) solid var(--border-color-hover);
}

.hero-section{
  background: #e0f7fa;
}
.section-2{
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
}
.section-2::before{
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('../images/bg_section2.jpeg');
  background-position: center;
  background-size: cover;
}
.section-2 h2{
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
}
.services-section{
  min-height: 100vh;
  background-image: url('../images/001.jpg');
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
}
.service-card{
  background: rgba(255, 255, 255, 0.2);
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
}
.service-card img{
  width: 100%;
  height: 250px;
  display: block;
  margin-bottom: 15px;
  border-radius: 10px;
}
.custom-btn2{
  width: 100px;
  text-align: center;
  background: var(--background-color);
  font-size: var(--font-size-desktop);
  color: var(--font-color);
  font-weight: var(--font-weight);
  border:var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
}

.section-4{
  min-height: 100vh;
  background-image: url('../images/section4-bg.jpg');
  background-size: cover;
  background-attachment: fixed;
}

.section-5{
  background: #e0f7fa;
}
.section-5 h2{
  font-size: 40px;
  font-weight: bold;
}
.section-5 p{
  font-size: 18px;
}
.statistics-item .num{
  font-size: 3rem;
  color: rgb(0, 121, 107);
  font-weight: bold;
}
.section-6{
  background: #004d40;
  color: #fff;
}
.section-6 > p{
  font-size: 18px;
}
.self-service-card{
  background: #e0f7fa;
  border-radius: 15px 15px 0 0;
  margin-bottom: 20px;
}
.self-service-card img{
  width: 100%;
  height: 250px;
  display: block;
  margin-bottom: 15px;
  border-radius: 15px 15px 0 0;
}
.self-service-card .text{
  padding: 15px;
}
.self-service-card h3{
  color: #004d40;
}
.self-service-card p{
  color: rgb(86, 88, 94);
}

.section-7{
  background: #2b8f83;
  color: #fff;
}
.carousel-item > div{
  /* background: #2b8f83; */
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  color: #fff;
  /* width:680px; */
  max-width: 80%;
  margin: 0 auto;
  font-size: 18px;
}
.location-info{
  background: #e0f7fa;
  padding: 50px 0;
}
footer{
  background: #0d141a;
  color: #fff;
  padding: 100px 0 50px;
  font-size: 16px;
}
.social-icon{
  font-size: 40px;
  color: #fff;
  margin-right: 10px;
}
footer a, footer a:hover{
  color: #fff;
}
.custom-btn3{
  text-align: center;
  background: #00796B;
  font-size: 16px;
  color: #fff;
  font-weight: var(--font-weight);
  border:var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  padding: 10px 20px;
  margin-top: 10px;
}
.testimonial2{
  background: rgba(0, 0, 0, 0.6);
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonial2::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('../images/007.jpg');
  background-attachment: fixed;
  z-index: -1;
}

.contact-form-section{
  position: relative;
  min-height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.contact-form-section::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('../images/section4-bg.jpg');
  background-attachment: fixed;
  z-index: -1;
}
.contact-form{
  padding: 20px;
  border-radius: 10px;
  font-size: 18px;
  color: #333;
  text-align: left;
}
.contact-form > div{
  margin-bottom: 15px;
}
.contact-form label{
  font-weight: 500;
} 

.custom-btn4{
  border-radius: 50px;
  border-width: 0px;
  background-color: rgba(0, 136, 255, 0.94);
  color: rgb(255, 255, 255);
  border-color: #0d141a;
  padding: 10px 15px;
  box-shadow: 0 0 5px #d4d4d4;
}
.custom-btn4:hover{
  background-color: rgb(35, 107, 170);
}
@media(max-width:468px){
  .big-words h2{
    font-size: 20px !important;
  }
}