* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

p,
ul,
li {
  padding: 0;
  margin: 0;
}

body{font-family: "Yeseva One", cursive;}



/* header */
header {position: unset; left: 0; right: 0; top: 0; z-index: 99;}
header .header-top {background-color: #1592cb; padding: 3px 0px;}
header .header-top .top-info li,
header .header-top .top-info li a {color: #fff; font-size: 14px; font-family: Poppins, Arial, Helvetica, sans-serif;}
header .header-top .top-info li:last-child a {display: inline-block; height: 35px; width: 35px; border-radius: 50px; line-height: 35px;
text-align: center; background-color: #fff; color: #18325d; border: 1px solid #fff; transition: .5s;}
header .headermn{background-color: #fff; padding: 5px 0px;}
header .headermn .navbar .navbar-brand {width: 20%;}
header .nav-link {color: #18325d; font-size: 16px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important; font-family: Poppins, Arial, Helvetica, sans-serif;}
header .nav-link::after {content: ''; background-color: #1592cb; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0; transition: .5s;}
header .nav-link:hover::after {width: 100%;}
header .nav-link:hover, header .nav-link:focus {color: #18325d;}
header .navbar-nav {gap: 45px;}
header .navbar-toggler {border: none; color: #1592cb; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus {box-shadow: none;}
header .offcanvas-title img {width: 34%;}
header .navbar-nav {position: relative; align-items: center;}
.sticky {
  left: 0;
  right: 0;
  z-index: 999;
  position: fixed !important;
  top: 0px;
  animation: slideDown .5s ease-out;
  background-color: #fff;
  box-shadow: 0 0 10px #00000021;
}

.sticky .headermn .navbar .navbar-brand {width: 17%;}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(10);
  }
}

header .navbar .whatsapp li a {display: inline-block; padding: 10px 20px; background-color: #18325d; color: #fff; border-radius: 3px;
transition: .5s; position: relative; transition: .5s; z-index: 1; font-family: Poppins, Arial, Helvetica, sans-serif;}
header .navbar .whatsapp li a::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #1592cb; z-index: -1;}
header .navbar .whatsapp li a:hover:before {width: 100%;}
header .navbar .whatsapp li a:hover {color: #fff;}

/* slider */

#slider .owl-theme .owl-dots .owl-dot {display: none;}

/* about-us */

#about{padding: 70px 0px;}
#about .content h2 {font-size: 38px; font-weight: bold; font-family: "Dancing Script", cursive;}
#about .content h2 span {color: #212d55;}
#about .content p{font-size: 18px; color: #666666; font-family: 'Epilogue'; font-weight: 400; margin-bottom: 10px;}
#about .content p span {font-size: 40px;}

/* our-service */

#our-service{padding: 50px 0px; background-color: #ececec;}
#our-service .row{row-gap: 30px;}
#our-service h2 {font-size: 38px; color: #212d55; font-weight: bold; text-align: center; margin-bottom: 50px; position: relative;}
#our-service h2::before {position: absolute; content: ""; background-image: url(../images/heading-shape.png); width: 174px; height: 5px; bottom: -10px; left: 50%; -webkit-transform: translatex(-50%); transform: translatex(-50%);}
#our-service .iner{background-color: #fff; box-shadow: 0px 0px 10px #00000059; transition: .5s;}
#our-service .iner:hover{transform: translateY(5px); text-align: center; box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1);}
#our-service .imgs{position: relative; overflow: hidden;}
#our-service .content{text-align: center; padding: 20px 15px;}
#our-service .content h4{font-size: 22px; color: #212d55; margin: 15px 0px 10px; font-family: Poppins, Arial, Helvetica, sans-serif; font-weight: 600;}
#our-service .content .text{font-family: Poppins, Arial, Helvetica, sans-serif;}


/* gallery */

#gallery {padding: 60px 0 40px; overflow: hidden;}
#gallery .row{row-gap: 20px;}
#gallery h2 {font-size: 38px; color: #212d55; font-weight: bold; text-align: center; margin-bottom: 50px; position: relative;}
#gallery h2::before {position: absolute; content: ""; background-image: url(../images/heading-shape.png); width: 174px; height: 5px; bottom: -10px; left: 50%; -webkit-transform: translatex(-50%); transform: translatex(-50%);}

#gallery .img-wrapper {
  position: relative;
  margin-top: 15px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 8px #00000033;
}

#gallery .img-wrapper img {
  width: 100%;
}

#gallery .img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

#gallery .img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}


/* testimonals */

#testimonial{padding: 40px 0 40px; background-color: #ececec;}
#testimonial h2{color: #212d55;}
#testimonial .row{row-gap: 20px;}
#testimonial .testimonial-slider .owl-item{border: 1px solid gray; padding: 20px; height: 210px; overflow-y: scroll;}
#testimonial .owl-item h5{color: #212d55; margin: 0px; font-size: 17px;}
#testimonial .owl-item p{font-size: 14px; font-family: 'Poppins', sans-serif;}
#testimonial .iner .google{ width: 40%;}
#testimonial .iner ul li{font-size: 35px; color: #f6bb06;}
#testimonial .iner h4{margin-top: 10px;}
#testimonial .testimonial-slider .star li{color: #f6bb06; font-size: 16px;}
#testimonial .testimonial-slider .profile{margin-bottom: 8px;}
#testimonial .testimonial-slider .profile li:first-child p{height: 40px; width: 40px; line-height: 40px; font-size: 20px; border-radius: 50%; text-align: center; background-color: #a7a7a7; color: #fff;     font-family: 'Poppins', sans-serif;}
#testimonial .testimonial-slider .profile li span{font-size: 14px; font-family: 'Poppins', sans-serif;}
#testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #212d55;}

/* contact */

#contact{padding: 50px 0px; background-color: #fff6ef;}
#contact h6{text-align: start; color: #18325d; font-family: 'Caveat', cursive; font-size: 18px; line-height: 28px;  margin-bottom: 20px; font-weight: 400;}
#contact h2{text-align: start; color: #0c0c0c; font-size: 45px; line-height: 55px;  margin-bottom: 50px; font-weight: 500;}
#contact .form-control{border-color: #b3b3b3; background-color: #fff; padding: 15px; border-radius: 0px; border: transparent; box-shadow: none; margin-bottom: 25px; font-family: 'Poppins', sans-serif;}
#contact .site-button{padding: 14px 30px; display: inline-block; background-color: #18325d; color: #fff; font-family: 'Poppins', sans-serif; border: transparent; transition: .5s;}
#contact .site-button:hover{background-color: #1592cb; color: #fff;}
#contact .imgs {position: relative; z-index: 1; margin-left: 40px; margin-bottom: 70px;}
#contact .imgs::before {position: absolute; content: ''; z-index: -1; left: -40px; bottom: -40px; width: 100%; height: 90%; border: 12px solid #18325d;}

/* footer */

/* footer */
footer .footertop {background-color: #fff; padding: 70px 0px 20px;}
footer .row {row-gap: 25px;}
footer .footertop h3{font-size: 20px; margin-bottom: 15px; color: #18325d; }
footer .footertop .about img {width: 151px;}
footer .footertop .about p {color: #18325d; font-size: 14px; width:77%; margin-top: 20px; font-weight: 500; font-family: 'Poppins', sans-serif;}
footer .footertop ul {list-style: none;}
footer .footertop ul li {color: #18325d; font-size: 14px; margin-top: 10px; font-family: 'Poppins', sans-serif; font-weight: 500;}
footer .footertop ul li a {color: #18325d;  font-size: 14px; transition: .5s; font-weight: 500; display: inline-block; border-bottom: 1px solid transparent;}
footer .footertop ul li a:hover {color: #1592cb;}
footer .footertop .addres li {margin-bottom: 20px; font-family: 'Poppins', sans-serif;}

footer .footertop .addres li i {color: #18325d; font-size: 22px;}
footer .footerboo ul {display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #18325d; padding-top: 20px;}
footer .footerboo {background-color: #fff; padding: 20px;}
footer .footerboo .soical li:first-child {color: #212d55; text-align: center;}
footer .footerboo .soical li:first-child a {color: #fff; font-size: 16px;display: inline-block; width: 35px; height: 35px; line-height: 35px; background-color: #18325d; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover {background-color: #fff;}
footer .footerboo ul li img {width: 195px; background-color: #18325d; padding: 0px 10px 8px; border-radius: 100px;}




/* quickcontact */
.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}



/* modal */

.modal form.row {
  row-gap: 20px;
}

.modal .btn-theme {
  border-radius: 0px;
  background: #212d55;
  color: #fff;
}

.modal .btn-theme:hover {
  background-color: #000;
  color: white;
}

.modal .form-control {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  background-color: #f1f1f1;
}

.modal .form-control:focus {
  border-color: #000;
}

.modal .submit {
  background-color: #212d55;
  color: #fff;
  font-weight: 500px;
  padding: 10px;
  border: 0;
  transition: .5s;
}

.modal .submit:hover {
  background-color: #1592cb;
}