﻿.logo img{ height: 60px;}

.entry-slider-wrapper, .dpt{ padding-top: 125px;}
.entry-slider-wrapper .entry-slider{ height: fit-content; width: 100%; }
.entry-slider-wrapper .entry-slider .owl-dots{ bottom: 30px;}

.entry-slider-wrapper > div{ position: relative;}
.entry-slider-wrapper .container{ pointer-events: none;}
.entry-slider-wrapper .container form{ pointer-events: auto; --gap: 15px; width: 100%; max-width: 450px; background-color: var(--orange); padding: 30px 25px; border-radius: 20px; display: flex; flex-direction: column; align-items: center;}
.entry-slider-wrapper .container form h2{ font-size: 16px; color: white; margin-bottom: 5px;}
.entry-slider-wrapper .container form strong{ font-size: 24px; color: white;}
.entry-slider-wrapper .container form .form{ width: 100%; margin-top: 25px; display: flex; flex-direction: column; gap: var(--gap);}
.entry-slider-wrapper .container form .form ._2{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap);}
.entry-slider-wrapper .container form .form :is(input, textarea){ font-size: 14px; width: 100%; height: 40px; padding: 0 15px; background-color: white; color: #707070; border: 1px solid rgba(112, 112, 112, 0.2); border-radius: 5px; outline: none; transition: all .2s ease; border: 1px solid transparent;}
.entry-slider-wrapper .container form .form :is(input, textarea):focus{ font-size: 14px; border: 1px solid var(--blue);}
.entry-slider-wrapper .container form .form textarea{ height: 100px; padding: 15px; resize: none;}
.entry-slider-wrapper .container form button{ width: 100%; background-color: var(--blue); border: 1px solid var(--blue); border-radius: 5px; outline: none; font-weight: 600; color: white; height: 40px; display: flex; align-items: center; padding: 0 25px; font-size: 14px; margin: var(--gap) 0 0 auto; justify-content: center; transition: all .2s ease; cursor: pointer;}
.entry-slider-wrapper .container form button:hover{ background-color: white; color: var(--blue);}

@media screen and (min-width: 998px){
.entry-slider-wrapper .container{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: flex; align-items: center; height: 100%; justify-content: flex-end; z-index: 5;}
}
@media screen and (max-width: 998px){
	.entry-slider-wrapper .container{ padding-top: 50px; padding-bottom: 50px;} 
	.entry-slider-wrapper .container form{ max-width: unset;}
}
@media screen and (max-width: 500px){
	.entry-slider-wrapper .container form .form ._2{ grid-template-columns: 1fr;}
}




.feature.tag_05 { top: 360px; left: -32px; font-weight: 600}
.feature.tag_05 span { background-color: pink;}
.feature.tag_06 { bottom: 133px; right: -10px; font-weight: 600;}
.feature.tag_06 span { background-color: orange;}

.contact__text{ display: flex; flex-direction: column;}

.whatsapp{ --size: 70px; font-size: 42px; position: fixed; right: 15px; bottom: 15px; width: var(--size); height: var(--size); display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgb(40, 167, 40); color: white; z-index: 120; transition: all .4s ease;}
.whatsapp svg{ width: 40px;}
.whatsapp.right{ right: 65px;}
.whatsapp:hover{ color: white;}

.languages{ position: absolute; top: 50%; transform: translateY(-50%); right: 15px; border-radius: 10px; padding: 10px; width: 45px; height: fit-content; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.languages > span{ cursor: pointer; font-size: 12px; color: rgba(0, 0, 0, .5); transition: all .2s ease; letter-spacing: 1px;}
.languages > span:hover{ color: rgba(0, 0, 0, .8);}
.languages > span.active{ pointer-events: none; color: #2878EB; letter-spacing: 1px;}
.languages > .line{ display: inline-block; width: 25px; border-top: 1px solid #2878EB;}

.navbar-nav .t{ display: flex;}

.navbar-nav{ padding-top: 30px;}
.navbar-nav .t{ position: absolute; top: 0px; right: 0;}
.navbar-nav .t .nav-link{ padding: 5px 0 !important; font-size: 12px; margin: 0 10px;}
.navbar-nav .nav-item:last-child .nav-link + .dropdown-menu{ left: unset;}

.grid-gallery-1{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.grid-gallery-1 > img{ aspect-ratio: 1.6; object-fit: cover; width: 100%; cursor: pointer; border-radius: 10px;}

.z-blogs__thumb{ position: relative;}
.z-blogs__thumb a{ display: inline-block; width: 100%;}
.z-blogs__thumb img{ width: 100%; height: 100%; object-fit: cover;}
.z-blogs__thumb .txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--orange-o), .9); color: white; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; opacity: 0; transition: all .2s ease;}
.z-blogs:hover .z-blogs__thumb .txt{ opacity: 1;}
.z-blogs__thumb .txt *{ color: white;}


.orange-txt{ color: var(--orange);}
.link-wrapper{ display: flex; gap: 10px; justify-content: center;}
.link:hover{ color: var(--orange) !important; text-decoration: underline;}
.main-video{ width: 100%;}


body:has(.modalx-container.active) {
  overflow: hidden;
}
body:has(.modalx-container.active) #scrollUp{
  z-index: 100 !important;
}

.modalx-container {
  pointer-events: none;
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
  z-index: 999;
}

.modalx-container.active {
  pointer-events: auto;
  opacity: 1;
}

.modalx-container .img-wrapper{
}

.modalx-container .img-wrapper .img-area{
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1080px;
  --tw-translate-y: 5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms
}

.modalx-container.active .img-wrapper .img-area {
  display: flex;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
}

.modalx-container .img-wrapper .img-area .close-btn {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.8;
  --tw-text-opacity: 1;
  color: rgb(24 24 24 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .modalx-container .img-wrapper .img-area .close-btn {
    font-size: 0.9375rem;
  }
}

.sub-headline-2 + .modalx-container .img-wrapper .img-area .close-btn {
  margin-top: 2rem;
}

.modalx-container .img-wrapper .img-area .close-btn {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(178 133 100 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(178 133 100 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0.9;
}

.modalx-container .img-wrapper .img-area .close-btn.hover:hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(178 133 100 / var(--tw-text-opacity));
}

.modalx-container .img-wrapper .img-area .close-btn {
  height: 1.875rem;
  width: 1.875rem;
  right: 1rem;
  top: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.modalx-container .img-wrapper .img-area .close-btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(178 133 100 / var(--tw-text-opacity));
}

.modalx-container .img-wrapper .img-area .close-btn span {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.modalx-container .img-wrapper .img-area img {
  max-height: 87vh;
  width: 100%;
}

.modalx-container .img-wrapper .txt-area {
  position: absolute;
  right: 0px;
  top: 100%;
  margin-left: auto;
  font-size: 0.75rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}

.modalx-container .arr {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  position: absolute;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 2.25rem;
  line-height: 2.5rem;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.5;
  background-color: transparent;
  border: none;
  outline: none;
}

.modalx-container .arr:hover {
  --tw-text-opacity: 1;
}

.modalx-container .arr.left-arr {
  left: 1.25rem;
}

@media (min-width: 768px) {
  .modalx-container .arr.left-arr {
    left: 3.75rem;
  }
}

.modalx-container .arr.right-arr {
  right: 1.25rem;
}

@media (min-width: 768px) {
  .modalx-container .arr.right-arr {
    right: 3.75rem;
  }
}

.modalx-container .close-btn {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 2.75rem;
  width: 2.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0.8;
  background-color: transparent; 
  border: none;
  outline: none;
}

.modalx-container .close-btn:hover {
  opacity: 1;
}

@media screen and (max-width: 992px) {
	.whatsapp{ right: 15px; --size: 45px;}
	.whatsapp.right{ right: 65px;}
	.whatsapp svg{ width: 25px;}

	.languages{ right: 60px;}
	.entry-slider-wrapper, .dpt { padding-top: 95px;}
}

@media screen and (max-width: 768px){
	.grid-gallery-1{ grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 575px){
	.single-contact-box{ flex-direction: column;}
}


