@charset "utf-8";
/* CSS Document */

section.hero-banner{padding: 0px; position: relative;}
.hero-banner .sec-btn{position: absolute; top:50%; transform: translateY(-50%); z-index: 99; width: 100%}
.hero-banner .sec-btn button.slick-arrow{width: 45px; height: 45px; border:1px solid var(--hma-base); border-radius: 50%; background-color: var(--hma-text-white); color:var(--hma-base); text-align: center; line-height: 40px; }
.hero-banner .sec-btn button.slick-arrow i{font-size: 30px;}
.hero-banner .sec-btn button.slick-arrow.prev{left: 20px; position: absolute;}
.hero-banner .sec-btn button.slick-arrow.next{right: 20px; position: absolute;}
.hero-banner .sec-btn button.slick-arrow:hover{color: var(--hma-text-white); background-color:var(--hma-base);}
.hero-banner .banner-text h1{font-family: Outfit-Bold; color:var(--hma-text-white);line-height: 1.3; }
.hero-banner .hero-slider-img{display: block; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; height: 450px;}
.hero-banner .hero-slider-img .hero-banner-content{position: absolute; bottom: 0px; left: 0px; opacity: 0; transition: 1500ms; z-index: 99;}
.hero-banner .hero-slider-img.slick-active .hero-banner-content{bottom: 100px; left: 50px; opacity: 1;}
.hero-banner .hero-slider-img .hero-banner-content h5 span{font-family: Outfit-Semibold; color: var(--hma-base); display: inline-block; padding: 7px 15px; background-color:rgba(var(--hma-text-white-rgb), 0.8); border-radius: 5px; }
.hero-banner .hero-slider-img .hero-banner-content h2 span{font-family: Outfit-Bold; color: var(--hma-teriary); display: inline-block; text-shadow: -1px -1px 0 var(--hma-text-white), 1px -1px 0 var(--hma-text-white), -1px 1px 0 var(--hma-text-white), 1px 1px 0 var(--hma-text-white);  letter-spacing: 1px; }

.advantage-section{background-color: #107974; }
.sec-title {display: block; margin-bottom: 60px;}
.sec-title h2{font-family: Outfit-SemiBold; font-size: 25px;}
.advantage-sec{display: block; text-align: center;}
.advantage-sec img{width: 70px; height: auto; margin-bottom: 10px; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease-in-out; animation-iteration-count: infinite;}
.advantage-sec:hover img{animation-name: bounce;  -moz-animation-name: bounce;}
.advantage-sec h4{font-size: 16px; font-family: Outfit-Regular; color:var(--hma-text-white); text-transform: uppercase}
@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}
}
.slick-track > [class*="col"] {flex-shrink: 0; width: 100%; max-width: 100%; padding: 0.75rem;}
.service-sec{position: relative;}
.service-sec:before{position: absolute; width: 80%; background-color: var(--hma-base); content: ""; height: 480px; top:50%; transform: translateY(-50%); right: 0px; z-index: 0; border-radius: 10px 0px 0px 10px;}
.service-sec .sec-btn{position: absolute; top:10px; right: 150px;}
.service-sec .sec-btn .slick-arrow{border: none; background-color: transparent; padding: 0px; margin: 0px; color: var(--hma-secondary);}
.service-sec .sec-btn .slick-arrow:hover{color: var(--hma-base);}
.service-sec .sec-btn .slick-arrow i{font-size: 30px;}
.service-offered{display: block; padding: 20px; background-color:var(--hma-text-white); box-shadow: 0px 0px 10px rgba(var(--hma-text-dark-rgb), 0.2); border-radius: 5px; }
.so-content{display: block; padding:15px 5px 0px;}
.so-content h4{color: var(--hma-text-dark); font-size: 16px; text-transform: uppercase; font-family: Outfit-SemiBold; text-align: center;}
.so-content ul{margin-top: 0px; margin-bottom: 10px;padding-top: 5px; padding-bottom: 0px; min-height: 95px; font-size: 14px;}
.service-offered .theme-btn{font-size: 14px;}
.travel-solutions{background-color: var(--hma-base); display: block;}
.customer-happy ul{margin: 0px; padding: 0px; display: block; list-style-type: none;}
.customer-happy ul li{display: block; padding-left: 25px; margin-bottom: 10px; position: relative;}
.customer-happy ul li:before{font-family: "remixicon"; content: "\f012"; position: absolute; left: 5px; top:0px; color: var(--hma-secondary);}
.customer-img-sec{position: relative;}
.customer-img-sec:before{width: 0; height: 0; border-top: 210px solid transparent; border-bottom: 210px solid transparent; border-left: 200px solid var(--hma-secondary); content: ""; position: absolute; top:0px; left: 0px; z-index: 99;}
.customer-img{position: relative;}
.customer-img img{padding: 10px; box-shadow: 0px 0px 10px rgba(var(--hma-text-dark-rgb), 0.1);}
.customer-img:before{width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid var(--hma-secondary); content: ""; position: absolute; top:0px; left: 0px;}
.customer-happy-reviews{position: relative; padding: 15px 35px; box-shadow: 0px 0px 10px rgba(var(--hma-text-dark-rgb), 0.1); width: 90%; margin-top: -30px; z-index: 99; background-color:var(--hma-text-white); border-radius: 10px; }
.customer-happy-reviews p{font-size: 14px;}
.customer-happy-reviews .sec-btn{position: absolute; width: 100%; top:50%; transform: translateY(-50%); left: 10px;}
.customer-happy-reviews .sec-btn button{border: none; padding: 0px; margin: 0px; background-color: transparent; opacity: 0.3;}
.customer-happy-reviews .sec-btn button:hover{opacity: 1;}
.customer-happy-reviews .sec-btn button.next-arrow{right: 20px; position: absolute;}
.accreditations-img{display: block; padding: 15px;}