/* Apply to body text */
body {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

/* Apply to headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lora', serif;
}
section{
  padding: 50px 0;
  overflow: hidden;
}
.banner-home{
  margin-top: -102.16px;
}
.main-menu{
  position: relative;
  z-index: 1;
  background: transparent !important;
}
/* Show dropdown on hover */
.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

.nav-item.dropdown:hover > .nav-link {
  color: #007bff; /* Change the color of the dropdown link on hover */
}

.nav-link{
  font-size: 15px !important;
  line-height: 20px !important;
  margin: 0 3px !important;
   font-family: 'Inter', sans-serif;
}
.navbar{
  background:#f2f2f2 ;
	padding:0 !important;
}
.dropdown-menu{
  padding: 0 !important;
}
.dropdown-item{
  margin: 0 !important;
  padding: 15px !important;
  color: #444 !important;
  font-size: 15px !important;
  font-family: 'Inter', sans-serif;
}
.nav-btn a{
  outline: none !important;
  border: 1px solid#ff5722;
  background: #ff5722;
  padding: 10px 15px;
  text-decoration: none;
  color: #fff;
  border-radius: 8px;
  font-size: 15px;
  font-family: 'Inter', sans-serif;
  transition: 0.3s ease-in-out;
}
.nav-btn button:hover{
  background: transparent;
  color:#fff ;
  border: 1px solid#fff;
}
footer{
  background:#141714;
  padding: 50px 0;
}
.footer-logo img{
  padding: 15px;
  background: #fff;
  border-radius: 10px;
}
.footer-logo p{
  font-size: 16px;
  color: #fff;
  font-family: 'Inter', sans-serif;
  text-align: justify;
  word-spacing: 0;
  line-height: 24px;
  padding: 15px 0;
  margin: 0;
}
.footer-logo a{
  font-size: 16px;
  color: #00a3c8;
  font-family: 'Inter', sans-serif;
  text-align: justify;
  word-spacing: 0;
  line-height: 24px;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.footer-logo i{
  transition: 0.3s ease-in-out;
}
.footer-logo a:hover i{
  transform: translatex(10px);

}
.footer-link h3, .contact-detail-f h3{
  font-size: 25px;
  margin-bottom: 15px;
  color:#00a3c8 ;
  text-decoration: underline;
  font-family: 'Lora', serif;
}
.footer-link ul{
  padding: 0 !important;
  margin: 0 !important;
}
.footer-link ul li{
  list-style: none !important;
  color: #fff;  
}
.footer-link a{
  font-size: 16px;
  color: #fff;
  padding-left: 10px;
  line-height: 22px;
  margin-bottom: 15px;
  display: inline-block;
  text-decoration: none;
}

.contact-detail-f i{
  position: absolute;
  font-size: 15px;
  color: #fff;
  margin-top: 5px;
}
.contact-detail-f p{
  font-size: 15px;
  color: #fff;
  padding-left: 20px;
  font-family: 'Inter' sans-serif;
}
.carousel-caption{
  bottom: 10% !important;
}
.carousel-caption h5{
  font-size: 52px;
  line-height: 60px;
  color: #00a3c8;
  margin-bottom: 15px;
  font-weight: 700;
}
.carousel-caption p{
  font-size: 22px;
  line-height: 30px;
}
.carousel-caption a{
  font-size: 16px;
  border-radius: 25px;
  color: #fff;
  padding-left: 10px;
  line-height: 22px;
  margin-bottom: 15px;
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  border: 1px solid#fff;
}
.about-us{
  background:#107890;
  position: relative;
  overflow: hidden;
}

.about-us:before {
  content: "";
  background: url('../assets/img/cta-element.svg') no-repeat; /* Use background instead of content */
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5; 
  animation: moveDiagonal 3s ease-in-out infinite;  /* Faster animation */
}

@keyframes moveDiagonal {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(-10px, -10px); }
  75% { transform: translate(10px, 10px); }
}

.abt-img{
  padding-right: 35px;
}
.abt-img img{
  width: 100%;
  border-radius: 10px;
}
.abt-text h2{
  font-size: 35px;
  color: #fff;
  border-bottom: 1px solid#444;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-weight: 600;
}
.abt-text h3{
  font-size: 30px;
  margin-bottom: 15px;
  color: #fff;
}
.abt-text P{
  font-size: 17px;
  line-height: 32px;
  color: #fff;
  font-family: 'Inter', sans-serif;

}
.abt-text a{
 text-decoration: none;
  background-color: #FF5722;
  color: #FFFFFF;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
      margin-top: 12px;
    display: inline-block;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.abt-text a:hover{
  background:  #E64A19;
   padding-right: 25px;
}
.abt-text i{
  transition: 0.3s ease;
}
.abt-text a:hover i{
  transform: translatex(10px);

}
.section-title{
  text-align: center;
}
.section-title h2{
   font-size: 35px;
  color: #00a3c8;
  border-bottom: 1px solid#444;
  padding-bottom: 15px;
  font-weight: 600;
  margin-bottom: 15px;
  display: inline-block;
  text-align: center;
}
.section-title p{
  font-size: 22px;
  color: #444;
  font-weight: 500;
  margin-bottom: 25px;
  font-family: 'Inter', sans-serif;


}
.service-offer{
  background: #e3faff;
}
.ser-img img{
  width: 100%;
}
.ser-text{
  text-align: center;
  padding: 25px;
  background: #ffffff;
  border-radius: 10px;
  height: 100%;
  box-shadow: 1px 1px 3px 4px #00a3c80d;
}
.ser-text img{
  width: 100px;

}
.ser-text h3{
  text-align: left;
   font-size: 19px;
  color: #107890;
  padding-bottom: 5px;
  font-weight: 600;
  padding-top: 20px;
}
.ser-text p{
  font-size: 16px;
  color: #444;
  text-align: left;
  font-family: 'Inter', sans-serif;
}
.ser-text a{
   font-size: 16px;
  border-radius: 5px;
  color: #fff;
  background: #ff5722;
  transition: 0.3s ease-in-out;
  padding-left: 10px;
  line-height: 22px;
  margin-bottom: 15px;
  display: block;
  text-decoration: none;
  padding: 10px 20px;
  border: 1px solid#ff5722;
}
.form-in h2{
    font-size: 30px;
  color: #056d85;
  padding-bottom: 10px;
  font-weight: 600;
  display: inline-block;
  text-align: center;
}
.form-in p{
  font-size: 16px;
  color: #444;
  font-family: 'Inter', sans-serif;
}
.cmn-form label {
    font-family: "Inter", serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #344054;
    padding-bottom: 10px;
}

.cmn-form input,.cmn-form select,.cmn-form textarea {
    background: #fff;
    border: 1px solid #d5d5d5;
    height: 45px;
    color: #6d758f;
    width: 100%;
    border-radius: 6px;
    padding-left: 10px;
    box-shadow: 0px 0px 3px 0px rgba(25,33,61,.0784313725)
}

.cmn-form textarea {
    height: 100px
}
.cmn-form ::placeholder {
    color: #6d758f;
    font-weight: 400;
    font-size: 16px
}
.cmn-form button {
    font-family: "Inter",serif;
    background-color:#ff5722;
    font-size: 16px;
    display: block;
    width: 100%;
    margin: 5px 0;
    height: 45px;
    color: #fff;
    border: 1px solid #ff5722
}
.cmn-form button:hover{
   border: 1px solid #00a3c8;
   color:#00a3c8 ;
}
.testimonials {
    background: #e3faff;
}
.review-wrap-card {
    background: #fff;
    padding: 40px;
	height:280px;
    border-radius: 10px;
    text-align:center;
    box-shadow: 0px 1px 9px 2px #dedede;
}

.rating {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.review-wrap-card p {
    font-size:16px;
    font-family:'Inter';
    line-height: 26px;
    color:#444;
}

.rating li {
  padding: 2px;
    list-style:none;
    color:darkgoldenrod;
}
.title h5{
    font-size: 25px;
    color: #00a3c8;
    padding-bottom: 10px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
}
.quote{
  font-size: 50px;
}
marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;

}
 .blink {
   animation: blink 1s step-start infinite;
   color: #fff;
   font-family: 'Inter', sans-serif;
   font-size: 17px;
   line-height: 22px;
 }
@keyframes blink {
  50% {
    visibility: hidden;
  }
}
.top-bar{
  padding: 10px;
  background: #107890;
}
.bread-crumb{
  padding: 100px 0 50px 0;
  margin-top: -95px;
  border-top: 1px solid#fff;
  text-align: center;
}
.bread-crumb h1{
  font-size: 30px;
  color: #fff;
}
.bread-crumb ul{
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bread-crumb a{
  color: #fff;
  text-decoration: none;
}
.bread-crumb ul li{
  list-style: none;
  color: #fff;
  padding: 0 5px;
}
.bread-crumb i{
  padding-left: 10px;
}
.cert-row{
  justify-content: center;
}
.abt-text h4{
  color: #fff;
}
.abt-text ul li{
  font-size: 16px;
  color: #fff;
}
.contact_main .col-lg-4{
  height: 100%;
  margin-bottom: 15px;
}
.contact_box{
  height: 100%;
  background: #ffffff;
  padding: 15px;
  text-align: center;
  border-radius: 6px;
  box-shadow: 0px 0px 2px 4px #1078902e;
}
.contact_box i{
  font-size: 35px;
  color: #107890;
  padding-bottom: 15px;
}
.contact_box a{
  color: #444;
  font-size: 18px;
  text-decoration: none;
}
.contact_box h3{
  color: #000;
  font-weight: 600;
  font-size: 25px;
}
.ser-tab {
    background:#107890;
    
}
.ser-tab ul{
    padding:0;
    margin:0;
}
.ser-tab ul li{
    border-bottom:1px solid#d2cfcf70;
    padding:15px;
    list-style:none;
    line-height:20px;
    transition: 0.5s ease-in;
}
.ser-tab a{
    text-decoration:none;
    color:#f3f1f1;
    line-height:30px;
    
}
.serv-in h2, .serv-in h3, .serv-in h4, .serv-in h5{
  font-size: 30px;
  color:#107890 ;
  font-weight: 700;

}
.serv-in p{
  font-size: 16px;
  line-height: 28px;
  color: #444;
}
.ser-tab ul li:hover{
  background: #ff5722;
}
.gal-in img{
  margin-bottom:15px ;
}

@media only screen and (max-width: 600px) {
.top-bar{
	display:none;
}
.navbar{
	background:#fff !important;
}
.navbar-toggler{
	float: inline-end;
	}
	.banner-home{
	margin-top:0;
	}
	.nav-link{
	color:#000 !important;
	}
	.review-wrap-card{
		height:auto;
}
.nav_bg{
	background: #fff;
    padding: 20px;
    border-radius: 0 0px 20px 20px;