@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Poppins", sans-serif;}
h1,
h2,
h3,
h4,
h5,
h6,
p {margin: 0;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
a {text-decoration: none;color: #000;transition: 0.5s;}
.section-spacing {margin-bottom: 80px;}

header {background-color: #000000;}
header nav {display: flex;justify-content: space-between;align-items: center;}
header .header-logo img {max-width: 280px;}
header nav .main-menu {display: flex;align-items: center;}
header nav .main-menu li {padding-left: 30px;}
header nav .main-menu li a {color: #ffffff;}

/* toggle btn css */
.toggle {width: 38px;height: 38px;cursor: pointer;right: 0;position: relative;margin-left: 0;z-index: 1;display: none !important;}
.toggle-icon::before,
.toggle-icon::after {content: "";position: absolute;top: 0;right: 0;height: 10%;width: 70%;background: #987b09;transition: 0.3s linear;}
.toggle-icon::before {transform: translateX(0);}
.toggle-icon::after {top: 13px;width: 70%;}

/*  */
/* .hero-slider  */
.heading {font-size: 40px;font-weight: 600;margin-bottom: 20px;}
.heading-sapn {color: #00a79d;}
.description {font-size: 16px;margin-bottom: 20px;}
.common-btn {background-color: #00a79d;color: #fff;font-size: 16px;padding: 10px 20px;}

.service-slider .item {background-color: #00a79d;}
.service-slider .item .service-name {color: #fff;margin-bottom: 10px;}
.service-slider .item .description {color: #ffffff;margin-bottom: 0;}
.service-slider .item:hover img {scale: 1.1;}
.service-slider .item img {transition: 0.5s;}
.service-image {overflow: hidden;}
.service-details {padding: 20px;}
.service-slider .owl-dots {text-align: center;padding-top: 20px;}
.service-slider .owl-dot.active {background-color: #00a79d !important;}
.service-slider .owl-dot {background-color: #5bcad3 !important;height: 15px;width: 15px;margin: 5px;transition: 0.5s;}

.testimonial-section .client-heading .heading,
.testimonial-section .client-heading .description {text-align: center;}
.testimonial-section .client-heading .description {max-width: 700px;margin: 0 auto 30px;}
.testimonial-box {padding: 20px;border: 2px solid #00a79d;border-radius: 10px;}
.testimonial-box img {max-width: 100px;}
.testimonial-box .description {font-style: italic;margin-top: 20px;}
.client-profile {display: flex;align-items: center;column-gap: 2%;}
.client-profile img {max-width: 65px;}
.client-name {font-size: 20px;color: #00a79d;}
.testimonial-slider .owl-dots {text-align: center;padding-top: 20px;}
.testimonial-slider .owl-dot.active {background-color: #00a79d !important;}
.testimonial-slider .owl-dot {background-color: #5bcad3 !important;height: 15px;width: 15px;margin: 5px;transition: 0.5s;}

.form-group {margin-bottom: 30px;}
.form-group label {font-size: 16px;color: #666;margin-bottom: 5px;}
.form-group .form-control {border: 0;border-bottom: 1px solid #00a79d;}
.form-control:focus {color: #212529;background-color: #fff;border-color: #86b7fe;outline: 0;box-shadow: none;}

form .common-btn {border: 0;}

.phone a,
.mail a,
.location p {font-size: 18px;margin-bottom: 20px;display: block;}
.phone a img,
.mail a img,
.location p img {margin-right: 10px;max-width: 40px;width: 100%;}
.form-detais {margin-top: 50px;}
.socical-media {margin-top: 50px;}
.follow {font-size: 22px;}
.socical-media img {max-width: 40px;margin-right: 15px;margin-top: 20px;}


footer {background-color: #000000;padding: 20px;}
footer .description {color: #fff;margin-bottom: 0;text-align: center;}
footer .company {color: #00a79d;font-weight: 500;}

.checka-trad-section{
  background-color: #F6F6F6;
  padding: 40px 0;
}
.check-logo{
  text-align: center;
}
.check-logo a img{
  max-width: 300px;
  margin: 0 auto;
}

.inner-section {background-image: url(../images/inner-banner.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding: 200px 0;}
.inner-section .title {color: #fff;font-size: 48px;font-weight: 700;letter-spacing: 1px;text-align: center;}

.service-box {background-color: #00a79d;margin-bottom: 30px;}
.service-box .service-details .service-name {color: #ffffff;margin-bottom: 10px;font-size: 24px;}
.service-box .service-details .description {color: #ffffff;margin-bottom: 10px;}
.more-link {color: #ffffff;text-decoration: underline;}

.product-details-img {margin-bottom: 20px;}
.products-list-details {margin-left: 20px;}
.products-list-details li {list-style: square;}

li::marker {color: #00a79d;}
.services {background-color: #00a79d30;padding: 20px;}
.related-service li {text-align: center;background-color: #00a79d;width: 100%;margin-bottom: 20px;}
.related-service li a {font-size: 18px;width: 100%;padding: 10px;display: block;color: #ffffff;}
.work-box .description {background-color: #00a79d;padding: 10px;color: #ffffff;}

/* our work page gallery css */
.main .container {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 1rem;justify-content: center;align-items: center;}
.main .card {color: #252a32;border-radius: 2px;background: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);}
.main .card-image {position: relative;display: block;width: 100%;padding-top: 70%;background: #ffffff;}
.main .card-image img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

/* all respobnsive media qureis */
@media (min-width: 1200px) and (max-width: 1500px) {
}
@media (min-width: 768px) and (max-width: 1199px) {
  header .header-logo img {max-width: 200px;}
  header nav .main-menu li {padding-left: 0;}
  .toggle {display: block !important;z-index: 6;top: 10px;}
  .closeMenu .toggle-icon::before {visibility: visible;opacity: 1;top: 0;transition: 0.3s linear;transform: rotate(135deg);background-color: #987b09;}
  .closeMenu .toggle-icon::after {top: 0;transition: 0.3s linear;transform: rotate(42deg);background-color: #987b09;}
  header nav .main-menu {flex-direction: column;position: absolute;top: 0;left: -100%;background: #000000;height: 100vh;width: 100%;justify-content: center;align-items: center;row-gap: 25px;transition: 0.3s;overflow: hidden;}
  header nav .main-menu li a {color: #5bcad3;font-size: 30px;}
  header nav ul li {padding-left: 0;}
  header nav .main-menu.show-menu {left: 0;z-index: 4;}
  .inner-section {padding: 100px 0;}
  .inner-section .title {font-size: 36px;}
  .section-spacing {margin-bottom: 50px;}
  .common-btn {padding: 8px 15px;display: inline-block;}
  .about-img {margin-top: 20px;}
}
@media (min-width: 320px) and (max-width: 767px) {
  header .header-logo img {max-width: 100px;}
  header nav .main-menu li {padding-left: 0;}
  .toggle {display: block !important;z-index: 6;top: 10px;}
  .closeMenu .toggle-icon::before {visibility: visible;opacity: 1;top: 0;transition: 0.3s linear;transform: rotate(135deg);background-color: #987b09;}
  .closeMenu .toggle-icon::after {top: 0;transition: 0.3s linear;transform: rotate(42deg);background-color: #987b09;}
  header nav .main-menu {flex-direction: column;position: absolute;top: 0;left: -100%;background: #000000;height: 100vh;width: 100%;justify-content: center;align-items: center;row-gap: 25px;transition: 0.3s;overflow: hidden;}
  header nav .main-menu li a {color: #5bcad3;font-size: 30px;}
  header nav ul li {padding-left: 0;}
  header nav .main-menu.show-menu {left: 0;z-index: 4;}
  .section-spacing {margin-bottom: 40px;}
  .heading {font-size: 28px;}
  .description {font-size: 14px;}
  .common-btn {padding: 8px 15px;display: inline-block;}
  .service-slider .owl-dots,
  .testimonial-slider .owl-dots {padding-top: 0;}
  .service-details {padding: 13px;}
  .contact-form form {margin-bottom: 20px;}
  .form-detais,
  .socical-media {margin-top: 30px;}
  .about-img {margin-top: 20px;}
  .inner-section {padding: 60px 0;}
  .inner-section .title {font-size: 28px;}
}