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

:root {
  --primary: #2CA01C;
  --secondary: #16500E;
  --blend: transparent linear-gradient(104deg, var(--primary) 0%, var(--secondary) 100%) 0% 0% no-repeat padding-box;
  --light-green: #91DE7A;
}

body, html {
  font-size: 16px;
  font-weight: normal;
  background: #fff;
  line-height: 26px;
  color: #000;
  font-family: Poppins;
}
body::-webkit-scrollbar, html::-webkit-scrollbar {
  width: 3px;
  background: #fff;
}
body::-webkit-scrollbar-track, html::-webkit-scrollbar-track {
  box-shadow: none;
}
body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
  outline: 0;
  background: #2CA01C;
}
body.overfloy-y-hidden, html.overfloy-y-hidden {
  overflow-y: hidden;
}

a[href] {
  text-decoration: none;
  transition: 0.2s ease;
  cursor: pointer;
}

img {
  max-width: 100%;
  display: block;
  transition: 0.5s ease;
}

.container {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 1300px) {
  .container {
    padding: 0 45px;
  }
}
@media (max-width: 1230px) {
  .container {
    max-width: 100%;
    padding: 0 40px;
  }
}
@media (max-width: 1024px) {
  .container {
    padding: 0 30px;
  }
}
@media (max-width: 675px) {
  .container {
    padding: 0 15px;
  }
}
@media (max-width: 675px) {
  .container.container2 {
    padding-right: 0;
  }
}

.container-fluid {
  padding: 0 25px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .container-fluid {
    padding: 0 15px;
  }
}

h1, h2, h3, h4, h5, h6 {
  color: #001740;
  font-weight: normal;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  font-style: normal;
}

h1 {
  font-size: 52px;
  line-height: 1.2;
}
@media (max-width: 1300px) {
  h1 {
    font-size: 46px;
  }
}
@media (max-width: 1140px) {
  h1 {
    font-size: 38px;
  }
}
@media (max-width: 1024px) {
  h1 {
    font-size: 38px;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 28px;
  }
}

h2 {
  font-size: 40px;
  line-height: 1.2;
}
@media (max-width: 1300px) {
  h2 {
    font-size: 34px;
  }
}
@media (max-width: 1140px) {
  h2 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 28px;
  }
}

h3 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: bold;
}
@media (max-width: 1300px) {
  h3 {
    font-size: 30px;
  }
}
@media (max-width: 1140px) {
  h3 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 24px;
  }
}

h4 {
  font-size: 24px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 22px;
  line-height: 1.5;
}
@media (max-width: 1300px) {
  h5 {
    font-size: 18px;
  }
}

h6 {
  font-size: 18px;
  line-height: 1.5;
}
@media (max-width: 1024px) {
  h6 {
    font-size: 16px;
  }
}

.mt-1 {
  margin-top: 10px !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.mt-5 {
  margin-top: 50px !important;
}

.mt-6 {
  margin-top: 60px !important;
}

.mt-7 {
  margin-top: 70px !important;
}

.mt-8 {
  margin-top: 80px !important;
}

.mt-9 {
  margin-top: 90px !important;
}

.mt-10 {
  margin-top: 100px !important;
}

.mb-1 {
  margin-bottom: 10px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.mb-3 {
  margin-bottom: 30px !important;
}

.mb-4 {
  margin-bottom: 40px !important;
}

.mb-5 {
  margin-bottom: 50px !important;
}

.mb-6 {
  margin-bottom: 60px !important;
}

.mb-7 {
  margin-bottom: 70px !important;
}

.mb-8 {
  margin-bottom: 80px !important;
}

.mb-9 {
  margin-bottom: 90px !important;
}

.mb-10 {
  margin-bottom: 100px !important;
}

.pt-1 {
  padding-top: 10px !important;
}

.pt-2 {
  padding-top: 20px !important;
}

.pt-3 {
  padding-top: 30px !important;
}

.pt-4 {
  padding-top: 40px !important;
}

.pt-5 {
  padding-top: 50px !important;
}

.pt-6 {
  padding-top: 60px !important;
}

.pt-7 {
  padding-top: 70px !important;
}

.pt-8 {
  padding-top: 80px !important;
}

.pt-9 {
  padding-top: 90px !important;
}

.pt-10 {
  padding-top: 100px !important;
}

.pb-1 {
  padding-bottom: 10px !important;
}

.pb-2 {
  padding-bottom: 20px !important;
}

.pb-3 {
  padding-bottom: 30px !important;
}

.pb-4 {
  padding-bottom: 40px !important;
}

.pb-5 {
  padding-bottom: 50px !important;
}

.pb-6 {
  padding-bottom: 60px !important;
}

.pb-7 {
  padding-bottom: 70px !important;
}

.pb-8 {
  padding-bottom: 80px !important;
}

.pb-9 {
  padding-bottom: 90px !important;
}

.pb-10 {
  padding-bottom: 100px !important;
}

.text-center {
  text-align: center;
}

.text-img-center {
  text-align: -webkit-center;
}

.grid {
  display: grid;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.heading h3 {
  font-size: 50px;
  line-height: normal;
}
@media (max-width: 1300px) {
  .heading h3 {
    font-size: 40px;
  }
}
@media (max-width: 1140px) {
  .heading h3 {
    font-size: 38px;
  }
}
@media (max-width: 991px) {
  .heading h3 {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .heading h3 {
    font-size: 24px;
  }
}
.heading h3 .span1, .heading h3 .span2 {
  font-size: 50px;
  line-height: 55px;
}
@media (max-width: 1300px) {
  .heading h3 .span1, .heading h3 .span2 {
    font-size: 42px;
    line-height: 48px;
  }
}
@media (max-width: 1140px) {
  .heading h3 .span1, .heading h3 .span2 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .heading h3 .span1, .heading h3 .span2 {
    font-size: 30px;
    line-height: 34px;
  }
}
.heading.size48 h3 {
  font-size: 48px;
  line-height: 1;
}
.heading.size36 h3 {
  font-size: 36px;
  line-height: 1;
}
@media (max-width: 767px) {
  .heading.size36 h3 {
    font-size: 24px;
    line-height: 26px;
  }
}

input, button, select {
  font-size: 16px;
  line-height: 25px;
  color: #001740;
}

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  background: #000;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.4s ease;
}
.overlay.overlay_active {
  pointer-events: all;
  opacity: 0.6;
  transition: 0.5s ease;
}

.video_icon {
  width: 45px;
  height: 45px;
  border: 2px solid #7b7b7b;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .video_icon {
    width: 38px;
    height: 38px;
  }
}
@media (max-width: 767px) {
  .video_icon {
    border-width: 1px;
  }
}
.video_icon:before {
  width: 50px;
  height: 50px;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  position: absolute;
  content: "";
  transform: translateX(-50%) translateY(-50%);
  background: rgba(0, 0, 0, 0.8196078431);
  border-radius: 50%;
  display: block;
  animation: pulse-border 1500ms ease-out infinite;
}
@media (max-width: 1024px) {
  .video_icon:before {
    width: 33px;
    height: 33px;
  }
}
.video_icon img {
  width: 10px;
  position: relative;
  margin-left: 5px;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.social-links a {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 6px;
}
.social-links a svg {
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.social-links a svg path {
  fill: #fff;
  transition: 0.5s ease;
}

.model .close {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 15px;
  top: 10px;
  padding: 0;
  border-radius: 50px;
  background: transparent;
  cursor: pointer;
  transition: 0.5s ease;
  z-index: 999;
}

.ModelPop {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
}

.close {
  position: absolute;
  right: 15px;
  top: 25px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.close svg {
  width: 26px;
  height: 26px;
}

.Model_Video {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 188;
  background: #000;
  transform: translateY(100%);
  transition: 0.5s ease;
}
.Model_Video.is-open {
  transform: translateY(0%);
}
.Model_Video .close_model {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
}
.Model_Video .modelBody {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Model_Video .modelBody iframe {
  width: 90%;
  height: 85%;
  border: 0;
}

.tab-nav ul {
  text-align: center;
}
.tab-nav ul li {
  display: inline-block;
  cursor: pointer;
}

.tab-nav-content {
  position: relative;
}
.tab-nav-content .tabs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  transition: 0s ease;
}
.tab-nav-content .tabs .to-up {
  transition: 0s ease;
  transform: translateY(50px);
}
.tab-nav-content .tabs.active {
  transition: 0.5s ease;
  position: unset;
  opacity: 1;
  visibility: visible;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  pointer-events: all;
}
.tab-nav-content .tabs.active .to-up {
  transition: 0.5s ease;
  transform: translateY(0px);
}

.has_dropdown {
  position: relative;
}
.has_dropdown a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.has_dropdown::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 2px;
  z-index: 1;
  transition: 0.5s ease;
}
.has_dropdown:hover::before {
  right: 0;
  width: 100%;
}
.has_dropdown:hover .nav_dropdown {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  height: auto;
  transform: translateY(0px);
  user-select: auto;
  visibility: visible;
  overflow: hidden;
  opacity: 1;
  pointer-events: all;
  transition: 0.2s ease, height 0.6s ease;
}
.has_dropdown .nav_dropdown {
  background: #fff;
  border-radius: 3px;
  width: 150px;
  height: 0;
  position: absolute;
  left: 0;
  top: 100%;
  transform: translateY(5px) scale(0.99);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.1s ease;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.has_dropdown .nav_dropdown ul li {
  display: block;
  margin-left: 0;
}
.has_dropdown .nav_dropdown ul li a {
  color: #000;
  display: block;
  padding: 6px 0 6px 20px;
}
.has_dropdown .nav_dropdown ul li a:hover {
  background: #fff;
  color: #fff;
}

.web_cta_btn a {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 6px;
  background: var(--primary);
  color: #fff;
  font-size: 18px;
  transition: 0.3s ease;
}
@media (max-width: 675px) {
  .web_cta_btn a {
    font-size: 16px;
    padding: 8px 20px;
  }
}
.web_cta_btn a:hover {
  background: var(--blend);
  color: #fff;
}

.inner_cta_btn a {
  display: inline-block;
  padding: 8px 20px;
  border: 2px solid #000;
  border-radius: 6px;
  background: #fff;
  color: var(--primary);
  font-size: 18px;
  transition: 0.3s ease;
}
@media (max-width: 675px) {
  .inner_cta_btn a {
    font-size: 16px;
    padding: 8px 20px;
  }
}
.inner_cta_btn a:hover {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

.section {
  padding: 60px 0;
}
@media (max-width: 991px) {
  .section {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .section {
    padding: 30px 0;
  }
}

.bg-gray {
  background: #F2F3F8;
}

.title span {
  display: block;
  color: #2CA01C;
  font-size: 22px;
  font-weight: 600;
}
.title p {
  color: #5B5B5B;
}
.title h3 {
  margin: 10px 0;
}

ul.style_one li {
  padding-left: 25px;
  position: relative;
  margin: 10px 0;
}
ul.style_one li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
  background: url(../../assets/images/icons/pointer.png);
  background-repeat: no-repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.web-content p {
  margin: 30px 0;
}
.web-content h1, .web-content h2, .web-content h3, .web-content h4, .web-content h5, .web-content h6 {
  margin: 30px 0 15px;
  font-weight: 600;
}
.web-content h1:first-child, .web-content h2:first-child, .web-content h3:first-child, .web-content h4:first-child, .web-content h5:first-child, .web-content h6:first-child {
  margin-top: 0;
}
.web-content .flex {
  align-items: center;
  justify-content: space-between;
}
.web-content .flex .col {
  flex: 0 1 48%;
  max-width: 48%;
  width: 100%;
}
@media (max-width: 767px) {
  .web-content .flex .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
  .web-content .flex .col:last-child {
    margin-top: 30px;
  }
}
.web-content .flex .col figure img {
  width: 100%;
  margin: auto;
}
.web-content.list-style-arrow ul {
  margin: 30px 0;
}
.web-content.list-style-arrow ul li {
  position: relative;
  padding-left: 55px;
  margin: 25px 0;
}
.web-content.list-style-arrow ul li span {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 40px;
  background: rgba(50, 54, 196, 0.168627451);
  display: flex;
  height: 40px;
  border-radius: 40px;
  align-items: center;
  justify-content: center;
  color: #2CA01C;
  font-weight: 600;
}
.web-content.list-style-arrow ul li p {
  color: #001740;
}
.web-content.list-style-arrow ul li p b {
  display: block;
  font-weight: 600;
}
.web-content.list-style-arrow-two ul {
  margin: 30px 25px;
}
.web-content.list-style-arrow-two ul li {
  position: relative;
  padding-left: 35px;
  margin: 25px 0;
}
.web-content.list-style-arrow-two ul li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url(../../assets/images/icons/arrow.png);
}
.web-content.list-style-arrow-two ul li p {
  color: #001740;
}
.web-content.list-style-arrow-two ul li p b {
  display: block;
  font-weight: 600;
}

.bg-design {
  background: url(../../assets/images/resource/service-4-bg.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
}

.bg-green {
  background: #F2FFF5;
}

.acc {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 11px;
  margin: 15px 0;
}
.acc .acc-head {
  background-color: #fff;
  padding: 20px 35px;
  font-size: 22px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.acc .acc-head.active p {
  color: #2CA01C;
}
.acc .acc-head.active::before {
  transform: rotate(90deg);
}
.acc .acc-head::before, .acc .acc-head::after {
  content: "";
  position: absolute;
  top: 50%;
  background-color: #2CA01C;
  transition: all 0.3s;
}
.acc .acc-head::before {
  right: 30px;
  width: 3px;
  height: 20px;
  margin-top: -10px;
}
.acc .acc-head::after {
  right: 21px;
  width: 20px;
  height: 3px;
  margin-top: -2px;
}
.acc .acc-head p {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}
.acc .acc-content {
  padding: 15px 30px;
  display: none;
}

header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  transition: 0.9s ease;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1098039216);
}
header .header-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  align-items: center;
}
@media (max-width: 675px) {
  header .header-wrapper {
    padding: 15px 0;
  }
}
header .header-wrapper .col {
  width: 100%;
}
header .header-wrapper .ColA {
  flex: 0 1 15%;
  max-width: 15%;
  display: flex;
}
@media (max-width: 675px) {
  header .header-wrapper .ColA {
    flex: 45%;
    max-width: 45%;
  }
}
header .header-wrapper .ColA a {
  display: inline-block;
}
header .header-wrapper .ColA a figure img {
  width: 100%;
}
header .header-wrapper .ColA .cta_get_in_touch {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  header .header-wrapper .ColA .cta_get_in_touch {
    display: none;
  }
}
header .header-wrapper .ColA .cta_get_in_touch a {
  color: #000;
}
header .header-wrapper .ColA .cta_get_in_touch a.cta_get_in_touch_link {
  padding: 0px 10px;
  border-radius: 50px;
  color: #2CA01C;
  transition: 0.2s ease;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 1140px) {
  header .header-wrapper .ColA .cta_get_in_touch a.cta_get_in_touch_link {
    font-size: 14px;
  }
}
header .header-wrapper .ColA .cta_get_in_touch a span {
  font-size: 12px;
  display: block;
  color: #000;
  font-weight: normal;
}
header .header-wrapper .ColB {
  flex: 0 1 70%;
  max-width: 70%;
  margin: auto 0;
}
@media (max-width: 1140px) {
  header .header-wrapper .ColB {
    flex: 0 1 80%;
    max-width: 80%;
  }
}
header .header-wrapper .ColB .navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
header .header-wrapper .ColB .navbar > ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 1 65%;
  max-width: 65%;
  width: 100%;
}
@media (max-width: 860px) {
  header .header-wrapper .ColB .navbar > ul {
    display: none;
  }
}
header .header-wrapper .ColB .navbar > ul li {
  position: relative;
  padding-left: 20px;
}
@media (max-width: 860px) {
  header .header-wrapper .ColB .navbar > ul li {
    padding-top: 0;
  }
}
@media (max-width: 860px) {
  header .header-wrapper .ColB .navbar > ul li {
    display: none;
  }
}
header .header-wrapper .ColB .navbar > ul li:last-child {
  cursor: pointer;
}
header .header-wrapper .ColB .navbar > ul li.active::before, header .header-wrapper .ColB .navbar > ul li:hover::before {
  opacity: 1;
}
header .header-wrapper .ColB .navbar > ul li.active a, header .header-wrapper .ColB .navbar > ul li:hover a {
  color: #2CA01C;
}
header .header-wrapper .ColB .navbar > ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--light-green);
  opacity: 0;
}
header .header-wrapper .ColB .navbar > ul li.drop-menu {
  position: relative;
}
header .header-wrapper .ColB .navbar > ul li.drop-menu::before {
 /* content: "";
  position: absolute;
  background: url(../../assets/images/icons/arrow-down.png);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;*/
}
header .header-wrapper .ColB .navbar > ul li.drop-menu > ul.dropdown {
  position: absolute;
  left: -20px;
  top: 100%;
  display: block;
  padding: 15px 0 10px 0;
  width: 255px;
  box-shadow: 0 30px 30px 0 rgba(29, 10, 81, 0.1);
  border-radius: 5px;
  text-align: left;
  background: #fff;
  z-index: 11;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translateY(30px);
  transition: 0.3s ease;
}
header .header-wrapper .ColB .navbar > ul li.drop-menu > ul.dropdown li {
  width: 100%;
}
header .header-wrapper .ColB .navbar > ul li.drop-menu > ul.dropdown li.active::before, header .header-wrapper .ColB .navbar > ul li.drop-menu > ul.dropdown li:hover::before {
  opacity: 1;
}
header .header-wrapper .ColB .navbar > ul li.drop-menu > ul.dropdown li.active a, header .header-wrapper .ColB .navbar > ul li.drop-menu > ul.dropdown li:hover a {
  color: #2CA01C;
}
header .header-wrapper .ColB .navbar > ul li.drop-menu > ul.dropdown li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: var(--light-green);
  opacity: 0;
}
header .header-wrapper .ColB .navbar > ul li.drop-menu > ul.dropdown li a {
  color: #000;
  padding: 4px 15px;
  display: inline-block;
  width: 100%;
  text-transform: none;
  margin: 4px 0;
}
header .header-wrapper .ColB .navbar > ul li.drop-menu > ul.dropdown li a:hover {
  color: #2CA01C;
}
header .header-wrapper .ColB .navbar > ul li.drop-menu:hover::before {
  filter: invert(1);
}
header .header-wrapper .ColB .navbar > ul li.drop-menu:hover ul.dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0px);
}
header .header-wrapper .ColB .navbar > ul li a {
  color: #000;
  font-weight: normal;
}
header .header-wrapper .ColB .navbar > ul li a.header-call-cta {
  background: #000;
  padding: 8px 10px;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
header .header-wrapper .ColB .navbar > ul li a.header-call-cta:hover {
  background: #fff;
}
header .header-wrapper .ColB .navbar > ul li a.header-call-cta:hover figure img {
  filter: invert(1);
}
header .header-wrapper .ColB .navbar > ul li a.header-call-cta figcaption {
  margin-left: 10px;
}
header .header-wrapper .ColB .navbar > ul li a.header-call-cta span {
  font-size: 11px;
  display: block;
  line-height: 16px;
}
header .header-wrapper .ColB .navbar > ul li a:hover {
  color: #2CA01C;
}
header .header-wrapper .ColB .navbar .other-nav {
  display: flex;
  align-items: center;
  justify-content: end;
  flex: 1;
}
@media (max-width: 860px) {
  header .header-wrapper .ColB .navbar .other-nav {
    gap: 20px;
  }
}
@media (max-width: 675px) {
  header .header-wrapper .ColB .navbar .other-nav {
    gap: 10px;
  }
}
header .header-wrapper .ColB .navbar .other-nav .cta_get_in_touch {
  display: flex;
  align-items: center;
}
@media (max-width: 675px) {
  header .header-wrapper .ColB .navbar .other-nav .cta_get_in_touch img {
    width: 30px;
  }
}
header .header-wrapper .ColB .navbar .other-nav .cta_get_in_touch a {
  color: #000;
}
header .header-wrapper .ColB .navbar .other-nav .cta_get_in_touch a.cta_get_in_touch_link {
  padding: 0px 10px;
  border-radius: 50px;
  color: #2CA01C;
  transition: 0.2s ease;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 1140px) {
  header .header-wrapper .ColB .navbar .other-nav .cta_get_in_touch a.cta_get_in_touch_link {
    font-size: 14px;
  }
}
@media (max-width: 675px) {
  header .header-wrapper .ColB .navbar .other-nav .cta_get_in_touch a.cta_get_in_touch_link {
    padding: 0 5px;
  }
}
header .header-wrapper .ColB .navbar .other-nav .cta_get_in_touch a span {
  font-size: 12px;
  display: block;
  color: #000;
  font-weight: normal;
}
@media (max-width: 675px) {
  header .header-wrapper .ColB .navbar .other-nav .cta_get_in_touch a span {
    display: none;
  }
}
header .header-wrapper .ColB .navbar .other-nav .ham-menu {
  position: relative;
  display: none;
}
@media (max-width: 860px) {
  header .header-wrapper .ColB .navbar .other-nav .ham-menu {
    display: block;
  }
}
header .header-wrapper .ColB .navbar .other-nav .ham-menu i {
  font-size: 30px;
}
@media (max-width: 675px) {
  header .header-wrapper .ColB .navbar .other-nav .ham-menu i {
    font-size: 25px;
  }
}

.mobile-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  max-width: 450px;
  width: 100%;
  background: #fff;
  transform: translateX(100%);
  transition: 0.5s ease;
  background: white;
  padding: 40px 30px;
}
@media (max-width: 675px) {
  .mobile-menu {
    max-width: 100%;
  }
}
.mobile-menu.open-ham {
  transform: translateX(0%);
}
.mobile-menu .site-logo a figure img {
  margin: auto 0;
}
.mobile-menu ul.main-list {
  margin: 40px 0 30px;
}
.mobile-menu ul.main-list li {
  margin: 10px 0;
}
.mobile-menu ul.main-list li a {
  color: #000;
  transition: 0.2s ease;
}
.mobile-menu ul.main-list li a:hover {
  color: #2CA01C;
}
.mobile-menu ul.main-list li.active a {
  color: #2CA01C;
}
.mobile-menu .hamburger-icon {
  width: 100%;
  display: inline-block;
}
.mobile-menu .hamburger-icon .col {
  display: flex;
  gap: 15px;
  margin: 15px 0;
}
.mobile-menu .hamburger-icon .col figure {
  flex: 0 1 10%;
  max-width: 10%;
  width: 100%;
  margin-top: 5px;
}
.mobile-menu .hamburger-icon .col figure img {
  width: 100%;
}
.mobile-menu .hamburger-icon .col .detials {
  width: 100%;
}
.mobile-menu .hamburger-icon .col .detials:hover span, .mobile-menu .hamburger-icon .col .detials:hover a {
  letter-spacing: 1px;
}
.mobile-menu .hamburger-icon .col .detials span {
  display: block;
  font-size: 14px;
  color: #000;
  transition: 0.2s ease;
}
.mobile-menu .hamburger-icon .col .detials a {
  display: block;
  color: #000;
  transition: 0.2s ease;
}

.SectionA {
  height: 100vh;
  position: relative;
  background: url(../../assets/images/resource/herobanner.webp);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.SectionA::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6392156863);
}
@media (max-width: 675px) {
  .SectionA {
    height: 80vh;
  }
}
.SectionA .inner-wrap {
  content: "";
  position: absolute;
  width: 100%;
  top: 70%;
  transform: translateY(-70%);
}
.SectionA .inner-wrap .container .Hero-content {
  width: 900px;
  margin: auto;
  position: relative;
  padding: 25px 0 50px;
}
@media (max-width: 991px) {
  .SectionA .inner-wrap .container .Hero-content {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .SectionA .inner-wrap .container .Hero-content {
    text-align: center;
  }
}
.SectionA .inner-wrap .container .Hero-content h1, .SectionA .inner-wrap .container .Hero-content h5, .SectionA .inner-wrap .container .Hero-content p {
  color: #fff;
}
.SectionA .inner-wrap .container .Hero-content h1 {
  font-weight: 600;
}
.SectionA .inner-wrap .container .Hero-content h5 {
  font-weight: normal;
  margin: 15px 0 30px;
}
.SectionA .inner-wrap .container .Hero-content p {
  font-size: 22px;
  margin-top: 20px;
  line-height: 32px;
  font-weight: normal;
}
@media (max-width: 1024px) {
  .SectionA .inner-wrap .container .Hero-content p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .SectionA .inner-wrap .container .Hero-content p {
    font-size: 16px;
  }
}

.Home_SecB {
 /* background: url(../../assets/images/resource/bg-sec.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;*/
}
.Home_SecB .container .about-flex {
  align-items: center;
  justify-content: space-between;
}
.Home_SecB .container .about-flex .col {
  width: 100%;
}
.Home_SecB .container .about-flex .col:first-child {
  flex: 0 1 48%;
  max-width: 48%;
}
@media (max-width: 860px) {
  .Home_SecB .container .about-flex .col:first-child {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.Home_SecB .container .about-flex .col:first-child figure img {
  width: 100%;
  margin: auto;
}
.Home_SecB .container .about-flex .col:last-child {
  flex: 0 1 48%;
  max-width: 48%;
}
@media (max-width: 860px) {
  .Home_SecB .container .about-flex .col:last-child {
    flex: 0 1 100%;
    max-width: 100%;
    margin-top: 30px;
  }
}
.Home_SecB .container .about-flex .col:last-child .web-content .inner_cta_btn {
  margin-top: 40px;
}

.Home_SecD .container .service-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 860px) {
  .Home_SecD .container .service-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 675px) {
  .Home_SecD .container .service-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.Home_SecD .container .service-grid .service-box {
  border-radius: 18px;
  box-shadow: 0px 0px 20px rgba(191, 193, 212, 0.7019607843);
  padding: 8px;
  background: #fff;
}
.Home_SecD .container .service-grid .service-box:hover figure img {
  transform: scale(1.2);
}
.Home_SecD .container .service-grid .service-box:hover figcaption h6 {
  color: var(--primary);
}
.Home_SecD .container .service-grid .service-box figure {
  border-radius: 10px;
  overflow: hidden;
}
.Home_SecD .container .service-grid .service-box figure img {
  width: 100%;
  transition: 0.3s ease;
}
.Home_SecD .container .service-grid .service-box figcaption {
  padding: 15px 10px;
}
.Home_SecD .container .service-grid .service-box figcaption h6 {
  font-weight: bold;
  transition: 0.3s ease;
}
.Home_SecD .container .service-grid .service-box figcaption p {
  margin: 5px 0 15px;
}

.Home_SecE {
  padding: 100px 0;
  background: url(../../assets/images/resource/paralax.webp);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
  background-position: center;
}
.Home_SecE::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4392156863);
}
.Home_SecE .container {
  position: relative;
}
.Home_SecE .container .web-content {
  width: 800px;
  margin: auto;
}
@media (max-width: 860px) {
  .Home_SecE .container .web-content {
    width: 100%;
  }
}
.Home_SecE .container .web-content h3, .Home_SecE .container .web-content p {
  color: #fff;
}

.Home_SecF .container .blog-slider {
  margin-top: 40px;
}
.Home_SecF .container .blog-slider .item {
  padding: 15px;
}
.Home_SecF .container .blog-slider .item .blog-box {
  border-radius: 18px;
  box-shadow: 0px 0px 20px rgba(191, 193, 212, 0.7019607843);
  padding: 8px;
  background: #fff;
}
.Home_SecF .container .blog-slider .item .blog-box:hover figure img {
  transform: scale(1.2);
}
.Home_SecF .container .blog-slider .item .blog-box:hover figcaption h6 {
  color: var(--primary);
}
.Home_SecF .container .blog-slider .item .blog-box figure {
  border-radius: 10px;
  overflow: hidden;
}
.Home_SecF .container .blog-slider .item .blog-box figure img {
  width: 100%;
  transition: 0.3s ease;
}
.Home_SecF .container .blog-slider .item .blog-box figcaption {
  padding: 15px 10px;
}
.Home_SecF .container .blog-slider .item .blog-box figcaption span.article {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.Home_SecF .container .blog-slider .item .blog-box figcaption h6 {
  font-weight: bold;
  transition: 0.3s ease;
}
.Home_SecF .container .blog-slider .item .blog-box figcaption p {
  margin: 5px 0 15px;
}
.Home_SecF .container .blog-slider .item .blog-box figcaption .blog_cta_btn a {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 8px;
  transition: 0.3s ease;
  color: var(--primary);
}
.Home_SecF .container .blog-slider .item .blog-box figcaption .blog_cta_btn a img {
  width: auto;
}
.Home_SecF .container .blog-slider .item .blog-box figcaption .blog_cta_btn a:hover {
  gap: 14px;
}

.Home_SecG {
  position: relative;
}
.Home_SecG::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 228px;
  background: url(../../assets/images/icons/testimoni-shape.webp);
  background-position: bottom;
  background-size: cover;
}
.Home_SecG .container {
  position: relative;
}
.Home_SecG .container .testimonial-flex {
  align-items: center;
  justify-content: space-between;
}
.Home_SecG .container .testimonial-flex .col {
  flex: 0 1 48%;
  max-width: 48%;
  width: 100%;
}
@media (max-width: 860px) {
  .Home_SecG .container .testimonial-flex .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
  .Home_SecG .container .testimonial-flex .col:last-child {
    margin-top: 30px;
  }
}
.Home_SecG .container .testimonial-flex .col:first-child figure img {
  width: 100%;
}
.Home_SecG .container .testimonial-flex .col .Testimonial_slider .item {
  padding: 15px;
}
@media (max-width: 675px) {
  .Home_SecG .container .testimonial-flex .col .Testimonial_slider .item {
    padding: 0;
  }
}
.Home_SecG .container .testimonial-flex .col .Testimonial_slider .item .inner-wrapper {
  background: #fff;
  border-radius: 17px;
  box-shadow: 0px 0px 14px #DDE0EE;
  padding: 35px;
  text-align: center;
}
@media (max-width: 675px) {
  .Home_SecG .container .testimonial-flex .col .Testimonial_slider .item .inner-wrapper {
    padding: 30px 20px;
  }
}
.Home_SecG .container .testimonial-flex .col .Testimonial_slider .item .inner-wrapper figure img {
  width: auto;
  margin: auto;
}
.Home_SecG .container .testimonial-flex .col .Testimonial_slider .item .inner-wrapper p {
  margin: 10px 0 15px;
}

.Home_SecH .container .form-flex {
  align-items: center;
  justify-content: space-between;
}
.Home_SecH .container .form-flex .col {
  flex: 0 1 47%;
  max-width: 47%;
  width: 100%;
}
@media (max-width: 860px) {
  .Home_SecH .container .form-flex .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
  .Home_SecH .container .form-flex .col:last-child {
    margin-top: 30px;
  }
}
.Home_SecH .container .form-flex .col figure img {
  width: 100%;
}

div#back-to-top {
  position: fixed;
  right: -70px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 55px;
  z-index: 11;
  bottom: 80px;
  background: #2CA01C;
  padding: 10px;
  cursor: pointer;
  transition: 700ms ease;
}
div#back-to-top.show {
  right: 10px;
}
div#back-to-top svg {
  width: 15px;
}

footer {
  background: #000;
  position: relative;
}
footer .Outer_footer_wrap {
  position: relative;
  padding-top: 60px;
}
footer .Outer_footer_wrap > .container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4196078431);
}
footer .Outer_footer_wrap > .container .comp-details {
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2784313725);
  padding-bottom: 30px;
}
footer .Outer_footer_wrap > .container .comp-details figure {
  flex: 0 1 20%;
  max-width: 20%;
}
@media (max-width: 767px) {
  footer .Outer_footer_wrap > .container .comp-details figure {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
footer .Outer_footer_wrap > .container .comp-details figure img {
  width: auto;
}
footer .Outer_footer_wrap > .container .comp-details figcaption {
  flex: 0 1 75%;
  max-width: 75%;
  width: 100%;
}
@media (max-width: 767px) {
  footer .Outer_footer_wrap > .container .comp-details figcaption {
    flex: 0 1 100%;
    max-width: 100%;
    margin-top: 20px;
  }
}
footer .Outer_footer_wrap > .container .comp-details figcaption p {
  font-size: 14px;
  color: #fff;
}
footer .Outer_footer_wrap > .container .comp-details figcaption p a {
  color: var(--primary);
}
footer .Outer_footer_wrap > .container .footer_details {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
}
@media (max-width: 991px) {
  footer .Outer_footer_wrap > .container .footer_details {
    flex-wrap: wrap;
  }
}
footer .Outer_footer_wrap > .container .footer_details .box {
  width: 100%;
}
footer .Outer_footer_wrap > .container .footer_details .box:first-child {
  flex: 0 1 15%;
  max-width: 15%;
  padding-top: 38px;
}
@media (max-width: 860px) {
  footer .Outer_footer_wrap > .container .footer_details .box:first-child {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media (max-width: 675px) {
  footer .Outer_footer_wrap > .container .footer_details .box:first-child {
    flex: 0 1 100%;
    max-width: 100%;
    padding-top: 20px;
  }
}
footer .Outer_footer_wrap > .container .footer_details .box:nth-child(2), footer .Outer_footer_wrap > .container .footer_details .box:nth-child(3), footer .Outer_footer_wrap > .container .footer_details .box:last-child {
  flex: 0 1 25%;
  max-width: 25%;
  padding-top: 38px;
}
@media (max-width: 860px) {
  footer .Outer_footer_wrap > .container .footer_details .box:nth-child(2), footer .Outer_footer_wrap > .container .footer_details .box:nth-child(3), footer .Outer_footer_wrap > .container .footer_details .box:last-child {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
@media (max-width: 675px) {
  footer .Outer_footer_wrap > .container .footer_details .box:nth-child(2), footer .Outer_footer_wrap > .container .footer_details .box:nth-child(3), footer .Outer_footer_wrap > .container .footer_details .box:last-child {
    flex: 0 1 100%;
    max-width: 100%;
    padding-top: 20px;
  }
}
footer .Outer_footer_wrap > .container .footer_details .box:nth-child(4), footer .Outer_footer_wrap > .container .footer_details .box:last-child {
  flex: 0 1 35%;
  max-width: 35%;
}
@media (max-width: 860px) {
  footer .Outer_footer_wrap > .container .footer_details .box:nth-child(4), footer .Outer_footer_wrap > .container .footer_details .box:last-child {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
footer .Outer_footer_wrap > .container .footer_details .box a {
  display: inline-block;
  color: #fff;
}
footer .Outer_footer_wrap > .container .footer_details .box p {
  margin: 15px 0;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.social_meida_link {
  display: flex;
  margin-top: 60px;
}
@media (max-width: 991px) {
  footer .Outer_footer_wrap > .container .footer_details .box ul.social_meida_link {
    justify-content: left;
  }
}
@media (max-width: 767px) {
  footer .Outer_footer_wrap > .container .footer_details .box ul.social_meida_link {
    margin-top: 30px;
  }
}
footer .Outer_footer_wrap > .container .footer_details .box ul.social_meida_link li {
  margin: 0 4px;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.social_meida_link li a {
  width: 45px;
  height: 45px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.65);
  color: #fff;
}
@media (max-width: 767px) {
  footer .Outer_footer_wrap > .container .footer_details .box ul.social_meida_link li a {
    width: 40px;
    height: 40px;
  }
}
footer .Outer_footer_wrap > .container .footer_details .box ul.social_meida_link li a i {
  font-size: 22px;
}
@media (max-width: 767px) {
  footer .Outer_footer_wrap > .container .footer_details .box ul.social_meida_link li a i {
    font-size: 20px;
  }
}
footer .Outer_footer_wrap > .container .footer_details .box ul.social_meida_link li a:hover {
  background: var(--primary);
}
footer .Outer_footer_wrap > .container .footer_details .box h6 {
  font-weight: 600;
  position: relative;
  color: #fff;
  font-size: 16px;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.footer_ctalink {
  margin-top: 15px;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.footer_ctalink.extra-space li {
  margin: 15px 0;
  color: rgba(255, 255, 255, 0.5803921569);
}
footer .Outer_footer_wrap > .container .footer_details .box ul.footer_ctalink.extra-space li:hover {
  color: var(--primary);
}
footer .Outer_footer_wrap > .container .footer_details .box ul.footer_ctalink.extra-space li:first-child {
  margin-top: 0;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.footer_ctalink li {
  margin: 10px 0;
  display: flex;
  align-items: baseline;
  gap: 11px;
  font-size: 14px;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.footer_ctalink li .contactblock span {
  display: block;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.footer_ctalink li .contactblock > a {
  font-size: 20px;
  font-weight: 600;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.footer_ctalink li a {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.footer_ctalink li a:hover {
  color: var(--primary);
}
footer .Outer_footer_wrap > .container .footer_details .box ul.office_details li {
  margin: 10px 0;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.office_details li .flex {
  gap: 10px;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.office_details li .flex figure {
  flex: 0 1 8%;
  max-width: 8%;
  width: 100%;
}
@media (max-width: 675px) {
  footer .Outer_footer_wrap > .container .footer_details .box ul.office_details li .flex figure {
    flex: 0 1 5%;
    max-width: 5%;
  }
}
footer .Outer_footer_wrap > .container .footer_details .box ul.office_details li .flex figure img {
  width: 100%;
  margin-top: 5px;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.office_details li .flex figcaption {
  flex: 1;
}
footer .Outer_footer_wrap > .container .footer_details .box ul.office_details li .flex figcaption a {
  display: block;
}
footer .footer-strip {
  padding: 10px 0;
}
@media (max-width: 767px) {
  footer .footer-strip {
    padding: 5px 0 10px;
  }
}
footer .footer-strip .container .flex {
  justify-content: space-between;
}
@media (max-width: 860px) {
  footer .footer-strip .container .flex {
    justify-content: center;
  }
}
footer .footer-strip .container .flex .col {
  width: 100%;
}
footer .footer-strip .container .flex .col:first-child {
  flex: 0 1 50%;
  max-width: 50%;
}
@media (max-width: 860px) {
  footer .footer-strip .container .flex .col:first-child {
    flex: 0 1 100%;
    max-width: 100%;
    text-align: center;
  }
}
footer .footer-strip .container .flex .col:first-child p {
  font-size: 14px;
  color: #fff;
}
@media (max-width: 767px) {
  footer .footer-strip .container .flex .col:first-child p {
    font-size: 12px;
  }
}
footer .footer-strip .container .flex .col:last-child {
  flex: 0 1 50%;
  max-width: 50%;
}
@media (max-width: 860px) {
  footer .footer-strip .container .flex .col:last-child {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
footer .footer-strip .container .flex .col:last-child ul {
  display: flex;
  justify-content: end;
  align-items: center;
}
@media (max-width: 860px) {
  footer .footer-strip .container .flex .col:last-child ul {
    justify-content: center;
    flex-wrap: wrap;
  }
}
footer .footer-strip .container .flex .col:last-child ul li {
  display: flex;
  align-items: center;
  padding: 0px 15px;
}
footer .footer-strip .container .flex .col:last-child ul li:not(:last-child) {
  border-right: 1px solid #fff;
}
footer .footer-strip .container .flex .col:last-child ul li a {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
}
footer .footer-strip .container .flex .col:last-child ul li a:hover {
  color: var(--primary);
}

.InquiryPopModule {
  position: fixed;
  top: 50%;
  bottom: 0;
  right: 0;
  left: 50%;
  transform: translate(200%, -50%);
  max-width: 500px;
  width: 100%;
  background: #fff;
  transition: 0.5s ease;
  z-index: 999;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 520px) {
  .InquiryPopModule {
    max-width: 100%;
  }
}
.InquiryPopModule.open {
  transform: translate(-50%, -50%);
}
.InquiryPopModule .model-Wrap {
  padding: 0 50px 50px;
  height: 100%;
  position: relative;
}
.InquiryPopModule .model-Wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 14%;
  background: #2CA01C;
}
@media (max-width: 520px) {
  .InquiryPopModule .model-Wrap {
    padding: 0px 30px 30px;
  }
}
.InquiryPopModule .modelBody {
  position: relative;
}
.InquiryPopModule .modelBody figure {
  background: #fff;
  display: inline-block;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2392156863);
}
.InquiryPopModule .modelBody figure img {
  margin: auto;
  width: 70px;
}
.InquiryPopModule .modelBody h4 {
  color: #000;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
}
.InquiryPopModule .InquiryForm {
  margin-top: 30px;
}

.form-group {
  margin-bottom: 15px;
  position: relative;
}
.form-group input {
  color: #000;
}
.form-group input[type=submit] {
  font-weight: 600;
  background: var(--primary);
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: 0.3s ease;
}
.form-group input[type=submit]:hover {
  background: var(--blend);
}
.form-group textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0);
  border: none;
  border-bottom: 1px solid #b9b9b9;
  font-size: 14px;
  font-family: Poppins;
  resize: vertical;
}
.form-group .form-control {
  width: 100%;
  padding: 10px 20px;
  color: #000000;
  border: 0;
  border-radius: 50px;
  border: 1px solid var(--primary);
  outline: none;
  font-size: 14px;
  background: transparent;
  font-family: Poppins;
}

.Internal_Banner_sec {
  background: var(--blend);
}
.Internal_Banner_sec .outer_wrap figure {
  position: relative;
  height: 45vh;
}
.Internal_Banner_sec .outer_wrap figure figcaption {
  content: "";
  position: absolute;
  left: 50%;
  top: 90%;
  transform: translate(-50%, -90%);
  text-align: center;
  width: 600px;
  padding: 0 15px;
}
.Internal_Banner_sec .outer_wrap figure figcaption.eighty {
  top: 75%;
  transform: translate(-50%, -75%);
}
@media (max-width: 675px) {
  .Internal_Banner_sec .outer_wrap figure figcaption {
    width: 100%;
    text-align: center;
  }
}
.Internal_Banner_sec .outer_wrap figure figcaption h3 {
  color: #fff;
  font-weight: bold;
  font-size: 38px;
}
@media (max-width: 1300px) {
  .Internal_Banner_sec .outer_wrap figure figcaption h3 {
    font-size: 30px;
  }
}
@media (max-width: 1140px) {
  .Internal_Banner_sec .outer_wrap figure figcaption h3 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .Internal_Banner_sec .outer_wrap figure figcaption h3 {
    font-size: 24px;
  }
}
.Internal_Banner_sec .outer_wrap figure figcaption p {
  color: #fff;
  margin: 20px 0;
}
.Internal_Banner_sec .outer_wrap figure figcaption .Internal_banner_cta a {
  display: inline-block;
  color: #fff;
  padding: 6px 20px;
  border: 1px solid #fff;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1882352941);
  transition: 0.3s ease;
}
.Internal_Banner_sec .outer_wrap figure figcaption .Internal_banner_cta a:hover {
  background: #fff;
  color: #2CA01C;
}
.Internal_Banner_sec .outer_wrap ul.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 10px;
  padding: 0 0px 20px;
}
.Internal_Banner_sec .outer_wrap ul.breadcrumb li {
  color: #fff;
  position: relative;
}
.Internal_Banner_sec .outer_wrap ul.breadcrumb li:not(:last-child)::before {
  content: ">";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #fff;
}
.Internal_Banner_sec .outer_wrap ul.breadcrumb li a {
  font-size: 16px;
  color: #fff;
  padding-right: 20px;
}
.Internal_Banner_sec .outer_wrap ul.breadcrumb li a:hover {
  color: #fff;
}

.About_SecA .container .flex {
  align-items: center;
  justify-content: space-between;
}
.About_SecA .container .flex:not(:first-child) {
  margin-top: 30px;
}
@media (max-width: 675px) {
  .About_SecA .container .flex:not(:first-child) {
    margin-top: 0;
  }
}
.About_SecA .container .flex:nth-child(even) .col:first-child {
  order: 2;
}
@media (max-width: 675px) {
  .About_SecA .container .flex:nth-child(even) .col:first-child {
    order: 1;
  }
}
.About_SecA .container .flex:nth-child(even) .col:last-child {
  order: 1;
}
@media (max-width: 675px) {
  .About_SecA .container .flex:nth-child(even) .col:last-child {
    order: 2;
  }
}
.About_SecA .container .flex .col {
  flex: 0 1 48%;
  max-width: 48%;
  width: 100%;
}
@media (max-width: 767px) {
  .About_SecA .container .flex .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
  .About_SecA .container .flex .col:last-child {
    margin-top: 30px;
  }
}
.About_SecA .container .flex .col figure img {
  width: 100%;
}

.About_SecB .container .title {
  width: 900px;
  margin: auto;
}
@media (max-width: 991px) {
  .About_SecB .container .title {
    width: 100%;
  }
}
.About_SecB .container .value-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .About_SecB .container .value-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 675px) {
  .About_SecB .container .value-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.About_SecB .container .value-grid .value-box {
  text-align: center;
  background: #fff;
  box-shadow: 0px 0px 10px #D9DDF2;
  border-radius: 10px;
  padding: 20px;
}
.About_SecB .container .value-grid .value-box figure {
  margin-bottom: 10px;
}
.About_SecB .container .value-grid .value-box figure img {
  margin: auto;
}
.About_SecB .container .value-grid .value-box h6 {
  font-weight: 600;
}

.About-SecD {
  padding: 100px 0;
}
@media (max-width: 860px) {
  .About-SecD {
    padding: 40px 0;
  }
}
.About-SecD .container {
  position: relative;
}
.About-SecD .container figure {
  content: "";
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  right: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 50%;
}
@media (max-width: 860px) {
  .About-SecD .container figure {
    display: none;
  }
}
.About-SecD .container figure img {
  width: 90%;
}
.About-SecD .container .web-content {
  width: 700px;
  padding: 20px 40px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137);
  position: relative;
  background: #fff;
}
@media (max-width: 860px) {
  .About-SecD .container .web-content {
    width: 100%;
    padding: 10px 25px;
  }
}

.Service_SecA .container .service-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 860px) {
  .Service_SecA .container .service-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 675px) {
  .Service_SecA .container .service-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.Service_SecA .container .service-grid .service-box {
  border-radius: 18px;
  box-shadow: 0px 0px 20px rgba(191, 193, 212, 0.7019607843);
  padding: 8px;
  background: #fff;
}
.Service_SecA .container .service-grid .service-box:hover figure img {
  transform: scale(1.2);
}
.Service_SecA .container .service-grid .service-box:hover figcaption h6 {
  color: var(--primary);
}
.Service_SecA .container .service-grid .service-box figure {
  border-radius: 10px;
  overflow: hidden;
}
.Service_SecA .container .service-grid .service-box figure img {
  width: 100%;
  transition: 0.3s ease;
}
.Service_SecA .container .service-grid .service-box figcaption {
  padding: 15px 10px;
}
.Service_SecA .container .service-grid .service-box figcaption h6 {
  font-weight: bold;
  transition: 0.3s ease;
}
.Service_SecA .container .service-grid .service-box figcaption p {
  margin: 5px 0 15px;
}

.Service_detail_SecB {
  background: #F3F2EF;
}
.Service_detail_SecB .container .title {
  width: 680px;
  margin: auto;
}
@media (max-width: 767px) {
  .Service_detail_SecB .container .title {
    width: 100%;
  }
}
.Service_detail_SecB .container .step-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 860px) {
  .Service_detail_SecB .container .step-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 675px) {
  .Service_detail_SecB .container .step-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.Service_detail_SecB .container .step-grid .step-box {
  padding: 30px 20px;
  text-align: center;
  box-shadow: 0px 0px 10px #D9DDF2;
  border-radius: 10px;
  background: #fff;
}
.Service_detail_SecB .container .step-grid .step-box h6 {
  font-weight: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

.blog_SecA .container .blog-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 860px) {
  .blog_SecA .container .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 675px) {
  .blog_SecA .container .blog-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog_SecA .container .blog-grid .blog-box {
  border-radius: 18px;
  box-shadow: 0px 0px 20px rgba(191, 193, 212, 0.7019607843);
  padding: 8px;
  background: #fff;
}
.blog_SecA .container .blog-grid .blog-box:hover figure img {
  transform: scale(1.2);
}
.blog_SecA .container .blog-grid .blog-box:hover figcaption h6 {
  color: var(--primary);
}
.blog_SecA .container .blog-grid .blog-box figure {
  border-radius: 10px;
  overflow: hidden;
}
.blog_SecA .container .blog-grid .blog-box figure img {
  width: 100%;
  transition: 0.3s ease;
}
.blog_SecA .container .blog-grid .blog-box figcaption {
  padding: 15px 10px;
}
.blog_SecA .container .blog-grid .blog-box figcaption span.article {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.blog_SecA .container .blog-grid .blog-box figcaption h6 {
  font-weight: bold;
  transition: 0.3s ease;
}
.blog_SecA .container .blog-grid .blog-box figcaption p {
  margin: 5px 0 15px;
}
.blog_SecA .container .blog-grid .blog-box figcaption .blog_cta_btn a {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 8px;
  transition: 0.3s ease;
  color: var(--primary);
}
.blog_SecA .container .blog-grid .blog-box figcaption .blog_cta_btn a img {
  width: auto;
}
.blog_SecA .container .blog-grid .blog-box figcaption .blog_cta_btn a:hover {
  gap: 14px;
}

.BlogDetail-SectionA .container .flex {
  justify-content: space-between;
}
.BlogDetail-SectionA .container .flex .col {
  width: 100%;
}
.BlogDetail-SectionA .container .flex .col:first-child {
  flex: 0 1 70%;
  max-width: 70%;
}
@media (max-width: 860px) {
  .BlogDetail-SectionA .container .flex .col:first-child {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.BlogDetail-SectionA .container .flex .col:first-child figure img {
  width: 100%;
}
.BlogDetail-SectionA .container .flex .col:last-child {
  flex: 0 1 27%;
  max-width: 27%;
}
@media (max-width: 860px) {
  .BlogDetail-SectionA .container .flex .col:last-child {
    flex: 0 1 100%;
    max-width: 100%;
    margin-top: 40px;
  }
}
.BlogDetail-SectionA .container .flex .col .aside-left .blog-listing:not(:first-child) {
  margin-top: 40px;
}
.BlogDetail-SectionA .container .flex .col .aside-left .blog-listing figure img {
  width: 100%;
}
.BlogDetail-SectionA .container .flex .col .aside-left .blog-listing > .title {
  margin-top: 20px;
}
.BlogDetail-SectionA .container .flex .col .aside-left .blog-listing > .title > a {
  display: block;
}
.BlogDetail-SectionA .container .flex .col .aside-left .blog-listing > .title > a:hover h4 {
  color: #2CA01C;
}
.BlogDetail-SectionA .container .flex .col .aside-left .blog-listing > .title > a h4 {
  font-weight: 600;
}
.BlogDetail-SectionA .container .flex .col .aside-left .blog-listing > .title span {
  font-size: 16px;
  color: #2CA01C;
  font-weight: 500;
  margin: 15px 0;
  display: block;
}
.BlogDetail-SectionA .container .flex .col .aside-right {
  position: sticky;
  top: 120px;
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post {
  background: #fff;
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post h5 {
  font-weight: 600;
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post ul {
  margin-top: 20px;
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post ul li {
  padding: 8px 0;
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post ul li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1607843137);
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post ul li a {
  color: #000;
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post ul li a:hover {
  color: #2CA01C;
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post ul li .flex {
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post ul li .flex figure {
  flex: 0 1 25%;
  max-width: 25%;
  width: 100%;
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post ul li .flex figcaption {
  flex: 1;
}
.BlogDetail-SectionA .container .flex .col .aside-right .popular-post ul li .flex figcaption p {
  font-weight: bold;
}

.Contact_SecA .container .title {
  width: 700px;
  margin: auto;
}
@media (max-width: 767px) {
  .Contact_SecA .container .title {
    width: 100%;
  }
}
.Contact_SecA .container > .flex {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.Contact_SecA .container > .flex .col {
  flex: 0 1 48%;
  max-width: 48%;
  width: 100%;
}
@media (max-width: 767px) {
  .Contact_SecA .container > .flex .col {
    flex: 0 1 100%;
    max-width: 100%;
  }
  .Contact_SecA .container > .flex .col:last-child {
    margin-top: 30px;
  }
}
.Contact_SecA .container > .flex .col > .form-wrap {
  padding: 30px;
  background: #F3F2EF;
}
.Contact_SecA .container > .flex .col > .form-wrap > form .flex .form-group, .Contact_SecA .container > .flex .col > .form-wrap .form .flex .form-group {
  width: 100%;
  flex: 0 1 100%;
  max-width: 100%;
  margin: 10px 0;
}
.Contact_SecA .container > .flex .col > .form-wrap > form .flex .form-group.half, .Contact_SecA .container > .flex .col > .form-wrap .form .flex .form-group.half {
  width: 100%;
  flex: 0 1 49%;
  max-width: 49%;
}
@media (max-width: 767px) {
  .Contact_SecA .container > .flex .col > .form-wrap > form .flex .form-group.half, .Contact_SecA .container > .flex .col > .form-wrap .form .flex .form-group.half {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.Contact_SecA .container > .flex .col > .form-wrap > form .flex .form-group .form-control, .Contact_SecA .container > .flex .col > .form-wrap .form .flex .form-group .form-control {
  border: none;
  background: #fff;
  border-radius: 0px;
}
.Contact_SecA .container > .flex .col > .form-wrap > form .flex .form-group input[type=submit], .Contact_SecA .container > .flex .col > .form-wrap .form .flex .form-group input[type=submit] {
  background: #2CA01C;
  color: #fff;
  font-size: 18px;
  border: 2px solid #2CA01C;
  cursor: pointer;
  transition: 0.3s ease;
  border-radius: 0px;
}
.Contact_SecA .container > .flex .col > .form-wrap > form .flex .form-group input[type=submit]:hover, .Contact_SecA .container > .flex .col > .form-wrap .form .flex .form-group input[type=submit]:hover {
  background: #fff;
  color: #2CA01C;
}
.Contact_SecA .container > .flex .col > .form-wrap > form label, .Contact_SecA .container > .flex .col > .form-wrap .form label {
  display: block;
  font-size: 14px;
}
.Contact_SecA .container > .flex .col .contact-wrapper h5 {
  color: #2CA01C;
  font-weight: bold;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.for-call {
  display: flex;
  align-items: center;
  justify-content: left;
  margin-top: 15px;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.for-call li {
  padding-left: 25px;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.for-call li:not(:last-child) {
  border-right: 1px solid black;
  padding-right: 25px;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.for-call li a {
  display: inline-block;
  color: #000;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.for-call li a:hover {
  color: #2CA01C;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.address-list {
  margin-top: 15px;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.address-list li {
  padding-left: 25px;
  margin-top: 20px;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.address-list li:first-child {
  margin-top: 0;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.address-list li span {
  display: block;
  font-weight: 600;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.address-list li a {
  display: inline-block;
  color: #000;
}
.Contact_SecA .container > .flex .col .contact-wrapper ul.address-list li a:hover {
  color: #2CA01C;
}/*# sourceMappingURL=style.css.map */