/*** */
#tourism-section{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* height: calc(100vh - 60px); */
	background: url('media/health/health-bg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	padding: 70px 100px 0;
}

.health-doctor, .health-form, .health-icon{
	display: flex;
	flex: 1;
}

#tourism-section .health-doctor{
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 3;
}

#tourism-section .health-doctor .health-doctor-inner{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

#tourism-section .health-doctor .health-doctor-inner .image-box{
	display: flex;
	flex-direction: column;
	align-items: center;
}

#tourism-section .health-doctor a > img{
	display: block;
	width: 90% !important;
}

/* #tourism-section .health-doctor img:first-child{
	display: block;
	width: 90%;
} */

#tourism-section .health-doctor p{
	color: var(--themecolor);
	letter-spacing: 2px;
}

#tourism-section .health-icon p{
	color: var(--themecolor);
	letter-spacing: 2px;
}

/*** */
#tourism-section .health-doctor img:last-child{
	display: block;
	width: auto; /* 75% idi*/
}

#tourism-section .health-form{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
	/*background: lightyellow;*/
}

#tourism-section .health-form .health-phone{
	display: flex;
	align-items: center;
}

#tourism-section .health-form .health-form-heading{
	font-size: 24px;
	font-weight: 700;
	font-size: 30px;
	letter-spacing: 5px;
}

.health-form .form-group{
	margin-bottom: 0.5rem;
	font-size: 13px !important;
}

.health-form .form-control{
	font-size: 13px !important;
	line-height: 1 !important;
}

.health-form p{
	font-size: 13px !important;
}

#tourism-section .health-form input,
#tourism-section .health-form textarea,
#tourism-section .health-form select{
	border: 1px solid var(--themecolor) !important;
	color: var(--themecolor) !important;
}

#tourism-section .health-form input::placeholder,
#tourism-section .health-form select::placeholder{
	color: var(--themecolor);
}

#tourism-section .health-form select:focus,
#tourism-section .health-form textarea:focus{
	background: transparent;
}

#tourism-section #general-submit{
	padding-top: 0.175rem;
	padding-bottom: 0.175rem;
	padding-right: 35px;
	padding-left: 10px;
	font-size: 13px;
}


#tourism-section  #general-submit::after{
	transform: translateY(-42%) scale(1);
}

#general-submit:not(:disabled):hover:after{
	transform: translateX(5px) translateY(-42%) scale(1);
}

#tourism-section .health-form a.contact-phone{
	font-weight: 700;
	font-size: 24px;
	color: var(--themecolor);
}

#tourism-section .health-doctor .health-doctor-inner{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

#tourism-section .health-icon{
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
}

#tourism-section .health-icon .health-icon-inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

#tourism-section .health-icon .health-icon-inner > img:nth-child(1){
	width: 50%;
}

#tourism-section .health-icon ul{
	list-style: none;
	display: grid;
	grid-template-columns: repeat(9, 9%);
	justify-items: center;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}

#tourism-section .health-icon ul li{
	margin: 15px 7px 40px;
	text-align: center;
	position: relative;
}

#tourism-section .health-icon ul li img{
	max-width: 100%;
	min-width: 50%;
}

#tourism-section .health-icon ul li div{
	position: absolute;
	left: 50%;
	bottom: 0;
	line-height: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translate(-50%, 115%);
}

#tourism-section .health-icon ul li span{
	font-size: 13px;
}

.health-icon-sub-slogan{
	font-size: 18px;
	letter-spacing: 5px !important;
	margin: 10px 0;
}

@media (max-width: 575.98px){
	#tourism-section{
		height: 130vh;
		padding: 50px 0 0;
		background: transparent;
		/*background-position: 100% 0%;
		background-size: calc(260%);*/
	}

	#tourism-section .health-doctor{
		width: 100%;
		height: 100%;
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#tourism-section .health-doctor a > img{
		width: 100%;
	}
	#tourism-section .health-doctor img:last-child{
		width: 100%;
	}


	#tourism-section .health-doctor p{
		color: var(--themecolor);
	}

	#tourism-section .health-form{
		padding: 15px;
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 3;
		height: 100%;
		background: url('media/health/health-form-bg.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}

	#tourism-section .health-form .health-phone{
		/* flex-direction: column;
		align-items: flex-start; */
	}

	#tourism-section .health-form a.contact-phone{
		font-size: 17px;
	}

	#tourism-section .health-form .health-form-inner{
		display: flex;
		align-items: center;
	}

	#tourism-section .health-form .health-form-heading{
		font-size: 20px;
		letter-spacing: 0px;
	}

	#tourism-section .health-icon{
		/* position: absolute;
		top: 0;
		left: 120%; */
		width: 100%;
		height: 100%;
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
		transition: all 0.1s ease;
		opacity: 0;
		padding-left: 30px;
		padding-right: 30px;
	}

	#tourism-section .health-icon .health-icon-inner > img:nth-child(1){
		width: 90%;
	}

	#tourism-section .health-icon ul{
		grid-template-columns: repeat(5, 20%);
	}

	.health-icon-sub-slogan{
		letter-spacing: 3px !important;
	}
}

@media (min-width: 576px) and (max-width: 991.98px){
	#tourism-section{
		height: 130vh;
		padding: 50px 0 0;
		background-position: 100% 0%;
		background-size: calc(260%);
	}

	#tourism-section .health-doctor{
		width: 100%;
		height: 100%;
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	#tourism-section .health-doctor p{
		font-size: 28px;
	}

	#tourism-section .health-doctor img:last-child{
		width: 100%;
	}

	#tourism-section .health-form{
		padding: 15px;
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 3;
		height: 100%;
		background: url('media/health/health-form-bg.jpg');
		background-repeat: no-repeat;
		background-size: cover;
	}

	#tourism-section .health-form .health-phone{
		/* flex-direction: column;
		align-items: flex-start; */
	}

	#tourism-section .health-form a.contact-phone{
		font-size: 17px;
	}

	#tourism-section .health-form .health-form-inner{
		display: flex;
		align-items: center;
	}

	#tourism-section .health-form .health-form-heading{
		font-size: 20px;
		letter-spacing: 0px;
	}

	#tourism-section .health-icon{
		/* position: absolute;
		top: 0;
		left: 120%; */
		width: 100%;
		height: 100%;
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
		transition: all 0.1s ease;
		opacity: 0;
		padding-left: 30px;
		padding-right: 30px;
	}

	#tourism-section .health-icon .health-icon-inner > img:nth-child(1){
		width: 90%;
	}

	#tourism-section .health-icon ul{
		grid-template-columns: repeat(5, 20%);
	}

	#tourism-section .health-icon ul li{
		margin: 40px 7px 40px;
	}

	#tourism-section .health-icon ul li span{
		font-size: 24px;
	}

	#tourism-section .health-icon p{
		font-size: 40px;
		margin: 40px 0;
	}

	.health-icon-sub-slogan{
		letter-spacing: 3px !important;
	}

	#tourism-section .health-form .health-form-heading{
		font-size: 32px !important;
		text-align: center;
		margin-bottom: 12px !important;
	}

	.health-form p{
		font-size: 17px !important;
		margin-bottom: 20px !important;
	}

	#tourism-section .health-form .health-phone{
		margin-bottom: 32px !important;
	}

	#tourism-section .health-form a.contact-phone{
		font-size: 28px !important;
	}

	#tourism-section .health-form input, #tourism-section .health-form textarea, #tourism-section .health-form select{
		padding: 18px 15px !important;
	}

	#tourism-section .health-form textarea{
		height: 80px;
	}
}

@media (min-width: 1600px){
	#tourism-section .health-doctor img:last-child{
		min-width: 85%;
	}

	.health-form .form-group{
		margin-bottom: 1rem;
	}

	.health-form-slogan{
		margin-bottom: 1.5rem;
	}

	#tourism-section .health-form .health-form-heading{
		font-size: 36px;
	}

	.health-form p{
		font-size: 15px !important;
	}

	#tourism-section .health-form a.contact-phone{
		font-size: 35px;
	}

	#tourism-section .health-form input, #tourism-section .health-form textarea, #tourism-section .health-form select{
		padding: 20px 15px !important;
	}

	#tourism-section .health-form textarea{
		height: 120px;
	}

	#tourism-section .health-icon .health-icon-inner > img:nth-child(1){
		min-width: 60%;
	}

	#tourism-section .health-icon p{
		margin-bottom: 1.5rem !important;
	}

	#tourism-section .health-icon ul li img{
		min-width: 60px;
	}

	.health-icon-sub-slogan{
		font-size: 24px;
	}
}

/** HEALTH TOURISM MOBILE */

#tourism-mobile{
	background-image: url('media/health_mobile/health-mobile-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

#tourism-mobile .health-world{
	background-image: url('media/health_mobile/world.png');
	background-repeat: no-repeat;
	background-position: right 60%;
	background-size: 40%;
	padding: 3rem 2rem;
}

#tourism-mobile .health-world .header{
	width: 80%;
}

#tourism-mobile .health-world .header + .header{
	width: 70%;
	margin-bottom: 60px;
}

#tourism-mobile .health-world .healthIcon{
	width: 18%;
	margin-right: 12px;
}

#tourism-mobile .health-world .healthIcon-desc{
	line-height: 1.1 !important;
	text-align: center;
}

#tourism-mobile .health-world .healthIcon-desc span{
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 14px;
}

#tourism-mobile .health-mobile-button{
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	background-color: var(--tertiarycolor);
	color: #fff;
	padding: 8px 20px;
	border-radius: 12px;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 1.5px;
	width: 80%;
	margin-top: 25px;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
	transition: all 0.5s ease;
}

#tourism-mobile .health-mobile-button:hover{
	background-color: var(--themecolor);
}

.health-form-mobile{
	padding: 0 2rem 3rem;
}

.health-form-mobile .health-form-heading{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
}

.health-form-mobile .health-form-heading + p{
	line-height: 1.1 !important;
}

.health-form-mobile .contact-phone{
	color: var(--tertiarycolor);
	font-weight: 700;
	letter-spacing: 1px;
}

.health-form-mobile input,
.health-form-mobile select{
	border: 1px solid #333;
	color: #999;
	border-radius: 40px;
	padding: 10px 15px !important;
	background: transparent !important;
}

.health-form-mobile textarea{
	border: 1px solid #333;
	color: #999;
	border-radius: 15px;
	padding: 10px 15px !important;
	background: transparent !important;
}