.{overflow:hidden;}
.banner-1-img {
	margin: 0;
}

.mostviewed,
.searchblock {
	height: auto;
	padding: 3.5rem 0 !important;
}

.searchblockcontent {
	background-image: url(/assets/images/landing-page/brown-img.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	min-height: 550px;
	padding-top: 170px;
}

.searchblocktitle {
	padding: 0 !important;
}

.mostviewed {
	bottom: 0 !important;
}

.card .card-body.text-justify {
	text-align: left !important;
}

.nav-item .nav-link {
	color: #4b352b;
	font-weight: 800;
}

.menu-settings {
	color: #4b352b;
}

.nav-item .nav-link:hover {
	color: #b38d7c;
}

.modal-body .sort div{
	background-color: #f69257;
	border-radius: 25px;
	padding: 5px 15px;
	margin: 15px 5px;
	cursor: pointer;
}

.modal-body .sort div a, .modal-body .sort div i {
	color: #fff;
}

.modal-body .sort div:hover{
	background-color: #f79c68;
}

.sort-item-active {
	background-color: #f5aa7f !important;
}


/* start english search input */
.search-container {
	width: 100%;
}

.search-container span {
	position: absolute;
	top: 3.5px;
	right: 30px;
	cursor: pointer;
	font-size: 1.5rem;
}

.search-container span:hover {
	color: #4b352b;
}

.search-container i {
	position: absolute;
	top: 12px;
	left: 130px;
	cursor: pointer;
	font-size: 1.5rem;
	color: #f69257;
}

.search-input {
	background-color: transparent;
	border: 1.5px solid #f69257;
	color: #4b352b;
	padding-right: 30px;
	padding-left: 50px;
}
/* end english search input */

/* start arabic search input */
.search-container-ar {
	width: 100%;
}

.search-container-ar span {
	position: absolute;
	top: 3.5px;
	left: 30px;
	cursor: pointer;
	font-size: 1.5rem;
}

.search-container-ar span:hover {
	color: #4b352b;
}

.search-container-ar i {
	position: absolute;
	top: 12px;
	right: 130px;
	cursor: pointer;
	font-size: 1.5rem;
	color: #f69257;
}

.search-input-ar {
	background-color: transparent;
	border: 1.5px solid #f69257;
	color: #4b352b;
	padding-right: 50px;
	padding-left: 30px;
}
/* end arabic search input */

.buy-now-container {
	width: 100%;
	position: absolute;
	top: 130px;
	right: 1.5rem;
}

.buy-now-container-ar{
	width: 100%;
	position: absolute;
	top: 130px;
	left: 1.3rem;
}

.book_now {
	color: #f3f3f3;
	background-color: #f69257;
	padding: 4px 10px;
	border: none;
	border-radius: 25px;
	font-size: 14px;
}

.book_now:hover {
	color: #f6f6f6;
	background-color: #f5aa7f;
}

.clinic-thumbnail {
	height: 8rem;
	width: 8rem;
	border-radius: 18px;
	object-fit: contain;
	background-color: white;
	box-shadow: 0px 2px 5px 0px rgba(126, 125, 125, .3);
}

.clinic-thumbnail:hover {
	box-shadow: 0px 2px 10px 0px rgba(100, 100, 100, 0.3);
}

.custom-button-next, .custom-button-prev {
	position: absolute;
	top: 45%;
}

.custom-button-next button, .custom-button-prev button {
	padding: 0 10px;
	background-color: #f3f3f3;
	color: #f69257;
	border: none;
	border-radius: 50%;
	font-size: 1.3rem;
	font-weight: 900;
	box-shadow: 0px 2px 5px 0px rgba(126, 125, 125, .3);
}

.custom-button-next button:hover, .custom-button-prev button:hover {
	box-shadow: 0px 2px 5px 0px rgba(126, 125, 125, .5);
}

.custom-slider {
	width: 300%;
	animation: slideInitial 1.5s;
	transition: transform 0.5s ease-in-out;
}

.btn-slider-disabled {
	color: #f5aa7f !important;
	box-shadow: none !important;
}

.custom-button-next .btn-slider-disabled:hover, .custom-button-prev .btn-slider-disabled:hover {
	box-shadow: none;
}

@keyframes slideInitial {
	33.33% {
	  transform: translateX(-50%);
	  opacity: 0.2;
	}
	100% {
	  transform: translateX(0);
	  opacity: 1;
	}
}

@keyframes slideRight {
	33.33% {
		transform: translateX(-50%);
		opacity: 0.2;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slideLeft {
	33.33% {
		transform: translateX(-50%);
		opacity: 0.2;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

.custom-button-next {
	right: 0;
	text-align: right;
	display: inline;
	width: 50%;
}

.custom-button-prev {
	left: 0;
	text-align: left;
	display: inline;
	width: 50%;
}

@media (min-width:576px) and (max-width:1200px) {

	.section-3,
	.section-5 {
		padding: 0 50px;
	}

	.banner-2 {
		width: 100%;
	}

	.banner-desc {
		top: 100px;
		left: 75px;
	}

	.banner-desc2::before {
		display: none;
	}

	.banner-desc2 {
		left: 100px;
	}

	.banner-desc3 {
		left: 200px;
	}

	.section5-title {
		padding-left: 40px;
	}
}

@media (max-width:1400px) {
	.searchblockcontent {
		min-height: 400px;
		padding-top: 90px;
	}
}

@media (max-width:1200px) {
	.searchblockcontent {
		min-height: 300px;
		padding-top: 60px;
	}
}

@media (max-width:992px) {
	.searchblockcontent {
		min-height: 260px;
		padding-top: 20px;
	}
}

@media (max-width:768px) {

	.section-2,
	.section-3,
	.section-4,
	.section-5 {
		height: auto;
		padding: 2.5rem 0 !important;
	}

	.section-2 {
		background-position: center;
	}

	.section3-item {
		padding: 0 0 2.5rem !important;
	}

	.section3-title {
		padding: 0 0 0 15px !important;
		font-size: 30px;
	}

	.section3-item-body {
		text-align: center;
	}

	.section4-desc,
	.section5-desc {
		font-size: 14px;
	}

	.section5-title {
		padding-left: 15px !important;
	}

	.banner2-desc1 {
		font-size: 20px;
	}

	.banner2-desc2 {
		font-size: 12px;
	}

	.section-6 .signin-form {
		width: 100%;
	}

	.section6-title {
		font-size: 30px;
	}

	#section-7 .footer-links {
		padding: 0 !important;
	}

	#section-7 .footer-content {
		margin: 0 !important;
	}

	.searchblockcontent {
		min-height: 200px;
		padding-top: 10px;
	}

	.bg-section .form-group .col-sm-9 {
		max-width: 100% !important;
		flex: 0 0 100%;
	}
}

@media (max-width:576px) {

	.section4-title,
	.section5-title {
		font-size: 30px;
	}

	.section4-desc,
	.section5-desc {
		font-size: 18px;
	}

	.section4-title,
	.section4-desc {
		text-align: center !important;
	}

	.banner-2 {
		width: 100%;
	}

	.banner2-desc1,
	.banner2-desc2 {
		text-align: center;
	}

	.section2-img {
		height: 20rem;
	}

	.banner-desc {
		top: 133px;
		left: 25px;
	}

	.banner-desc1 {
		font-size: 3.5vw;
	}

	.banner-desc2::before {
		display: none;
	}

	.banner-desc2 {
		font-size: 3.5vw;
		bottom: 30px;
		left: 85px;
	}

	.banner-desc3 {
		font-size: 1.5vw;
		left: 150px;
	}

	.footer-col-1,
	.footer-col-2,
	.footer-col-3 {
		padding-bottom: 2rem;
	}

	.searchblocktitle {
		font-size: 20px !important;
		margin-bottom: 5px;
	}

	.searchblockcontent {
		min-height: 150px;
		padding-top: 5px;
	}

	.searchblockdesc {
		margin-bottom: 5px;
	}
}

@media (max-width:400px) {
	.banner-desc {
		top: 55px;
	}

	.searchblockcontent {
		background-size: cover;
	}

	.searchblockdesc {
		font-size: 14px;
	}
}