/* 
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
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: 1.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 */

/* Global Style Declaration -=-=-=-=-=-=-=*/
* { box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0; padding:0; letter-spacing: -0.2px;
}


img { max-width:100%; height:auto; border:none; vertical-align:middle; }

a { text-decoration:none;cursor:pointer; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }

p { margin:0; }
* + h1, * + h2 { margin-top:35px; }
* + h3, * + h4 { margin-top:30px; }
* + h5, * + h6  { margin-top:25px; }
* + p { margin-top:20px }
input[type=submit] { cursor:pointer; }


.set-bg, .bg, .overlay { background-size:cover; background-position:center; position:relative; background-repeat: no-repeat; }
.overlay > * { position:relative; z-index:2; }
.overlay:before { content:''; background: rgba(33 87 50 / 24%); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; }

/* put listStyle class to "parent" tag of "ul" */
.noListStyle ul, .listStyle ul { margin:0; padding:0; list-style:none; } /* put listStyle class to "parent" tag of "ul" */
.listStyle * + ul { margin-top:15px; }
.listStyle ul li { padding-left:25px; position:relative; }
.listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color:#ea8c20; font-weight:normal; top:1px;  }
.listStyle ul li:not([class*="fa-"]):before { content:"\f111"; font-size:50%; line-height:3; } 

.ButtonGreen .elementor-button path{ transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }
.ButtonGreen .elementor-button:hover path{ fill: var(--e-global-color-accent); }
.ForButtonIcon .elementor-button-icon svg { width: 25px; height: 25px;}
.CommonButton .elementor-button-content-wrapper{ align-items: center; }


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Page Wise CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Header */

.HeaderSection{
	-webkit-transition: all 0.5s ease;  -moz-transition: position 10s;  -ms-transition: position 10s;  -o-transition: position 10s;  transition: all 0.5s ease;
}

.HeaderSection.fixed-header { position: fixed; z-index: 10; background-color: #5a7d5c;  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); top: 0; animation: smoothScroll 1s forwards;}
@keyframes smoothScroll {
	0% {
		transform: translateY(-90px);
	}
	100% {
		transform: translateY(0px);
	}
}
/* Counter */
.CounterTop { gap: 0; }
.CounterTop .elementor-counter-title { text-align: center; }
.CounterTop .elementor-counter-number-prefix { display: none;}
.CounterTop .elementor-counter { align-items: center; }
.CounterTop .elementor-counter-title { max-width: 100px; }
/* .VideoBox.overlay:before { z-index: 3; border-radius: 30px; } */
.VideoBox .elementor-custom-embed-image-overlay{ position: relative; }
.VideoBox .elementor-custom-embed-image-overlay:before{content:''; background: rgba(33 87 50 / 24%); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute;}
.VideoBox .elementor-custom-embed-image-overlay > * { position:relative; z-index:2; }
/* Footer */
.FooterMenu a{ border-bottom: 1px solid #fff; }
/* Image carousel */
.ImageCarouselTop .swiper-slide { background-color: var(--e-global-color-d347bef); padding: 31px 48px; border-radius: 30px; border: 1px solid rgb(0 0 0 / 20%); }

.ImageCarouselTop .swiper-slide .swiper-slide-image { width: 156px; height: 100px !important; object-fit: contain; }
.ImageCarouselTop .swiper-wrapper{ gap: 28px 24px; }

/* Image Box Hover */


.ImageContentBox { position: relative; overflow: hidden;  width: 100%;  height: auto; }
.ImageContentTop { transition: bottom 0.5s ease;  max-height: 300px;  overflow-y: hidden; }
.ImageContentBox:hover .ImageContentTop { bottom: 0;  overflow-y: auto; }
.ImageContentBox:before {content:''; top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; background: linear-gradient(to top, rgba(0, 34, 0, 0.74) 0%, rgba(0, 34, 0, 0.52) 50%, rgba(0, 0, 0, 0) 100%); }
/* Three Column */
.ImgBoxNewTop .elementor-image-box-img img { height: 90px;  object-fit: contain;}

/* Contact Section */
.ContactListTop .elementor-icon-list-icon { background-color: var(--e-global-color-accent);height: 64px;width: 64px;border-radius: 50px; 
	padding: 18px !important; align-items: center; justify-content: center;}
.ContactListTop .elementor-icon-list-item a {  gap: 13px; }
.ContactListTop ul { display: flex;flex-direction: column; }
.ContactListTop .elementor-icon-list-icon svg { width: 24px; height: 24px; }
.ContactListTop .elementor-icon-list-item a:hover{ opacity: 0.8; }
.ContactListTop .elementor-icon-list-item{ display: inline-block; width: 100%; }
/* Contact Form */
.ContactForm textarea, .ContactForm input[type="text"], .ContactForm input[type="number"], .ContactForm input[type="email"], .ContactForm input[type="tel"], .ContactForm select{ border: 1px solid rgb(0, 0, 0, 0.20) !important; height: auto !important; padding: 16px 24px !important; line-height: 1.3 !important; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06) !important; }
.ContactForm textarea:focus, .ContactForm input[type="text"]:focus, .ContactForm input[type="number"]:focus, .ContactForm input[type="email"]:focus, .ContactForm input[type="tel"]:focus, .ContactForm select:focus{ border: 1px solid #215732 !important; }
.ContactForm .wpforms-field-label { margin-bottom: 8px !important; font-weight: 400 !important}
.ContactForm textarea { min-height:200px !important; }
.ContactForm .wpforms-field { padding: 10px 0 !important; }
.ContactForm select{appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; 
 background-image: url(https://eviplusnational.spynrtech.com/wp-content/uploads/2025/01/Vector.png) !important; background-repeat: no-repeat !important; background-size: 15px 7px !important; background-position: 90% !important;}
.ContactForm button[type=submit] { position: relative !important; outline:none !important; padding: 26px 50px 26px 17px !important; height: auto !important; border:0 !important; font-size:17px !important; line-height:1px !important; text-transform:capitalize !important; font-weight:600 !important; border-radius:40px !important; background-color: var(--e-global-color-07f5b39) !important;
-webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
.ContactForm button[type=submit]:hover { opacity: 0.8 !important; }
.ContactForm button[type=submit]:before{    content: '' !important; display: block !important; position: absolute !important; height: 27px !important; width: 26px !important; background-image: url(https://eviplusnational.spynrtech.com/wp-content/uploads/2025/01/share.png) !important;     background-repeat: no-repeat !important; background-size: auto !important; background-position: center right; right: 16px; top: 14px;  }
.ContactForm button[type=submit]:focus:after{ outline: none !important; border: 0 !important; }
.ContactForm .wpforms-confirmation-scroll { background-color: transparent !important; border: 0 !important; text-align: left !important; color: var(--e-global-color-215732) !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
.ContactForm .wpforms-confirmation-scroll p{ color: var(--e-global-color-215732) !important; }
.getInTouchFormMainParent { margin: 0 !important; }

/* Google Map */
.MapBox .wpgmza_map{ border-radius: 30px; }

/* For Hubspot Form */
::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; }
::-moz-placeholder { opacity:1 !important; color:inherit !important; }
:-ms-input-placeholder { opacity:1 !important; color:inherit !important;}

/*form { margin:0 -10px; }*/
.HubspotContactForm form .input { margin-right:0 !important; }
.HubspotContactForm form fieldset { max-width:inherit !important; margin:0 -10px;  }
.HubspotContactForm form fieldset.form-columns-1 .field { width:100% !important; }
.HubspotContactForm form fieldset.form-columns-2 .field { width:50% !important; }
.HubspotContactForm form fieldset.form-columns-3 .field { width:33.33% !important; }
.HubspotContactForm form .field { padding:0 0 30px; }
.HubspotContactForm form fieldset .field { padding-left:10px; padding-right:10px; }
.HubspotContactForm form ul.multi-container { padding-top:10px; }
.HubspotContactForm form ul.multi-container li { margin:5px 0; }
.HubspotContactForm .hs-form-field label{  color: var(--wpforms-label-color); margin-bottom: 8px;}
.HubspotContactForm textarea, .HubspotContactForm input[type="text"], .HubspotContactForm input[type="number"], .HubspotContactForm input[type="email"], .HubspotContactForm input[type="tel"], .HubspotContactForm select {  border: 1px solid rgb(0, 0, 0, 0.20) !important; height: auto !important; padding: 16px 24px !important; line-height: 1.3 !important; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06) !important; display:block;  outline:none;  font-size:16px !important; line-height:16px; font-family: inherit;
    font-weight:400 !important; color: rgba(0, 34, 0, 0.58) !important; background-color: var(--e-global-color-secondary) !important; margin:0 !important; width:100% !important; border-radius:18px !important; }
.HubspotContactForm select{appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; 
 background-image: url(https://eviplusnational.spynrtech.com/wp-content/uploads/2025/01/Vector.png) !important; background-repeat: no-repeat !important; background-size: 15px 7px !important; background-position: right 20px center !important;}
.HubspotContactForm textarea { min-height:200px; }
/*
.HubspotContactForm input[type="submit"] { position: relative !important; outline:none !important; padding: 26px 50px 26px 17px !important; height: auto !important; border:0 !important; font-size:17px !important; line-height:1px !important; text-transform:capitalize !important; font-weight:600 !important; border-radius:40px !important; background-color: var(--e-global-color-215732) !important;
-webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
.HubspotContactForm input[type="submit"]:hover { opacity: 0.8 !important; color: #fff !important; }

*/
.HubspotContactForm input[type="submit"] {
    position: relative !important;
    outline: none !important;
    padding: 26px 50px 26px 17px !important;
    height: auto !important;
    border: 0 !important;
    font-size: 17px !important;
    line-height: 1px !important;
    text-transform: capitalize !important;
    font-weight: 600 !important;
    border-radius: 40px !important;
    background-color: #215732 !important; /* Default Dark Green */
    color: #ffffff !important; /* White text */
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.HubspotContactForm input[type="submit"]:hover {
    background-color: #15233D !important; /* Hover Background - Dark Blue */
    color: #ffffff !important; /* White text */
    opacity: 1 !important; /* Ensures full visibility */
}
.HubspotContactForm .hs-button{ position: relative !important; }
.HubspotContactForm .hs-button { background-image: url(https://eviplusnational.spynrtech.com/wp-content/uploads/2025/01/share.png) !important;
 background-repeat: no-repeat !important; background-size: 26px; background-position: right 15px center;}
.HubspotContactForm .hs-form-required { color: #DA291C; margin-left: 2px;}
.HubspotContactForm textarea:focus, .HubspotContactForm input[type="text"]:focus, .HubspotContactForm input[type="number"]:focus, .HubspotContactForm input[type="email"]:focus, .HubspotContactForm input[type="tel"]:focus, .HubspotContactForm select:focus {  border-color: #215732 !important;  }

.HubspotContactForm input::placeholder,.HubspotContactForm textarea::placeholder, .HubspotContactForm input:focus {color: #215732 !important; opacity: 1 !important;}

/*for Hubspot   >>>>>>*/
.HubspotContactForm .hs-error-msgs{ list-style:none !important;  margin:0 0 10px !important; padding:0 0 0 10px !important;}
.HubspotContactForm .hs-error-msgs label {   font-size:14px !important; color:#d63637 !important; }

.ol-info-window-plain {
    width: 400px;
    padding: 20px;
    border-radius: 15px;
}
.wpgmza-infowindow .wpgmza_infowindow_title {
    margin: 0;
}
.wpgmza_infowindow_address {
    margin: 0;
}
.wpgmza_infowindow_description ul {
    padding: 0;
    list-style: none;
}
.wpgmza_map .wpgmza-inner-stack > .grouping{display:flex;align-items: center;padding: 0px 15px;}
.wpgmza_map .wpgmza-inner-stack .grouping ~ .grouping-handle{top:unset !important;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Responsive Media Queries CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*-=-=- Smaller Desktop Devices -=-=-*/

@media (min-width:1231px ) {
.ContactListTop .elementor-icon-list-text { font-size: 22px; }
}

@media (min-width:992px ) {
.ImgBoxNewTop .elementor-image-box-title { max-width: 225px; }
}


@media (max-width:1230px ) {
.ContactForm textarea, .HubspotContactForm textarea { min-height:130px !important; }
.ContactForm button[type=submit], .HubspotContactForm input[type="submit"]{ font-size: 15px !important; }
.HubspotContactForm form fieldset.form-columns-3 .field, .HubspotContactForm form fieldset.form-columns-1 .field { width:100% !important; }
	.HubspotContactForm textarea, .HubspotContactForm input[type="text"], .HubspotContactForm input[type="number"], .HubspotContactForm input[type="email"], .HubspotContactForm input[type="tel"], .HubspotContactForm select { font-size: 15px !important; }
}

/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1080px ) {
.TitleSubTitleBox h5 { font-size: 20px; }
.ContactListTop .elementor-icon-list-icon { height: 40px;width: 40px;padding: 10px !important;}
.ImgBoxNewTop .elementor-image-box-img img { height: 60px;}
}

/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media (max-width:991px ) {
.ForButtonIcon .elementor-button-icon svg { width: 20px; height: 20px;}
.ImageCarouselTop .swiper-slide { padding: 20px 30px;}


}
@media (max-width:880px ) {

}

/*-=-=-  Mobile Devices -=-=-*/


@media (max-width:767px ) {

	
.CounterTop { gap: 0; }
.ContactForm textarea, .ContactForm input[type="text"], .ContactForm input[type="number"], .ContactForm input[type="email"], .ContactForm input[type="tel"], .ContactForm select {padding: 12px 16px !important; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.06) !important; }
.ContactForm .wpforms-field {padding: 7px 0 !important;}
.ContactForm select{background-position: 95% !important;}
.ContactForm textarea, .HubspotContactForm textarea { min-height: 100px !important; }
.MapBox .wpgmza_map{ height: 400px !important; }
.ImageCarouselTop .swiper-slide { padding: 15px 20px; }
.ImageCarouselTop .swiper-slide .swiper-slide-image { width: 120px; height: 80px !important;}	
.HeaderSection .elementor-nav-menu { border-top: 1px solid #ffffff;}
.ContactForm button[type=submit]{ font-size: 14px !important; }
.HubspotContactForm form .field { padding: 0 0 20px;}
	.HubspotContactForm textarea, .HubspotContactForm input[type="text"], .HubspotContactForm input[type="number"], .HubspotContactForm input[type="email"], .HubspotContactForm input[type="tel"], .HubspotContactForm select { padding: 12px 16px !important; }
	.HubspotContactForm select{ background-position: right 15px center !important; }	
	.HubspotContactForm form fieldset.form-columns-2 .field{width:100% !important;}
}