@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap");

:root {
  /* Primary Colors */
  --color-primary: #1b8354;
  --color-primary-light: #53c08a;
  --color-primary-dark: #074d31;

  /* Neutral Colors */
  --color-text: #161616;
  --color-text-light: #4a4a4a;
  --color-text-lighter: #6b7280;
  --color-background: #f3f4f6;
  --color-background-dark: #e5e7eb;
  --color-white: #ffffff;
  --color-black: #000000;

  /* Overlay Colors */
  --color-overlay-light: rgba(106, 109, 108, 0.08);
  --color-overlay-dark: rgba(27, 131, 84, 0.84);
}

html,
html body {
  font-family: "IBM Plex Sans Arabic", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
  height: 100%;
  scroll-behavior: smooth;
  /*text-transform: capitalize;*/
  font-size: 16px;
  color: var(--color-text);
}
@media (max-width: 1200px) {
  html,
  html body {
    font-size: 14px;
  }
}
html body {
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}
html body.modal-open,
html body.swal2-shown {
  padding: 0 !important;
  overflow-y: auto !important;
}
html body ul {
  list-style: none;
}
html body a,
.service-single
  .bottom
  .service-sidebar
  .widget
  .methods
  .m-item
  html
  body
  a:hover,
html body a:visited,
html body a:link {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
html body article,
html body aside,
html body details,
html body figcaption,
html body figure,
html body footer,
html body header,
html body hgroup,
html body menu,
html body nav,
html body section {
  display: block;
}
html body div,
html body body div,
html body span,
html body body span,
html body object,
html body body object,
html body iframe,
html body body iframe,
html body h1,
html body body h1,
html body h2,
html body body h2,
html body h3,
html body body h3,
html body h4,
html body body h4,
html body h5,
html body body h5,
html body h6,
html body body h6,
html body p,
html body body p,
html body blockquote,
html body body blockquote,
html body pre,
html body body pre,
html body abbr,
html body body abbr,
html body address,
html body body address,
html body cite,
html body body cite,
html body code,
html body body code,
html body del,
html body body del,
html body dfn,
html body body dfn,
html body em,
html body body em,
html body img,
html body body img,
html body ins,
html body body ins,
html body kbd,
html body body kbd,
html body q,
html body body q,
html body samp,
html body body samp,
html body small,
html body body small,
html body strong,
html body body strong,
html body sub,
html body body sub,
html body sup,
html body body sup,
html body var,
html body body var,
html body b,
html body body b,
html body i,
html body body i,
html body dl,
html body body dl,
html body dt,
html body body dt,
html body dd,
html body body dd,
html body ol,
html body body ol,
html body ul,
html body body ul,
html body li,
html body body li,
html body fieldset,
html body body fieldset,
html body form,
html body body form,
html body label,
html body body label,
html body legend,
html body body legend,
html body table,
html body body table,
html body caption,
html body body caption,
html body tbody,
html body body tbody,
html body tfoot,
html body body tfoot,
html body thead,
html body body thead,
html body tr,
html body body tr,
html body th,
html body body th,
html body td,
html body body td,
html body article,
html body body article,
html body aside,
html body body aside,
html body canvas,
html body body canvas,
html body details,
html body body details,
html body figcaption,
html body body figcaption,
html body figure,
html body body figure,
html body footer,
html body body footer,
html body header,
html body body header,
html body hgroup,
html body body hgroup,
html body menu,
html body body menu,
html body nav,
html body body nav,
html body section,
html body body section,
html body summary,
html body body summary,
html body time,
html body body time,
html body mark,
html body body mark,
html body audio,
html body body audio,
html body video,
html body body video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.3;
}
html body p {
  line-height: 1.4;
}
html body.invert {
  filter: invert(1);
}

.row {
  row-gap: 24px;
}

/* purgecss start ignore */
@media (min-width: 1300px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 95%;
  }
}
/* purgecss end ignore */
.main-head {
  position: sticky;
  top: 0;
  background: white;
  z-index: 10;
  border-bottom: 1px solid #f3f4f6;
}
.main-head .h-top {
  background-color: var(--color-background);
}
.main-head .h-top a {
  color: var(--color-primary);
  font-size: 14px;
}
.main-head .h-top .tools {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.main-head .h-top .tools button,
.main-head .h-top .tools a {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.main-head .h-top .accordion-button {
  font-size: 14px;
  font-weight: bold;
  background-color: #f3f4f6 !important;
  border-bottom: 0;
}
.main-head .h-top .accordion-button {
  font-weight: normal;
}
.main-head .h-top .accordion-collapse {
  background-color: #f3f4f6 !important;
}
@media (max-width: 768px) {
  .main-head .h-top .accordion-button {
    display: flex;
    flex-direction: column;
    padding-inline-end: 0;
    padding-inline-start: 0;
  }
  .main-head .h-top .accordion-button > * {
    margin-bottom: 10px;
    text-align: center;
  }
}
.main-head .h-bottom {
  margin: 10px auto;
  padding-top: 10px;
}
@media (max-width: 1200px) {
  .main-head .h-bottom {
    padding-block: 15px;
    margin: 0;
  }
}
@media (max-width: 1400px) {
  .main-head .h-bottom .logo img {
    width: 140px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.main-head .h-bottom .menu {
  display: flex;
  align-items: center;
  position: relative;
  gap: 15px;
}
@media (max-width: 1200px) {
  .main-head .h-bottom .menu {
    display: none;
  }
}
.main-head .h-bottom .menu a {
  border-radius: 8px;
  padding: 10px;
  font-weight: 500;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 1600px) {
  .main-head .h-bottom .menu a {
    padding: 20px 10px;
  }
}
.main-head .h-bottom .menu a.dropdown-toggle::after {
  border: 0;
  width: 10px;
  height: 10px;
  background-image: url("../../public/images/arrow.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  rotate: -90deg;
}
.main-head .h-bottom .menu a.dropdown-toggle.show {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.main-head .h-bottom .menu a.dropdown-toggle.show:before {
  background-color: var(--color-primary-light);
}
.main-head .h-bottom .menu a.dropdown-toggle.show img,
.main-head .h-bottom .menu a.dropdown-toggle.show::after {
  filter: brightness(0) invert(1);
}
.main-head .h-bottom .menu a.dropdown-toggle.show::before {
  opacity: 1;
}
.main-head .h-bottom .menu a::before {
  background-color: transparent;
  height: 0;
  display: flex;
}
.main-head .h-bottom .menu a.active img,
.main-head .h-bottom .menu a.active::after {
  filter: brightness(0) invert(1);
}
.main-head .h-bottom .menu a.active::before {
  opacity: 1;
}
.main-head .h-bottom .actions {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1400px) {
  .main-head .h-bottom .actions {
    gap: 20px;
  }
}
.main-head .h-bottom .actions a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  color: inherit;
}
@media (max-width: 1200px) {
  .main-head .h-bottom .actions a {
    display: none;
  }
}
.main-head .h-bottom .actions .show-sidebar {
  padding: 0;
  background-color: transparent;
  border: 0;
  display: none;
}
@media (max-width: 1200px) {
  .main-head .h-bottom .actions .show-sidebar {
    display: block;
  }
}
.main-head .h-bottom .actions .show-search {
  padding: 0;
  background-color: transparent;
  border: 0;
}

.dropdown-menu {
  border: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px 0px !important;
  padding: 20px !important;
  border-radius: 15px !important;
  min-width: 410px !important;
}
.dropdown-menu h4 {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 15px;
  text-align: initial;
  color: var(--color-primary);
}
.dropdown-menu .dropdown-item {
  padding: 10px 15px !important;
  transition: 0.3s;
  justify-content: flex-start !important;
}
.dropdown-menu .dropdown-item:hover {
  background-color: #f1f1f1;
}

.mega-menu {
  position: unset;
}
.mega-menu .dropdown-menu {
  width: 100%;
  right: 0 !important;
}

.half-mega-menu {
  position: unset;
}
.half-mega-menu .dropdown-menu {
  width: 60%;
  right: 0 !important;
}
@media (max-width: 1200px) {
  .half-mega-menu .dropdown-menu {
    width: 100%;
  }
}
.hero {
  position: relative;
}
.hero .item {
  height: 580px;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-block: 200px 120px;
  z-index: 1;
  padding-inline: 8%;
}
@media (max-width: 625px) {
  .hero .item {
    height: auto;
  }
}
@media (max-width: 1200px) {
  .hero .item {
    padding-block: 60px;
  }
}
.hero .item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
[dir="ltr"] .hero .item::before {
  transform: scaleX(-1);
}
.hero .item .caption {
  max-width: 80%;
}
@media (max-width: 1200px) {
  .hero .item .caption {
    max-width: 100%;
  }
}
.hero .item .caption span {
  display: block;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1200px) {
  .hero .item .caption span {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .hero .item .caption span {
    font-size: 18px;
  }
}
@media (max-width: 625px) {
  .hero .item .caption span {
    font-size: 16px;
  }
}
.hero .item .caption h3 {
  font-weight: 700;
  font-size: 45px;
  color: #fff;
  margin-bottom: 16px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1200px) {
  .hero .item .caption h3 {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  .hero .item .caption h3 {
    font-size: 30px;
  }
}
@media (max-width: 625px) {
  .hero .item .caption h3 {
    font-size: 24px;
  }
}
.hero .item .caption p {
  color: #fff;
  font-size: 20px;
  line-height: 2;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 1200px) {
  .hero .item .caption p {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .hero .item .caption p {
    font-size: 16px;
  }
}
@media (max-width: 625px) {
  .hero .item .caption p {
    font-size: 14px;
  }
}
.hero::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  height: 100%;
  background-image: url("../../images/pattern.svg");
  z-index: 1;
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
}
[dir="ltr"] .hero::after {
  left: auto;
  right: 0;
  transform: scaleX(-1);
}

.swiper-pagination {
  bottom: 30px !important;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #e5e7eb;
  border-radius: 50%;
  opacity: 1;
  transition: 0.3s;
  margin: 0 !important;
}
@media (max-width: 1200px) {
  .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}
.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #54c08a;
}

.sec-head {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 40px;
  padding-inline: 8%;
}
.sec-head h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .sec-head h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .sec-head h3 {
    font-size: 20px;
  }
}

.c-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--color-white);
  font-weight: 500;
  height: 45px;
  padding: 0 15px;
  min-width: 100px;
  border-radius: 4px;
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  transition: 0.3s;
}
.c-btn img {
  filter: brightness(0) invert(1);
}
[dir="ltr"] .c-btn img {
  transform: scaleX(-1);
}
.c-btn.outline {
  border-color: var(--color-background-dark);
  background-color: var(--color-white);
  color: var(--color-text);
}
.c-btn:hover {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-light);
  color: var(--color-white);
}

.features {
  padding-block: 60px;
}
@media (max-width: 1200px) {
  .features {
    padding-block: 40px;
  }
}
.features .features-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 45px;
  flex-wrap: wrap;
  padding-inline: 5%;
}
@media (max-width: 1400px) {
  .features .features-list {
    padding-inline: 2%;
  }
}
@media (max-width: 768px) {
  .features .features-list {
    padding-inline: 0;
  }
}
.features .features-list .item {
  text-align: center;
}
@media (max-width: 625px) {
  .features .features-list .item:not(:last-child) {
    width: calc(50% - 15px);
  }

  .features .features-list .item:last-child {
    width: 100%;
  }
}
.features .features-list .item .icon {
  width: 55px;
  height: 55px;
  background-color: #f3fcf6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.features .features-list .item h4 {
  font-size: 50px;
  margin-bottom: 10px;
  color: #14573a;
}
@media (max-width: 1200px) {
  .features .features-list .item h4 {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .features .features-list .item h4 {
    font-size: 30px;
  }
}
.features .features-list .item p {
  color: #1f2a37;
  margin-bottom: 10px;
}

.map-data {
  background-color: #f3f4f6;
  padding-block: 60px;
  padding-inline: 8%;
}
@media (max-width: 1200px) {
  .map-data {
    padding-block: 40px;
  }
}
.map-data .row {
  flex-direction: row-reverse;
  align-items: center;
  /*padding-inline: 8%;*/
}
@media (max-width: 576px) {
  .map-data .row {
    padding-inline: 0;
  }
}
@media (max-width: 768px) {
  .map-data {
    padding-inline: 0;
    text-align: center;
  }
}
.map-data .map-preview h3 {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .map-data .map-preview h3 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .map-data .map-preview h3 {
    font-size: 20px;
  }
}
@media (max-width: 625px) {
  .map-data .map-preview h3 {
    font-size: 18px;
  }
}
.map-data .map-preview p {
  margin-bottom: 20px;
  line-height: 2;
}
@media (max-width: 1200px) {
  .map-data .map-preview p {
    max-width: 100%;
  }
}
.map-data .map-preview ul li {
  margin-bottom: 20px;
  width: 50%;
  float: inline-start;
}
.map-data .map-preview ul li span {
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 1200px) {
  .map-data .map-preview ul li span {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .map-data .map-preview ul li span {
    font-size: 16px;
  }
}
@media (max-width: 625px) {
  .map-data .map-preview ul li span {
    font-size: 14px;
  }
}
.map-data .map-preview ul li h4 {
  color: var(--color-primary);
  font-size: 30px;
  padding-block: 5px;
}
@media (max-width: 1200px) {
  .map-data .map-preview ul li h4 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .map-data .map-preview ul li h4 {
    font-size: 20px;
  }
}
@media (max-width: 625px) {
  .map-data .map-preview ul li h4 {
    font-size: 18px;
  }
}
.map-data .map-preview ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 625px) {
  .map-data #chartdiv {
    height: 300px !important;
  }
}
.services {
  padding-block: 60px;
  overflow: hidden;
  background-color: #fcfcfd;
}
@media (max-width: 1200px) {
  .services {
    padding-block: 40px;
  }
}
.services .services-swiper {
  padding-inline-start: 8%;
}
.services .services-swiper .swiper-slide {
  padding-block: 10px;
}
.services .services-swiper .swiper-pagination {
  position: relative;
  bottom: auto !important;
  margin-top: 35px;
}
.service-block {
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  border: 1px solid #d2d6db;
  background: #fff;
  min-height: 280px;

}
.service-block:hover {
  background: #f9fafb;
}
.service-block .icon {
  width: 55px;
  height: 55px;
  background-color: #f3fcf6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 24px;
}
.service-block .info {
  min-height: 135px;
}
.service-block .info h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}
.service-block .info p {
  color: #666666;
  line-height: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.service-block .tags {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.service-block .tags span {
  border-radius: 4px;
  border: 2px solid #e5e7eb;
  background: #f9fafb;
  font-weight: 500;
  font-size: 14px;
  height: 32px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-block .tags span:first-child {
  border-color: var(--color-primary);
  background-color: #f3fcf6;
  color: var(--color-primary);
}
.service-block .rate {
  margin-bottom: 24px;
}
.service-block .rate .stars {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}
.service-block .rate .stars img {
  width: 20px;
  height: 20px;
}
.service-block .rate span {
  color: #4d5761;
  font-size: 14px;
}
.service-block .btns {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1200px) {
  .service-block .btns .c-btn {
    font-size: 13px;
  }
}
.filter-box {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.timeline {
  background-color: white;
  padding-block: 60px;
}
@media (max-width: 1200px) {
  .timeline {
    padding-block: 40px;
  }
}
.timeline .swiper-slide {
  padding-block: 30px;
}
.timeline .item {
  border: 12px solid #f9fafb;
  border-radius: 16px;
  overflow: hidden;
}
.timeline .timeline-block {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 320px;
  display: flex;
  align-items: flex-end;
}
.timeline .timeline-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, #000 100%);
}
.timeline .timeline-block > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}
.timeline .timeline-block .caption {
  padding: 14px;
  position: relative;
  z-index: 1;
  width: 100%;
}
.timeline .timeline-block .caption .info {
  margin-bottom: 20px;
}
.timeline .timeline-block .caption .info h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}
.timeline .timeline-block .caption .info span {
  color: #fff;
}
.timeline .timeline-block .caption .tags {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.timeline .timeline-block .caption .tags span {
  border-radius: 4px;
  border: 2px solid #e5e7eb;
  background: #f9fafb;
  font-weight: 500;
  font-size: 13px;
  height: 32px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline .timeline-block .caption .tags span:nth-of-type(odd) {
  border-color: var(--color-primary);
  background-color: #f3fcf6;
  color: var(--color-primary);
}
.timeline .timeline-block .caption .tags span:nth-of-type(even) {
  border-color: #b2ddff;
  background-color: #f3fcf6;
  color: #1849a9;
}
.timeline .timeline-block .caption .tags span:first-child {
  border-color: #e5e7eb;
  background-color: #f3fcf6;
  color: #1f2a37;
}
.timeline .timeline-block .caption .actions {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}
.timeline .timeline-block .caption .actions .btns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.timeline .timeline-block .caption .actions .btns .c-btn {
  min-width: 70px;
  font-size: 13px;
  padding: 0 10px;
  height: 40px;
}
@media (max-width: 1200px) {
  .timeline .timeline-block .caption .actions .btns .c-btn {
    font-size: 13px;
  }
}
.timeline .timeline-block .caption .actions .btns .c-btn.outline {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.timeline .timeline-block .caption .actions button {
  padding: 0;
  border: 0;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.timeline .item-date {
  text-align: center;
  margin-bottom: 70px;
  border-bottom: 4px solid;
  padding-bottom: 20px;
  width: calc(100% + 30px);
  position: relative;
  margin-inline-start: -17px;
}
.timeline .item-date span {
  font-weight: 700;
  font-size: 18px;
  position: relative;
}
.timeline .item-date span i {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #f00;
  top: 35px;
  left: 50%;
  translate: -50% 0;
  position: absolute;
}
.timeline .item-date .line {
  position: absolute;
  width: 2px;
  height: 70px;
  left: 50%;
  translate: -50% 0;
  top: 50px;
}
.timeline .item-date .circle {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  translate: -50% 0;
  top: -81px;
  left: 50%;
}

.swiper-tools {
  margin-top: 30px;
}
.swiper-tools .swiper-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}
.swiper-tools .swiper-buttons button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #fff;
  border: 0;
  transition: 0.3s;
}
[dir="ltr"] .swiper-tools .swiper-buttons button {
  transform: scaleX(-1);
}
.swiper-tools .swiper-buttons button.timeline-next,
.swiper-tools .swiper-buttons button.services-next {
  scale: -1;
}
.swiper-tools .swiper-buttons button:hover {
  background-color: var(--color-primary);
}
.swiper-tools .swiper-buttons button:hover img {
  filter: brightness(0) invert(1);
}
.swiper-tools .swiper-buttons button.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: transparent;
}
.swiper-tools .swiper-buttons button.swiper-button-disabled img {
  filter: none;
}
.swiper-tools .swiper-pagination {
  position: unset;
  width: auto;
}
.news {
  padding-block: 60px;
  background-color: #f7fdf9;
}
.news .news-el {
  padding-inline-start: 8%;
}
@media (max-width: 767px) {
  .news .news-el {
    padding-inline-start: 0;
  }
}
.news @media (max-width: 1200px) {
  .news {
    padding-block: 40px;
  }
}
.news-block {
  margin-bottom: 16px;
  padding: 16px;
  background: var(--color-white);
  border-radius: 16px;
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),
    0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border: 1px solid var(--color-background-dark);
  transition: 0.2s border-color ease-in;
}
.news-block:hover {
  border-color: var(--color-black);
  transition: 0.3s border-color ease-in;
}
.news-block .img {
  border-radius: 8px;
  position: relative;
  padding-top: 70%;
  overflow: hidden;
  margin-bottom: 20px;
}
.news-block .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-block .info .title {
  font-size: 18px;
  font-weight: 700;
  color: inherit;
  display: block;
  min-height: 80px;
}
.news-block .info p {
  color: #1f2a37;
  margin-block: 0 20px;
}
.news-block .info .b-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.news-block .info .b-footer span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #6c737f;
}
.review {
  padding-block: 15px;
  border-top: 2px solid #074d31;
}
.review div .c-btn {
  min-width: 70px;
  margin-right: 1em;
}
.review p {
  width: 100%;
}
.review .form-check-input {
  float: initial !important;
  margin-left: initial;
}
.main-footer {
  background-color: var(--color-primary-dark);
  padding-bottom: 40px;
}
.main-footer .top {
  padding-block: 60px;
}
@media (max-width: 625px) {
  .main-footer .top {
    padding-block: 40px;
  }
}
.main-footer .top .f-item {
  margin-bottom: 24px;
}
.main-footer .top .f-item h4 {
  color: var(--color-white);
  font-size: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-weight: 500;
}
.main-footer .top .f-item ul li {
  margin-bottom: 3px;
}
.main-footer .top .f-item ul li a {
  color: var(--color-white);
  font-size: 14px;
  transition: 0.3s;
}
.main-footer .top .f-item ul li a:hover {
  text-decoration: underline;
}
.main-footer .top .f-item .socials {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-footer .top .f-item .socials a {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  background-color: var(--color-primary);
}
.main-footer .top .f-item .socials a img {
  filter: brightness(0) invert(1);
  transition: 0.3s;
}
.main-footer .top .f-item .socials a:hover {
  border-color: #fff;
  background-color: #fff;
}
.main-footer .top .f-item .socials a:hover img {
  filter: brightness(0);
}
.main-footer .bottom {
  padding-block: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 625px) {
  .main-footer .bottom {
    flex-direction: column;
    padding-bottom: 30px;
  }
}
.main-footer .bottom span {
  color: var(--color-white);
  font-weight: 600;
}
.main-footer .bottom div {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main-footer .bottom div img.logo {
  filter: brightness(0) invert(1);
  -o-object-fit: contain;
  object-fit: contain;
  width: 120px;
}

.overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.overlay.active {
  opacity: 1;
  visibility: visible;
}

.mobile-sidebar {
  position: fixed;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  background-color: #fff;
  z-index: 10;
  translate: 100% 0;
  transition: 0.3s;
  overflow: hidden;
  overflow-y: auto;
  opacity: 0;
}
[dir="ltr"] .mobile-sidebar {
  translate: -100% 0;
  left: 0;
  right: auto;
}
@media (max-width: 625px) {
  .mobile-sidebar {
    width: 100%;
  }
}
.mobile-sidebar .top {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #dfdfdf;
  justify-content: space-between;
  gap: 15px;
}
.mobile-sidebar .top .hide-sidebar {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.mobile-sidebar .top div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mobile-sidebar .top div button,
.mobile-sidebar .top div a {
  background-color: #f4f4f4;
  border-radius: 7px;
  padding: 5px 10px;
  border: 0;
  color: #000;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mobile-sidebar .top div button img,
.mobile-sidebar .top div a img {
  width: 15px;
}
.mobile-sidebar .menu {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.mobile-sidebar .menu a {
  border-radius: 4px;
  font-weight: 500;
  gap: 10px;
  color: #161616;
  position: relative;
  font-size: 16px;
  display: flex;
  width: 100%;
  transition: 0.3s;
  align-items: center;
}
@media (max-width: 625px) {
  .mobile-sidebar .menu a {
    font-size: 14px;
  }
}
.mobile-sidebar .menu a::before {
  content: "";
  position: absolute;
  width: 6px;
  border-radius: 50px;
  height: calc(100% - 20px);
  top: 50%;
  translate: 0 -50%;
  right: 0;
  background-color: #54c08a;
  opacity: 0;
}
[dir="ltr"] .mobile-sidebar .menu a::before {
  left: 0;
  right: auto;
}
.mobile-sidebar .menu a.dropdown-toggle::after {
  border: 0;
  width: 10px;
  height: 10px;
  background-image: url("../../public/images/arrow.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  rotate: -90deg;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  left: 0;
}
.mobile-sidebar .menu a.dropdown-toggle.show {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 10px 20px;
}
.mobile-sidebar .menu a.dropdown-toggle.show img {
  filter: brightness(0) invert(1);
}
.mobile-sidebar .menu a.dropdown-toggle.show::before {
  opacity: 1;
}
.mobile-sidebar .menu a.dropdown-toggle.show::after {
  left: 15px;
  filter: brightness(0) invert(1);
}
.mobile-sidebar .menu a:hover {
  color: var(--color-primary);
}
.mobile-sidebar .menu a.active {
  background-color: var(--color-primary);
  color: var(--color-white);
  padding: 10px 20px;
}
.mobile-sidebar .menu a.active img {
  filter: brightness(0) invert(1);
}
.mobile-sidebar .menu a.active::before {
  opacity: 1;
}
.mobile-sidebar .menu a.active::after {
  left: 15px;
  filter: brightness(0) invert(1);
}
.mobile-sidebar .menu .dropdown {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  padding: 15px;
}
.mobile-sidebar .menu .dropdown .dropdown-menu {
  width: 100%;
  transform: none !important;
  background: rgba(255, 255, 255, 0.1215686275);
  border: 0;
  padding: 0;
  margin-top: 15px !important;
}
.mobile-sidebar .menu .dropdown .dropdown-menu .dropdown-item {
  background-color: transparent;
}
.mobile-sidebar .menu .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #f4f4f4;
}
.mobile-sidebar .menu .dropdown .dropdown-menu.show {
  position: relative !important;
}
.mobile-sidebar .actions {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #dfdfdf;
  gap: 20px;
}
.mobile-sidebar .actions a {
  background-color: #f4f4f4;
  border-radius: 7px;
  padding: 10px;
  border: 0;
  color: #000;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mobile-sidebar .actions a img {
  width: 15px;
}
.mobile-sidebar .actions .show-sidebar {
  padding: 0;
  background-color: transparent;
  border: 0;
  display: none;
}
@media (max-width: 1200px) {
  .mobile-sidebar .actions .show-sidebar {
    display: block;
  }
}
.mobile-sidebar.active {
  translate: 0 0;
  opacity: 1;
}

.breadcrumbs {
  background-color: var(--color-primary);
  padding-block: 15px;
}
.breadcrumbs ul {
  display: flex;
  align-items: center;
}
.breadcrumbs ul li {
  display: flex;
  align-items: center;
  color: var(--color-white);
  font-weight: bold;
}
.breadcrumbs ul li::after {
  content: "";
  width: 10px;
  height: 10px;
  background-image: url("../../public/images/arrow.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-inline: 10px;
  filter: brightness(0) invert(1);
}
[dir="ltr"] .breadcrumbs ul li::after {
  transform: scaleX(-1);
}
.breadcrumbs ul li a {
  color: rgba(255, 255, 255, 0.4);
}
.breadcrumbs ul li:last-child::after {
  display: none;
}

.jumbtron {
  background: #fcfcfd;
  padding-block: 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .jumbtron {
    padding-block: 30px;
  }
}
.jumbtron span {
  font-size: 20px;
  color: #384250;
  display: flex;
  margin-bottom: 5px;
}
@media (max-width: 1200px) {
  .jumbtron span {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .jumbtron span {
    font-size: 16px;
  }
}
.jumbtron h3 {
  font-weight: 700;
  font-size: 30px;
  color: var(--color-primary);
}
@media (max-width: 1200px) {
  .jumbtron h3 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .jumbtron h3 {
    font-size: 20px;
  }
}
/*.jumbtron::before, .jumbtron::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  right: 0;*/
/*  top: 0;*/
/*  width: 500px;*/
/*  height: 500px;*/
/*  border-radius: 580px;*/
/*  background: rgba(27, 131, 84, 0.19);*/
/*  filter: blur(82px);*/
/*  z-index: -1;*/
/*}*/
.jumbtron::after {
  left: 0;
  right: auto;
}
.jumbtron .pattern {
  position: absolute;
  left: 0;
  top: 0;
}
[dir="ltr"] .jumbtron .pattern {
  right: -120px !important;
  left: initial;
}
.targets .service-block {
  box-shadow: none;
  border: 2px solid #d2d6db;
  height: 100%;
  transition: all 0.2s ease-in;
}
.targets .service-block:hover {
  border-color: #161b26;
  transition: all 0.1s ease-in;
}
.targets .service-block .info {
  margin-bottom: 0;
}
.targets .service-block .info h4 {
  line-height: 1.5;
}
.targets .service-block .info p {
  color: #1f2a37;
  line-height: 1.5;
}

.about {
  padding-block: 50px;
}
.about .row {
  align-items: center;
  flex-direction: row-reverse;
}
.about .img {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  padding-top: 60%;
}
.about .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.about .info p {
  color: #1f2a37;
  line-height: 2;
}

.about-blocks .block {
  border-radius: 5px;
  padding: 45px 16px;
  background-color: var(--color-primary);
  min-height: 180px !important;
}
.about-blocks .block h4 {
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 10px;
}
.about-blocks .block p {
  color: rgba(255, 255, 255, 0.8);
}

.filter {
  display: flex;
  align-items: center;
  gap: 16px;
}
.filter .form-group {
  position: relative;
  min-width: 320px;
}
@media (max-width: 1200px) {
  .filter .form-group {
    min-width: auto;
    width: calc(50% - 10px);
  }
}
.filter .form-group > img {
  position: absolute;
  right: 20px;
  top: 12px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 20px;
  height: 20px;
}
[dir="ltr"] .filter .form-group > img {
  left: 20px;
  right: auto;
}
.filter .form-group .form-control {
  height: 45px;
  border-radius: 4px;
  border: 1px solid #9da4ae;
  padding-inline: 50px 20px;
  box-shadow: none;
}
.filter .form-group .form-control.form-select {
  background-position: left 20px center;
  padding-inline: 20px;
}
[dir="ltr"] .filter .form-group .form-control.form-select {
  background-position: right 20px center;
}

.pagination {
  justify-content: center;
  margin-top: 30px;
  gap: 10px;
}
.pagination a {
  min-width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  position: relative;
  font-size: 17px;
}
.pagination a img {
  width: 10px;
  height: 10px;
}
.pagination a.prev {
  scale: -1;
}
[dir="ltr"] .pagination a.prev {
  scale: 1;
}
[dir="ltr"] .pagination a.next {
  scale: -1;
}
.pagination a[role="button"] {
  cursor: default;
}
.pagination a::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  bottom: -5px;
  border-radius: 50px;
  height: 3px;
  background-color: var(--color-primary);
  transition: 0.3s;
}
.pagination a.active {
  color: var(--color-primary);
}
.pagination a.active::after {
  width: 100%;
}

.single {
  padding-block: 60px;
}
@media (max-width: 1200px) {
  .single {
    padding-block: 40px;
  }
}
.single .post h1 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
  line-height: 1.7;
}
@media (max-width: 1200px) {
  .single .post h1 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .single .post h1 {
    font-size: 18px;
  }
}
.single .post .img {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  padding-top: 65%;
}
.single .post .img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.single .post .infos {
  display: flex;
  align-items: center;
  gap: 20px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #d2d2d2;
  padding-block: 16px;
  margin-block: 24px;
  justify-content: space-between;
}
@media (max-width: 625px) {
  .single .post .infos {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
}
.single .post .infos p {
  color: #6c737f;
  font-size: 14px;
}
.single .post .infos .share {
  display: flex;
  align-items: center;
  gap: 10px;
}
.single .post .infos .share span {
  font-size: 14px;
  font-weight: 500;
  color: #1f2a37;
}
.single .post .infos .share div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.single .post .infos .share div a {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-primary);
}
.single .post .content {
  color: #1f2a37;
  line-height: 2;
}
.single .sidebar h3 {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .single .sidebar h3 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .single .sidebar h3 {
    font-size: 20px;
  }
}
.single .sidebar .news-block {
  margin-bottom: 20px;
}

.help .service-block .info {
  height: calc(100% - 75px);
  display: flex;
  flex-direction: column;
}
.help .service-block .info p {
  margin-bottom: 20px;
}
.help .service-block .info ul li {
  margin-bottom: 10px;
}
.help .service-block .info ul li span {
  color: #14573a;
  font-weight: 600;
}
.help .service-block .info .btns {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  align-items: flex-end;
}
.help .service-block .info .btns .c-btn {
  background-color: #f3f4f6;
  border-color: #f3f4f6;
  min-width: 70px;
}
.help .service-block .info .btns .c-btn img {
  filter: brightness(0);
  transition: 0.3s;
}
.help .service-block .info .btns .c-btn:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}
.help .service-block .info .btns .c-btn:hover img {
  filter: brightness(0) invert(1);
}

.nfaz {
  padding-block: 100px;
}
@media (max-width: 1200px) {
  .nfaz {
    padding-block: 40px;
  }
}
.nfaz .block {
  padding: 50px 25px;
  border-radius: 16px;
  border: 1px solid #d2d2d2;
  background: #fcfcfd;
}
@media (max-width: 1200px) {
  .nfaz .block {
    padding: 30px 15px;
  }
}
.nfaz .block h3 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 50px;
}
@media (max-width: 1200px) {
  .nfaz .block h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .nfaz .block h3 {
    font-size: 20px;
  }
}
.nfaz .block .logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 50px;
}
@media (max-width: 1200px) {
  .nfaz .block .logos {
    margin-bottom: 30px;
  }
}
.nfaz .block .logos img {
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 625px) {
  .nfaz .block .logos img:first-child,
  .nfaz .block .logos img:last-child {
    width: 100px;
  }
}
.nfaz .block .form-group {
  margin-bottom: 20px;
}
.nfaz .block .form-group label {
  font-size: 14px;
  margin-bottom: 10px;
}
.nfaz .block .form-group label i {
  color: red;
}
.nfaz .block .form-group .form-control {
  height: 45px;
  border-radius: 4px;
  border: 1px solid #9da4ae;
  padding-inline: 20px;
  box-shadow: none;
}
.nfaz .block .form-group:last-child {
  display: flex;
  justify-content: flex-end;
  margin-block: 30px 0;
}

.resume {
  padding-block: 100px;
}
@media (max-width: 1200px) {
  .resume {
    padding-block: 40px;
  }
}
.resume .block {
  padding: 30px;
  border-radius: 16px;
  border: 1px solid #d2d2d2;
  background: #fcfcfd;
}
@media (max-width: 1200px) {
  .resume .block {
    padding: 20px;
  }
}
.resume .block .form-head {
  margin-bottom: 20px;
}
.resume .block .form-head h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .resume .block .form-head h3 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .resume .block .form-head h3 {
    font-size: 18px;
  }
}
.resume .block .form-head p {
  color: #1f2a37;
}
.resume .block .form-group {
  position: relative;
}
.resume .block .form-group label {
  font-size: 14px;
  margin-bottom: 10px;
}
.resume .block .form-group label i {
  color: red;
}
.resume .block .form-group > span {
  position: absolute;
  left: 1px;
  bottom: 1px;
  height: 43px;
  background-color: #f3f4f6;
  display: inline-flex;
  align-items: center;
  padding-inline: 20px;
  border-radius: 4px 0 0 4px;
  justify-content: center;
  color: #6c737f;
  direction: ltr;
}
[dir="ltr"] .resume .block .form-group > span {
  left: auto;
  right: 1px;
  border-radius: 0 4px 4px 0;
}
.resume .block .form-group .form-control {
  min-height: 45px;
  border-radius: 4px;
  border: 1px solid #9da4ae;
  padding-inline: 20px;
  box-shadow: none;
  /*transition: 0.3s;*/
}
.resume .block .form-group .form-control.form-select {
  background-position: left 20px center;
}
[dir="ltr"] .resume .block .form-group .form-control.form-select {
  background-position: right 20px center;
}
.resume .block .form-group .form-control:focus {
  box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),
    0px 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-bottom: 2px solid #0d121c;
}
.resume .block .form-group .form-upload {
  position: relative;
  height: 45px;
  border-radius: 4px;
  border: 1px solid #9da4ae;
  padding-inline: 20px;
  box-shadow: none;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.resume .block .form-group .form-upload input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.resume .block .form-group .form-upload b {
  font-weight: 500;
  font-size: 14px;
}
.resume .block .form-group p {
  font-size: 14px;
  color: #384250;
  margin-top: 10px;
}
.resume .block .form-group.form-btns {
  display: flex;
  justify-content: flex-end;
  margin-block: 30px 0;
}
.resume .block .form-group.form-btns .c-btn {
  min-width: 120px;
}

.related {
  background-color: #f7fdf9;
}
.related .service-block {
  border: 1px solid #d2d6db;
  background: #fff;
  box-shadow: none;
}
.related .services-swiper .swiper-pagination {
  margin-top: 0;
}

.inquiries {
  padding-block: 60px;
}
@media (max-width: 1200px) {
  .inquiries {
    padding-block: 40px;
  }
}
.inquiries .service-block {
  box-shadow: none;
  border: 1px solid #d2d6db;
  background: #fff;
}

.service-single {
  border-top: 2px solid #d2d6db;
}
.service-single .top {
  background-color: #f7fdf9;
  padding-block: 50px;
}
@media (max-width: 1200px) {
  .service-single .top {
    padding-block: 30px;
  }
}
.service-single .top .breadcrumbs {
  border: 0;
  padding: 0;
}
.service-single .top .breadcrumbs ul {
  margin-bottom: 10px;
}
.service-single .top .breadcrumbs h1 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}
.service-single .top .breadcrumbs .tags {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.service-single .top .breadcrumbs .tags span {
  border-radius: 4px;
  border: 2px solid #abefc6;
  background: #ecfdf3;
  color: #085d3a;
  font-weight: 500;
  font-size: 14px;
  height: 32px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-single .top .breadcrumbs .tags span:first-child {
  border-color: #b2ddff;
  background-color: #eff8ff;
  color: #1849a9;
}
.service-single .top .breadcrumbs .tags span:last-child {
  border-color: var(--color-background-dark);
  background-color: var(--color-background);
  color: var(--color-text);
}
.service-single .top .breadcrumbs p {
  margin-bottom: 16px;
}
.service-single .top .breadcrumbs .link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--color-primary);
}
@media (max-width: 625px) {
  .service-single .top .col-12 {
    flex-direction: column;
  }
}
.service-single .bottom {
  padding-block: 20px;
}
@media (max-width: 1200px) {
  .service-single .bottom {
    padding-block: 30px;
  }
}
.service-single .bottom .nav-tabs {
  margin-bottom: 24px;
  border: 0;
  gap: 30px;
}
.service-single .bottom .nav-tabs .nav-item .nav-link {
  border: 0;
  border-radius: 0;
  position: relative;
  padding: 0 0 10px;
  color: #384250;
  font-weight: 500;
}
.service-single .bottom .nav-tabs .nav-item .nav-link::after {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  border-radius: 50px;
  background-color: var(--color-primary);
  transition: 0.3s;
  right: 0;
  bottom: 0;
}
.service-single .bottom .nav-tabs .nav-item .nav-link.active {
  color: #161616;
  font-weight: 700;
}
.service-single .bottom .nav-tabs .nav-item .nav-link.active::after {
  width: 100%;
}
.service-single .bottom .post .vid {
  position: relative;
  padding-top: 32%;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 24px;
}
@media (max-width: 625px) {
  .service-single .bottom .post .vid {
    padding-top: 60%;
  }
}
.service-single .bottom .post .vid > img,
.service-single .bottom .post .vid video,
.service-single .bottom .post .vid iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.service-single .bottom .post .vid button {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  background-color: var(--color-primary);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
}
.service-single .bottom .post ol {
  padding-inline-start: 20px;
}
.service-single .bottom .post ol li {
  margin-bottom: 10px;
}
.service-single .service-sidebar {
  border-radius: 16px;
  border: 1px solid #d2d6db;
  background: #fff;
  padding: 20px 40px;
  margin-bottom: -285px;
}
@media (max-width: 1200px) {
  .service-single .service-sidebar {
    margin-top: 0;
  }
}
@media (max-width: 625px) {
  .service-single .service-sidebar {
        padding: 10px 20px;
      margin-bottom: 0px;
  }
    .service-single .bottom .nav-tabs {
        gap: 10px;
    }
}
.service-single .service-sidebar .widget {
  padding-block: 24px;
  border-bottom: 1px solid #d2d6db;
}
.service-single .service-sidebar .widget ul li {
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.service-single .service-sidebar .widget ul li h4 {
  font-size: 16px;
}
.service-single .service-sidebar .widget ul li p a {
  color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.service-single .service-sidebar .widget ul li:last-child {
  margin-bottom: 0;
}
.service-single .service-sidebar .widget .c-btn {
  background-color: var(--color-background);
  border-color: var(--color-background);
  color: var(--color-text);
  margin-top: 20px;
}
.service-single .service-sidebar .widget h4 {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
}
.service-single .service-sidebar .widget .methods {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.service-single .service-sidebar .widget .methods .m-item {
  height: 45px;
  width: 75px;
  border-radius: 6.511px;
  border: 1.085px solid #d2d6db;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 10px;
}
.service-single .service-sidebar .widget .app-links {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.service-single .service-sidebar .widget:last-child {
  border: 0;
}
.accordion-button {
  background-color: white !important;
}
.accordion-item {
  border: none;
}
.accordion-item button {
  font-weight: 500 !important;
  color: black !important;
  border-bottom: 1px solid #dee2e6;
}
.padded-wrapper {
  padding-inline: 8%;
}
.dga-green-color {
  color: var(--color-primary) !important;
}
.dga-black-color {
  color: var(--color-text);
}
.dga-header {
  position: relative;
}
.dga-header:before {
  content: "";
  position: absolute;
  background-color: var(--color-primary);
  width: 3px;
  height: 100%;
  right: -10px;
}
.main-head .router-link-exact-active:not(#logo),
.dropdown:has(.router-link-exact-active) {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
  border-radius: 8px;
  position: relative;
}
.main-head .router-link-exact-active:not(#logo)::after,
.main-head .dropdown:has(.router-link-exact-active)::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 9%;
  height: 5px;
  background-color: var(--color-primary-light);
  display: block;
  width: 80%;
}
.dropdown:has(.router-link-exact-active) > a.dropdown-toggle::after {
  filter: brightness(0) invert(1);
}
.dropdown:hover:has(.router-link-exact-active) > a.dropdown-toggle::after {
  color: var(--color-white) !important;
}
.disclaimer {
  margin: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
}
.relative {
  position: relative;
}
.share-box {
  background-color: #e9fdf3;
}
.btn-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.social-share-button {
  background-color: var(--color-primary);
  padding: 0.25rem;
  border-radius: 4px;
}
.social-share-button svg {
  filter: brightness(0) invert(1) !important;
}
.form-check-input:checked {
  background-color: #1a8754;
  border-color: #1a8754;
}

/* --- Tailwind compatibility layer (Bootstrap-like utilities) --- */
/* Minimal utilities to support header/footer markup without Bootstrap */
.container{width:100%;max-width:1320px;margin-inline:auto;padding-inline:16px}
.d-flex{display:flex}
.justify-content-between{justify-content:space-between}
.align-items-center{align-items:center}
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}
.m-auto{margin:auto}
.img-fluid{max-width:100%;height:auto}
.list-unstyled{list-style:none;padding:0;margin:0}
.text-white{color:#fff}
.fw-medium{font-weight:500}.fw-light{font-weight:300}
.fs-6{font-size:.875rem}
.ms-2{margin-inline-start:.5rem}

/* Footer columns grid */
.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:992px){.row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:576px){.row{grid-template-columns:1fr}}
.col-12,.col-sm-6,.col-lg-3,.col-lg-6{grid-column:auto}

/* Dropdown hover behavior */
.dropdown{position:relative}
.dropdown-toggle{cursor:pointer}
.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #E6ECE9;box-shadow:0 8px 24px rgba(0,0,0,.06);border-radius:8px;padding:16px;min-width:320px;display:none;z-index:50}
.half-mega-menu .dropdown-menu{min-width:560px}
.dropdown:hover>.dropdown-menu{display:block}
.dropdown-item{display:block;color:#0E3B2E;padding:6px 8px;border-radius:6px}
.dropdown-item:hover{background:#F3F7F4;color:#0F6B4D}

/* Header fine-tuning to match site visuals */
.main-head{background:#fff;border-bottom:1px solid #E6ECE9}
.main-head .h-bottom{padding-block:12px;margin:0}
.main-head .h-bottom .menu{gap:12px}
.main-head .h-bottom .menu a{padding:18px 12px;border-radius:8px;color:#0E3B2E;font-weight:500}
.main-head .h-bottom .menu a:hover{background:#F3F7F4;color:#0F6B4D}
.main-head .h-bottom .logo img{height:40px;width:auto}
.actions a{color:#0E3B2E;font-size:14px}
.actions a:hover{color:#0F6B4D}

/* Footer spacing/typography */
.main-footer{background:#0F6B4D;color:#fff}
.main-footer .top{padding:40px 0}
.main-footer h4{font-size:16px;font-weight:700;margin:0 0 12px}
.main-footer a{color:#fff}
.main-footer a:hover{text-decoration:underline;opacity:.95}
.main-footer .socials img{height:22px;width:auto}
.main-footer .bottom{border-top:1px solid rgba(255,255,255,.15);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#E6F2EC}
.main-footer .bottom .logo{height:34px;width:auto}