/*
Theme Name: Wusoom
Theme URI: https://wusoom.ae
Author: Icon Ad
Author URI: https://icon-ad.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wusoom
*/

/* hide search icon on mobiles */
@media (max-width: 768px) {
	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-results-button,
	input[type="search"]::-webkit-search-results-decoration {
	  display: none;
	}
}

.hide {
	visibility: hidden; 
	opacity: 0;
}
/* Core */
.swiper {
	position: relative;
	overflow: hidden;
	z-index: 1;
  }
  
  .swiper-wrapper {
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
  }
  
  .swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	user-select: none;
  }
  
  /* Pagination */
  .swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0,0,0);
	z-index: 10;
	bottom: 10px;
	left: 0;
	width: 100%;
	font-size: 14px;
	color: #000;
	user-select: none;
  }
  
  .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
	cursor: pointer;
	margin: 0 4px;
	transition: opacity 0.3s;
  }
  
  .swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
  }
  
  /* Navigation Buttons */
  .swiper-button-next,
  .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.5;
	transition: opacity 0.3s;
  }
  
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
	opacity: 1;
  }
  
  .swiper-button-next {
	right: 10px;
  }
  
  .swiper-button-prev {
	left: 10px;
  }
  .contact-form{ padding-top:30px;}
  .form-group{ position:relative; margin-bottom: 30px;}
  .form-group label{ position: absolute;font-size:13px; color:#9F9F9F;
  left: 0; z-index: -1;top: 20px;transition: all 0.2s ease;}
  .form-group input,
  .form-group textarea{ background: none!important; resize:none}
  .form-group input:focus + label,
  .form-group textarea:focus + label{
  top: -10px;
  font-size:12px;
  }
  .form-group:has(input:focus) label,
  .form-group:has(textarea:focus) label,
  .form-group label.active{
    font-size: 12px;top: -4px;
}
@media(min-width:768px){
	.form-inner{ display:flex;flex-wrap: wrap; column-gap:36px}
	.form-group{ width: calc(53% - 36px);}
}
@media(min-width:1280px){
	.form-group{ width: calc(50% - 18px);}
}
.form-group .wpcf7-not-valid-tip{ margin-top: 10px;font-size: 0.8rem;}
.wpcf7 form.sent .wpcf7-response-output{ color: #3c763d; background-color: #dff0d8;border-color: #d6e9c6;padding: 10px 15px;}
.wpcf7 form.invalid .wpcf7-response-output{ color: #8a6d3b;padding: 10px 15px; background-color: #fcf8e3;border-color: #faebcc;}

.contact-form input{ padding-left: 0!important; margin:0!important;}
.contact-form textarea{ padding-left: 0!important; margin-bottom:50px!important;}



  /* .video-container {

	position: relative;
  
	width: 100vw;
  
	height: 100vh;
  
  }
  
  
  .video-container > .bg-video {
  
	width: 100%;
  
	height: 100%;
  
  }
  
  
  
  
  .video-container > strong {
  
	position: absolute;
  
	inset: 0;
  
	display: grid;
  
	place-items: center;
  
	background-color: #000;
  
	color: #fff;
  
	font-weight: 900;
  
	font-size: 100px;
  
	font-family: sans-serif;
  
	
  
	mix-blend-mode: multiply;
  
	user-select: none;
  
  }

 */




  
   /* @media (hover: hover) {
	.btn.btn--stroke:hover {
	  color: #fff;
	  text-decoration: none;
	}
	.btn-bordered.btn--stroke:hover,
	.footer .btn-light.btn--stroke:hover{
		color: #000;
	}
  }
  
 .btn--stroke:after {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
  }
  
  .btn--stroke:after {
	border: 0.125rem solid var(--color-surface-white);
	border-radius: 6.25rem;
	content: "";
	pointer-events: none;
  }
  
  .btn__label {
	position: relative;
	text-align: center;
	transition: color 50ms var(--ease-in-out-quart);
  }
  
  .btn--stroke:hover .btn__label {
	transition: color 0.15s var(--ease-in-out-quart);
  }
  
  .btn__flair {
	bottom: 0;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
  }
  
  .btn--stroke .btn__flair {
	transform: scale(0);
	transform-origin: 0 0;
	will-change: transform;
  }
  
  .btn__flair:before {
	aspect-ratio: 1/1;
	background-color: #000;
	border-radius: 50%;
	content: "";
	display: block;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate(-50%, -50%);
	width: 200%;
  }
  .btn-light .btn__flair:before{
	background-color: #8B7F79;
  }
  .btn-bordered .btn__flair:before,
  .footer .btn-light .btn__flair:before{
	background-color: #fff;
  } */