/* overite swipe-container width on medium screen */

/* variable declarations */
:root{
	--whatsapp-green: #25D366;
}

@media screen and (max-width: 767px) {
	#main-slider {
		min-height: 100vh;
	}
	.swiper-slide {
		min-height: 100vh;
	}
	.home--hero-content {
		height: 84%;
		top: 43%;
		justify-content: initial;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	p.hero--contactus {
		margin-top: 4em !important;
		display: inline-block;
	}
	.hero--btn-action {
		width: 190px;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		align-self: center;
	}
	h2.hero--header-text {
		font-weight: 600;
		line-height: 0.9em;
		font-size: 2.8em !important;
	}

	#btn-whatsapp {
        animation: bg-blink 15s ease-in-out infinite alternate;
	}

	@keyframes bg-blink {
		50% {
			background-color: #075E54;
			border-color: #075E54;
		}

		to {
			background-color: var(--whatsapp-green);
			border-color: var(--whatsapp-green);
		}
	}
}