/* Banner Section */
.main-banner{
	gap: 0;
}
.main-banner .banner-content .wp-block-buttons a{
	padding: 10px 15px;
}
.main-banner .banner-content .wp-block-buttons a:after{
    content: "\f30b";
    font-weight: 900;
    font-family: 'Font Awesome 6 Free';
    color: #ffffff;
    padding-left: 15px;
}
.main-banner .banner-content .wp-block-buttons a:hover{
	background: #0077b6;
    box-shadow: inset 0 0 0 2em #0077b6;
}
.main-banner .video a:before{
	content: "\f04b";
	font-weight: 900;
	font-family: 'Font Awesome 6 Free';
	color: #00c1d5;
    background-color: #fff;
    padding: 13px 14px 13px 16px;
    border-radius: 50%;
    margin-right: 15px;
}
.main-banner .social-icons{
	display: flex;
	justify-content: center;
    align-items: center;
}
.main-banner .social-icons li{
	padding: 20px 0 !important; 
}
.main-banner .social-icons a{
	font-size: 20px;
}
/* Contact Us Section */
.main-banner .banner-content, .contact-us .contact-1{
	margin-left: 15%;
}
.main-banner .banner-content .wp-block-button, .contact-us .phone-num p, .contact-us .email p, .contact-us .timing p{
	margin-bottom: 0;
}
.contact-us .phone-num:before, .contact-us .email:before, .contact-us .timing:before{
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 26px;
    color: #00c1d5;
    border: 1px solid #00c1d5;
    padding: 10px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.contact-us .phone-num, .contact-us .email{
	border-right: solid 1px #35a1ac8a;
}
.contact-us .phone-num:before{
	content: "\f590";
}
.contact-us .email:before{
	content: "\f658";
}
.contact-us .timing:before{
	content: "\f017";
}
/* Services Section */
.services-sec h3.has-text-align-center{
    position: relative;
}
.services-sec h3.has-text-align-center:after{
    position: absolute;
    border-bottom: 3px solid #00a8e8;
    width: 70px;
    content: '';
    bottom: -12px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 30px;
}
.services-sec p.has-text-align-center{
	margin-top: 25px;
}
.services-sec .post{
	color: #fff;
    background: linear-gradient(to top,#00c1d5,#000);
    position: relative;
    z-index: 1;
    border-radius: 10px;
}
.services-sec .post img{
	border-radius: 10px;
}
.services-sec .post:hover img{
	opacity: 0.2;
}
.services-sec .post h3, .services-sec .post p{
	display: none;
}
.services-sec .post:hover h3, .services-sec .post:hover p{
	display: block;
}
.services-sec .post:hover .wp-block-cover__inner-container:before{
	content: "\f863";
	font-weight: 900;
	font-family: 'Font Awesome 6 Free';
	color: #00c1d5;
    font-size: 60px;
}
.services-sec .post .wp-block-cover__inner-container{
	width: 100%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transition: all 0.4s ease;
    padding: 20px;
}
.services-sec .post:hover .wp-block-cover__inner-container{
	opacity: 1;
}
/* Media */
@media screen and (max-width: 767px){
	.main-banner .wp-block-cover{
		min-height: 340px !important;
	}
	.main-banner .banner-content{
		margin-left: 0;
	}
	.main-banner .banner-content h1{
		font-size: 35px !important; 
	}
	.main-banner .video{
		display: none;
	}
	.main-banner .social-icons{
		position: absolute;
	    z-index: 99;
	    width: 100% !important;
	    padding: 10px;
	}
	.main-banner .social-icons ul{
		display: flex;
    	flex-direction: row;
    	margin-bottom: 0;
	}
	.main-banner .social-icons li{
		padding: 0 10px !important;
	}
	.contact-us .phone-num, .contact-us .email, .contact-us .timing{
		flex-wrap: nowrap !important;
	}
	.contact-us .contact-1, .contact-us .email-1, .contact-us .timing-1{
		margin-left: 8%;
	}
	.contact-us .contact-1 h3, .contact-us .email-1 h3, .contact-us .timing-1 h3{
		font-size: 18px !important;
	}	
	.contact-us .contact-1 p, .contact-us .email-1 p, .contact-us .timing-1 p{
		font-size: 13px !important;
	}
	.services-sec h3{
		font-size: 25px !important;
	}
	.services-sec p.has-black-color{
		font-size: 13px !important;
	}
	.services-sec .post .wp-block-cover{
		min-height: 250px !important;
	}
}
@media screen and (min-width: 768px) and (max-width:991px){
	.main-banner .wp-block-cover {
    	min-height: 400px !important;
	}
	.main-banner .wp-block-column.main-content.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 90% !important;
	}
	.main-banner .wp-block-column.social-icons.has-background.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 20% !important;
	}
	.main-banner .wp-block-columns, .contact-us, .contact-us .phone-num, .contact-us .email, .contact-us .timing{
		flex-wrap: nowrap !important;
	}
	.main-banner .banner-content h1{
		font-size: 40px !important;
	}
	.main-banner .banner-content, .contact-us .contact-1 {
    	margin-left: 3%;
	}
	.contact-us .wp-block-column.contact-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 28% !important;
	} 
	.contact-us .wp-block-column.email-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 32% !important;
	}
	.contact-us .wp-block-column.timing-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 40% !important;
	}
	.contact-us .phone-num:before, .contact-us .email:before, .contact-us .timing:before{
		font-size: 20px;
	}
	.contact-us .contact-1 h3, .contact-us .email-1 h3, .contact-us .timing-1 h3{
		font-size: 18px !important;
	}	
	.contact-us .contact-1 p, .contact-us .email-1 p, .contact-us .timing-1 p{
		font-size: 13px !important;
	}
	.services-sec .post-sec{
		flex-wrap: nowrap !important;
	}
	.services-sec .post .wp-block-cover{
		min-height: 300px !important;
	}
	.services-sec .post:hover .wp-block-cover__inner-container:before{
		font-size: 45px;
	}
	.services-sec .post h3{
		font-size: 22px !important;
	}
	.services-sec .post p{
		font-size: 13px !important;
	}
}
@media screen and (min-width: 992px) and (max-width:1199px){
	.main-banner .wp-block-column.main-content.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 90% !important;
	}
	.main-banner .wp-block-column.social-icons.has-background.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 20% !important;
	}
	.main-banner .banner-content h1{
		font-size: 45px !important;
	}
	.main-banner .banner-content, .contact-us .contact-1 {
    	margin-left: 3%;
	}
	.contact-us .wp-block-column.contact-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 30% !important;
	} 
	.contact-us .wp-block-column.email-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 30% !important;
	}
	.contact-us .wp-block-column.timing-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 40% !important;
	}
	.services-sec .post .wp-block-cover{
		min-height: 300px !important;
	}
}
@media screen and (min-width: 1200px) and (max-width:1399px){
	.main-banner .banner-content, .contact-us .contact-1 {
    	margin-left: 4%;
	}
	.contact-us .wp-block-column.contact-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 30% !important;
	} 
	.contact-us .wp-block-column.email-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 30% !important;
	}
	.contact-us .wp-block-column.timing-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 40% !important;
	}
}
@media screen and (min-width: 1400px) and (max-width:1599px){
	.main-banner .banner-content, .contact-us .contact-1 {
    	margin-left: 4%;
	}
	.contact-us .wp-block-column.contact-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 30% !important;
	} 
	.contact-us .wp-block-column.email-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 30% !important;
	}
	.contact-us .wp-block-column.timing-1.is-layout-flow.wp-block-column-is-layout-flow{
		flex-basis: 40% !important;
	}
}