/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* HOME PAGE - Services Section */
.serv-box .serv-desc-txt { opacity: 0; transform: translateY(20px); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; }
.serv-box:hover .serv-desc-txt { opacity: 1; transform: translateY(0); pointer-events: auto; }
.serv-box .serv-label-txt { transition: opacity 0.2s ease; }
.serv-box:hover .serv-label-txt { opacity: 0; }

/* HOME PAGE - Gallery Section */
.gallery-slider .swiper-slide.swiper-slide-next { position: relative; z-index: 9999; }
.gallery-slider .swiper-slide img { height: 606px; object-fit: cover; }
.gallery-slider .swiper-slide.swiper-slide-next img { height: 656px; object-fit: cover; }

/* HOME PAGE - Reviews Section */
#reviews-slider { overflow: hidden; }

/* CONTACT FORM (GLOBAL) */
form br { display: none; }
form .flex:not(.bot) p { display: flex; gap: 10px}
form span { width: 100%; }
form input:not(input[type=checkbox], input[type=submit], input[type=radio]), form textarea, form select { height: 60px; background: #EEE; color: #000; border: 0; border-radius: 0; font-family: 'Barlow'; font-size: 15px;-webkit-box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.37); box-shadow: inset 2px 2px 4px 0px rgba(0,0,0,0.37); padding: 21px; }
form ::placeholder { color: #1F1F1F;}
form textarea { height: 150px; }
form .flex.bot { display: flex; align-items: center; justify-content: space-between; }
form .checkbox .wpcf7-list-item { display: block; }
form .checkbox .wpcf7-list-item-label { font-family: 'Myriad Pro'; font-size: 13px; margin-left: 8px; }
form input[type=submit] { border-radius: 0; border: 0; background: #0054B1;
background: linear-gradient(180deg,rgba(0, 84, 177, 1) 0%, rgba(32, 40, 112, 1) 100%); color: #fff; font-family: 'Poppins'; font-size: 16px; font-weight: 600; width: 200px; height: 60px}
form input[type=submit]:hover { background: #5370FF; }

/* CAREERS PAGE */
#careers-form form input, #careers-form form select { margin-bottom: 10px; }

/* CONTACT US PAGE */
.page-id-287 #cntct-pg-form form .flex:not(.bot) p, .page-id-287 #cntct-pg-form form .flex.bot { flex-wrap: wrap; }
.page-id-287 footer #footer-form { display: none !important}



/* ONLINE APPOINMENT */
.multi-step-form form h2, .multi-step-form form h3 { font-family: "Montserrat", Sans-serif; font-size: 40px; font-weight: 700; color: #1F2670;}
.multi-step-form form h3 { font-size: 30px; }
.multi-step-form form p { font-family: "Montserrat", Sans-serif; font-size: 16px; font-weight: 500; color: #212121; margin: 10px 0; }
.multi-step-form form hr { margin: 20px 0px;}
.multi-step-form form p.flex-p { display: flex; align-items: center; gap: 10px; text-wrap-mode: nowrap; }
.multi-step-form form input:not(input[type=checkbox], input[type=submit], input[type=radio]) { height: 45px; }
.multi-step-form .wpcf7-radio .wpcf7-list-item { width: fit-content; }
.multi-step-form  .flex { display: flex; align-items: center; text-align: center; gap: 20px; }

/* RESPONSIVENESS */
@media screen and (max-width: 1800px) {
	body {zoom: 90% !important;}
}

@media screen and (max-width: 1440px) {
	body {zoom: 75% !important;}
	.gallery-slider .swiper-slide img, .gallery-slider .swiper-slide.swiper-slide-next img { height: 100% !important}
	.gallery-slider .swiper-slide { margin: unset !important; }
	.gallery-slider .swiper-slide.swiper-slide-next { scale: 1.2 }
}

@media screen and (max-width: 1024px) {
	body {zoom: unset !important;}
	.gallery-slider .swiper-slide.swiper-slide-next { scale: unset !important; }
	.multi-step-form form p.flex-p { text-wrap-mode: unset; }
}

@media screen and (max-width: 880px) {
	.page-id-287 #footer-links-info { display: none !important}
}

@media screen and (max-width: 768px) {
	form .flex:not(.bot) p, form .flex.bot { flex-wrap: wrap; }
	.multi-step-form form h2 { font-size: 30px; }
	.multi-step-form form h3 { font-size: 20px; }
	.multi-step-form form p.flex-p { flex-wrap: wrap; }
}