/*#78bf26*/
/*$primary-medium-color;*/
html {
  position: relative;
  min-height: 100%;
}

.btn, .btn-primary, .btn:active, .btn:focus, input, textarea {
  outline: 0 !important;
  box-shadow: none !important;
}

ol, ul {
  padding: 0;
  margin: 0;
}

body {
  height: 100%;
  background-color: #fff;
  color: #303030;
  font-size: 14px;
  overflow-x: hidden;
  letter-spacing: 1px;
  font-family: "Barlow", sans-serif;
  line-height: 1.5;
  margin: 0;
}

.no-scroll {
  overflow: hidden;
}

.button, .ss_menu ul li a, h1, h2, h3, h4, h5, h6, h7, h8 {
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 1.5px;
  font-weight: 700;
}

.topheader {
  width: 100%;
  position: fixed;
  z-index: 100;
  padding: 30px 20px 0;
}

.homedroid {
  float: left;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.homedroid img, .ss_menu .logo img {
  width: auto;
  height: 80px;
}

.navbar {
  float: right;
  padding: 0;
  -webkit-transition: all 0.1s ease;
  transition: all 0.5s ease;
}

.navbar .navbar-nav .nav-link {
  display: block;
  padding: 8px 10px;
  margin: 0 8px;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  color: white;
  line-height: normal;
  letter-spacing: 2px;
  position: relative;
  font-family: "Barlow Condensed", sans-serif;
}

.navbar .navbar-nav .nav-link:hover {
  color: #8ccfe5;
}

.navbar .navbar-nav .active {
  color: #8ccfe5;
  -webkit-transition: all 0.1s ease;
  transition: all 0.5s ease;
}

.navbar .navbar-nav .active.nav-link:after, .navbar .navbar-nav .nav-link:focus:after, .navbar .navbar-nav .nav-link:hover:after {
  width: 100%;
  z-index: -1;
  -webkit-transition: all 0.1s ease;
  transition: all 0.5s ease;
}

.navbar .navbar-nav .nav-link:after .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 10px;
}

.navbar .navbar-nav .nav-link:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.navbar .navbar-nav .nav-link:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  width: 0%;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  height: 2px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  background-color: #78bf26;
  margin: auto;
}

.navbar .navbar-nav .nav-link:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.image-icons {
  display: block;
  height: 128px;
  margin-top: 54px;
  opacity: 0.5;
}

.icon-section {
  display: flex;
  justify-content: left;
  gap: 40px;
  padding: 20px;
  background-color: #083d32;
  /* text-align: left; */
  width: 600px;
  margin-top: 100px;
}

.icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  font-family: sans-serif;
}

.icon-item img {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  filter: brightness(0) invert(1); /* makes sure white icons stay white on dark bg */
}

.icon-item p {
  margin: 0;
  font-size: 14px;
}

.features {
  display: flex;
  gap: 10px;
  font-family: sans-serif;
  font-size: 22px;
  color: white;
  flex-wrap: wrap;
  padding: 10px;
}

.banner-left-contents {
  position: absolute;
  top: 75%;
  left: 20px;
  transform: translate(0, -50%);
  width: 100%;
}

.estimator {
  max-width: 480px;
  width: 100%;
  text-align: left;
  /*background-color: $primary-medium-color;*/
  background-color: white;
  border-radius: 20px;
  padding-left: 40px !important;
  padding-right: 40px !important;
  margin-left: 0px !important;
}
.estimator h1 {
  color: #1085ad;
  font-size: 26px !important;
  margin-bottom: 18px !important;
  margin-top: 0px !important;
}
.estimator h1::after {
  content: "";
  height: 0px !important;
  background-color: none;
}
.estimator-inner {
  background-color: #fff;
}
.estimator-form {
  min-height: 400px;
}
.estimator .total-price {
  border: 1px solid #dee2e6;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  padding: 1rem;
}
.estimator .compact-price-box {
  padding: 0.5rem 0.75rem;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25;
}
.estimator .discount-line {
  font-weight: 600;
  font-size: 0.85rem;
  color: #dc3545;
  margin-bottom: 0.2rem;
}
.estimator .final-price {
  font-weight: 700;
  font-size: 1.5rem;
  color: #0d6efd;
  margin: 0.2rem 0;
}
.estimator .price-note {
  font-size: 0.75rem;
}
.estimator .rut-avdrag {
  padding-top: 34px;
  padding-left: 45px;
}
.estimator textarea {
  height: 56px;
}
.estimator .addons .form-check {
  clear: both;
  padding-bottom: 10px;
}
.estimator .form-check-label {
  padding-left: 10px;
  padding-top: 4px;
}
.estimator #estimator-success {
  background-color: #f0fff4;
  border: 2px solid #d1e7dd;
  border-radius: 12px;
  min-height: 437px;
}

/*.calculator {
  margin: 40px auto;
  padding: 30px;
  transform: translate(0, -50%);
  top: 50%;
  position: absolute;
  right: 70px;
  max-width: 580px;
  width: 100%;

  h1 {
    font-size: 35px !important;
  }

  .form-group {
    margin-left: 2rem;
    margin-right: 2rem;
    text-align: left;
  }

  .cal-box {
    border-radius: 12px;
    box-shadow: 0 4px 12px $secondary-color;
    background: #fff;
    height: 600px;
    padding-top: 38px;
    position: relative;

    .footer {
      background-color: red;
      height: 70px;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #ffeae9;

      .btn, .total-price {
        margin-top: 38px;
        top: 50%;
        transform: translate(0, -50%);
        margin-right: 20px;
        margin-left: 20px;
      }

      .btn {
        width: 120px;
      }

      .total-price {
        display: flex;
        font-weight: 700;
        font-size: 18px;
      }
    }
  }

  .cal-label {
    padding-top: 36px;
    font-size: 18px;
    color: #000;
    font-weight: 500;
  }

  .form-check {
    padding-top: 48px;

    input {
      height: 28px;
      width: 55px;
    }

    label {
      padding-left: 20px;
      padding-top: 2px;
      font-size: 18px;
      color: #000;
      font-weight: 500;
    }
  }
}*/
.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: #8ccfe5;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 3px;
  margin-top: 14px;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
  height: 40px;
  background: #113963;
  cursor: pointer;
  border-radius: 20px;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #113963;
  cursor: pointer;
}

.slider-textbox {
  border-radius: 5px;
  border: 1px solid #ccc;
  height: 35px;
}

.social-icon {
  position: absolute;
  right: 35px;
  bottom: 20px;
  z-index: 7;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  letter-spacing: 4px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.social-icon a {
  height: 20px;
  width: 20px;
  text-align: center;
  margin-bottom: 20px;
  display: block;
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease-out;
}

.social-icon a:HOVER {
  color: #78bf26;
  text-decoration: none;
}

.topheader .Logosm {
  display: none;
  width: auto;
}

.icon-scroll, .icon-scroll:before {
  position: absolute;
  left: 50%;
}

.icon-scroll {
  width: 28px;
  height: 48px;
  bottom: 1.5rem;
  margin-top: -35px;
  box-shadow: inset 0 0 0 2px #78bf26;
  border-radius: 25px;
  position: absolute;
  left: calc(50% - 16px);
}

.icon-scroll:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}

@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(36px);
    transform: translateY(36px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(36px);
    transform: translateY(36px);
  }
}
.menu_icon {
  display: inline-block;
  cursor: pointer;
  position: fixed;
  right: 20px;
  top: -60px;
  height: 30px;
  width: 30px;
  z-index: 2000;
  text-align: center;
  transition: 0.1s;
  opacity: 0;
}

.Menuhandle {
  position: relative;
  background: 0 0;
  border: none;
  width: 26px;
  height: 22px;
  outline: 0;
  z-index: 10;
  cursor: pointer;
}

.Menuhandle span {
  background: #083d32;
  position: absolute;
}

.Menuhandle .burger span {
  height: 2px;
  left: 0;
  width: 100%;
}

.Menuhandle .burger span:first-of-type {
  top: 0;
  transition: width 0.25s ease-out 0.5s;
}

.Menuhandle .burger span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
  background: #78bf26;
  transition: width 0.25s ease-out 0.625s;
}

.Menuhandle .burger span:nth-of-type(3) {
  bottom: 0;
  transition: width 0.25s ease-out 0.75s;
  width: 50%;
}

.Menuhandle .cross {
  height: 120%;
  left: 0;
  position: relative;
  top: -1px;
  transform: rotate(45deg);
  width: 100%;
}

.Menuhandle .cross span:first-of-type {
  height: 0%;
  left: 12px;
  position: absolute;
  top: 0;
  transition: height 0.25s ease-out 0s;
  width: 2px;
}

.Menuhandle .cross span:nth-of-type(2) {
  height: 2px;
  left: 0;
  position: absolute;
  top: 12px;
  transition: width 0.25s ease-out 0.25s;
  width: 0;
}

.active span {
  background: #fff;
}

.active .burger span {
  width: 0;
}

.active .burger span:first-of-type {
  transition: width 0.25s ease-out 0s;
}

.active .burger span:nth-of-type(2) {
  transition: width 0.25s ease-out 0.125s;
}

.active .burger span:nth-of-type(3) {
  transition: width 0.25s ease-out 0.25s;
  width: 0;
}

.active .cross span:first-of-type {
  height: 100%;
  transition: height 0.25s ease-out 0.625s;
}

.active .cross span:nth-of-type(2) {
  transition: width 0.25s ease-out 0.375s;
  width: 100%;
}

.ss_menu .logo {
  position: absolute;
  z-index: 50;
  width: auto;
  top: 30px;
  left: 30px;
  height: 47px;
}

.no-scroll {
  overflow: hidden;
}

.ss_menu {
  position: fixed;
  background-color: #78bf26;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  visibility: hidden;
  -webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

.mw_bg {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.mw_RS {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #083d32;
}

.ss_menu.open {
  right: 0;
  visibility: visible;
  -webkit-transition: all 1.8s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1.8s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1.8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.ss_menu.open li {
  -webkit-animation: fadeInRight 0.8s ease forwards;
  animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.ss_menu.open li:nth-of-type(2) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.ss_menu.open li:nth-of-type(3) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.ss_menu.open li:nth-of-type(4) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.ss_menu.open li:nth-of-type(5) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.ss_menu nav {
  position: relative;
  padding-left: 30px;
}

.ss_menu ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.ss_menu ul li {
  display: flex;
  position: relative;
  opacity: 0;
  line-height: 1em;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ss_menu ul li a {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  line-height: 1;
  font-size: 55px;
  letter-spacing: 4px;
  font-family: "Barlow Condensed", sans-serif;
  background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 50%, #fff 0);
  background-position: 100% 0;
  background-size: 200% 100%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-transition: background-position 1s cubic-bezier(0.19, 1, 0.22, 1) !important;
  -moz-transition: background-position 1s cubic-bezier(0.19, 1, 0.22, 1) !important;
  -o-transition: background-position 1s cubic-bezier(0.19, 1, 0.22, 1) !important;
  transition: background-position 1s cubic-bezier(0.19, 1, 0.22, 1) !important;
  /*	-webkit-text-stroke: 1.5px transparent*/
}

.ss_menu ul:hover li a {
  -webkit-text-stroke: 1.5px #376136;
  background-image: -webkit-linear-gradient(left, #083d32 50%, #083d32 0);
  transition: all 0.5s ease 0.5s;
}

.ss_menu ul li:hover a {
  background-image: -webkit-linear-gradient(left, #78bf26 50%, #083d32 0);
  -webkit-text-stroke: 0px transparent;
  text-decoration: none;
  background-position: 0 0;
  transition: all 0.5s ease 0.5s;
}

.ss_menu ul li a:hover:after {
  width: 100%;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    right: 20%;
  }
  100% {
    opacity: 1;
    right: 0;
  }
}
.n-hiden .topheader {
  margin-top: -80px;
  opacity: 0;
  transition: all 0.3s ease-out;
}

.n-show .topheader {
  padding: 10px 10px 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease-out;
}

.n-show .menu_icon {
  right: 15px;
  top: 14px;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.n-show .navbar {
  display: none;
}

.n-show .topheader .Logolg {
  display: none;
}

.n-show .topheader .Logosm {
  display: block;
  height: 30px;
}

.ss_menu-social {
  top: 50%;
  right: 30px;
  left: auto;
  bottom: auto;
  transform: translate(0, -50%);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: block;
  height: 150px;
}

.ss_menu-social a {
  color: rgba(255, 255, 255, 0.5);
}

.ss_menu-social a:HOVER {
  color: rgb(255, 255, 255);
}

.ss_menBC {
  position: absolute;
  bottom: 30px;
  left: 45px;
  text-align: left;
}

.ss_menBC p {
  margin: 0;
  font-size: 15px;
  color: #fff;
}

.ss_menBC a {
  color: #fff;
}

.ss_menBC strong {
  font-weight: 600;
}

.SS-section {
  width: 100%;
  padding: 100px 0;
}

._calculator {
  background-image: url(../images/section2-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  border: 1px solid red;
}
._calculator h1 {
  color: #daeffc;
}
._calculator .total-price {
  font-size: 30px;
  text-align: right;
  margin-top: 15px;
  color: #E91E63;
  font-weight: bold;
  font-family: "Barlow Condensed";
  text-transform: uppercase;
}
._calculator .extra-services label {
  font-size: 30px;
}

._services-sec {
  background-image: url(../images/ser-002.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  padding: 0;
}

._product-bg {
  background-image: url(../images/section-product-bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
}

._serbg02 {
  background-image: url(../images/bg-meth.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.SS-section h1 {
  font-size: 55px;
  margin-bottom: 30px;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 1px;
  line-height: 1.2;
  position: relative;
  z-index: 2;
}

.SS-section h3 {
  font-weight: 700;
  color: #083d32;
  font-size: 24px;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: normal;
}

.SS-section h3 span {
  font-weight: 300;
  color: #303030;
  padding-left: 60px;
  position: relative;
}

.SS-section .sub-heading:before {
  content: " ";
  position: absolute;
  top: 13px;
  left: 15px;
  width: 25px;
  height: 2px;
  background-color: #78bf26;
}

.SS-section .sm-text {
  font-size: 18px;
  margin-bottom: 20px;
  margin-top: 0px;
}

.viewDetail {
  border: none;
  padding-left: 20px;
  padding-top: 9px;
  font-size: 17px;
  text-transform: uppercase;
  position: relative;
  color: #303030;
  font-weight: 700;
  z-index: 1;
  border-radius: 50px;
  letter-spacing: 2px;
  cursor: pointer;
  font-family: "Barlow Condensed", sans-serif;
}

.viewDetail:HOVER {
  color: #083d32;
  text-decoration: none;
}

.viewDetail::before {
  transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  content: "";
  width: 40px;
  height: 40px;
  background: #ebebeb;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50px;
}

.viewDetail::after {
  content: "\f105";
  font-size: 20px;
  margin-left: 15px;
  opacity: 0;
  font-family: FontAwesome;
}

.viewDetail:hover::after {
  opacity: 1;
  transition: all 0.5s;
}

.viewDetail:hover::before {
  width: calc(100% + 15px);
  height: 39px;
  border-radius: 40px;
}

.SubPage .navbar .navbar-nav .active, .SubPage .navbar .navbar-nav .nav-link:hover {
  color: #083d32;
}

.subcont {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  color: #fff;
}

.subcont ._subImg {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  -webkit-box-align: right;
  -ms-flex-align: right;
  align-items: right;
  text-align: right;
  display: table;
  width: 100%;
}

.subcont ._subImg img {
  height: auto;
  width: 450px;
}

._dotsimg {
  height: 200px;
  width: auto;
  position: absolute;
  right: -100px;
  top: 270px;
}

.subcont h3 {
  margin-bottom: 55px;
  position: relative;
  color: #fff !important;
  font-weight: 600;
}

.subcont h3:before {
  content: " ";
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 25px;
  height: 2px;
  background-color: #78bf26;
}

.BigTextGL {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  display: table;
  width: 100%;
  color: #fff;
  font-size: 450px;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #78bf26;
  letter-spacing: 7px;
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  opacity: 0.2;
}

._services-sec .SSS-NO {
  position: absolute;
  top: -43px;
  right: 10px;
  font-size: 100px;
  font-family: "Barlow Condensed", sans-serif;
  color: #78bf26;
  z-index: 1;
  font-weight: 800;
  opacity: 0.5;
}

._services-sec h2 {
  font-weight: 300;
  font-size: 40px;
  color: #78bf26;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: left;
}

._services-sec h2 b {
  color: #083d32;
  font-weight: 700;
}

._services-sec p {
  font-size: 18px;
}

.ListStyle, ._services-sec ul {
  padding: 0;
  margin: 25px 0 0 0;
  list-style: none;
}

.ListStyle li, ._services-sec ul li {
  font-weight: 500;
  font-size: 20px;
  color: #083d32;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 35px;
  position: relative;
}

.ListStyle li:before, ._services-sec ul li:before {
  content: " ";
  position: absolute;
  top: 15px;
  left: 0;
  width: 18px;
  height: 1px;
  background-color: #78bf26;
}

._sercont {
  height: 100vh;
  display: table;
}

._serDiv {
  display: table-cell;
  vertical-align: middle;
}

._serLeft {
  padding-left: 40px;
  display: table;
  height: 100%;
}

._serRight {
  padding-left: 0;
  padding-right: 40px;
  display: table;
  height: 100%;
}

.NP-L {
  left: 15px;
}

._serImg img {
  width: 100%;
  height: auto;
}

.middleDiv {
  display: table-cell;
  vertical-align: middle;
}

.MeBG {
  background-color: #f8f8f8;
}

.subheader h1 {
  color: #fff;
}

.SSsar {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.SSsar img {
  margin: auto;
  width: 550px;
}

.Imgshow640 {
  display: none;
  padding: 0;
}

._PR-List h3 {
  margin-bottom: 40px;
}

._PR-List .projectDiv .p-content {
  left: 0;
  padding-left: 15px;
}

._PR-List .projectDiv::after {
  bottom: 0;
}

.PR-Detail-H {
  background-image: url(../images/pr-detail-bg.jpg);
  background-position: center center;
}

.PR-Detail-H p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0;
}

.PR-Detail-H h1 {
  font-size: 30px !important;
}

.PR-Detail {
  background-image: url(../images/ser-002.jpg);
  background-position: center center;
  padding-top: 140px;
  padding-bottom: 0;
}

.PR-Detail img {
  width: 100%;
  height: 100%;
}

.SS-work-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 50px;
  line-height: 1;
  margin-top: 50px;
  margin-bottom: 30px;
}

.SS-work-nav-pad-prev:before, .SS-work-nav > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 33.33%;
}

.SS-work-nav-pad-prev:before {
  content: "";
}

.SS-work-nav-sticky {
  position: fixed;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  background: #fff;
  z-index: 50;
  width: 100%;
}

.SS-work-nav-sticky-active {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.SS-work-nav-prev {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.SS-work-nav-prev, .work-nav-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.work-nav-next {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.SS-work-nav-home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.SS-work-nav-home-link {
  color: #4f545b;
}

.SS-work-nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #4f545b;
  max-width: 100%;
  text-decoration: none !important;
}

.SS-work-nav-link > :first-child {
  margin-right: 10px;
}

.SS-work-nav-icon {
  fill: rgba(9, 9, 9, 0.2);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.SS-work-nav-bar, .SS-work-nav-icon {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.SS-work-nav-bar {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  fill: #083d32;
}

.SS-work-nav-prev-bar {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.SS-work-nav-prev-work, .work-nav-next-work {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  max-width: 100%;
}

.SS-work-nav-link:hover .SS-work-nav-icon {
  fill: #083d32;
}

.SS-work-nav-link:hover .SS-work-nav-bar {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.SS-work-nav-link:hover .SS-work-nav-prev-icon {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.SS-work-nav-link:hover .SS-work-nav-prev-work, .SS-work-nav-link:hover .work-nav-next-icon {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.SS-work-nav-link:hover .work-nav-next-work {
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.SS-work-nav-location {
  font-size: 14px;
  margin-bottom: 5px;
  color: #78bf26;
  text-transform: uppercase;
}

.SS-work-nav-home-link {
  font-size: 16px;
  letter-spacing: 0.5px;
}

.SS-work-nav-work-title {
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #083d32;
}

.work-nav-next .SS-work-nav-location {
  text-align: right;
}

.work-grid-icon {
  display: inline-block;
  width: 28px;
  margin-bottom: -3px;
}

.work-grid-icon span {
  background-color: #78bf26;
  float: left;
  height: 6px;
  width: 6px;
  margin-bottom: 3px;
  margin-right: 3px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-grid-icon:hover span {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background-color: #083d32;
}

.work-grid-icon span:first-child {
  -webkit-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}

.work-grid-icon span:nth-child(2) {
  -webkit-transition-delay: 80ms;
  -o-transition-delay: 80ms;
  transition-delay: 80ms;
}

.work-grid-icon span:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  margin-right: 0;
}

.work-grid-icon span:nth-child(4) {
  -webkit-transition-delay: 0.12s;
  -o-transition-delay: 0.12s;
  transition-delay: 0.12s;
}

.work-grid-icon span:nth-child(5) {
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.work-grid-icon span:nth-child(6) {
  -webkit-transition-delay: 0.18s;
  -o-transition-delay: 0.18s;
  transition-delay: 0.18s;
  margin-right: 0;
}

.SB-bg {
  width: 100%;
  background-color: #083d32;
  color: #fff;
}

.SB-bg h2 b, .SB-bg ul li {
  color: #fff;
}

.mw_bg {
  background: url(../images/menu-home.jpg) no-repeat;
  background-size: auto 100%;
}

.menubg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  z-index: 0;
}

.menubg1 {
  display: block;
  background: url(../images/menu-home.jpg) no-repeat;
  background-size: auto 100%;
}

.menubg2 {
  display: block;
  background: url(../images/menu-work.jpg) no-repeat;
  background-size: auto 100%;
}

.menubg3 {
  display: block;
  background: url(../images/menu-services.jpg) no-repeat;
  background-size: auto 100%;
}

.menubg4 {
  display: block;
  background: url(../images/menu-about.jpg) no-repeat;
  background-size: auto 100%;
}

.menubg5 {
  display: block;
  background: url(../images/menu-contact.jpg) no-repeat;
  background-size: auto 100%;
}

.hide {
  display: none;
}

._about .ListStyle {
  margin-bottom: 30px;
  margin-top: 0px;
}

._about h1 {
  margin-bottom: 50px;
}

.subheader .ProName {
  font-size: 30px;
  font-weight: 500;
}

.subheader .subcont p {
  font-size: 16px;
  margin-bottom: 0;
}

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

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

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

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

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

@media (max-width: 1440px) {
  .topheader {
    padding: 25px 20px 0;
  }
  .icon-scroll {
    width: 26px;
    height: 44px;
  }
  .icon-scroll::before {
    width: 6px;
    height: 6px;
    margin-left: -3px;
    top: 6px;
  }
}
@media (max-width: 1366px) {
  #SS-header .SS-header-wrap h1 {
    font-size: 105px;
  }
  #SS-header .SS-header-wrap h2 {
    font-size: 85px;
  }
  #SS-header .SS-header-wrap h3 {
    font-size: 25px;
  }
  #SS-header .SS-header-wrap p {
    font-size: 18px;
  }
  ._Services-2 h1 {
    font-size: 100px;
    top: 35px;
  }
  .owl-carousel .owl-stage-outer {
    padding-top: 50px;
  }
  ._productImg {
    height: 450px;
  }
  ._productImg img {
    width: 360px;
  }
  ._productImg::after {
    width: 290px;
    height: 367px;
    bottom: 6px;
  }
  ._productImg::before {
    width: 185px;
    height: 6px;
  }
  ._productInfo h2 {
    font-size: 40px;
  }
  ._productInfo h3 {
    font-size: 20px;
  }
  ._product .prNo {
    font-size: 110px;
    left: 300px;
  }
  /*.viewDetail {
  	font-size: 13px
  }
  .viewDetail::before {
  	width: 38px;
  	height: 38px;
  	top: -2px
  }*/
  .PR02 ._productImg img {
    width: 360px;
  }
  .BigTextGL {
    font-size: 150px;
  }
  ._dotsimg {
    height: 170px;
  }
  .subcont ._subImg img {
    width: 400px;
  }
  .ss_menu ul li {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .ss_menu ul li a {
    font-size: 45px;
  }
  ._sercont {
    height: auto;
    padding-top: 100px;
    padding-bottom: 50px;
  }
  ._services-sec {
    padding-bottom: 100px;
  }
  .PR-Detail-H p {
    font-size: 14px;
  }
  .ss_menu ul li a {
    font-size: 42px;
  }
}
@media (max-width: 1280px) {
  .MeNo {
    font-size: 100px;
  }
  .BigTextGL {
    font-size: 120px;
  }
  ._contactbg {
    height: 100%;
  }
  .ss_menu ul li a {
    font-size: 40px;
  }
  .ss_menBC p {
    font-size: 14px;
  }
  ._services-sec h2 {
    font-size: 35px;
  }
}
@media (max-width: 1024px) {
  ss_menu nav {
    padding-left: 15px;
  }
  .navbar .navbar-nav .nav-link {
    margin: 0 10px;
    font-size: 16px;
  }
  #SS-header .SS-header-wrap h1 {
    font-size: 90px;
  }
  #SS-header .SS-header-wrap h2 {
    font-size: 75px;
  }
  #SS-header .SS-header-wrap h3 {
    font-size: 22px;
  }
  .SS-section h3 {
    font-size: 22px;
  }
  .SS-section h1 {
    font-size: 48px;
  }
  #SS-header .SS-header-wrap p {
    font-size: 16px;
  }
  ._Services-2 h1 {
    font-size: 100px;
  }
  ._HAboutImg:HOVER {
    clip-path: inset(0 0);
    transform: translate3d(0, 0, 0) scale(1, 1);
  }
  .BigTextGL {
    font-size: 100px;
    top: 20px;
  }
  .ss_menu ul li a {
    font-size: 40px;
  }
  .ss_menu nav {
    padding-left: 15px;
  }
  .ss_menBC {
    left: 30px;
  }
  .homedroid img, .ss_menu .logo img {
    height: 35px;
  }
}
@media (max-width: 992px) {
  .navbar-nav {
    display: none;
  }
  .SubPage .Menuhandle span {
    background: #083d32;
  }
  .Menuhandle span {
    background: #fff;
  }
  .n-show .Menuhandle span {
    background: #083d32;
  }
  .Menuhandle .cross span {
    background: #fff;
  }
  footer h2 {
    font-size: 45px;
  }
  .subcont ._subImg img {
    width: 330px;
    margin-right: 20px;
  }
  ._serLeft {
    padding-left: 15px;
  }
  ._serRight {
    padding-right: 15px;
  }
  ._services-sec h2 {
    font-size: 28px;
  }
  .menu_icon {
    right: 30px;
    top: 30px;
    opacity: 1;
  }
}
@media (max-width: 991px) {
  #SS-header .SS-header-wrap h3 {
    font-size: 20px;
  }
  #SS-header .SS-header-wrap h2 {
    font-size: 70px;
  }
  #SS-header .SS-header-wrap h1 {
    font-size: 80px;
  }
  .SS-work-nav-work-title {
    display: none;
  }
  .SS-work-nav-location {
    margin-bottom: 0;
    color: #083d32;
  }
  .SS-work-nav-icon {
    width: 20px;
  }
  .SS-work-nav-link:hover .SS-work-nav-prev-icon {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  .SS-work-nav-link:hover .SS-work-nav-prev-work, .SS-work-nav-link:hover .work-nav-next-icon {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  .SS-work-nav-link:hover .work-nav-next-work {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  .SS-work-nav {
    padding: 30px 10px;
  }
  .ListStyle li, ._services-sec ul li {
    font-size: 20px;
  }
  .SS-section h1 {
    font-size: 45px;
  }
  .viewDetail {
    font-size: 16px;
  }
  .SS-section span:before {
    top: 11px;
  }
  ._productImg {
    margin-left: 0;
  }
  ._productImg img {
    width: 340px;
  }
  ._productInfo h2 {
    font-size: 35px;
  }
  ._product:HOVER h3 {
    margin-left: 0;
  }
  ._product .prNo {
    font-size: 85px;
    left: 227px;
    bottom: 71px;
  }
  ._productImg img {
    bottom: -24px;
  }
  ._productImg::before {
    width: 175px;
    height: 6px;
  }
  .subcont ._subImg img {
    width: 270px;
  }
  .BigTextGL {
    font-size: 80px;
    top: 50px;
  }
  ._dotsimg {
    height: 130px;
    right: -60px;
    top: 190px;
  }
  .Methodology {
    padding: 30px 30px;
  }
  ._services-sec .SSS-NO {
    font-size: 60px;
    top: -20px;
  }
  .PR-Detail-H p {
    margin-bottom: 40px;
  }
  .mw_bg {
    display: none;
  }
  .subheader .subcont p {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  #SS-header, ._contactbg, .subheader {
    height: 600px;
  }
  #SS-header .social-icon, .icon-scroll {
    display: none;
  }
  .owl-carousel .owl-stage-outer {
    padding-top: 20px;
  }
  .SS-section {
    padding: 80px 0;
  }
  .SS-section h3 {
    line-height: normal;
  }
  .PR02 {
    margin-top: 50px;
  }
  ._product {
    width: 335px;
    margin: auto;
  }
  .SS-info {
    margin-bottom: 50px;
  }
  ._about, ._services {
    background-size: 140%;
    background-position: left;
  }
  ._about p, ._services p {
    font-size: 20px !important;
  }
  ._Services-2, ._about, ._product-bg {
    background-size: 140%;
    background-position: right;
  }
  #SS-header .SS-header-wrap {
    width: auto;
  }
  .BigTextGL {
    font-size: 80px;
    top: 75px;
  }
  ._HAboutImg {
    margin-bottom: 30px;
  }
  ._about h1 {
    margin-bottom: 30px;
  }
  .MeBG {
    background-color: transparent;
  }
  .Methodology {
    padding: 25px 25px;
  }
  .Methodology:HOVER {
    -webkit-box-shadow: 0 0 28px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 28px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 28px -10px rgba(0, 0, 0, 0.75);
  }
  ._sercont {
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .hidd-767 {
    display: none;
  }
  ._serLeft, ._serRight {
    padding: 0;
  }
  .Imgshow640 {
    display: block;
  }
  .Imgshow640 ._serImg {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  ._services-sec {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .subcont ._subImg {
    top: auto;
    left: auto;
    right: auto;
    position: relative;
    transform: none !important;
    margin-top: -50px;
  }
  .subcont ._subImg img {
    margin-right: 0;
    width: 230px;
  }
  .subheader {
    padding: 0;
  }
  ._dotsimg {
    height: 130px;
    right: 0;
    bottom: -75px;
    top: auto;
  }
  .BigTextGL {
    font-size: 60px;
    opacity: 0.4;
    top: auto;
    left: 180px;
    right: auto;
    bottom: 90px;
  }
  .subheader h1 {
    padding-right: 0;
  }
  .subcont h3 {
    margin-bottom: 40px;
    position: relative;
  }
  .subcont h3:before {
    bottom: -20px;
  }
  .SSsar img {
    width: 100%;
  }
  ._contactbg {
    padding-top: 120px;
    padding-bottom: 50px;
  }
  ._contactbg ._subImg {
    margin-top: 0;
  }
  ._contactbg ._dotsimg {
    top: 280px;
    bottom: auto;
  }
  ._contactbg .BigTextGL {
    top: 240px;
    bottom: auto;
  }
  .PR-Detail-H {
    padding-top: 80px;
  }
  .PR-Detail-H {
    background-position: right top;
    background-size: 190%;
  }
  .PR-Detail {
    padding-top: 0;
  }
  .PR-Detail-H h1 {
    font-size: 25px !important;
  }
  .mw_RS {
    min-height: 550px;
  }
  footer .copyright {
    text-align: left;
  }
  #SS-header .SS-header-wrap h3 {
    font-size: 18px;
  }
  #SS-header .SS-header-wrap h2 {
    font-size: 64px;
  }
  #SS-header .SS-header-wrap h1 {
    font-size: 75px;
  }
  ._ser-sec {
    -webkit-box-shadow: 0 0 25px -6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 25px -6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 25px -6px rgba(0, 0, 0, 0.3);
  }
  footer ul {
    padding-top: 0;
  }
  .SS-info {
    margin-bottom: 40px;
  }
  ._services-sec .SSS-NO {
    top: -15px;
    right: 0px;
  }
  .PR-Detail {
    padding-top: 80px;
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .BigTextGL {
    left: 15px;
  }
  .projectDiv {
    height: 340px;
  }
  .projectDiv img {
    height: 330px;
  }
  ._serImg {
    margin-bottom: 40px;
  }
  .ss_menu ul li a {
    font-size: 36px;
  }
  #SS-header {
    background-image: none;
  }
  footer {
    padding: 40px 0 35px;
  }
  #SS-header .SS-header-wrap h1::after {
    width: 30px;
  }
  .subcont {
    padding-left: 20px;
  }
}
@media (max-width: 425px) {
  #SS-header, .subheader {
    height: 100vh;
  }
  #SS-header .SS-header-wrap {
    left: 10px;
  }
  .topheader {
    padding: 20px 10px 0;
  }
  .projectDiv .p-content h2 {
    font-size: 30px;
  }
  .projectDiv .p-content small {
    font-size: 14px;
  }
  ._dotsimg {
    height: 100px;
  }
  .ss_menu-social {
    top: auto;
    right: 20px;
    transform: translate(0, 0);
    bottom: 20px;
  }
  .menu_icon {
    right: 20px;
    top: 25px;
  }
  .SS-section h1 {
    font-size: 40px;
  }
  .SS-section .sm-text, ._services-sec p, .Methodology p {
    font-size: 16px;
  }
  .ListStyle li, ._services-sec ul li {
    font-size: 16px;
    line-height: normal;
  }
  .subcont {
    padding-left: 10px;
  }
  .ListStyle li, ._services-sec ul li {
    padding-left: 25px;
  }
  .ListStyle li:before, ._services-sec ul li:before {
    top: 10px;
    width: 13px;
  }
}
@media (max-width: 375px) {
  #SS-header .SS-header-wrap h3 {
    font-size: 20px;
    letter-spacing: 2px;
  }
  #SS-header .SS-header-wrap h2 {
    font-size: 55px;
  }
  #SS-header .SS-header-wrap h1 {
    font-size: 65px;
  }
  #SS-header .SS-header-wrap h1::after {
    width: 25px;
  }
  .projectDiv {
    height: 320px;
  }
  .projectDiv img {
    height: 310px;
  }
  .ss_menu nav {
    padding-left: 5px;
  }
  .ss_menBC {
    left: 20px;
    bottom: 20px;
  }
  .ss_menu .logo {
    left: 20px;
  }
  .homedroid img, .ss_menu .logo img {
    height: 30px;
  }
  .menu_icon {
    right: 20px;
    top: 22px;
  }
  ._ser-sec h2 {
    font-weight: 300;
    font-size: 22px;
  }
  .ss_menu .logo {
    top: 20px;
  }
  ._services-sec h2 {
    font-size: 25px;
  }
}
@media (max-width: 320px) {
  #SS-header .SS-header-wrap h3 {
    font-size: 18px;
    letter-spacing: 1.5px;
  }
  #SS-header .SS-header-wrap h2 {
    font-size: 48px;
  }
  #SS-header .SS-header-wrap h1 {
    font-size: 55px;
    margin-top: -5px;
  }
  #SS-header .SS-header-wrap {
    left: 0;
  }
  .projectDiv {
    height: 255px;
  }
  .projectDiv img {
    height: 245px;
  }
  .subheader h1 {
    font-size: 28px;
  }
  .ss_menu ul li a {
    font-size: 30px;
  }
  .ss_menBC p {
    font-size: 13px;
  }
}
#SS-header .social-icon {
  display: none;
}

.cssanimation, .cssanimation span {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.cssanimation span {
  display: inline-block;
}

.leFadeInRight span {
  animation-name: leFadeInRight;
}

@keyframes leFadeInRight {
  from {
    opacity: 0;
    transform: translateX(60px);
  }
  to {
    opacity: 1;
  }
}
/* Reveal block */
.reveal-holder {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.form-switch .form-check-input {
  width: 3em; /* Wider switch */
  height: 1.5em; /* Taller switch */
  border: 3px solid #555;
}

.form-range::-webkit-slider-runnable-track {
  background-color: #ccc; /* slider track color */
}

.form-range::-webkit-slider-thumb {
  background-color: #007bff; /* slider thumb color */
  border: 2px solid #333;
}

.form-range::-moz-range-track {
  background-color: #ccc;
}

.form-range::-moz-range-thumb {
  background-color: #007bff;
  border: 2px solid #333;
}

/*.custom-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, $primary-color 50%, $primary-color 50%);
  border-radius: 6px;
  outline: none;
  transition: background 450ms ease-in;
}*/
/* Update the background dynamically based on value using JavaScript */
/*.custom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: $primary-color;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px $primary-color;
  cursor: pointer;
  margin-top: -6px;*/ /* Aligns the thumb vertically */
/*}

.custom-slider::-moz-range-thumb {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: $primary-color;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px $primary-color;
  cursor: pointer;
}*/
/* Firefox track */
/*.custom-slider::-moz-range-track {
  height: 12px;
  background: transparent;
}*/
/* Internet Explorer (optional) */
/*.custom-slider::-ms-thumb {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: $primary-color;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px $primary-color;
  cursor: pointer;
}*/
.custom-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 6px;
  background: linear-gradient(to right, #8ccfe5 50%, #8ccfe5 50%);
  outline: none;
  transition: background 450ms ease-in;
}

/* Chrome, Safari, Edge */
.custom-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #1085ad;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #1085ad;
  cursor: pointer;
  margin-top: 0px; /* vertically center the thumb */
}

/* Firefox */
.custom-slider::-moz-range-thumb {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: #0d6efd;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #0d6efd;
  cursor: pointer;
}

/* Firefox track */
.custom-slider::-moz-range-track {
  height: 12px;
  background: transparent;
  border-radius: 6px;
}

.form-check-input {
  width: 1.8em;
  height: 1.8em;
  border: 2px solid #1085ad !important; /* Adjust color and thickness as needed */
}

.btn-primary {
  color: #fff;
}

.custom-switch:checked {
  background-color: #1085ad !important; /* Track color (Bootstrap 'success') */
  border-color: #198754 !important;
  padding: 1px;
}

.custom-switch:checked::before {
  background-color: white !important; /* Thumb color */
}

/* Default thumb color */
.custom-switch::before {
  background-color: red !important; /* Thumb color when unchecked */
}

/* Optional: Adjust sizing/position if needed */
.custom-switch {
  width: 50px;
  height: 25px;
}

.custom-switch::before {
  transform: translateX(2px);
  width: 20px;
  height: 20px;
}

.fs-4 {
  font-size: 1.5rem !important;
}

#SS-header {
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
  background-image: url(../images/header-bg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #113963;
}

#SS-header .SS-header-wrap {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  align-items: center;
  text-align: center;
  display: table;
  width: 100%;
  color: #8ccfe5;
}
#SS-header .SS-header-wrap h1 {
  font-size: 80px;
  text-align: left;
  margin: 20px 0 40px 0;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: "Barlow Condensed", sans-serif;
  line-height: 1;
  position: relative;
}
#SS-header .SS-header-wrap h1::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 2px;
  width: 45px;
  height: 2px;
  background-color: #daeffc;
}
#SS-header .SS-header-wrap h2 {
  font-size: 80px;
  text-align: left;
  margin: 0;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #20ac83;
  letter-spacing: 5px;
  line-height: 1;
}
#SS-header .SS-header-wrap h3 {
  font-size: 28px;
  letter-spacing: 4px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1;
}
#SS-header .SS-header-wrap p {
  font-size: 20px;
  letter-spacing: 1.5px;
  text-align: left;
  margin: 25px 0 0 0;
  font-weight: 100;
}

._about {
  background-image: url(../images/section2-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
}
._about p {
  font-size: 18px;
  letter-spacing: 1.5px;
}
._about h2 {
  font-weight: 500 !important;
  color: #1085ad;
}
._about .fas {
  color: #1085ad;
  min-width: 46px;
}

.SS-section h3 {
  color: #1085ad;
}
.SS-section h3 span {
  font-weight: 300;
  color: #303030;
  padding-left: 60px;
  position: relative;
}
.SS-section h3 span:before {
  content: " ";
  position: absolute;
  top: 13px;
  left: 15px;
  width: 25px;
  height: 2px;
  background-color: #1085ad;
}

._services {
  /*background-image: url(../images/section-ser-bg.jpg);*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  background-color: #f5f5f5;
  padding-top: 40px;
}
._services p {
  font-size: 18px;
  letter-spacing: 1.5px;
}

.flash-card-1 {
  padding: 25px 25px;
  transition: all 0.4s ease-in-out;
}
.flash-card-1:hover {
  box-shadow: 0 0 38px -10px rgba(0, 0, 0, 0.55);
  transition: all 0.4s ease-in-out;
  text-decoration: none;
}
.flash-card-1 img {
  width: 100%;
  height: 100px;
  margin: 40px 0 50px 0;
}
.flash-card-1 h2 {
  font-weight: 300;
  font-size: 25px;
  color: #303030;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
  letter-spacing: 1px;
}
.flash-card-1 h2 b {
  color: #083d32;
  font-weight: 700;
}

.service-icon {
  font-size: 2.5rem;
  color: #1085ad;
  margin-bottom: 15px;
}

.service-card {
  text-align: center;
  padding: 25px 15px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

._HAboutImg, ._HContactImg ._serImg {
  transform: translate3d(0, 0, 0);
  transform: scale(1) skew();
  transition: all 0.4s ease;
  -webkit-transition: all 0.5s ease;
  clip-path: inset(0 0);
}
._HAboutImg:hover, ._HContactImg ._serImg:hover {
  transform: translate3d(0, 0, 0) scale(1.13, 1.13);
  transition: all 0.4s ease;
  -webkit-transition: all 0.5s ease;
  clip-path: inset(35px 35px);
}
._HAboutImg img, ._HContactImg ._serImg img {
  width: 100%;
  height: auto;
}

.round-image img {
  border-radius: 60px;
  border: 10px solid white;
}
.round-image:hover img {
  border-radius: 60px;
  border: 10px solid white;
}

._Services-2 {
  position: relative;
  background-image: url(../images/slider-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}
._Services-2 h1 {
  font-size: 80px;
  text-align: left;
  margin: 0;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #bedeff;
  letter-spacing: 5px;
  line-height: 1.2;
  font-family: "Barlow Condensed", sans-serif;
  opacity: 0.4;
  left: 15px;
  z-index: 0;
}
._Services-2 h3 {
  color: #bedeff;
}
._Services-2 h3 span {
  color: #fff;
}
._Services-2 h3 span:before {
  background-color: #fff;
}
._Services-2 .detail p {
  color: #fff;
}
._Services-2 .detail h2 {
  color: #8ccfe5;
}

.projectDiv {
  height: 400px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.projectDiv:after {
  content: "";
  width: 100%;
  left: 0;
  bottom: 9px;
  position: absolute;
  z-index: 9;
  height: 100%;
  background: linear-gradient(to bottom, rgba(8, 33, 60, 0) 50%, rgb(8, 33, 60) 100%);
}
.projectDiv:hover {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.projectDiv img {
  -webkit-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
  transition: transform 0.28s ease;
  margin-left: 50px;
  height: 390px;
}

.book-time p {
  font-size: 18px;
  letter-spacing: 1.5px;
}
.book-time ._HAboutImg {
  /*bottom: 0;*/
  top: 0;
  position: absolute;
}
.book-time ._HAboutImg::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 320px;
  height: 320px;
  background: rgba(255, 255, 255, 0.1); /* light transparent background */
  border-radius: 50%;
  z-index: 0;
  box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
}
.book-time._Services-2 {
  background-color: #08213d;
}

._HAboutImg {
  margin-bottom: 30px;
  padding: 50px !important;
}

.text-large {
  font-size: 18px;
  letter-spacing: 1.5px;
}

footer {
  padding: 80px 0 50px;
  position: relative;
}
footer h2 {
  color: #7fc9e2;
  font-size: 55px;
  text-align: left;
  margin: 0;
  letter-spacing: 3px;
  line-height: 1;
  font-family: "Barlow Condensed", sans-serif;
}
footer .wcolor {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #1085ad;
  margin-bottom: 25px;
}
footer .wcolor span {
  -webkit-text-fill-color: #78bf26;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #78bf26;
}
footer .SS-info a {
  color: #303030;
}
footer .SS-info a:hover {
  color: #78bf26;
}
footer .SS-info p {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
}
footer .SS-info strong {
  font-weight: 700;
}
footer ul {
  padding: 0;
  margin: 0;
  padding-top: 25px;
}
footer ul li {
  list-style: none;
  margin-bottom: 20px;
}
footer ul li a {
  color: #303030;
  text-decoration: none;
  transition: all 0.3s ease;
  text-transform: uppercase;
  position: relative;
  font-weight: 400;
}
footer ul li a:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0%;
  transform: translateX(0);
  height: 2px;
  transition: 0.35s;
  background-color: #78bf26;
}
footer ul li a:hover {
  color: #303030;
}
footer ul li a:hover:after {
  width: 100%;
}
footer .copyright {
  padding: 30px 15px 0;
  text-align: center;
  font-size: 13px;
}
footer.Fshow, footer.Fshow a, footer.Fshow h2, footer.Fshow li a {
  color: #fff !important;
  transition: all 0.5s ease-in-out;
}
footer:before {
  content: "";
  position: absolute;
  background: #113963;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0%;
  transition: height 0.5s ease;
}
footer.Fshow:before {
  height: 100%;
}

.hover-shadow:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  transform: translateY(-5px);
  transition: all 0.3s ease-in-out;
}

.general-gray-back {
  position: relative;
  background-color: #f8f8f8;
}
.general-gray-back img {
  margin: auto;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.4;
  transition: all 0.3s;
}
.general-gray-back img:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
  transition: all 0.5s;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.Methodology {
  padding: 45px 45px;
  margin: 0;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.Methodology:HOVER {
  background: #113963;
  color: #fff;
  -webkit-box-shadow: 0 0 38px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 38px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 38px -10px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.Methodology h3 {
  font-size: 24px;
  color: #1085ad;
  position: relative;
  margin-bottom: 40px;
}
.Methodology h3:before {
  content: " ";
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 25px;
  height: 2px;
  background-color: #1085ad;
}
.Methodology p {
  font-size: 18px;
  margin-bottom: 0;
  line-height: normal;
  position: relative;
  z-index: 5;
}
.Methodology .MeNo {
  position: absolute;
  font-size: 130px;
  font-weight: 800;
  top: -20px;
  right: 20px;
  font-family: "Barlow Condensed", sans-serif;
  color: #efefef;
}
.Methodology:hover .MeNo {
  opacity: 0.12;
}
.Methodology:hover h3 {
  color: #fff;
}

.service-card {
  background-color: #ffffff;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}
.service-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-8px);
}
.service-card:hover i {
  transform: scale(1.2);
}
.service-card i {
  transition: transform 0.3s ease-in-out;
}

.action-photo-wrapper img {
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
}

.primary-back-color {
  background-color: #113963;
  color: white;
}

.subheader {
  background: linear-gradient(rgba(8, 33, 60, 0.6) 0%, rgba(8, 33, 60, 0.6) 100%), url(../images/services.png) center center/cover;
  transform: translate3d(0px, 0px, 0px);
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: relative;
  display: table;
}
.subheader::after {
  content: "";
  height: 60vh;
  width: 100%;
  position: absolute;
  bottom: -30px;
  left: 0;
  background: linear-gradient(180deg, transparent 0, #08223d);
}

._contactbg, ._aboutHeaderBg {
  background: url(../images/contact-2.png) center center/cover no-repeat;
  transform: translate3d(0px, 0px, 0px);
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: relative;
  display: table;
}
._contactbg::before, ._aboutHeaderBg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(17, 57, 99, 0.6);
  z-index: 1;
}
._contactbg::after, ._aboutHeaderBg::after {
  content: "";
  height: 60vh;
  width: 100%;
  position: absolute;
  bottom: -30px;
  left: 0;
  background: linear-gradient(180deg, transparent 0, #08223d);
  z-index: 2;
}
._contactbg > *, ._aboutHeaderBg > * {
  position: relative;
  z-index: 3;
}

._aboutBG {
  background-image: url(../images/subpage_ab.jpg);
}

._contactbg {
  background-image: url(../images/contact-2.png);
}

._aboutHeaderBg {
  background-image: url(../images/cleaning-woman-3.png);
}

._contact {
  padding-top: 0;
}

.contact-form {
  padding-top: 10px;
}

.contact-form .form-control {
  min-height: 40px;
  display: initial;
  background-color: transparent !important;
  border: none;
  border-bottom: solid 2px #ebebeb;
  border-radius: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0.9rem;
}

.contact-form .form-group {
  margin-bottom: 10px;
}

._contactbg ._dotsimg {
  bottom: 0;
  top: auto;
}

.contact-form .form-control {
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 50%, #f3f2f2 50%);
  background-size: 200% 100%;
  background-position: top right;
  transition: all 0.5s ease;
}

.contact-form .form-control:focus {
  background-position: top left;
  transition: all 0.3s ease;
  border-bottom: solid 2px #78bf26;
}

.hero-section {
  background: linear-gradient(rgba(17, 57, 99, 0.6), rgba(17, 57, 99, 0.6)), url("banner-image.jpg") center center/cover no-repeat;
  color: white;
  text-align: center;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.promise-block {
  margin-bottom: 60px;
}

.promise-block img {
  width: 100%;
  border-radius: 12px;
}

.cta-section {
  background-color: #113963;
  color: white;
  padding: 60px 20px;
  text-align: center;
}

.promise-img {
  width: 100%;
  max-width: 500px;
  height: auto;
  aspect-ratio: 4/3; /* or use 3 / 2 if you prefer taller images */
  object-fit: cover;
  border-radius: 12px;
  display: block;
  margin: 0 auto;
}

/*# sourceMappingURL=main.css.map */