.logo img{ height: 60px;}
header .logo a{ display: flex; align-items: center;}
header .logo img{ transform: scale(1.83) translateY(3px);}
header .sticky .logo img{ transform: scale(1.22) translateY(3px);}
header .logo span{ white-space: nowrap; padding-left: 40px; font-weight: 600; font-size: 20px; transform: translateY(-2px);}
header .sticky .logo span{ padding-left: 20px; font-size: 18px;}

.entry-slider-wrapper, .dpt{ padding-top: 96px;}
.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);}


.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;}

.content-wrapper-1{ gap: 20px 0;}
.content-wrapper-1 > div{ padding: 0;}
.content-wrapper-2{ height: 440px !important; gap: 20px; display: flex !important; flex-direction: column;}

.content-template-1{ background: linear-gradient(to right, #ff723a, #8e66ff, #f14d5d); padding: 1px; border-radius: 10px; transition: all .2s ease; cursor: pointer; display: block;}
.content-template-1:hover{ box-shadow: -5px 4px 12px rgba(0, 0, 0, .05);}
.content-template-1 > div{ background-color: white; padding: 25px 25px; border-radius: 10px; background-color: white; display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; min-height: 210px;}
.content-template-1 > div h3{ font-size: 20px; margin-bottom: 15px;}
.content-template-1 > div p{ font-size: 15px; line-height: 1.5;}

.content-template-2{ height: calc(100% / 3); background: linear-gradient(to right, #ff723a, #8e66ff, #f14d5d); padding: 1px; border-radius: 10px;}
.content-template-2 > div{ height: 100%; padding: 25px 25px; border-radius: 10px; background-color: white; display: flex; flex-direction: column;}
.content-template-2 > div .date{ font-size: 20px; margin-bottom: 10px; font-weight: 600;}
.content-template-2 > div .txt{ font-size: 15px; line-height: 1.5;}

.date-slider{ position: relative;}
.date-slider .swiper-pagination{ transform: translateY(40px);}
.date-slider .swiper-pagination .swiper-pagination-bullet{ background-color: var(--orange);}

@media screen and (min-width: 768px){
	.row-left{ padding-right: 40px !important;}
	.row-right{ padding-left: 40px !important;}
	.content-wrapper-1 > div:nth-child(odd){ padding-right: 10px;}
	.content-wrapper-1 > div:nth-child(even){ padding-left: 10px;}
}
@media screen and (max-width: 992px){
	.banner-1 > div > div > div.txt{ padding: 90px 20px 20px !important;}
}
@media screen and (max-width: 768px){
	.double-area{ gap: 100px; padding: 0 18px;}
	.content-wrapper-2{ height: 500px !important;}
}

@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 .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;}


.banner-1{ height: 500px; background-position: 0 70px; background-size: cover; background-repeat: no-repeat;}
.banner-1 > div{ height: 100%;}
.banner-1 > div > div{ height: 100%;}
.banner-1 > div > div > div{ height: 100%;}
.banner-1 > div > div > div.img{ display: flex; align-items: flex-end;}
.banner-1 > div > div > div img{ height: 100%;}
.banner-1 > div > div > div.txt{ text-align: center; padding: 90px 0 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.banner-1 > div > div > div h3{ color: white; font-size: 40px;}
.banner-1 > div > div > div p{ max-width: 450px; color: white; margin: 10px 0 35px;}
.banner-1 > div > div > div .btns{ display: flex; gap: 10px;}
.banner-1 > div > div > div .btns a{}
.banner-1 > div > div > div .btns a img{ height: 35px;}




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: 767px){
	.grid-gallery-1{ grid-template-columns: repeat(2, 1fr);}
	.pt-xs-100{ padding-top: 160px;}
}

@media screen and (max-width: 575px){
	.single-contact-box{ flex-direction: column;}
}



html{ scroll-behavior: smooth;}