@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet');
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
body {
  font-family: "Roboto", sans-serif;
  width: 100%;
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
}

html {
  width: 100%;
  height: 100%;
}

@media (min-width: 1600px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1520px;
  }
}
@media (min-width: 1800px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1600px;
  }
}
.theme_btn {
  text-decoration: none;
  border: solid 2px #0f84a9;
  padding: 7px 20px;
  font-size: clamp(14px, 0.8333vw, 16px);
  color: #0f84a9;
  margin-top: 10px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 0;
  font-weight: 500;
}
.theme_btn::before {
  content: "";
  background-color: #7ed958;
  position: absolute;
  right: 0;
  width: 0;
  top: 0;
  height: 100%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  z-index: -1;
}
.theme_btn:hover {
  color: #13637c;
}
.theme_btn:hover::before {
  width: 100%;
  left: 0;
  right: inherit;
}

main {
  overflow-x: hidden;
}

.hero-slider {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}

@media (max-width: 991px) {
  .hero-slider {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .hero-slider {
    height: 500px;
  }
}
.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}

.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: left;
}
@media (max-width: 991px) {
  .hero-slider .slide-inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  background: transparent;
  width: 55px;
  height: 55px;
  line-height: 53px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #d4d3d3;
  border-radius: 55px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {
  .hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
    display: none;
  }
}
.hero-slider .swiper-button-prev {
  left: 25px;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}

.hero-slider .swiper-button-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-button-next {
  right: 25px;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
}

.hero-slider .swiper-button-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  border-radius: 3px;
  opacity: 1;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
  opacity: 1;
  width: 45px;
  height: 6px;
  background: #7ed958;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}
@media (max-width: 576px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
    bottom: 0 !important;
  }
}

.swiper-pagination {
  text-align: left;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 50px;
  width: 100%;
  text-align: center;
  padding: 0 15px;
  margin: 0 auto;
}

@media (min-width: 767px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
  }
}
.slide-bg-image {
  position: relative;
}

/*--------------------------------------------------------------
      #hero-style
  --------------------------------------------------------------*/
.hero-style {
  height: 100vh;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1199px) {
  .hero-style {
    height: 600px;
  }
}

@media (max-width: 991px) {
  .hero-style {
    height: 600px;
  }
}
@media (max-width: 767px) {
  .hero-style {
    height: 500px;
  }
}
@media (max-width: 576px) {
  .hero-style {
    height: 315px;
  }
}
@media (max-width: 476px) {
  .hero-style {
    height: 250px;
  }
}
@media screen and (min-width: 992px) {
  .hero-style .container {
    padding-bottom: 150px;
  }
}
.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
  max-width: 690px;
}
@media (max-width: 991px) {
  .hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
    max-width: 450px;
  }
}

.hero-style .slide-title h2 {
  font-size: clamp(30px, 3.125vw, 60px);
  font-weight: 700;
  font-family: "Rajdhani", sans-serif;
  color: #7ed958;
  margin: 0 0 0px;
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media (max-width: 1199px) {
  .hero-style .slide-title h2 {
    font-size: clamp(28px, 2.6041vw, 50px);
  }
}
@media (max-width: 991px) {
  .hero-style .slide-title h2 {
    font-size: clamp(20px, 1.8229vw, 35px);
    margin: 0 0 15px;
  }
}
@media (max-width: 767px) {
  .hero-style .slide-title h2 {
    font-size: clamp(18px, 1.4583vw, 28px);
    margin: 0 0 15px;
  }
}
@media (max-width: 576px) {
  .hero-style .slide-title h2 {
    margin: 0 0 0px;
  }
}
.hero-style .slide-title p {
  opacity: 1;
  font-family: "Roboto", sans-serif;
  font-size: clamp(16px, 1.145vw, 22px);
  font-weight: 400;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 40px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 90%;
}

@media (max-width: 1199px) {
  .hero-style .slide-title p {
    width: 60%;
    margin: 0 0 15px;
  }
}
@media (max-width: 991px) {
  .hero-style .slide-title p {
    font-weight: normal;
    margin: 0 0 15px;
  }
}
@media (max-width: 767px) {
  .hero-style .slide-title p {
    font-weight: normal;
    margin: 0 0 15px;
    width: 60%;
  }
}
@media (max-width: 576px) {
  .hero-style .slide-title p {
    width: 70%;
    display: none;
  }
}
.hero-style .slide-btns > a:first-child {
  margin-right: 10px;
}

.slider_btn {
  text-decoration: none;
  border: solid 2px rgb(255, 255, 255);
  padding: 10px 20px;
  font-size: clamp(14px, 0.8333vw, 16px);
  color: #fff;
  margin-top: 10px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 0;
  font-weight: 500;
}
@media (max-width: 767px) {
  .slider_btn {
    padding: 5px 10px;
  }
}
.slider_btn::before {
  content: "";
  background-color: #7ed958;
  position: absolute;
  right: 0;
  width: 0;
  top: 0;
  height: 100%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  z-index: -1;
}
.slider_btn:hover {
  color: #13637c;
}
.slider_btn:hover::before {
  width: 100%;
  left: 0;
  right: inherit;
}

header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
}
header .menu_bg {
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(90%, rgb(0, 0, 0)), to(rgb(0, 0, 0)));
  background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 90%, rgb(0, 0, 0) 100%);
  padding: 20px 10px;
  color: #fff;
}
header .menu_bg .logo_wrp img {
  height: 60px;
}
@media (max-width: 576px) {
  header .menu_bg .logo_wrp img {
    height: 40px;
  }
}
header .menu_bg .right_panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .menu_bg .right_panel ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 576px) {
  header .menu_bg .right_panel ul {
    display: none;
  }
}
header .menu_bg .right_panel ul li {
  list-style: none;
  margin: 0 20px;
}
header .menu_bg .right_panel ul li a {
  text-decoration: none;
  font-size: clamp(14px, 0.9375vw, 18px);
  color: #d7d7d7;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  padding: 5px 15px;
}
header .menu_bg .right_panel ul li a:hover {
  color: #7ed958;
}
header .menu_bg .right_panel ul li a.dealer {
  border: solid 1px #fff;
  margin-right: -15px;
  z-index: 0;
  position: relative;
}
header .menu_bg .right_panel ul li a.dealer::before {
  content: "";
  background-color: #7ed958;
  position: absolute;
  right: 0;
  width: 0;
  top: 0;
  height: 100%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  z-index: -1;
}
header .menu_bg .right_panel ul li a.dealer:hover {
  color: #13637c;
}
header .menu_bg .right_panel ul li a.dealer:hover::before {
  width: 100%;
  left: 0;
  right: inherit;
}
header .menu_bg .right_panel .toggle_menu {
  color: #fff;
  font-size: 25px;
  cursor: pointer;
}
header .menu_bg .right_panel .toggle_menu i {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.navi_wrp {
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background-color: rgb(20, 20, 20);
  z-index: 9;
  overflow: hidden;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.navi_wrp.open {
  height: 100%;
  top: 0;
}
.navi_wrp.open li {
  list-style: none;
  -webkit-animation: fadeInRight 0.5s ease;
          animation: fadeInRight 0.5s ease;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
  opacity: 1;
}
.navi_wrp.open li:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.navi_wrp.open li:nth-of-type(3) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.navi_wrp.open li:nth-of-type(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.navi_wrp.open li:nth-of-type(5) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.navi_wrp.open li:nth-of-type(6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.navi_wrp .remove_btn {
  color: #fff;
  font-size: 20px;
  margin-top: 20px;
  position: absolute;
  right: 0;
  background: #000;
  width: 40px;
  height: 40px;
  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;
  border-radius: 26px;
  text-decoration: none;
  right: 5vw;
  z-index: 10;
  cursor: pointer;
}
.navi_wrp .menu_item_wrp {
  position: relative;
  left: 10vw;
  -webkit-transform: translateY(-10vh);
          transform: translateY(-10vh);
}
.navi_wrp .menu_item_wrp .top_header_menu {
  margin: 50px 0 0 0;
  padding: 0;
  display: none;
}
@media (max-width: 576px) {
  .navi_wrp .menu_item_wrp .top_header_menu {
    display: block;
  }
}
.navi_wrp .menu_item_wrp .top_header_menu li {
  list-style: none;
  display: block;
  position: relative;
}
.navi_wrp .menu_item_wrp .top_header_menu li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-family: "Rajdhani", sans-serif;
  font-size: clamp(30px, 3.125vw, 60px);
}
.navi_wrp .menu_item_wrp .top_header_menu li a:hover {
  color: #7ed958;
}
.navi_wrp .menu_item_wrp .menu_item {
  margin: 0;
  padding: 0;
}
.navi_wrp .menu_item_wrp .menu_item li {
  list-style: none;
  display: block;
  position: relative;
}
.navi_wrp .menu_item_wrp .menu_item li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-family: "Rajdhani", sans-serif;
  font-size: clamp(30px, 3.125vw, 60px);
}
.navi_wrp .menu_item_wrp .menu_item li a:hover {
  color: #7ed958;
}
.navi_wrp .menu_img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
@media (max-width: 991px) {
  .navi_wrp .menu_img {
    display: none;
  }
}

.bg_txt {
  position: absolute;
  left: 1vw;
  top: -37px;
  z-index: 0;
}
.bg_txt h1.stroke-text {
  color: transparent;
  -webkit-text-stroke: 2px #24292a;
  font-size: clamp(38px, 5.2083vw, 100px);
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.section2nd {
  position: relative;
  padding: 50px 0;
  background: #10191c;
}
.section2nd h2 {
  font-family: "Rajdhani", sans-serif;
  font-size: clamp(26px, 2.3vw, 45px);
  color: #7ed958;
  font-weight: bold;
  position: relative;
}
.section2nd p {
  font-size: 18px;
  color: #e5e5e5;
}

video[poster] {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.video_area {
  position: relative;
}
.video_area .video_img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  position: relative;
}
.video_area .video_img::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.31);
  z-index: 1;
}
.video_area .wrapper {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99;
}
.video_area .video-main {
  position: relative;
  display: inline-block;
}
.video_area .video_btn {
  height: 100px;
  width: 100px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: transparent;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #7ed958;
  text-decoration: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@-webkit-keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
.video_area .fa-play:before {
  content: "\f04b";
  font-size: 40px;
  margin-left: 8px;
}
.video_area .waves {
  position: absolute;
  width: 300px;
  height: 300px;
  background: rgba(126, 217, 88, 0.4);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -100px;
  bottom: -100px;
  z-index: -1;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
}
.video_area .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.video_area .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.video_area .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.lity {
  background: rgba(0, 0, 0, 0.5) !important;
}

.lity-close {
  right: 50px !important;
  top: 50px !important;
}

.section4th {
  position: relative;
  margin: 80px 0;
  /* Owl Carousel */
  /* Popup Text */
  /* Popup Text */
  /* Icon CSS */
}
.section4th::before {
  content: "";
  position: absolute;
  left: 5vw;
  top: 7vw;
  background-color: #10191c;
  width: 50vw;
  height: 90%;
}
@media (max-width: 476px) {
  .section4th::before {
    top: 17vw;
  }
}
.section4th::after {
  content: "";
  position: absolute;
  left: 50vw;
  top: 7vw;
  background-color: #ffffff;
  width: 166px;
  height: 100%;
  -webkit-transform: skew(-9deg);
          transform: skew(-9deg);
}
@media (max-width: 476px) {
  .section4th::after {
    top: 12svw;
  }
}
.section4th .sec4th_title {
  font-family: "Rajdhani", sans-serif;
  font-size: clamp(28px, 3.02083vw, 58px);
  color: #13637c;
  font-weight: bold;
  position: relative;
  z-index: 1;
  padding-left: 10vw;
}
@media (max-width: 476px) {
  .section4th .sec4th_title {
    line-height: 29px;
  }
}
.section4th h1.stroke-text2 {
  color: transparent;
  -webkit-text-stroke: 1px #d5d5d5;
  font-size: clamp(40px, 6.25vw, 120px);
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-style: italic;
  position: absolute;
  left: 5vw;
  top: -37px;
  z-index: 0;
}
.section4th .owl-carousel {
  padding-top: 6vw;
}
.section4th .owl-prev {
  background: url("../img/right-arrow.png") left center no-repeat;
  height: 54px;
  position: absolute;
  top: 50%;
  width: 27px;
  z-index: 1000;
  left: 2%;
  cursor: pointer;
  color: transparent;
  margin-top: -27px;
}
.section4th .owl-next span {
  background: url("../img/right-arrow.png") left center no-repeat;
  height: 45px;
  position: absolute;
  top: 50%;
  width: 45px;
  z-index: 1000;
  right: 2%;
  cursor: pointer;
  color: transparent;
  margin-top: -27px;
  display: inline-block;
}
.section4th .owl-prev:hover,
.section4th .owl-next:hover {
  opacity: 0.5;
}
.section4th .white-popup-block {
  background: #FFF;
  padding: 20px 30px;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
}
.section4th .popuptext {
  display: table;
}
.section4th .popuptext p {
  margin-bottom: 10px;
}
.section4th .popuptext span {
  font-weight: bold;
  float: right;
}
.section4th .item {
  position: relative;
}
.section4th .item i {
  display: none;
  font-size: 4rem;
  color: #FFF;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.section4th .item a {
  display: block;
  width: 100%;
}
.section4th .item a:hover:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.section4th .item a:hover i {
  display: block;
  z-index: 2;
}

.section5th {
  position: relative;
  margin: 150px 0 80px;
}
@media (max-width: 767px) {
  .section5th {
    margin: 60px 0 40px;
  }
}
.section5th .vector {
  position: absolute;
  right: -27vw;
  height: 41vw;
}
.section5th .sccoterSpec img {
  position: relative;
  right: -7vw;
}
.section5th .sec5th_title {
  font-family: "Rajdhani", sans-serif;
  font-size: clamp(30px, 3.125vw, 60px);
  color: #13637c;
  font-weight: bold;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
.section5th .listwrp {
  margin: 0;
  padding: 0;
}
.section5th .listwrp li {
  list-style: none;
  border-bottom: solid 1px rgb(197, 197, 197);
  padding: 20px 0;
  margin-bottom: 20px;
}
.section5th .listwrp li h4 {
  font-size: clamp(20px, 1.8229vw, 35px);
  font-weight: 800;
  color: #10191c;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.section5th .listwrp li p {
  font-size: clamp(14px, 0.9375vw, 18px);
  font-weight: normal;
  color: #555555;
}
.section5th h1.stroke-text3 {
  color: transparent;
  -webkit-text-stroke: 1px #d5d5d5;
  font-size: clamp(38px, 5.2083vw, 100px);
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-style: italic;
  position: absolute;
  left: 0;
  top: -3vw;
  z-index: 0;
  text-transform: uppercase;
}
.section5th .features_wrp {
  position: relative;
}
.section5th .features_wrp .hotspot_posi1 {
  position: absolute;
  right: 80%;
  top: 25%;
  background: transparent;
  border: none;
  opacity: 0;
}
@media (max-width: 767px) {
  .section5th .features_wrp .hotspot_posi1 {
    right: 75%;
    top: 20%;
}
}
.section5th .features_wrp .hotspot_posi2 {
  position: absolute;
  right: 85%;
  top: 45%;;
  background: transparent;
  border: none;
  opacity: 0;
}
@media (max-width: 767px) {
  .section5th .features_wrp .hotspot_posi2 {
    right: 85%;
    top: 40%;
}
}
.section5th .features_wrp .hotspot_posi3 {
  position: absolute;
  left: 27%;
  top: 50%;
  background: transparent;
  border: none;
  opacity: 0;
}
@media (max-width: 767px) {
  .section5th .features_wrp .hotspot_posi3 {
    top: 40%;
    left: 20%;
}
}
.section5th .features_wrp .hotspot_posi4 {
  position: absolute;
  right: 87%;
  bottom: 20%;
  background: transparent;
  border: none;
  opacity: 0;
}
@media (max-width: 767px) {
  .section5th .features_wrp .hotspot_posi4 {
    right: 83%;
    bottom: 17%;
}
}
.section5th .features_wrp .hotspot_posi5 {
  position: absolute;
  left: 76%;
  top: 25%;
  background: transparent;
  border: none;
  opacity: 0;
}
@media (max-width: 767px) {
  .section5th .features_wrp .hotspot_posi5 {
    left: 74%;
    top: 18%;
}
}
.section5th .features_wrp .hotspot_posi6 {
  position: absolute;
  left: 82%;
  bottom: 45%;
  background: transparent;
  border: none;
  opacity: 0;
}
@media (max-width: 767px) {
  .section5th .features_wrp .hotspot_posi6 {
    left: 80%;
    bottom: 42%;
}
}
.section5th .features_wrp .hotspot_posi7 {
  position: absolute;
  right: 6%;
  bottom: 19%;
  background: transparent;
  border: none;
  opacity: 0;
}
@media (max-width: 767px) {
  .section5th .features_wrp .hotspot_posi7 {
    right: 3%;
    bottom: 15%;
}
}
.section5th .features_wrp .hotspot {
  width: 38px;
  height: 38px;
  background-color: #fff;
  -webkit-box-shadow: 0 0px 6px #000;
          box-shadow: 0 0px 6px #000;
  border-radius: 100px;
  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;
}
@media (max-width: 991px) {
  .section5th .features_wrp .hotspot {
    width: 33px;
    height: 33px;
  }
}
@media (max-width: 767px) {
  .section5th .features_wrp .hotspot {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 476px) {
  .section5th .features_wrp .hotspot {
    width: 25px;
    height: 25px;
  }
}
.section5th .features_wrp .hotspot .shadowDiv {
  background-color: #ffd100;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  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;
  position: relative;
  display: inline-block;
  z-index: 1;
  line-height: 2;
  -webkit-animation: zooming_dots 3s linear infinite;
          animation: zooming_dots 3s linear infinite;
}
@media (max-width: 991px) {
  .section5th .features_wrp .hotspot .shadowDiv {
    font-size: 14px;
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 767px) {
  .section5th .features_wrp .hotspot .shadowDiv {
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 1.8;
  }
}
@media (max-width: 476px) {
  .section5th .features_wrp .hotspot .shadowDiv {
    font-size: 10px;
    width: 17px;
    height: 17px;
    line-height: 1.8;
  }
}

@-webkit-keyframes zooming_dots {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zooming_dots {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.gallery_wrp {
  position: relative;
  margin: 100px 0 40px;
}
.gallery_wrp .grly_title {
  font-family: "Rajdhani", sans-serif;
  font-size: clamp(28px, 3.02083vw, 58px);
  color: #13637c;
  font-weight: bold;
  position: relative;
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.gallery_wrp figure {
  margin: 0;
}
.gallery_wrp figure.img1 {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 0;
  margin-bottom: 20px;
}
.gallery_wrp figure.img1 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.gallery_wrp figure.img1::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.gallery_wrp figure.img1:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}
.gallery_wrp figure {
  margin: 0;
}
.gallery_wrp figure.img2 {
  width: 100%;
  height: calc(100% - 320px);
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 0;
}
.gallery_wrp figure.img2 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.gallery_wrp figure.img2::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.gallery_wrp figure.img2:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}
.gallery_wrp figure {
  margin: 0;
}
.gallery_wrp figure.img5 {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 0;
}
.gallery_wrp figure.img5 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.gallery_wrp figure.img5::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.gallery_wrp figure.img5:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}
.gallery_wrp figure {
  margin: 0;
}
.gallery_wrp figure.img4 {
  width: 100%;
  height: calc(100% - 320px);
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 0;
  margin-bottom: 20px;
}
.gallery_wrp figure.img4 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.gallery_wrp figure.img4::before {
  position: absolute;
  top: 0;
  left: -90%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.gallery_wrp figure.img4:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

.section7th {
  position: relative;
  padding: 80px 0 0;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .section7th {
    padding: 10px 0 0;
  }
}
.section7th .makeit_slider {
  padding-bottom: 130px;
}
.section7th .makeit_slider .swiper-slide {
  width: 100%;
  position: relative;
}
.section7th .makeit_slider .swiper-slide::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 150px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.section7th .makeit_slider .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section7th .makeit_slider .swiper-slide .titles_wrp {
  padding: 10px 0 0 0;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -100px;
  width: 100%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.section7th .makeit_slider .swiper-slide .titles_wrp h2 {
  font-size: clamp(20px, 1.666vw, 32px);
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
}
.section7th .makeit_slider .swiper-slide .titles_wrp p {
  font-size: clamp(16px, 1.0416vw, 20px);
  font-weight: 300;
  color: #000;
}
.section7th .makeit_slider .swiper-slide:hover::before {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(80%, #13637c), to(#13637c));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, #13637c 80%, #13637c 100%);
}
.section7th .makeit_slider .swiper-slide:hover .titles_wrp {
  bottom: 0px;
}
.section7th .makeit_slider .swiper-slide:hover .titles_wrp h2 {
  color: #fff;
}
.section7th .makeit_slider .swiper-slide:hover .titles_wrp p {
  color: #fff;
}
.section7th .makeit_slider .swiper-scrollbar {
  background: #b9b9b9 !important;
}
.section7th .makeit_slider .swiper-scrollbar-drag {
  background: #7ed958 !important;
}
.section7th .sec7_title {
  font-family: "Rajdhani", sans-serif;
  font-size: clamp(28px, 3.02083vw, 58px);
  color: #13637c;
  font-weight: bold;
  position: relative;
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.section7th h1.stroke-text4 {
  color: transparent;
  -webkit-text-stroke: 1px #d5d5d5;
  font-size: clamp(38px, 5.2083vw, 100px);
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-style: italic;
  position: absolute;
  left: 50%;
  top: -2vw;
  z-index: 0;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 991px) {
  .section7th h1.stroke-text4 {
    top: -2vw;
  }
  section.section-padding.mb-5.mt-10{
    margin-top: 80px !important;
  }
  
   
}

.section8th {
  position: relative;
  margin: 100px 0;
}
.section8th .sec8_title {
  font-family: "Rajdhani", sans-serif;
  font-size: clamp(28px, 3.02083vw, 58px);
  color: #13637c;
  font-weight: bold;
  position: relative;
  z-index: 1;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.section8th h1.stroke-text4 {
  color: transparent;
  -webkit-text-stroke: 1px #d5d5d5;
  font-size: clamp(40px, 6.25vw, 120px);
  font-family: "Rajdhani", sans-serif;
  font-weight: 700;
  font-style: italic;
  position: absolute;
  left: 50%;
  top: -56px;
  z-index: 0;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.section8th .subtitle {
  font-size: clamp(20px, 1.5625vw, 30px);
  color: #000;
  font-weight: 800;
  text-transform: uppercase;
  margin: 50px 0;
}
.section8th p {
  font-size: clamp(14px, 0.9375vw, 18px);
  color: #555555;
  font-weight: 400;
  width: 85%;
}

.whatsapp {
  position: fixed;
  right: 0;
  bottom: 225px;
}
.whatsapp img {
  width: 60px;
}

footer {
  background-color: #000;
  padding: 60px 0 0 0;
}
footer .f_logo {
  height: 80px;
  margin-bottom: 20px;
}
footer p {
  font-size: 15px;
  color: #fff;
  font-weight: 300;
}
footer p span {
  color: #7ed958;
}
footer .normal_link {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .normal_link li {
  list-style: none;
  margin-left: 25px;
}
footer .normal_link li a {
  text-decoration: none;
  color: #fff;
  font-weight: 300;
}
footer .normal_link li a:hover {
  color: #7ed958;
}
footer .footer_link {
  margin: 0;
  padding: 0;
}
footer .footer_link li {
  list-style: none;
  margin-bottom: 15px;
}
footer .footer_link li a {
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: clamp(16px, 1.0416vw, 20px);
}
footer .footer_link li a:hover {
  color: #7ed958;
}
footer .footer_link2 {
  margin: 0;
  padding: 0;
}
footer .footer_link2 li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}
footer .footer_link2 li img {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(54deg) brightness(108%) contrast(101%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(54deg) brightness(108%) contrast(101%);
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
footer .footer_link2 li a {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  font-size: clamp(16px, 1.0416vw, 20px);
}
footer .footer_link2 li a:hover {
  color: #7ed958;
}
footer .footer_link2 li.social_media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-left: 40px;
}
footer .footer_link2 li.social_media a {
  display: inline-block;
  margin-right: 15px;
}
footer .footer_link2 li.social_media a:hover {
  color: #7ed958;
}
footer .footer_link2 li.social_media a i {
  font-size: clamp(20px, 1.8229vw, 35px);
}
footer .copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: solid 1px rgb(34, 34, 34);
  padding: 20px 0;
  margin-top: 25px;
}

.btn-close {
  opacity: 1;
  color: #fff;
  opacity: 1;
  width: 25px;
  height: 25px;
  border-radius: 100px;
  top: -15px;
}

#hestur_video .modal-content {
  background: transparent !important;
  border: none !important;
}

.scroll_hidden {
  overflow: hidden;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
.yellow_txt {
  color: #ffd100;
}

.font_increase {
  font-size: 16px !important;
  font-family: "Roboto", sans-serif !important;
}

.color-tooltip h3 {
  font-family: "Rajdhani", sans-serif !important;
  font-weight: bold;
  font-size: 25px !important;
}

:root {
  --tooltip-color: #13637c !important;
}

.color-tooltip > .tooltip-inner {
  background-color: var(--tooltip-color) !important;
  opacity: 1;
  text-align: start !important;
  max-width: 300px !important;
}

.color-tooltip.tooltip.show {
  opacity: 1;
}

.color-tooltip.bs-tooltip-bottom > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] > .tooltip-arrow::before {
  border-bottom-color: var(--tooltip-color) !important;
}

.color-tooltip.bs-tooltip-top > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=top] > .tooltip-arrow::before {
  border-top-color: var(--tooltip-color) !important;
}

.color-tooltip.bs-tooltip-start > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=left] > .tooltip-arrow::before {
  border-left-color: var(--tooltip-color) !important;
}

.color-tooltip.bs-tooltip-end > .tooltip-arrow::before, .color-tooltip.bs-tooltip-auto[data-popper-placement^=right] > .tooltip-arrow::before {
  border-right-color: var(--tooltip-color) !important;
}

.coming_soon {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.coming_soon .bg_img {
  width: 100%;
  height: 70%;
  -o-object-fit: cover;
     object-fit: cover;
}
.coming_soon .content {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.coming_soon .content img {
  height: 100px;
  margin-bottom: 50px;
}
.coming_soon .content h1 {
  font-size: clamp(35px, 3.1666vw, 80px);
  color: rgb(255, 217, 0);
  font-weight: bold;
  margin-top: -500px;
}
.coming_soon .content h4 {
  font-size: clamp(20px, 1.5625vw, 30px);
  color: rgb(255, 255, 255);
  font-weight: 400;
}


/* extra styles  */
.dropdown-btn {
  background-color: #4CAF50;
  color: white;
  padding: 4px 15px;
  font-size: 15px;
  border: none;
  cursor: pointer;
}
.dropdown-btn a{
  text-decoration: none;
  color: #fff;
} 

/* border styles */

.border_clr{
  position: relative;
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  color: white;
  /* background: #111; */
  cursor: pointer;
  border-radius: 5px;
  font-size: 18px;
}
.border_clr:before{
  position: absolute;
  content: '';
  top: -2px;
  left: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  border-radius: 5px;
  z-index: -1;
  opacity: 0;
  filter: blur(5px);
  background:  linear-gradient(45deg, #13637c, #7ed958);
  background-size: 100%;
  transition: opacity .3s ease-in-out;
  animation: animate 20s linear infinite;
  padding: 5px;
}
.border_clr:hover:before{
  opacity: 1;
}
.border_clr:hover:active{
  background: none;
}
.border_clr:hover:active:before{
  filter: blur(1px);
}
@keyframes animate {
  0% { background-position: 0 0; }
  50% { background-position: 400% 0; }
  100% { background-position: 0 0; }
}
section.section-padding.mb-10.mt-10,
section.section-padding.mb-5.mt-10 {
  margin-top: 100px;
}


/* hover  */

.hover {
  border: 3px solid;
  border-image: repeating-linear-gradient(135deg, #2aa81a 0 10px, #13637c 0 20px, #7ed958 0 30px) 8;
  -webkit-mask:conic-gradient(from 180deg at top 8px right 8px, #0000 90deg,#000 0)
  var(--_i,200%) 0  /200% var(--_i,8px) border-box no-repeat,
 conic-gradient(at bottom 8px left  8px,  #0000 90deg,#000 0)
  0   var(--_i,200%)/var(--_i,8px) 200% border-box no-repeat,
 linear-gradient(#000 0 0) padding-box no-repeat;
  transition: .3s, -webkit-mask-position .3s .3s;
}
.hover:hover {
  --_i: 100%;
  color: #CC333F;
  transition: .3s, -webkit-mask-size .3s .3s;
}