@font-face {
  font-family: "Grold";
  font-style: normal;
  font-weight: 400;
  src: local("Grold Black"), local("Grold-Black"),
    url(../fonts/Grold-Black.otf) format("otf");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

html {
  scroll-behavior: smooth;
}

/* latin */

/* @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} */

body {
  font-family: "Lato", sans-serif !important;
}

.fixed-header.elai-total-header {
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0px;
  box-shadow: 0 4px 10px rgba(60, 64, 67, 0.28);
  background: #fff;
}

.fixed-header > header > .row > .col-lg-4 > .logo-img > img {
  width: 30px;
}

.fixed-header > header > .row > .col-lg-4 > .slogan-img > p {
  margin-left: 50px;
  margin-top: 8px;
  font-family: "Great Vibes", cursive;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 600;
}

.fixed-header > header > .row > .col-lg-4 > .search-field {
  display: none;
}

.fixed-header.elai-total-header > nav {
  border-top-left-radius: 100px 25px;
}

.fixed-header.elai-total-header > .navbar {
  padding: 6px 2px 2px 2px;
}

.fixed-header.elai-total-header
  > .elai-navbar.navbar
  > .collapse
  > .container
  > .navbar-nav
  > li
  > a {
  font-size: 14px;
}

.fixed-header.elai-total-header
  > .elai-navbar.navbar
  > .collapse
  > .container
  > .mobile-email-div {
  margin: -8px 0px;
  font-size: 14px;
}
.fixed-header.elai-total-header .mobile-email-content {
  font-size: 14px;
}
.fixed-header.elai-total-header .mobile-email-content > span {
  font-size: 14px;
}
.media-me-div {
  display: none;
}

/* .elai-total-header>header {
    background: #62c906;
    height: 80px;
    position: fixed;
    width: 100%;
    z-index: 1000;
} */

a:hover {
  text-decoration: none;
}

.sec-sep {
  height: 100px;
}

section {
  padding-top: 20px;
  padding-bottom: 20px;
}

.logo-img img {
  width: 53px;
  position: absolute;
  z-index: 1000;
  top: 5px;
  margin-left: 10px;
}

.slogan-img > p {
  margin-left: 80px;
  margin-top: 8px;
  font-family: "Great Vibes", cursive;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 600;
}

.mobile-email-div {
  padding: 6px;
}

.mobile-email-div > .mobile-email-content {
  margin: 0px;
  font-size: 18px;
  white-space: nowrap;
}

.mobile-email-div.email-border-div {
  border-left: solid 2px #62c906;
  line-height: 55px;
}

.mobile-email-div > .mobile-email-content > span {
  font-size: 15px;
  color: #62c906;
}

.elai-total-header > nav {
  /* border-top-left-radius: 200px 50px; */
  background: #ffffff !important;
  /* top: 30px; */
  height: 100px;
  /* border-bottom: solid 2px #62c906; */
  padding: 0px;
  background-color: #62c906 !important;
}

.elai-total-header.dock-header {
  position: fixed;
  top: -100px; /* Adjust this value based on the height of your header */
  width: 100%;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  transition: top 0.3s ease, visibility 0.3s ease;
}

.elai-total-header.dock-header.visible-header {
  top: 0;
  visibility: visible;
}

/* .main-content-container {
  margin-top: 100px;
} */

.search-field > .input-group > input,
.search-field > .input-group > input:focus {
  background: transparent;
  border: transparent;
  border-bottom: 1px solid #ffffff;
  border-radius: 0px;
  box-shadow: none;
}

.search-field > .input-group > .input-group-append > .btn.btn-outline-light,
.search-field
  > .input-group
  > .input-group-append
  > .btn.btn-outline-light:hover,
.search-field
  > .input-group
  > .input-group-append
  > .btn.btn-outline-light:focus {
  border: none;
  border-bottom: 1px solid #ffffff;
  border-radius: 0px;
  background: transparent;
  box-shadow: none;
}

.nav-container {
  display: flex;
}

.elai-navbar > .navbar-collapse {
  background-color: #ffffff;
  height: 80%;
  margin-top: 20px;
  border-top-left-radius: 200px 50px;
}

.elai-navbar.navbar > .collapse > .container > .navbar-nav {
  margin-left: 45px;
}

.elai-navbar.navbar > .collapse > .container > .navbar-nav > li > a {
  color: #000000;
  font-size: 16px;
  display: flex;
  border-top: dashed 1px transparent;
  padding: 0px;
  margin: 25px;
}

.elai-navbar.navbar > .collapse > .container > .navbar-nav > li > a:hover,
.elai-navbar.navbar > .collapse > .container > .navbar-nav > .active > a {
  color: #62c906;
  font-size: 16px;
  /* font-weight: 600; */
}

.elai-navbar.navbar
  > .collapse
  > .container
  > .navbar-nav
  > li
  > a
  > .menu-icon {
  height: 15px;
  display: none;
  position: absolute;
  top: 7px;
  opacity: 0.8;
  transform: rotate(30deg);
  -webkit-animation: spin 2s;
  -moz-animation: spin 2s;
  -o-animation: spin 2s;
  animation: spin 2s;
}

/* .elai-navbar.navbar>.collapse>.container>.navbar-nav>li>a:hover>.menu-icon,
.elai-navbar.navbar>.collapse>.container>.navbar-nav>.active>a>.menu-icon {
    display: block;
} */

.navbar-contact {
  display: flex;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotateY(0deg);
  }

  to {
    -webkit-transform: rotateY(180deg);
  }
}

/* Slider */

.thumbnail {
  width: 80px;
  margin: 0px 2px;
  border: solid 2px #ffffff;
}

.carousel-indicators {
  margin: 0px;
  padding: 10px 0px;
  right: 0;
  left: auto;
}

.carousel-indicators-div.active > .thumbnail {
  border: solid 2px #62c906;
}

.carousel-control-next-icon {
  background: none;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  cursor: pointer;
}

/* .carousel-control-arrow>.carousel-control-next::after,
.carousel-control-next:hover::after {
    font-family: "Font Awesome 5 Free";
    content: "\f0a9";
    display: inline-block;
    padding-right: 3px;
    font-size: 28px;
    vertical-align: middle;
    font-weight: 600;
    color: #62c906;
} */

/* .carousel-control-arrow>.carousel-control-prev::after,
.carousel-control-prev:hover::after {
    font-family: "Font Awesome 5 Free";
    content: "\f0a8";
    display: inline-block;
    padding-right: 3px;
    font-size: 28px;
    vertical-align: middle;
    font-weight: 600;
    color: #62c906;

}  */

.arrowAnim {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.arrow {
  width: 30px;
  height: 30px;
  border: 7px solid;
  border-color: #62c906 transparent transparent #62c906;
  transform: rotate(-45deg);
}

.arrow-rt {
  width: 30px;
  height: 30px;
  border: 7px solid;
  border-color: transparent #62c906 #62c906 transparent;
  transform: rotate(-45deg);
}

.arrowSliding-lft {
  -webkit-animation: slide-lft 6s linear infinite;
  animation: slide-lft 6s linear infinite;
}

.arrowSliding-rgt {
  -webkit-animation: slide-rgt 6s linear infinite;
  animation: slide-rgt 6s linear infinite;
}

.delay1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.delay2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.delay3 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

@-webkit-keyframes slide-lft {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }

  20% {
    opacity: 1;
    transform: translateX(9px);
  }

  80% {
    opacity: 1;
    transform: translateX(-9px);
  }

  100% {
    opacity: 0;
    transform: translateX(-30px);
  }
}

@keyframes slide-lft {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }

  20% {
    opacity: 1;
    transform: translateX(9px);
  }

  80% {
    opacity: 1;
    transform: translateX(-9px);
  }

  100% {
    opacity: 0;
    transform: translateX(-30px);
  }
}

@-webkit-keyframes slide-rgt {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }

  20% {
    opacity: 1;
    transform: translateX(-9px);
  }

  80% {
    opacity: 1;
    transform: translateX(9px);
  }

  100% {
    opacity: 0;
    transform: translateX(30px);
  }
}

@keyframes slide-rgt {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }

  20% {
    opacity: 1;
    transform: translateX(-9px);
  }

  80% {
    opacity: 1;
    transform: translateX(9px);
  }

  100% {
    opacity: 0;
    transform: translateX(30px);
  }
}

.carousel-control-prev-icon {
  background: none;
}

/* company profile */

h3.content-header {
  position: absolute;
  top: 0px;
  left: 0px;
}

h3.content-header > .header-bdr-icon {
  position: absolute;
  top: -14px;
  height: 30px;
  left: 0;
  transform: rotate(30deg);
  opacity: 0.8;
}

.margin-ftop {
  margin-top: 180px;
}

.elai-comp-info-cont {
  margin: 40px 0px;
  text-align: justify;
}

.timeline {
  counter-reset: test 20;
  position: relative;
}

.timeline li {
  list-style: none;
  float: left;
  width: 33.3333%;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}

ul:nth-child(1) {
  color: #4caf50;
}

.timeline li:before {
  counter-increment: test;
  content: counter(test);
  width: 50px;
  height: 50px;
  border: 3px solid #4caf50;
  border-radius: 50%;
  display: block;
  text-align: center;
  line-height: 50px;
  margin: 0 auto 10px auto;
  background: #fff;
  color: #000;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}

.timeline li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: grey;
  top: 25px;
  left: -50%;
  z-index: -999;
  transition: all ease-in-out 0.3s;
}

.timeline li:first-child:after {
  content: none;
}

.timeline li.active-tl {
  color: #555555;
}

.timeline li.active-tl:before {
  background: #4caf50;
  color: #f1f1f1;
}

.timeline li.active-tl + li:after {
  background: #4caf50;
}

.customervoice-content {
  margin: 40px 0px 0px 0px !important;
}

#testi-slider {
  min-height: 250px;
  margin: 30px 0px;
}

.testi-quat {
  font-size: 40px;
  font-weight: 600;
  color: #62c906;
}

.testi-content {
  font-size: 20px;
  line-height: 50px;
}

.testi-name {
  font-size: 24px;
  text-align: right;
}

.galary-content {
  margin: 40px 0px 0px 0px !important;
}

.elai-gallery .card {
  /* min-height: 300px;
    max-height: 350px; */
  /* box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important; */
  border: transparent;
  overflow-y: overlay;
  border: 1px solid #ccc;
}

.elai-gallery .card:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  /* border: transparent; */
}

.elai-gallery .card a img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.landscape-galary.carousel-indicators {
  right: 0;
  left: 0 !important;
}

.carousel-indicators > .landscape-galary-li {
  height: 10px !important;
  width: 10px !important;
  border: solid 2px #ffffff;
  border-radius: 20px;
}

.carousel-indicators > .landscape-galary-li.active {
  background-color: #000000;
}

.elai-gallery .landscape-card a img {
  height: 250px;
}

.elai-gallery .portrate-card a img {
  height: 500px;
}

.elai-gallery .card a h5 {
  color: #62c906;
}

.elai-gallery .card a:hover h5 {
  color: #000000;
  text-decoration: transparent;
}

.elai-productlist
  > .galary-content
  > .action-effect
  > .card
  > .card-body
  > .product-action {
  position: absolute;
  top: 20px;
  right: 5px;
}

.elai-productlist > .galary-content > .action-effect > .card > .card-body {
  padding: 10px;
}

.elai-productlist > .galary-content > .action-effect > .card:hover {
  background: #62c906;
}

.elai-productlist
  > .galary-content
  > .action-effect
  > .card:hover
  > .card-body
  > .minifabIcontop {
  display: block;
}

.elai-productlist > .galary-content > .action-effect > .card:hover > img {
  opacity: 0.8;
}

.elai-productlist
  > .galary-content
  > .action-effect
  > .card:hover
  > .card-body
  > .card-title {
  color: yellow;
}

.elai-productlist
  > .galary-content
  > .action-effect
  > .card
  > .card-body
  > .card-title {
  margin-bottom: 0px;
  color: #000000;
  line-height: 25px;
}

.elai-productlist
  > .galary-content
  > .action-effect
  > .card
  > .card-body
  > .card-title
  > span {
  float: right;
  font-size: 25px;
}

.fabbtn {
  background-color: transparent;
  height: 48px;
  width: 48px;
  border-radius: 31px;
  transition: height 300ms;
  transition-timing-function: ease;
  position: absolute;
  right: 48px;
  bottom: 48px;
  text-align: center;
  overflow: hidden;
}

.fabbtn:hover {
  height: 175px;
  background: #000000;
  padding-top: 10px;
}

.fabbtn:hover .mainop {
  transform: rotate(180deg);
}

.mainop {
  margin: auto;
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: transform 300ms;
  background-color: #000000;
  border-radius: 32px;
  z-index: 6;
}

.mainopShadow {
  width: 64px;
  height: 64px;
  border-radius: 32px;
  position: absolute;
  right: 50px;
  bottom: 50px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.mainop i {
  margin-top: 13px;
  font-size: 25px;
  color: #62c906;
}

.minifab {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 24px;
  z-index: 5;
  float: left;
  margin-bottom: 8px;
  margin-left: 8px;
  margin-right: 8px;
  background-color: blue;
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}

.minifab:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.minifabIcontop {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 32px;
  background: #000000;
  height: 32px;
  display: none;
}

.minifabIcontop > i {
  height: 32px;
  line-height: 32px;
  width: 32px;
  color: yellow;
  text-align: center;
}

.minifabIcon {
  height: 24px;
  width: 24px;
  margin-top: 6px;
}

.minifabIcon > i {
  margin-top: 9px;
  color: #000000;
}

.op1 {
  background-color: #62c906;
}

.op2 {
  background-color: #0f9d58;
}

.op3 {
  background-color: #fb0;
}

.op4 {
  background-color: #dd5145;
}

.op5 {
  background-color: #673ab7;
}

.product-action > a.icon-heart,
.product-action > a.icon-cart,
.product-action > a.icon-whatsapp {
  font-size: 18px;
  padding: 0px 10px;
  color: #000000;
  font-weight: 600;
}

.section-ptb {
  background-image: url("../images/testimonial.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.testi-indicators {
  position: absolute !important;
  top: 20px;
}

.testi-indicators img {
  height: 80px;
  width: 80px;
  border: solid 2px #000000;
}

.testi-indicators img:hover {
  border: solid 2px #62c906;
  cursor: pointer;
}

.test-user1 img {
  position: absolute;
  top: 5%;
  left: 10%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.test-user2 img {
  position: absolute;
  top: 25%;
  left: 70%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.test-user3 img {
  position: absolute;
  top: 50%;
  left: 20%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.test-user4 img {
  position: absolute;
  top: 70%;
  left: 80%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

#testi-slider .media img {
  width: 150px;
  height: 150px;
}

.contact-container {
  padding: 20px 0px;
}

.contact-form-card {
  padding: 20px;
}

.contact-address-card {
  padding: 20px;
}

.contact-address-card > img {
  height: 150px;
  margin: auto;
}

.company-title {
  color: #62c906;
  font-size: 28px;
}

#footer {
  background: #252524 !important;
  padding: 20px 0px 0px 0px;
}

.footer-header {
  color: #ffffff;
}

.footer-content {
  margin: 40px 0px 0px 0px !important;
}

#footer h5 {
  padding-left: 10px;
  border-left: 3px solid #62c906;
  padding-bottom: 6px;
  margin-bottom: 20px;
  color: #ffffff;
}

#footer a {
  color: #ffffff;
  text-decoration: none !important;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

#footer ul.social li {
  padding: 3px 0;
  cursor: no-drop;
}

#footer ul.social li a {
  pointer-events: none;
}

#footer ul.social li a i {
  margin-right: 5px;
  font-size: 25px;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

#footer ul.social li:hover a i {
  font-size: 30px;
  margin-top: -10px;
}

#footer ul.social li a,
#footer ul.quick-links li a {
  color: #ffffff;
}

#footer ul.social li a:hover {
  color: #eeeeee;
}

#footer ul.quick-links li {
  padding: 3px 0;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

#footer ul.quick-links li:hover {
  padding: 3px 0;
  margin-left: 5px;
  font-weight: 700;
}

#footer ul.quick-links li a i {
  margin-right: 5px;
}

#footer ul.quick-links li:hover a i {
  font-weight: 700;
}

.footer-logo > img {
  height: 50px;
}

.company-name {
  color: #62c906;
}

.company-address {
  color: #ffffff;
  font-size: 12px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: transparent;
  color: #62c906;
  cursor: pointer;
  border-radius: 25%;
  font-size: 28px;
}

#myBtn:hover {
  background-color: transparent;
  color: #62c906;
}

.modal-content {
  background: transparent;
  border: none;
}

.cp-toggler {
  color: #7c7c7c;
  position: fixed;
  top: 60px;
  z-index: 1000;
}

.cp-toggle-left {
  left: -501px;
  /* 500 px width of content */
}

.cp-toggle-right {
  right: -501px;
  /* 500 px width of content */
}

.cp-toggler .row {
  margin: 10px 0;
}

.cp-toggler .cp-toggler-opener {
  background: #2aff31;
  color: #ffffff;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding: 2px;
  text-align: center;
  width: 40px;
}

.cp-toggle-left .cp-toggler-opener {
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  float: right;
}

.cp-toggle-right .cp-toggler-opener {
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  float: left;
}

.cp-toggler .cp-toggler-content {
  background: #def2e3;
  border: 1px solid #ddd;
  cursor: pointer;
  font-size: 12px;
  padding: 20px;
  width: 500px;
}

.cp-toggle-left .cp-toggler-content {
  float: right;
}

.cp-toggle-right .cp-toggler-content {
  float: left;
}

@media (max-width: 767px) {
  .sec-sep {
    height: 50px;
  }
  .logo-img img {
    width: 36px;
    left: 0px;
  }

  .elai-navbar.navbar > .collapse > .container > .navbar-nav {
    margin-left: 0px;
  }

  .mobile-email-content {
    white-space: nowrap;
    font-size: 16px !important;
  }

  .slogan-img {
    display: none;
  }

  .search-field > .input-group > input {
    height: 20px;
    font-size: 12px;
  }

  .search-field > .input-group > .input-group-append > button {
    height: 20px;
    width: 20px;
    padding: 0px;
    font-size: 12px;
  }

  .elai-total-header > .elai-navbar > button {
    margin-left: auto;
    font-size: 12px;
  }

  .elai-total-header,
  .elai-total-header.fixed-header {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0px;
    height: 72px;
    background: #62c906;
  }

  .elai-total-header > header {
    position: fixed;
    top: 0px;
    height: 70px;
    background: transparent;
    z-index: 1030;
    right: 0;
    left: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  }

  .elai-total-header > nav {
    border-top-left-radius: 200px 50px;
    background: #ffffff !important;
    height: auto;
  }

  .elai-navbar > .navbar-collapse {
    background-color: #ffffff;
    height: auto;
  }

  .navbar-contact.media-me-div {
    display: flex;
  }

  .mobile-email-div {
    display: none;
  }

  .navbar-contact.media-me-div {
    margin-left: 50px;
  }

  .media-me-div {
    display: block;
    margin-top: 5px;
  }

  .navbar-nav > li.nav-item {
    height: 30px;
  }

  .navbar-nav > li.nav-item > a {
    font-size: 12px !important;
    margin: 3px !important;
    position: relative;
    padding: 5px 0px !important;
  }

  .navbar-nav > li.nav-item > a > .menu-icon {
    display: none;
  }

  .main-content-container {
    margin-top: 100px;
  }
  .content > .container {
    padding: 0px 30px;
  }

  .elai-navbar.navbar
    > .collapse
    > .container
    > .navbar-nav
    > li
    > a
    > .menu-icon {
    height: 15px;
    position: absolute;
    top: -5px;
    left: 0px;
    z-index: 100;
    opacity: 0.8;
    transform: rotate(30deg);
    -webkit-animation: spin 2s;
    -moz-animation: spin 2s;
    -o-animation: spin 2s;
    animation: spin 2s;
  }

  .elai-slider {
    margin-top: 100px;
  }
  .elai-slider > #carouselExampleControls {
    overflow: hidden;
  }
  .arrow {
    width: 15px;
    height: 15px;
    border: 3px solid;
    border-color: #62c906 transparent transparent #62c906;
    transform: rotate(-45deg);
  }

  .arrow-rt {
    width: 15px;
    height: 15px;
    border: 3px solid;
    border-color: transparent #62c906 #62c906 transparent;
    transform: rotate(-45deg);
  }

  .carousel-indicators {
    display: none;
  }

  .landscape-galary {
    display: flex;
  }

  .elai-gallery .landscape-card a img {
    height: auto;
  }

  h3.content-header {
    font-size: 20px;
  }

  .testi-content {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }

  #myBtn {
    display: block;
  }

  #footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
  }
  .desktop-gallery-list {
    display: none;
  }
  .mobile-gallery-list {
    display: block !important;
  }
  .mobile-gallery-list .btn-secondary,
  .mobile-gallery-list .show .btn-secondary.dropdown-toggle {
    background-color: transparent !important;
    color: #62c906 !important;
    border: none !important;
    box-shadow: none !important;
  }
}

.list-group-item {
  border: none;
  cursor: pointer;
  color: #000000;
}
.list-group-item:hover {
  color: #62c906;
  font-weight: 600;
}
.list-group-item.active-list-group-item {
  color: #62c906;
  font-weight: 600;
}
.galleryContainer {
  height: 500px;
  overflow: auto;
}
.image-wrapper {
  height: 250px;
  display: inline-flex;
  background: #62c90647;
  margin: 10px 0px;
  padding: 5px;
  width: 100%;
}
.image-wrapper > img {
  margin: auto;
  max-width: 100%;
  height: 100%;
}
.dropdown {
  /* border: none;
    cursor: pointer;
    color: #000000; */
  position: relative;
}

.mobile-gallery-list {
  display: none;
}