* {
  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: "Lato", sans-serif;
}

.header-top {background-color: #b7b9ca; padding: 5px 0px;}
.header-top .top-info li, .header-top .top-info li a {color: #000; font-size: 13px;}

/* header */

header {position: absolute; left: 0; right: 0; z-index: 99; padding: 20px 10px; overflow: hidden;}
header .headermn{background-color: #13372b;  border-radius: 10px;}
header .headermn .navbar .navbar-brand {width: 15%; padding: 0;}
header .headermn .navbar .navbar-brand img {border-radius:10px 0px 0px 10px;}
header .nav-link {color: #fff; font-size: 13px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;
text-transform: uppercase;}
header .nav-link::after {content: ''; background-color: #fff; 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: #fff;}
header .navbar-nav {gap: 45px;}
header .navbar-toggler {border: none; color: #fff; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus { box-shadow: none;}
header .offcanvas-title img {width: 34%; filter: brightness(0.5);}
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: 9%;}

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

  to {
    transform: translateY(10);
  }
}

header .navbar .whatsapp li a {display: inline-block; padding: 10px 20px; font-size: 15px; background-color: transparent; color: #fff; border-radius: 5px; transition: .5s; border: 1px solid #fff; position: relative; transition: .5s; z-index: 1;}
header .navbar .whatsapp li a::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s; background-color: #fff; border-radius: 3px; z-index: -1;}
header .navbar .whatsapp li a:hover:before {width: 100%;}
header .navbar .whatsapp li a:hover {color: #36765f;}

/* slider */

#slider .owl-item {background-position: bottom right; background-repeat: no-repeat; background-size: cover; padding: 500px 0 200px; overflow: hidden;}
#slider .owl-theme .owl-dots .owl-dot {display: none;}


/* about */


#about {padding: 50px 0px; overflow: hidden; background: linear-gradient(294deg, #36765f29, #ffffff);}
#about .row {row-gap: 30px;}
#about .content{width: 100%;}
#about .content h2 {font-family: "Dancing Script", cursive; color: #484848; font-size: 45px; margin-bottom: 10px; font-weight: bold;}
#about .content span {color: #36765f;}
#about .content h6{font-family: 'Domine';}
#about .content ul{margin-left: 20px;}
#about .content ul li{font-family: "Source Sans 3"; font-size: 14px; font-weight: 600;}
#about .content .text {font-size: 13px; text-align: justify; color: #484848; line-height: 24px; margin-bottom: 10px; font-family: "Source Sans 3";}
#about .content .btn {display: inline-block; padding: 10px 20px; background-color: transparent; color: #36765f; border-radius: 3px;
transition: .5s; border: 1px solid #36765f; position: relative; transition: .5s; z-index: 1;}
#about .content .btn::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s;background-color: #36765f; z-index: -1;}
#about .content .btn:hover:before {width: 100%;}
#about .content .btn:hover {color: #ffffff;}
#about .imgs {overflow: hidden; border-radius: 5px; text-align: end;}
#about .imgs img {transition: 9s; width: 100%;}
#about .imgs:hover img {transform: scale(1.2);}
#about .content-a .text{font-size: 13px; text-align: justify; color: #484848; line-height: 24px; margin-bottom: 10px; font-family: "Source Sans 3";}

/* categoty-a */

#categoty-a{padding: 20px 0px 50px;}
#categoty-a .row{row-gap: 25px; justify-content: center;}
#categoty-a h2 {font-family: "Dancing Script", cursive; text-align: center; color: #484848; font-size: 45px; margin-bottom: 40px; font-weight: bold;}
#categoty-a span {color: #36765f;}
#categoty-a .iner .imgs{overflow: hidden; border-radius: 10px; position: relative;}
#categoty-a .iner .imgs img{transition: .5s; width: 100%;}
#categoty-a .iner .imgs:hover img{transform: scale(1.1);}
#categoty-a .iner .imgs h5{position: absolute; bottom: 30px; left: 0; right: 0; text-align: center;}
#categoty-a .iner .imgs h5 a {display: inline-block; padding: 10px 30px; background-color: transparent; color: #fff; text-shadow: 0px 0px 10px #00000096; border-radius: 30px;
transition: .5s; border: 1px solid #fff; font-size: 15px; position: relative; transition: .5s; z-index: 1;}
#categoty-a .iner .imgs h5 a::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s;background-color: #fff; z-index: -1; border-radius: 30px;}
#categoty-a .iner .imgs h5 a:hover:before {width: 100%;}
#categoty-a .iner .imgs h5 a:hover {color: #36765f;}

/* counter  */

#counter{background-color: #36765f; padding: 20px 0;}
#counter .row{row-gap: 30px;}
#counter .item{text-align: center;} 
#counter .item h2{ color: #fff; margin-bottom: 10px; font-size: 23px;}
#counter .item h3{ font-size: 14px; color: #fff;}
#counter .item i{ font-size: 38px; color: #fff;}


/* mid-banner */

#mid-banner{overflow: hidden; padding: 0px 0px;}

/* categoty-b */

#categoty-b{padding: 50px 0px 50px; background-color: #fff7ff;}
#categoty-b .row{row-gap: 25px; justify-content: center; align-items: center;}
/* #categoty-b h2 {font-family: "Dancing Script", cursive; color: #484848; text-align: center; font-size: 45px; margin-bottom: 40px; font-weight: bold;}
#categoty-b span {color: #36765f;} */
#categoty-b h3 {font-family: "Dancing Script", cursive; color: #484848; font-size: 45px; margin-bottom: 20px; font-weight: bold;}
#categoty-b span {color: #36765f;}
#categoty-b .text{font-family: "Source Sans 3";}
#categoty-b .iner .imgs{overflow: hidden; border-radius: 10px; position: relative;}
#categoty-b .iner .imgs img{transition: .5s;}
#categoty-b .iner .imgs:hover img{transform: scale(1.1);}
#categoty-b .iner .imgs h5{position: absolute; bottom: 30px; left: 0; right: 0; text-align: center;}
#categoty-b .iner .imgs h5 a {display: inline-block; padding: 10px 30px; background-color: transparent; color: #000; border-radius: 30px;
transition: .5s; border: 1px solid #000; font-size: 15px; position: relative; transition: .5s; z-index: 1;}
#categoty-b .iner .imgs h5 a::before {position: absolute; content: ''; top: 0px; left: 0px; width: 0px; height: 100%; transition: .5s;background-color: #fff; z-index: -1; border-radius: 30px;}
#categoty-b .iner .imgs h5 a:hover:before {width: 100%;}
#categoty-b .iner .imgs h5 a:hover {color: #36765f;}

/* words-excite */

#words-excite{padding: 50px 0px; background-color: #e5e5e5;}
#words-excite h2 {font-family: "Dancing Script", cursive; text-align: center; color: #484848; font-size: 45px; margin-bottom: 50px; font-weight: bold;}
#words-excite h2 span {color: #36765f;}
#words-excite .iner{background-color: #fff; padding: 30px; height: 100%;}
#words-excite  ul li{font-size: 13px; color: #ffb74a;}
#words-excite h4{margin: 20px 0px; color: #36765f; font-size: 17px; font-family: "Domine", serif;} 
#words-excite p{font-family: "Source Sans 3"; font-size: 14px;} 

/* footer */
footer .footertop {background-color: #36765f; padding: 70px 0px 20px;}
footer .row {row-gap: 25px;}
footer .footertop h3{font-size: 20px; margin-bottom: 15px; color: #fff; font-family: "Dancing Script", cursive;}
footer .footertop .about img {width: 180px;}
footer .footertop .about p {color: #fff; font-size: 14px; width:77%; margin-top: 20px; font-family: "Source Sans 3";}
footer .footertop ul {list-style: none;}
footer .footertop ul li {color: #fff; font-size: 14px; margin-top: 10px;}
footer .footertop ul li a {color: #fff; font-size: 14px; transition: .5s; display: inline-block; font-family: "Source Sans 3"; border-bottom: 1px solid transparent;}
footer .footertop ul li a:hover {color: #fff;}
footer .footertop .addres li {margin-bottom: 20px; font-family: "Source Sans 3";}
footer .footertop .addres li i {color: #fff; font-size: 22px;}
footer .footerboo ul {display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #fff; padding-top: 20px;}
footer .footerboo {background-color: #36765f; padding: 20px;}
footer .footerboo .soical li:first-child {color: #fff; text-align: center;}
footer .footerboo .soical li:first-child a {color: #36765f; font-size: 16px; display: inline-block; width: 35px; height: 35px; line-height: 35px;
  background-color: #fff; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover {background-color: #000;}
footer .footerboo ul li img {width: 195px; background-color: transparent; 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: #e56215;
  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: #19372a;
  color: #fff;
  font-weight: 500px;
  padding: 10px;
  border: 0;
  transition: .5;
}

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