@import url('https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');


:root {
  --font-body: "Inter", sans-serif;
  --font-heading: "Afacad", sans-serif;

  --font-opt: "Josefin Sans", sans-serif;

  --black: #000;
  --white: white;
  --w-100: 100%;

  --c-green-light: #47bdad;
  --c-yellow: #edbd3c;
  --c-bg-drak-blue: #1b4f67;


  --text-head: #1b4f67;
  --text-body: #423e43;
  --text-white: #FFFFFF;
  --text-black: #181818;
  --text-l-black: #303030;
  --text-h1: 60px;
  --text-h2: 54px;
  --text-18: 18px;
  --text-22: 22px;
  --text-p: 22px;
  --text-a: 16px;
  --text-32: 32px;
  --text-38: 38px;
  --text-42: 42px;
  --text-40: 40px;
  --text-48: 48px;

  --line-height-28: 28px;

  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;

  --br-button: 5px;
  --br-card: 32px;
}


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

body {
  font-family: var(--font-opt);
}

html,
body {
  overscroll-behavior: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-opt);
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

ol li{
  font-size: var(--text-p);
}

p {
  margin: 0;
  padding: 0;
  font-size: var(--text-p);
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  border: 0;
  box-shadow: none;
  outline: none;
}

.section-padding {
  padding: 80px 0;
}

.section-padding-top {
  padding-top: 80px;
}

.section-padding-bottom {
  padding-bottom: 80px;
}

.section-padding-bottom-160{
  padding-bottom: 160px;
}

.el-bg-dark {
  background-color: var(--c-bg-drak-blue)
}

.btn-green a,
.btn-green button {
  display: flex;
  align-items: baseline;
  gap: 5px;
  background-color: var(--c-green-light);
  font-size: 18px;
  font-weight: var(--fw-600);
  text-transform: uppercase;
  padding: 12px 20px 10px 20px; 
  color: var(--text-white);
  border-radius: var(--br-button);
  border: 2px solid var(--c-green-light);
  transition: all .5s ease;
  width: max-content;
}

.btn-green a:hover,
.btn-green button:hover {
  background-color: transparent;
  border: 2px solid var(--c-green-light);
  color: var(--c-green-light);
}

.btn-green a i,
.btn-green button i {
  transition: all .5s ease;
}

.btn-green a:hover i,
.btn-green button:hover i {
  transform: translateX(6px);
  transition: all .5s ease;
}

.btn-blue a,
.btn-blue button {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border: 2px solid var(--c-bg-drak-blue);
  border-radius: var(--br-button);
  color: var(--text-head);
  text-transform: uppercase;
  font-weight: var(--fw-600);
  background: transparent;
  gap: 5px;
  transition: all .5s ease;
}

.btn-blue a i,
.btn-blue button i {
  transition: all .5s ease;
}

.btn-blue a:hover,
.btn-blue button:hover {
  background-color: var(--c-bg-drak-blue);
  color: var(--text-white);
  transition: all .5s ease;
}

.btn-blue a:hover i,
.btn-blue button:hover i {
  transform: translateX(6px);
  transition: all .5s ease;
}

h2 {
  font-size: var(--text-h2);
  font-weight: var(--fw-700);
}

.section-title-dark h2 {
  color: var(--text-head);
  font-size: var(--text-h2);
  font-weight: var(--fw-700);
  text-transform: capitalize;
}

.section-title-light h2 {
  color: var(--text-head);
  font-size: var(--text-h2);
  font-weight: var(--fw-700);
  text-transform: capitalize;
}

.section-title-light span {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--c-green-light);
  font-weight: var(--fw-600);
  letter-spacing: 2px;
  font-family: var(--font-heading);
}

.section-title-light p {
  font-size: var(--text-p);
  color: var(--text-black);
}

.section-title-white h2 {
  color: var(--text-white);
  font-size: var(--text-h2);
  font-weight: var(--fw-700);
  text-transform: capitalize;
}



/* Header Start */

.sticky-navbar.sticky {
  transform: translateY(0);
}

.sticky-navbar.sticky {
  position: fixed;
  top: 0;
  width: var(--w-100);
  z-index: 999;
}

.header-location-div::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 19px;
  background-color: var(--black);
  margin: 0 13px;
}



.sticky-navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--w-100);
  z-index: 99;
  transform: translateY(-110%);
  transition: 0.2s ease-in-out;
  border: 0;
}

.sticky-left-main {
  display: flex;
  gap: 10px;
  align-items: center;
}


.el-contact-info a {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--text-white);
  font-weight: var(--fw-600);
  font-size: var(--text-18);
}

.el-contact-info a:hover {
  color: var(--c-green-light);
  transition: all .3s ease;
}


.sticky-navbar .sticky-navbar-container {
  background: var(--c-bg-drak-blue);
  width: var(--w-100);
  display: flex;
  align-items: center;
  padding: 12px 15px;
  box-shadow: inset 0 0 15px rgba(84, 84, 84, 0),
    inset 0 0 20px rgba(155, 155, 155, 0), 7px 7px 15px rgba(84, 84, 84, 0.1),
    -7px -7px 20px rgba(155, 155, 155, 0.5),
    inset 0 0 4px rgba(155, 155, 155, 0.2);
}

.sticky-navbar .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: var(--w-100);
}

.sticky-navbar .navbar-brand {
  float: left;
  margin-right: 30px;
  line-height: inherit;
  white-space: nowrap;
  padding: 0;
  width: 120px;
}

.navbar-brand {
  text-decoration: none;
  white-space: nowrap;
}

.sticky-right-side {
  display: flex;
  flex-direction: column;
}

.topbar .tobar-inner .topbar-details:last-child:after {
  display: none;
}

.topbar .container-fluid {
  justify-content: end;
}

.topbar .tobar-inner {
  display: flex;
}

.topbar .tobar-inner .topbar-details {
  display: flex;
}

.topbar .tobar-inner .topbar-details a,
.topbar .tobar-inner p {
  font-weight: 500;
  color: var(--black);
}

.topbar .tobar-inner .topbar-details a {
  display: flex;
  gap: 7px;
  align-items: center;
}

.topbar-details a {
  margin-right: 10px;
}

.fa-solid,
.fas {
  font-weight: 900;
}

.topbar-details a:last-child {
  margin-right: 0px;
}

.menu-item-has-children>a::after {
  content: "\f107";
  font: var(--fa-font-solid);
  color: var(--text-white);
  right: 16px;


  rotate: 267deg;
  top: 15px;


  cursor: pointer;
  position: absolute;
  transition: transform 0.3s ease-in-out;
}

.topbar .tobar-inner .topbar-details::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 21px;
  background-color: var(--black);
  margin: 3px 17px;
}

.right-header {
  display: flex;
  align-items: center;
  gap: 15px;
}

.sticky-navbar nav.navbar-main {
  display: flex;
  flex: 1 1 var(--w-100);
  justify-content: flex-start;
  float: left;
}

.collapse:not(.show) {
  display: none;
}

.navbar-collapse {
  flex-basis: var(--w-100);
  flex-grow: 1;
  align-items: center;
}

.sticky-navbar nav.navbar-main #main-menu {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: fit-content;
  margin-left: auto;
}

#main-menu {
  width: var(--w-100);
  height: var(--w-100);
  display: flex;
  align-items: center;
  gap: 1px;
  list-style: none;
  position: relative;
}

.sticky-navbar nav.navbar-main #main-menu>li {
  position: relative;
  display: inline-block;
  margin: 0;
}

.sticky-navbar nav.navbar-main #main-menu>li a {
  display: block;
  font-weight: 600;
  letter-spacing: 0.4px;
  font-size: 18px;
  padding: 9px 10px;
  color: var(--text-white);
  position: relative;
  transition: all 0.3s ease-out;
}

.sticky-navbar nav.navbar-main #main-menu>li:hover>ul {
  opacity: 1;
  visibility: visible;
  top: var(--w-100);
  display: block !important;
  z-index: 2;
  padding: 11px;
  margin-top: 4px;
  left: -13px;
  margin-left: 15px;
  transform: translateX(-5px);
}

.menu-item-has-children>a {
  position: relative;
}

.menu-item-has-children {
  position: relative;
}

ul li {
  position: relative;
  color: var(--black);
}

.sticky-navbar nav.navbar-main #main-menu>li a:before {
  content: "";
  background-color: var(--black);
  position: absolute;
  height: 3px;
  display: block;
  clear: both;
  width: 0;
  left: 0;
  bottom: -2px;
  margin-top: 0;
  margin-left: 0;
  z-index: 1;
  transition: all 0.2s ease-out;
}

.sticky-navbar .sticky-right-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  height: 60px;
}

.sticky-navbar nav.navbar-main #main-menu ul.sub-menu {
  transition-property: all;
  transition-duration: 0.22s;
  transition-timing-function: ease-in-out;
  transition-delay: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: var(--w-100);
  background: #bfd8ce;
  white-space: nowrap;
  transform: translateX(-1%);
  min-width: 377px;
  width: var(--w-100);
  max-width: 390px;
  display: block;
  margin: 0 0 0 20px;
  box-shadow: 0 0 10px 0 rgba(24, 23, 24, 0.1);
}

.sticky-navbar nav.navbar-main #main-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#navbarNavDropdown .menu-item-has-children .sub-menu {
  padding-top: 11px;
}

.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li {
  margin-bottom: 0;
}

.sticky-navbar nav.navbar-main #main-menu>li ul li {
  position: relative;
}

#navbarNavDropdown .menu-item-has-children .sub-menu li {
  padding: 0px;
}

.menu-item-has-children .sub-menu li {
  padding: 7px;
  white-space: nowrap;
}

.menu-item-has-children a {
  position: relative;
  z-index: 9;
  padding-right: 36px !important;
}

.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li a:hover {
  color: var(--white);
  background-color: var(--c-bg-drak-blue);
}

.sticky-navbar nav.navbar-main #main-menu ul.sub-menu>li a {
  font-size: 18px;
  color: var(--text-white);
  padding: 10px 10px 10px 20px;
  line-height: 1.2;
  position: relative;
  transition: all 0.2s ease-out;
}

.sticky-navbar nav.navbar-main #main-menu>li a:hover {
  text-decoration: none;
  color: var(--c-green-light);
}

.wps-header-navbar-wrap {
  width: var(--w-100);
  left: 0;
  top: 0;
  z-index: 5;
  padding: 10px 15px;
}

.header-brand-container {
  align-items: center;
  display: flex;
}

@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}

.wps-header-navbar-wrap .header-brand-wrap {
  text-align: center;
}

.header-brand {
  width: 180px;
  display: block;
}

.header-brand img {
  position: relative;
}


picture,
img {
  max-width: var(--w-100);
  height: auto;
}

.header-right-section {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 21px;
}

@media (min-width: 768px) {
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
}

.header-address-wrap-outer {
  display: flex;
  align-items: end;
  flex-direction: column;
}

.header-address-wrap-outer .header-address-wrap {
  display: flex;
}

.header-address-wrap div {
  display: flex;
}

.header-address-wrap a {
  color: var(--text-white);
  font-size: var(--text-18);
  display: flex;
  align-items: center;
  font-weight: 600;
  justify-content: center;
}

.header-address-wrap a i {
  margin-right: 10px;
}

.fa-solid,
.fas {
  font-weight: 900;
}

.phone-link {
  font-size: 20px;
}

.wps-header-navbar-wrap .header-cta-button {
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 calc(25% - 15px);
}

.wps-header-navbar-wrap .header-cta-button a {
  float: left;
}

a {
  text-decoration: none;
}

.custom-btn {
  padding: 10px 20px;
  background-color: var(--c-green-light);
  color: var(--white);
  font-size: 18px;
  display: flex;
  gap: 10px;
  font-weight: 600;
  justify-content: center;
  border: 2px solid transparent;
  text-transform: uppercase;
  border-radius: var(--br-button);
  transition: all .3s ease;
  width: max-content;
  align-items: center;
}

.custom-btn i {
  display: none;
}

.custom-btn:hover {
  background-color: transparent;
  border: 2px solid var(--c-green-light);
  color: var(--text-white);
  transition: all .3s ease;
}

.openbtn {
  cursor: pointer;
  color: var(--white);
  border: none;
}

.openbtn .openbtn-area {
  color: var(--black);
}

.openbtn-area i {
  display: block;
  color: var();
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.header-btn-show-lg {
  display: none;
}

/* Header End */


/* Hero Section Start */

.el-hero-section {
  height: 100dvh;
  position: relative;
}

.el-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.el-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

.el-hero-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

.el-bg-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #0000008a;
  z-index: 2;
}

.el-hero-wrapper {
  position: relative;
  z-index: 3;
  height: 100dvh;
  display: flex;
  align-items: flex-end;
  padding-bottom: 200px;
}

.el-hero-wrapper .el-hero-texts {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.el-hero-wrapper .el-hero-texts .el-main-hero-title {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.el-hero-wrapper .el-hero-texts .el-main-hero-title h1 {
  font-size: 110px;
  font-weight: var(--fw-800);
  color: var(--c-green-light);
  line-height: 100%;
}

.el-hero-wrapper .el-hero-texts .el-main-hero-title p {
  font-size: 34px;
  color: var(--text-white);
  line-height: 100%;
  font-weight: var(--fw-600);
}

.el-hero-wrapper .el-hero-texts .btn-green {
  display: flex;
}

/* Hero Section End */

/* Content Section Start */

.el-content-section {
  background-color: var(--c-bg-drak-blue);
  position: relative;
  overflow: hidden;
}

.el-content-bg {
  position: absolute;
  top: -55px;
  left: -55px;
  width: 350px;
  height: 350px;
}

.el-content-bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.1;
}

.el-content-wrapper {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
  position: relative;
  z-index: 2;
}

.el-content-wrapper .section-title-white {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  align-items: center;
}

.el-content-wrapper .section-title-white p {
  font-weight: var(--fw-400);
  color: var(--text-white);
  line-height: var(--line-height-28);
}

/* Content Section End */

/* Review Section Start */

.el-review-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: auto;
  column-gap: 60px;
  row-gap: 50px;
  padding: 50px 0;
  position: relative;
}

.el-r-bg-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 45%;
  height: 100%;
  z-index: 1;
  border-radius: 50px;
  overflow: hidden;
}

.el-r-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.el-review-left {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.el-review-left .section-title-light {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.el-review-left .section-title-light i {
  font-size: 50px;
  color: var(--c-green-light);
}

.el-review-left .section-title-light p {
  font-size: var(--text-p);
  color: var(--text-black);
}

.el-review-left .el-review-slider {
  max-width: 795px;
  width: 100%;
  height: auto;
  border: 5px solid #e8ebe7;
  background-color: #fff;
  border-radius: 30px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.el-review-slider .el-r-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.el-review-slider .el-r-card .el-star {
  display: flex;
  gap: 5px;
  color: var(--c-bg-drak-blue);
  font-size: 22px;
  align-items: end;
}

.el-review-slider .el-r-card .el-star span:nth-child(1) {
  font-size: 60px;
  line-height: 100%;
}

.el-review-slider .el-r-card .el-r-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.el-review-slider .el-r-card .el-r-content p:nth-child(1) {
  /* font-size: var(--text-body); */
  color: var(--text-black);
  font-weight: var(--fw-500);
}

.el-review-slider .el-r-card .el-r-content p:nth-child(2) {
  font-size: 24px;
  color: var(--c-bg-drak-blue);
  font-weight: var(--fw-600);
}

.el-r-slider-control {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}

.el-r-slider-control .el-r-slider-btn {
  display: flex;
  gap: 15px;
}

.el-r-slider-control .el-r-slider-btn .el-btn-prev button,
.el-r-slider-control .el-r-slider-btn .el-btn-next button {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 22px;
  background-color: var(--c-green-light);
  color: var(--text-white);
}

/* Review Section End */


/* Appointment Section Start */

.el-apt-section {
  background-color: var(--c-bg-drak-blue);
  height: 80dvh;
  position: relative;
  overflow: hidden;
}

.el-bg-1 {
  position: absolute;
  max-width: 700px;
  height: 700px;
  top: 0;
  left: 0;
  z-index: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  overflow: hidden;
}

.el-bg-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.el-bg-2 {
  position: absolute;
  right: 0;
  top: 50px;
  width: 600px;
  height: 600px;
}

.el-bg-2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.2;
}

.el-apt-wrapper {
  height: 80vh;
  width: 100%;
  position: relative;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.el-apt-wrapper .el-apt-card {
  max-width: 763px;
  width: 100%;
  background-color: #fff;
  padding: 60px;
  border-radius: 30px 30px 0 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  z-index: 2;
}

.el-apt-wrapper .el-apt-card .section-title-light {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Appointment Section End */


/* Visit Section Start */

.el-visit-section {
  background-color: var(--c-bg-drak-blue);
  position: relative;
}

.el-visit-section .container {
  position: relative;
  z-index: 1;
}

.el-visit-section .section-title-white {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.el-visit-section .section-title-white p {
  max-width: 500px;
  width: 100%;
  color: var(--white);
}

.el-visit-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  background-color: var(--c-green-light);
}

.el-visit-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  background-color: #fff;
  border-radius: 30px;
  margin-top: 30px;
  overflow: hidden;
}

.el-visit-left {
  padding: 50px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.el-visit-left .el-addres-wrapper,
.el-visit-left .el-contact-wrapper,
.el-visit-left .el-hours-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.el-visit-left .el-addres-wrapper h4,
.el-visit-left .el-contact-wrapper h4,
.el-visit-left .el-hours-wrapper h4 {
  font-size: 34px;
  font-weight: var(--fw-600);
  color: var(--c-green-light);
}

.el-visit-left .el-addres-wrapper ul li,
.el-visit-left .el-contact-wrapper ul li {
  display: flex;
  gap: 5px;
  /* align-items: center; */
  font-size: var(--text-p);
  color: var(--c-bg-drak-blue);
  font-weight: var(--fw-600);
}

.el-visit-left .el-addres-wrapper ul li i,
.el-visit-left .el-contact-wrapper ul li i{
  margin-top: 3px;
}


.el-visit-left .el-hours-wrapper .el-hours-main {
  display: flex;
  gap: 50px;
}

.el-visit-left .el-hours-wrapper .el-hours-main ul li {
  font-size: var(--text-p);
  color: var(--c-bg-drak-blue);
  font-weight: var(--fw-600);
}

.el-visit-right iframe {
  width: 100%;
  height: 100%;
}

/* Visit Section End */

/* Footer Start */

.footer {
  background-color: var(--c-bg-drak-blue);
}

.el-footer-logo-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}

.el-footer-logo-wrapper a {
  position: relative;
  z-index: 1;
  background-color: var(--c-bg-drak-blue);
  padding: 0 30px;
}

.el-footer-logo-wrapper::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--text-white);
  opacity: 0.2;
}

.el-footer-nav-wrapper {
  margin-top: 80px;
  display: grid;
  grid-template-columns: 7fr 3fr;
}

.el-footer-link-area {
  display: grid;
  grid-template-columns: 2fr 3fr 2fr;
  grid-template-rows: auto;
  row-gap: 30px;
}

.el-footer-link-area .el-footer-nav-link {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.el-footer-link-area .el-footer-nav-link h4 {
  color: var(--c-green-light);
  font-weight: var(--fw-700);
}

.el-footer-link-area .el-footer-nav-link ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.el-footer-link-area .el-footer-nav-link ul li a {
  display: flex;
  gap: 5px;
  color: var(--text-white);
  transition: all .3s ease;
  font-size: 18px;
}

.el-footer-link-area .el-footer-nav-link ul li a:hover {
  color: var(--c-green-light);
  transition: all .3s ease;
}

.el-footer-link-area .el-footer-nav-link:last-child ul {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.el-footer-link-area .el-footer-nav-link:last-child ul li a {
  font-size: 22px;
}

.el-footer-cta-area {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}

.el-footer-cta-area .el-footer-bg-ab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.2;
}

.footer-bottom {
  background-color: var(--c-green-light);
  padding: 10px;
}

.footer-bottom-wrapper {
  display: flex;
  justify-content: space-between;
}

.footer-bottom-wrapper span {
  color: var(--text-white);
  font-weight: var(--fw-500);
  font-size: var(--text-p);
}

.footer-bottom-wrapper span a {
  color: var(--text-head);
  font-weight: var(--fw-700);
}

/* Footer End */


/* Intro Section Start */

.el-intro-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  column-gap: 80px;
  row-gap: 50px;
}

.el-intro-wrapper .el-intro-left {
  border-radius: 30px;
  overflow: hidden;
}

.el-intro-wrapper .el-intro-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}

.el-intro-wrapper .el-intro-right .section-title-light {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Intro Section End */


/* Service Start */

.el-service-section .section-title-light {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.el-service-section .section-title-light p {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.el-service-card-wrapper:nth-child(odd) {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  column-gap: 80px;
  row-gap: 50px;
  background-color: var(--c-bg-drak-blue);
  padding: 60px 50px;
  border-radius: 30px;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.el-service-card-wrapper:nth-child(odd)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 40%;
  background-color: var(--c-green-light);
}

.el-service-card-wrapper:nth-child(even) {
  position: relative;
  overflow: hidden;
}

.el-service-card-wrapper:nth-child(even)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 40%;
  background-color: var(--c-green-light);
}

.el-service-card-wrapper:nth-child(odd) .el-s-left {
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.el-service-card-wrapper:nth-child(odd) .el-s-left img,
.el-service-card-wrapper:nth-child(even) .el-s-left img {
  width: 100%;
  object-fit: cover;
}

.el-service-card-wrapper:nth-child(even) .el-s-left {
  position: relative;
  z-index: 1;
}


.el-service-card-wrapper:nth-child(odd) .el-s-right,
.el-service-card-wrapper:nth-child(even) .el-s-right {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.el-service-card-wrapper:nth-child(odd) .el-s-right .section-title-white,
.el-service-card-wrapper:nth-child(even) .el-s-right .section-title-white {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.el-service-card-wrapper:nth-child(odd) .el-s-right .section-title-white p,
.el-service-card-wrapper:nth-child(even) .el-s-right .section-title-white p {
  color: var(--white);
}



.el-service-card-wrapper:nth-child(even) {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  column-gap: 80px;
  row-gap: 50px;
  background-color: var(--c-bg-drak-blue);
  padding: 60px 50px;
  border-radius: 30px;
  align-items: center;
}

.el-service-card-wrapper:nth-child(even) .el-s-left {
  border-radius: 30px;
  overflow: hidden;
  order: 2;
}

/* Service End */


/* Blog Section Style Start */
.el-blog {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.el-blog-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 40px;
}

.el-blog-img {
  width: 100%;
  height: 100%;
  border-radius: var(--br-card);
  overflow: hidden;
  filter: brightness(0.7);
}

.el-blog img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.el-blog-content {
  height: auto;
  position: absolute;
  bottom: -70px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  transition: all ease 0.6s;
}

.el-blog-content h3 {
  font-size: var(--text-32);
  color: var(--white);
  text-wrap: unset;
}

.el-blog-content span {
  width: max-content;
  text-transform: capitalize;
  font-size: var(--text-p);
  color: var(--white);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--white);
}

.el-blog:hover .el-blog-content {
  bottom: 0;
}

.el-blog-detail-pagination {
  margin-top: 50px;
}

/* Blog Section Style End */

/* Blog Detail Style Start */
.header-blog-detail {
  background: var(--c-bg-drak-blue);

}

.el-blog-detail-content {
  max-width: 870px;
  margin: 0 auto;
  margin-top: 100px;
}

.el-blog-detail-title h1 {
  font-size: var(--text-h2);
  font-weight: var(--fw-700);
  color: var(--c-bg-drak-blue);
}

.el-blog-detail-banner-img {
  border-radius: var(--br-card);
  overflow: hidden;
  transition: all ease 0.6s;
  margin: 40px 0;
}

.el-blog-detail-banner-img img {
  transition: all ease 0.6s;
}

.el-blog-detail-banner-img img:hover {
  transform: scale(1.03);
}

.el-blog-detail-content h2,
.el-blog-detail-content h3,
.el-blog-detail-content h4,
.el-blog-detail-content h5 {
  margin-bottom: 12px;
  font-weight: var(--fw-700);
  color: var(--c-bg-drak-blue);
}

.el-blog-detail-content p {
  margin-bottom: 18px;
}

.el-blog-detail-content p a,
.el-blog-detail-content ul li a {
  color: var(--c-green-light);
  font-weight: var(--fw-500);
}

.el-blog-detail-content ul {
  padding-left: 45px;
  margin-bottom: 20px;
}

.el-blog-detail-content ul li {
  margin-bottom: 12px;
  font-size: var(--text-p);
}

.el-blog-detail-content ul li:before {
  content: '';
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: var(--c-green-light);
  border-radius: 50px;
  top: 0;
  left: -20px;
  margin-top: 10px;
  /* transform: translate(0, -50%); */
}

.el-blog-detail-recent {
  margin-bottom: 60px;
}

.el-blog-detail-recent h2 {
  margin: 30px 0;
}

.el-blog-detail-recent ul li:before {
  display: none;
}

.el-blog-detail-recent ul {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.el-blog-detail-recent ul li {
  width: 100%;
  border-bottom: 1px solid var(--c-green-light);
  padding-bottom: 12px;
  color: var(--c-green-light);
}

.el-blog-detail-recent ul li:last-child {
  border-bottom: 0;
}

.el-blog-detail-pagination ul li:before {
  display: none;
}

.el-blog-page-pagination .el-blog-detail-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  list-style-type: none;
  column-gap: 12px;
  row-gap: 40px;
}

.el-blog-detail-pagination ul {
  justify-content: space-between;
  display: flex;
}

.el-blog-detail-pagination ul li a {
  padding: 12px 20px;
  border: 2px solid var(--c-bg-drak-blue);
  border-radius: var(--br-card);
  color: var(--c-bg-drak-blue);
  transition: all ease 0.5s;
}

.el-blog-detail-pagination ul li a:hover {
  color: var(--c-green-light);
  background-color: var(--c-bg-drak-blue);
}

.el-blog-detail-pagination ul {
  padding: 0;
  margin: 0;
}

/* Blog Detail Style End */

/* Inner Banner Start */
.header-inner-banner {
  background-color: var(--c-bg-drak-blue);
  position: relative;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-inner-banner .wps-header-navbar-wrap {
  position: relative;
}

.page-hero-inner-wrap {
  background-color: var(--c-bg-drak-blue);
}

.el-inner-banner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 60px;
}

.el-inner-banner-wrapper h1 {
  font-size: 60px;
  font-weight: var(--fw-700);
  color: var(--text-white);
  text-transform: capitalize;
}

.el-inner-banner-wrapper p {
  max-width: 800px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  color: var(--text-white);
  opacity: 0.8;
}

.page-hero-inner-wrap {
  background-color: var(--c-bg-drak-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.header-inner-banner::after {
  content: '';
  width: 500px;
  height: 500px;
  background-image: url(../images/download.png);
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  left: auto;
  right: 0;
  opacity: .09;
  background-size: cover;
}

/* Inner Banner End */

/* Contact Page Style Start */
.el-contact-page-content {
  display: flex;
}

.el-contact-hours ul {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}

.el-contact-hours ul li {
  display: flex;
  align-items: center;
  column-gap: 20px;
  color: var(--text-black);
  font-weight: var(--fw-600);
  font-size: var(--text-p);
}

.el-contact-hours ul li span {
  min-width: 110px;
  font-size: var(--text-p);
  font-weight: var(--fw-600);
}

.el-contact-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.el-contact-info a {
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all ease 0.5s;
}

.el-contact-info a p{
  font-size: 20px;
}

.el-contact-info a:hover {
  color: var(--c-green-light);
}

.el-contact-detail-wrapper {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 30px;
}

.el-contact-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.el-contact-form input,
.el-contact-form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--c-green-light);
  border-radius: var(--br-button);
  outline: none;
  background-color: transparent;
  color: var(--white);
}

.el-contact-form input:focus,
.el-contact-form textarea:focus {
  border: 1px solid var(--c-yellow);
}

.el-contact-input {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.el-contact-form {
  width: 50%;
  background-color: var(--c-bg-drak-blue);
  padding: 40px;
  border-radius: var(--br-card);
}

.el-contact-btn {
  display: flex;
  margin-top: 24px;
}

.el-contact-page-sec .section-title-dark {
  text-align: center;
  margin-bottom: 80px;
}

.el-contact-page-sec .section-title-dark h2 {
  margin-bottom: 20px;
}

.el-contact-form-title {
  margin-bottom: 30px;
}

.el-contact-info-left a,
.el-contact-info-left span {
  display: flex;
  gap: 10px;
  /* align-items: center; */
  color: var(--text-black);
  font-weight: var(--fw-600);
  font-size: var(--text-p);
}

.el-contact-info-left a i{
  margin-top: 4px;
}

.el-contact-info-left {
  display: flex;
  align-items: center;
  gap: 13px;
}

.el-contact-info-left a:hover {
  text-decoration: none;
  color: var(--c-green-light);
}

.el-contact-form h2 {
  color: #fff;
}

input::placeholder,
textarea::placeholder {
  color: #fff;
  opacity: 0.5;
}

/* Contact Page Style End */

/* Free Consultation Page Style Start*/
.el-free-consul-sec .section-title-dark {
  text-align: center;
  margin-bottom: 80px;
}

/* Free Consultation Page Style End */

/* Privacy Policy Page Style Start */
.el-privacy-policy-content {
  width: 870px;
  margin: 0 auto;
}

.el-privacy-policy-content h3 {
  text-transform: uppercase;
  margin-bottom: 12px;
  color: var(--c-bg-drak-blue);
  font-weight: var(--fw-700);
}

.el-privacy-policy-content p {
  margin-bottom: 18px;
}

.el-privacy-policy-content ul {
  list-style-type: disc;
  padding-left: 20px;
  margin: 20px 0;
}

.el-privacy-policy-content ul li {
  margin-bottom: 12px;
  font-size: var(--text-p);
}

.el-privacy-policy-content .el-list-nodot {
  list-style-type: none;
  padding-left: 0;
  margin: 20px 0;
}

.el-privacy-policy-content p a,
.el-privacy-policy-content ul li a {
  color: var(--c-green-light);
  font-weight: var(--fw-500);
  font-size: var(--text-p);
}

/* Privacy Policy Page Style End */

/* Service Detail Page Style Start */
.full-img-content-section .full-img-content ul li {
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 15px;
}

.full-img-content-section .full-img-sec {
  width: 50%;
}

.full-img-content-section .full-img-sec img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.full-img-content-section .full-img-content {
  width: 50%;
  padding: 60px 60px;
}

.full-img-content-section .full-img-inner {
  display: flex;
  background-color: var(--c-green-light);
}

.full-img-content-section .full-img-content ul li {
  font-weight: var(--fw-400);
}

.full-img-content-section .inner-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.full-img-content-section .inner-content li strong,
.inner-content li {
  color: var(--white);
}

.full-img-content-section .inner-content-title ul li h3 {
  color: var(--c-bg-drak-blue);
  font-size: 34px;
  font-weight: var(--fw-500);
}

/* .full-img-content-section .full-img-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 21px;
  width: 30px;
  height: 3px;
  background-color: var(--c-bg-drak-blue);
} */

.full-img-content-section .full-img-sec::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #00000045;
}


.full-img-content .container,
.full-img-content .container .inner-content {
  height: 100%;
}

.full-img-content .container .inner-content ul {
  margin-bottom: 0px;
}

.full-img-content .container .inner-content p {
  color: var(--text-white);
}

.full-img-content .container .inner-content ul li {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.full-img-content .container .inner-content ul li:last-child {
  margin-bottom: 0px;
}

.full-img-content-section .full-img-sec {
  position: relative;
}

.full-img-content-section .full-img-sec h2 {
  position: absolute;
  bottom: 54px;
  left: 0;
  right: 0;
  z-index: 99;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  color: var(--text-white);
  justify-content: center;
  font-size: var(--text-95);
}

.faq-section #accordionExample .accordion-item {
  margin-bottom: 7px;
  border-radius: 12px;
}

.faq-section .accordion-header {
  margin-bottom: 0;
}

.faq-section .accordion-body ul li::marker {
  color: var(--c-green-light);
}

.faq-section .accordion-body ul li {
  list-style: disc;
  margin-bottom: 7px;
  font-size: var(--text-p);
}

.faq-section #accordionExample h3 button {
  font-size: 22px;
  padding: 24px;
  background-color: var(--c-green-light);
  color: white;
  position: relative;
  font-weight: var(--fw-700);
  /* border-radius: 12px; */
}

.faq-section #accordionExample h3 button:focus {
  box-shadow: none;
}

.faq-section #accordionExample h3 button::after {
  content: "\f107";
  font: var(--fa-font-solid);
  position: absolute;
  top: 0;
  right: 24px;
  top: 23px;
  background: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.faq-section .collapse:not(.show) {
  display: none;
}

.faq-section #accordionExample .accordion-body {
  padding: 30px;
  font-size: var(--text-18);
}

.faq-section #accordionExample .accordion-body p {
  margin-bottom: 15px;
}

.faq-section h2 {
  text-align: center;
  margin-bottom: 50px;
}

.content-inner-section {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.content-inner-section h2 {
  color: var(--c-bg-drak-blue);
}

.content-inner-section h3,
.content-inner-section h4,
.content-inner-section h5 {
  color: var(--c-bg-drak-blue);
  font-weight: var(--fw-700);
}

.content-inner-section a {
  color: var(--c-green-light);
  font-weight: var(--fw-600);
  font-size: var(--text-p);
}

.content-inner-section a:hover {
  color: var(--c-bg-drak-blue);
}


.content-details-section ul {
  margin-left: 1.5rem;
}

.content-details-section ul li {
  margin-bottom: 10px;
}

.content-details-section ul li::marker {
  color: var(--c-green-light);
}

.content-details-section ul li {
  list-style: disc;
  margin-bottom: 7px;
  font-size: var(--text-p);
}



/* left-right section start */
.el-service-single-left-content {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.el-service-single-left-content .section-title-dark {
  margin-bottom: 30px;
}

.el-service-single-sec-text p {
  margin-bottom: 18px;
}

.el-service-single-right-image {
  width: 50%;
  border-radius: var(--br-card);
  overflow: hidden;
  object-fit: cover;
}

.el-service-single-right-image img {
  width: 100%;
  height: 100%;
}

.el-service-single-img-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.el-service-single-img-sec:nth-child(odd) {
  display: flex;
}

.el-service-single-img-sec:nth-child(even) {
  flex-direction: row-reverse;
}

/* left-right section end */

/* Service Detail Page Style End */


/* Who We are Css Start */
.el-meet-team-outer {
  display: flex;
  gap: 50px;
  align-items: center;
}

.el-meet-team-left {
  width: 50%;
}

.el-meet-team-left img {
  border-radius: 30px;
}

.el-meet-team-right-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.el-meet-team-right {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.el-meet-team-right-content h2 {
  color: var(--text-white);
}

.el-meet-team-right-content h3 {
  color: var(--text-white);
}

.el-meet-team-right-content h4 {
  color: var(--text-white);
}

.el-meet-team-right-content p {
  color: var(--text-white);
}

.el-meet-team-education h3 {
  color: var(--text-white);
  font-size: var(--text-32);
}

.el-meet-team-education ul {
  color: var(--text-white);
  list-style-type: disc;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
}

.el-meet-team-education ul li {
  color: var(--text-white);
  font-size: var(--text-p);
}

.el-meet-team-logo ul {
  display: flex;
  align-items: center;
  gap: 50px;
}

.el-meet-team-logo ul li {
  width: 250px;
}

.el-review-left .section-title-light {
  width: 50%;
}

/* Who We are Css End */

/* Thankyou Css Start */
.el-thankyou-outer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 15px;
}

.el-thankyou-outer h2 {
  color: var(--text-white);
}

.el-thankyou-outer p {
  color: var(--text-white);
}

/* Thankyou Css End */


.el-meet-team-logo-slider .splide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.el-meet-team-logo-slider img {
  max-height: 80px;
  width: auto;
  object-fit: contain;
}

/* 404 Page Style Start */
.el-404-page {
  height: 100vh;
  background-color: var(--c-bg-drak-blue);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.el-404-page h2 {
  font-size: 190px;
  font-weight: var(--fw-700);
  color: var(--c-green-light);
}

.el-404-page p {
  font-size: 40px;
  text-transform: uppercase;
  color: var(--white);
  font-weight: var(--fw-400);
  margin-bottom: 30px;
}

/* 404 Page Style End */


/* Types Braces Start */

/* .el-type-braces .section-title-light{
  text-align: center;
} */

.el-type-outer-wrapper{
  margin-top: 58px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

/* .el-type-braces-wrapper:nth-child(odd) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  column-gap: 60px;
  row-gap: 60px;
}

.el-type-braces-wrapper:nth-child(even) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  column-gap: 60px;
  row-gap: 60px;
} */

/* .el-type-braces-wrapper:nth-child(odd) .el-type-b-right {
  overflow: hidden;
  order: 2;
} */

/* .el-type-braces-wrapper:nth-child(odd) .el-type-b-left{
  order: 1;
} */

.el-type-braces-wrapper .el-type-b-left .el-type-b-content{
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 4fr;
  column-gap: 50px;
  row-gap: 50px;
}

.el-type-b-content .el-type-inner-content{
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.el-type-braces-wrapper .el-type-b-left .el-type-b-content h3{
  font-size: var(--text-32);
  color: var(--c-bg-drak-blue);
  font-weight: var(--fw-700);
}

.el-type-braces-wrapper .el-type-b-left .el-type-b-content img{
  max-width: 800px;
  width: 100%;
  border-radius: var(--br-card);
}

.el-type-braces-wrapper .el-type-b-left .el-type-b-content p{
  color: var(--black);
}


/* #accordionExample1 .accordion-item {
  border-bottom: 2px solid var(--c-bg-drak-blue);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background-color: transparent;
} */

/* #accordionExample1 .accordion-button {
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-size: 34px;
  padding-left: 0;
  padding-right: 0;
  font-weight: var(--fw-500);
  color: var(--c-bg-drak-blue);
}

#accordionExample1 .accordion-button:focus {
  box-shadow: none;
}

#accordionExample1 .accordion-item:last-child {
  border: none;
}

#accordionExample1 .accordion-body {
  padding-left: 0;
  padding-right: 0;
  font-size: var(--text-p);
  font-weight: var(--fw-400);
  color: var(--black);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#accordionExample1 .accordion-body ul {
  margin-left: 1rem;
  list-style: disc;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#accordionExample1 .accordion-body ul li {
  color: var(--text-white);
  font-size: var(--text-p);
  font-weight: var(--fw-400);
} */

/* Types Braces End */


/* Our Gallery Section Style Start */
.our-gallery-sec .section-title-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
}

.el-our-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  column-gap: 24px;
  row-gap: 24px;
}

.glightbox {
  overflow: hidden;
  width: 100%;
  height: 300px;
  border-radius: var(--br-card);
  cursor: pointer;
}

.glightbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all ease 0.6s;
  filter: brightness(0.6);
}

.glightbox img:hover {
  transform: scale(1.06);
  filter: brightness(0.9);
}

/* Our Gallery Section Style End */

/* Content Detail Section Start */
.content-inner-section ul {
  padding-left: 22px;
}

/* Content Detail Section End */


/* Count section Start */
.el-number-card {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  column-gap: 30px;
  row-gap: 30px;
}

.el-single-numbers {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  row-gap: 30px;
  background-color: var(--c-bg-drak-blue);
  padding: 40px;
  border-radius: var(--br-card);
}

.el-card-number-text p {
  color: var(--text-white);
  text-align: center;
  text-transform: uppercase;
}

.el-card-number {
  width: 120px;
  height: 120px;
  border-radius: var(--br-card);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c-green-light);
  transition: all ease 0.5s;
}

.el-card-number span {
  font-size: var(--text-h1);
  font-weight: var(--fw-600);
  color: var(--c-bg-drak-blue);
}

.el-single-numbers:hover .el-card-number {
  border-radius: 50%;
}

.el-single-numbers {
  position: relative;
  z-index: 0;
}

.el-single-numbers .el-card-number-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.06;
}

.el-card-number-img {
  width: 130px;
  height: 130px;
}

.el-card-number-img img {
  width: 100%;
  height: 100%;
}

/* Count section  End */













/* ====================================================================== */











.ginput_container input , .ginput_container textarea{

width: 100% !important;

min-height: 50px !important;

    padding: 12px !important;

    border: 1px solid var(--c-green-light) !important;

    border-radius: var(--br-button) !important;

    outline: none !important;

    background-color: transparent !important;

    color: var(--white) !important;

}





.gf_browser_chrome .gform_footer input[type="submit"]{

display: flex !important;

    align-items: center !important;

    gap: 5px !important;

    min-height: 51px  !important;

    background-color: var(--c-green-light) !important;

    font-size: 18px !important;

    font-weight: var(--fw-600) !important;

    text-transform: uppercase !important;

    padding: 10px 20px !important;

    color: var(--text-white) !important;

    border-radius: var(--br-button) !important;

    border: 2px solid var(--c-green-light) !important;

    transition: all .5s ease !important;

    width: max-content !important;



}





.gf_browser_chrome .gform_footer input[type="submit"]:hover {

    background-color: transparent !important;

    border: 2px solid var(--c-green-light) !important;

    color: var(--c-green-light) !important;



}



.el-blog-detail-pagination ul li a.page-numbers , .el-blog-detail-pagination ul li span.page-numbers{

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.el-blog-detail-pagination ul li a.next , .el-blog-detail-pagination ul li a.prev{

    width: auto;

    height: auto;

    display: auto;

    align-items: center;

    gap: 5px;

}


.page-numbers.current{
    color: var(--c-green-light);
    background-color: var(--c-bg-drak-blue);
}




.el-blog-detail-pagination ul li span {

    padding: 12px 20px;

    border: 2px solid var(--c-bg-drak-blue);

    border-radius: var(--br-card);

    color: var(--c-bg-drak-blue);

    transition: all ease 0.5s;

}



.el-blog-detail-pagination a.disabled {

    pointer-events: none;

    opacity: 0.4;

}



.tag-category-banner{

      padding: 150px 0px 0px 0px;

    text-align: center;

        color: var(--c-green-light);

    font-weight: var(--fw-600);

}



.tag-category-banner .el-inner-banner-wrapper h1{

    color: var(--c-green-light);

}



.gform-theme--foundation .gform_fields{

  gap: 24px !important;

}

    

body.single-post header , body.tag header  , body.category  header{

  background: var(--c-bg-drak-blue);

}

.gform_heading{

  display: none !important;

}





.tags a{

      padding: 12px 20px;

    border: 2px solid var(--c-bg-drak-blue);

    border-radius: var(--br-card);

    color: var(--c-bg-drak-blue);

    transition: all ease 0.5s;

}



.tags{

  display: flex;

    align-items: center;

    gap: 10px;

    flex-flow: row wrap;

}





.tags a:hover{

    color: var(--c-green-light);

    background-color: var(--c-bg-drak-blue);

}
.sitemap-inner a{
 width: fit-content;
}

.sitemap-inner{
display: flex;
    flex-direction: column;
    gap: 9px;
    font-size: var(--text-p);
    
    color: var(--c-bg-drak-blue);;
    font-weight: var(--fw-700);
}

.home-service-btn{
  display: flex;
    justify-content: center;
}


.extra-content{
  margin-top: 50px;
}