/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.2.1.1736404860
Updated: 2025-01-09 06:41:00

*/

:root {
    --orange-color: #FF9500;
}
p:last-of-type{
	margin-bottom: 0;
}

.elementor-button-icon svg {
    width: 20px;
}
a.hfe-menu-item {
    font-family: 'Plus Jakarta Sans'!important;
}
a.hfe-sub-menu-item {
  font-family: 'Plus Jakarta Sans'!important;
}
/* breadcrumb */
nav.breadcrumb {
    color: #fff;
}
nav.breadcrumb a {
    color: #fff;
    text-decoration: underline;
}
.page-id-37 nav.breadcrumb a {
    color: #000000;
    text-decoration: underline;
}
.page-id-37 nav.breadcrumb {
    color: #6f6f6f;
}
/*Common Form style*/
.common-form-field {
    margin-bottom: 20px;
}
.common-form-field p {
    margin: 0;
}
.common-form-field input,
.newsletter-form .tnp-subscription input[type=email] {
    height: 50px;
    background: transparent;
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    padding: 15px 20px;
    letter-spacing: -0.2px;
}
.common-form-field input:focus,
.newsletter-form .tnp-subscription input[type=email]:focus {
    border: 1px solid #959595;
    outline: none;
}
.common-form-field input::-webkit-input-placeholder {
  color: #C7C7C7;
}
.common-form-field input:-ms-input-placeholder {
  color: #C7C7C7;
}
.common-form-field input::-moz-placeholder {
  color: #C7C7C7;
  opacity: 1;
}
.common-form-field input:-moz-placeholder {
  color: #C7C7C7;
  opacity: 1;
}
.common-form-field.submit-button {
    padding-top: 12px;
}
.common-form-field button {
    width: 100%;
    background: var(--orange-color);
    border-color: var(--orange-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 43px 12px 43px;    
}

/*Header*/
.header-right-column .hfe-nav-menu-icon {
    border-radius: 8px;
}

/*Home Banner*/
.banner-down-button a.elementor-button {
    height: 30px;
    width: 30px;  
    animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);  
}
.banner-slider .swiper-btn-next {
    transform: rotate(180deg);
}
.banner-slider .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
   display:none;
}
.banner-slider .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    display:none;
}
.banner-slider .swiper-pagination {
    display: flex;
    right: 10px;
}
.banner-slider .swiper-btn-up-down .elementor-widget-container {
    display: flex;
    flex-direction: column;
    gap: 160px;
    align-items: center;
    justify-content: space-between;
}
/* .banner-slider .swiper-pagination-vertical.swiper-pagination-bullets {
    left: 65px!important;
} */
.banner-slider .swiper-pagination-vertical.swiper-pagination-bullets {
    left: 45px!important;
    top: 120px;
}
.banner-slider .swiper-wrapper {
    min-height: 100%!important;
}
.banner-slider .swiper-slide {
height: auto !important;
}

/*  */
.thuisaccu-services h3.elementor-image-box-title {
    padding-left: 30px;
}
.thuisaccu-services .elementor-image-box-wrapper {
        margin-bottom: -6px;
}

.pdf-btn-layout{
    display: flex!important;
    flex-wrap: wrap!important;
    max-width: 600px!important;
    width: 600px!important;
}

.pdf-btn-layout .elementor-button {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 12px 14px 12px;
}
.pdf-btn-layout .elementor-button:hover path {
    fill: #fff!important;
}
/* .testimonial_slider .swiper-wrapper {
	min-width: auto;
	width: max-content;
}
 */

.page-id-859 .swiper-wrapper {
    width: max-content !important;
    gap: 0!important;
}
.page-id-859 .testimonial_slider
{
	overflow: hidden; 
	padding: 0px 20px;
} 

.banner-slider .verticalSwiper
{
	overflow: hidden; 
	height:270px;
} 
.banner-slider span.swiper-pagination-bullet {
    background: #fff;
}


@keyframes bounce {
50% {
    transform: translateY(-15px);
  }
}
.banner-down-button a.elementor-button,
.banner-down-button a.elementor-button .elementor-button-icon{
	display: flex;
    align-items: center;
    justify-content: center;
}
.banner-down-button a.elementor-button svg {
    max-height: 20px;
}
/*  blog page */

.blog .page-content .post {
    display: grid;
    grid-template-columns: 313px auto; 
    gap: 35px; 
    margin-bottom: 20px; 
    align-items: center; 
	  border: 1px solid #ddd;
    border-radius: 24px;
}

.blog .page-content .post .left-side-img img {
    width: 100%; 
    height: auto; 
}

.blog .page-content .post .right-side-content {
    display: flex; 
    flex-direction: column;
    justify-content: center;
}

.blog .page-content .post .right-side-content h2,
.blog .page-content .post .right-side-content p {
    margin: 0;
    line-height: 1.5; 
}
.blog h4.post-date {
    color: #898989;
    font-size: 16px;
    font-weight: 400;
    font-family: Plus Jakarta sans-serif;
}
.blog .page-content .post .right-side-content > *:not(:last-child) {
    margin-bottom: 10px;
}
/* Styling for post content */
.blog .page-content .post h2 {
    font-size: 18px;
    margin: 0 0 10px;
    line-height: 1.4;
}

.blog .page-content .post h2 a {
    color: #28261B;
   	font-size:20px;
    text-decoration: none;
}

.blog .page-content .post h2 a:hover {
    color:  #28261B;
}

.blog .page-content .post p {
    font-size: 16px;
    color: #898989;
    line-height: 1.6;
}
.blog-banner{
   height: 100%;
    background-image: url(https://zonne.securework.co.in/wp-content/uploads/2025/01/Frame-99-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    padding: 20px;
    position: relative;
    z-index: 1;
	margin-bottom:90px;
	  display: flex;
    align-items: center;
    justify-content: center;

}

.blog-banner h2 {
    padding: 200px 10px 20px 0px;
    color: #fff;
    width: 60%;
}
.blog-pagination {
       margin: 40px 10px 70px 10px;
}

.blog-pagination ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 10px;
}

.blog-pagination li {
    display: inline-block;
}

.blog-pagination a,
.blog-pagination span {
    padding: 12px 16px;
    text-decoration: none;
    color: #333;
    border-radius: 4px;
    transition: all 0.3s;
	font-size:16px;
}

.blog-pagination a:hover {
    background-color: #FF95001A;
    color: #FF9500;
}

.blog-pagination .current {
    background-color: #FF95001A;
    color: #FF9500;
}
.blog .left-side-img a{
    display: flex;
	}
/*  blog detail page*/
.blog-banner-detail{
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    padding: 20px;
    position: relative;
    z-index: 1;
	margin-bottom:90px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.blog-banner-detail h2 {
    padding: 180px 10px 30px 10px;
    color: #fff;
    width: 60%;
}
.blog-detail {
    display: grid;
     grid-template-columns: 64% 30%;
    gap: 6%;
}
.single-post h1.entry-title {
    display: none;
}
.blog-detail-sidebar ul li.w3-padding-16-blog {
    list-style: none;
}
li.w3-padding-16-blog {
    border-radius: 24px;
    border: 1px solid #D9D9D9;
    margin-bottom: 30px;
}
.blog-detail-sidebar ul.display-posts-listing.grid li a.title {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Montserrat';
    color: #28261B;
}
.blog-detail-sidebar ul.display-posts-listing.grid li p {
    color: #898989;
    font-size: 16px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
}
.latest-content-sidebar {
    padding: 20px 15px;
}
.w3-padding-16-blog img.attachment-medium.size-medium.wp-post-image {
    border-radius: 24px 24px 0px 0px;
}
li.w3-padding-16-blog img {
    height: 190px;
}
.blog-detail-sidebar ul.display-posts-listing.grid {
    margin: 0px;
    padding: 0px;
}
.blog-detail-sidebar h3 {
    font-size: 32px!important;
    font-family: Montserrat;
    font-weight: 700;
}
/* contact us page */
#wpcf7-f924-p37-o1 select:focus, textarea:focus {
border-color: #D9D9D9 !important;
    outline: none !important;
}
#wpcf7-f924-p37-o1 textarea.wpcf7-form-control.wpcf7-textarea {
    border-color: #D9D9D9 !important;
	  border-radius: 12px;
}
#wpcf7-f924-p37-o1 textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
    color: #c8c7c7 !important;
}



/*Contact Details*/
.contact-details .contact-info-left {
    flex: 0 0 135px;
    width: 135px;
}
.contact-details .contact-info-left h3{
	margin:0;
}

/*Footer*/
.main-footer .contact-details .contact-info-left {
    flex: 0 0 100px;
    width: 100px;
}
.newsletter-form form {
    display: flex;
    align-items: center;
    gap: 20px;
}
.newsletter-form form .tnp-field label {
    display: none;
}
.newsletter-form form .tnp-field.tnp-field-email {
    flex: 0 0 calc(100% - 70px);
    width: calc(100% - 70px);
}
.newsletter-form form .tnp-field.tnp-field-button {
    flex: 0 0 50px;
    width: 50px;
    position: relative;
}
.newsletter-form form .tnp-field.tnp-field-button::after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.5004 11.9894C22.501 12.2567 22.4303 12.5192 22.2955 12.75C22.1607 12.9808 21.9666 13.1713 21.7335 13.3019L5.99098 22.3028C5.76507 22.4309 5.51003 22.4987 5.25035 22.4997C5.01109 22.4984 4.77561 22.4399 4.56357 22.3291C4.35153 22.2183 4.16907 22.0583 4.03144 21.8626C3.89381 21.6669 3.80499 21.4411 3.7724 21.2041C3.73981 20.967 3.7644 20.7256 3.8441 20.5L6.37535 13.0047C6.40009 12.9314 6.44688 12.8676 6.50932 12.822C6.57175 12.7763 6.64677 12.7511 6.7241 12.7497H13.5004C13.6032 12.75 13.7049 12.729 13.7993 12.6883C13.8937 12.6475 13.9787 12.5878 14.0491 12.5128C14.1194 12.4378 14.1736 12.3491 14.2082 12.2523C14.2428 12.1555 14.2572 12.0526 14.2504 11.95C14.2333 11.7572 14.1441 11.5779 14.0005 11.448C13.8569 11.3181 13.6696 11.2473 13.476 11.2497H6.72598C6.64752 11.2497 6.57104 11.2251 6.5073 11.1794C6.44356 11.1336 6.39577 11.0691 6.37067 10.9947L3.83942 3.50035C3.73867 3.21309 3.7277 2.90198 3.80798 2.60835C3.88825 2.31471 4.05597 2.05245 4.28885 1.8564C4.52173 1.66035 4.80874 1.5398 5.11176 1.51075C5.41479 1.48171 5.71948 1.54555 5.98535 1.69379L21.7354 10.6835C21.9672 10.8138 22.1602 11.0034 22.2946 11.2329C22.4291 11.4624 22.5001 11.7235 22.5004 11.9894Z" fill="white"/></svg>');
    position: absolute;
    top: 13px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}
.newsletter-form form .tnp-field.tnp-field-button input.tnp-submit {
    background: #FF9500;
    width: 50px;
    height: 50px;
    font-size: 0;
}
.sub-menu a.hfe-sub-menu-item:hover {
    color: #000066!important;
    background: #E8F0FC!important;
}
/* Popup */
.popup-overlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup {
    background: #fff;
    padding: 50px;
    border-radius: 24px;
    max-width: 680px;
    width: 90%;
    position: relative;
}

.popup-step {
    display: none;
}

.popup-step.active {
    display: block;
}

.step-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
	width: 96%;
    margin: 0 auto;
}

.step-indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.step-indicator .circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid  #87B9FF;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    fill:#87B9FF;
    font-size: 16px;
    position: relative;
}

.step-indicator.active .circle {
    background-color: #87B9FF;
    fill: #fff!important; 
}

.step-indicator.active .circle .checkmark {
    display: inline;
}

.step-indicator .label {
    margin-top: 5px;
    font-size: 14px;
    color: #72b3ff;
}

.line {
    height: 2px;
    width: 100%;
    border-style: dashed;
    border-width: 1px;
    color: #87B9FF;
}

.line:not(:last-child) {
    margin: 0 10px;
}

.step-indicator:not(.active) .circle {
    background-color: #87B9FF;
}

.popup .close-btn-top {
    position: absolute;
    top: 10px;
    right: 30px;
    font-weight: 300;
    background: none;
    border: none;
    font-size: 50px;
    cursor: pointer;
    padding: 0px;
    color: #898989;
}

.popup input#step1-input {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
	 margin-bottom: 15px;
}
.popup input#step1-input::placeholder {
   color: #D9D9D9;
}
.popup input#step1-email {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
	margin-bottom: 15px;
}
.popup input#step1-email::placeholder {
   color: #D9D9D9;
}
.popup input#step1-phone {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
	  margin-bottom: 15px;
}
.popup input#step1-phone::placeholder {
   color: #D9D9D9;
}
.popup button.next-button {
    background: #FF9500;
    color: #fff;
    padding: 12px 252px;
    font-size: 16px;
    font-weight: 500;
}
.popup p {
    margin: 20px 0px;
    color: #898989;
    font-size: 16px !important;
}
.popup #step-2 p {
    color: #28261B !important;
    font-size: 20px !important;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
}
.popup #step-2  label {
    color: #898989;
    font-size: 14px;
    font-weight: 400;
}

.popup .popup-radio-btn {
	display: grid;
	grid-template-columns: repeat(2, auto);
	width: 50%;
	gap: 10px;
}
.popup .radio-group {
  gap: 5px;
  display: flex;
  align-items: center; 
  margin-right: 20px;
  padding:3px 0px;
}

.popup input#step2-jaarverbruik {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    margin: 15px 0px;
}
input#step2-jaarverbruik::placeholder{
	color:#D9D9D9;
}
.popup input#step2-opwekken {
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    margin-bottom: 15px;
}
input#step2-opwekken::placeholder{
	color:#D9D9D9;
}
 .popup input[type=text]:focus, textarea:focus {
    border-color: #D9D9D9!important;
    outline: unset;
}

#step-3 input#step3-huisnummer{
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    margin-bottom: 15px;
}
#step-3 input#step3-huisnummer::placeholder{
   color:#D9D9D9;
}
#step-3 input#step3-woonplaats{
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    margin-bottom: 15px;
}
#step-3 input#step3-woonplaats::placeholder{
   color:#D9D9D9;
}
#step-3 input#step3-straatnaam{
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    margin-bottom: 15px;
}
#step-3 input#step3-straatnaam::placeholder{
   color:#D9D9D9;
}
#step-3 textarea#step3-bericht{
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    margin-bottom: 15px;
}
#step-3 textarea#step3-bericht::placeholder{
   color:#D9D9D9;
}

.popup button.close-popup.close-popup-btn{
	 background: #FF9500;
    color: #fff;
    padding: 12px 230px;
}
.popup #step-4 h3 {
    font-size: 32px;
    font-weight: 700;
    font-family: 'Montserrat';
    padding-right: 2px;
}
.step-navigation-step {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.label.step-indicator {
    color: #87B9FF;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat';
    padding-top: 8px;
}
.popup-image-last {
    padding: 0px;
    width: 100%!important;
}
.popup-image-last img{
	  width: 100%!important;
}
.popup h2 {
    font-size: 32px!important;
    font-weight: 700;
    font-family: 'Montserrat';
	padding-bottom:22px;
}
.popup:has(#step-4.active) .step-navigation {
    display: none!important;
}
 .popup:has(div#step-4.active) .step-navigation-step {
    display: none!important;
} 
.popup .elementor-kit-6 button:hover, .elementor-kit-6 button:focus {
    background-color: #fff!important;
    color: #898989!important;
}
button.close-popup.close-btn-top:hover {
    background: unset;
    color: #898989;
}
.popup:has(div#step-4.active) .popup-heading {
    display: none;
}
.popup:has(div#step-4.active) .popup-subheading {
    display: none;
}
.popup:has(div#step-4.active) .popup-lastsubheading {
    display: none;
}
.popup:has(div#step-4.active) .close-btn-top{
    display: none;
}
.page-id-859 .slider-btn {
    position: absolute;
    bottom: 130px;
    color: #000!important;
}
.page-id-859 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    color: #000;
    font-size: 25px!important;
    font-weight: 500;
}
.page-id-859 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
	color: #000;
    font-size: 25px!important;
    font-weight: 500;
}
.page-id-859 .swiper-button-prev {
    left: -24px!important;
}
.page-id-859 .swiper-button-next {
    right: 14px !important;
}
.page-id-859 .swiper-slide{
padding:15px 20px!important;
}
/* Gravity form */
#gform_fields_1 {
    display: flex!important;
    gap: 1rem!important; 
}
#gform_1 {
    display: flex!important;
    width: 100%;
    gap: 1rem!important; 
}

.gform-footer.gform_footer.top_label {
    width: 20%;
    margin-top: 0px!important;
}
.gfield {
    width: 100%!important;
}

.gform-footer {
    margin-top: 1rem!important; 
    text-align: center!important; 
}
.gfield .ginput_container input.large {
    border: 1px solid #D9D9D9!important; 
    padding: 25px 15px!important; 
    border-radius: 12px!important;
}
.gfield .ginput_container input.large:hover {
    border: 1px solid #D9D9D9!important; 
    outline: none!important; 
}
.gfield .ginput_container input.large::placeholder {
    color: #C7C7C7!important; 
	font-size:16px!important;
}
.gform-footer input#gform_submit_button_1 {
    background: #FF9500;
    color: #fff;
    padding: 15px 30px;
    border-radius: 25px;
    font-size: 16px;
}
.gfield .ginput_container input.large:focus{
    border: 1px solid #D9D9D9!important;
    outline: none!important;
}
.gfield .ginput_container input#input_2_3_3::placeholder{
    color: #C7C7C7!important; 
	font-size:16px!important;
}
.gfield .ginput_container input#input_2_3_3 {
    border: 1px solid #D9D9D9!important; 
    padding: 25px 15px!important; 
    border-radius: 12px!important;
}
.gfield .ginput_container input#input_2_3_3:hover {
    border: 1px solid #D9D9D9!important; 
    outline: none!important; 
}
#gfield_2_8 .ginput_container_radio {
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: space-between!important;
  gap: 20px!important;
}
.popup .gfield_radio {
    display: grid!important;
    grid-template-columns: repeat(2, auto)!important;
    width: 50%!important;
    gap: 10px!important;
}
.popup .gchoice {
    gap: 5px!important;
    display: flex!important;
    align-items: center!important;
    margin-right: 20px!important;
    padding: 3px 0px!important;
}
.gform-theme--foundation .gform_fields{
  gap: 20px!important;
}
input#gform_next_button_2_7 {
    background: #FF9500;
    color: #fff;
    padding: 15px 252px;
    font-size: 16px!important;
    font-weight: 500!important;
    border-radius: 20px;
	width:100%;
}
.gform-theme--framework .gform_validation_errors .gform_submission_error {
    color: #FF0000!important;
    display: flex!important;
    font-size: 15px!important;
    padding: 0px!important;
}
/* Individual choice styling */
#gfield_2_8 .gchoice {
  flex: 1 1 calc(50% - 10px)!important;
  display: flex!important;
  align-items: center!important;
}
.validation_message {
    color: #FF0000!important;
}
input#gform_next_button_2_7:focus {
    outline: unset;
    border: none;
}
legend.gfield_label.gform-field-label {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Plus Jakarta Sans';
}
.gchoice .gform-field-label{
    font-family: 'Plus Jakarta Sans'!important;
    font-size: 14px!important;
    color: #898989!important;
    font-weight: 400!important;
}
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus
--gf-local-bg-color: #FF9500!important;
    --gf-local-border-color: #FF9500!important;
    --gf-local-color: #FF9500!important;
    --gf-local-outline-color: #FF9500!important;
    --gf-local-outline-width: 1px!important;
    --gf-local-shadow: unset!important;
}
.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
--gf-local-display: unset!important;
}
input#gform_next_button_2_12{
	 background: #FF9500!important;
    color: #fff!important;
    padding: 15px 252px;
    font-size: 16px!important;
    font-weight: 500!important;
    border-radius: 20px;
	width:100%!important;
}
input#gform_next_button_2_12:focus {
    outline: unset;
    border: none;
}
textarea#input_2_17 {
    border: 1px solid #c7c7c7;
	border-radius: 20px;
}
textarea#input_2_17::placeholder{
	color:#c7c7c7!important;
}
input#gform_previous_button_2_12 {
    display: none!important;
}
input#gform_previous_button_2{
    display: none!important;
}
input#gform_submit_button_2{
    background: #FF9500!important;
    color: #fff!important;
    padding: 15px 252px;
    font-size: 16px!important;
    font-weight: 500!important;
    border-radius: 20px;
	width:100%!important;
}
input#gform_submit_button_2:focus{
	  outline: unset;
    border: none;
}
.gform-theme--foundation .gf_page_steps{
	 justify-content: space-between!important;
}
.gf_step {
    display: flex;
    flex-direction: column; /* Arrange items in a column */
    align-items: center;    /* Center align the number and label */
    margin: 10px;
  }
.gf_step_number {
    order: 2; /* Place the step number below */
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
  }

  .gf_step_label {
    order: 1; /* Place the step label above */
    font-size: 16px;
  }


#gform_1 .gform-body.gform_body {
    width: 80%;
}

/*  */
#gform_1 #field_1_3 .ginput_container::before {
  content: "Postcode";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #c7c7c7;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

#gform_1 #field_1_3 .ginput_container::after {
  content: "*";
  position: absolute;
  top: 50%;
  left: calc(10px + 66px); /* Adjust the positioning of the star */
  transform: translateY(-50%);
  color: #FF0000;
  pointer-events: none;
}
.ginput_container.ginput_container_number.active::before,
.ginput_container.ginput_container_number.active::after {
  opacity: 0!important; /* Hide the content */
}
.ginput_container.ginput_container_text.active::before,
.ginput_container.ginput_container_text.active::after {
  opacity: 0!important; /* Hide the content */
}
/* #gform_1 #field_1_3 input:focus + .ginput_container::before,
#gform_1 #field_1_3 input:not(:placeholder-shown) + .ginput_container::before,
#gform_1 #field_1_3 input:focus + .ginput_container::after,
#gform_1 #field_1_3 input:not(:placeholder-shown) + .ginput_container::after {
  opacity: 0;
} */
#gform_1 #field_1_1 {
    position: relative;
  }

  #gform_1 #field_1_1 input {
    padding-left: 90px; /* Adjust based on placeholder width */
  }

  #gform_1 #field_1_1 .ginput_container::before {
    content: "Huisnummer";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7; /* Main placeholder text color */
    pointer-events: none;
  }

  #gform_1 #field_1_1 .ginput_container::after {
    content: "*";
    position: absolute;
    top: 50%;
    left: calc(10px + 97px); 
    transform: translateY(-50%);
    color: #FF0000;
    pointer-events: none;
  }

.banner-form {
    --display: flex;
    --border-radius: 24px 24px 24px 24px;
    box-shadow: 0px 40px 30px -29px rgba(0, 0, 0, 0.058823529411764705);
    --padding-top: 30px;
    --padding-bottom: 35px;
    --padding-left: 20px;
    --padding-right: 20px;
}
#gform_1 input#gform_submit_button_1:focus {
    outline: none;
    border: unset;
}

.placeholder-wrapper {
  position: absolute;
  pointer-events: none;
  color: #999;
  font-size: 14px;
}

.testimonial-slider-heading{
    display: grid!important;
    grid-template-columns: repeat(2, auto)!important;
    width: 100%!important;
    gap: 10px!important;
}
.gform_footer {
  position: relative;
  padding-right: 40px; /* Adjust this value to make space for the image */
}
#gform_1 .gform_footer::after {
    content: '';
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-6%);
    width: 10%;
    height: 100%;
    background-image: url('https://zonne.securework.co.in/wp-content/uploads/2025/01/Vector-4.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
#gform_1 .gform-footer input#gform_submit_button_1 {
    background: #FF9500;
    color: #fff;
    padding: 17px 22px!important;
    border-radius: 25px;
    font-size: 16px;
    text-align: left;
}
.gform_confirmation_message_2 img {
    width: 100%;
}

div#gform_confirmation_message_2 h4{
    font-size: 32px;
    font-weight: 700;
    line-height: 35px;
	padding-right: 50px;
}
#gform_2 #gf_page_steps_2::after {
    content: "Opmerking: De met * gemarkeerde velden zijn verplicht.";
    display: block;
    margin: 20px 0px;
    color: #898989;
    font-size: 16px !important;
}
#gform_2 .gf_step{
   display:grid;
}
#gform_2 .gf_step_active span.gf_step_label {
    text-transform: capitalize!important;
    font-size: 20px!important;
    font-weight: 500!important;
    color: #87B9FF!important;
	font-family: 'Montserrat';
}
#gform_2 .gf_step_completed  span.gf_step_label {
    text-transform: capitalize!important;
    font-size: 20px!important;
    font-weight: 500!important;
    color: #87B9FF!important;
	font-family: 'Montserrat';
}
#gform_2 span.gf_step_label {
    text-transform: capitalize!important;
    font-size: 20px!important;
    font-weight: 500!important;
    color: #D9D9D9!important;
	font-family: 'Montserrat';
}

.ginput_container.ginput_container_number{
    position: relative;
}
#gform_2 .gf_step_completed span.gf_step_label:after {
    content: '';
    position: absolute;
    left: 34px;
    top: 26%;
    transform: translateY(-6%);
    height: 2px !important;
    width: 222px !important;
    border-style: dashed !important;
    border-width: 1px !important;
    border-color: #87B9FF !important;
}

#gform_2 .gf_step_completed .gf_step_number::after {
   background-color: #87b9ff!important;
    border: #87b9ff!important;
	 left: 13px;
}
.gform_confirmation_wrapper .popup-lastsubheading{
display:none;
}
.popup-heading, .popup-lastsubheading {
    display: block;
}

/* Hide the elements when #gform_confirmation_wrapper_2 is visible */

#gform_confirmation_wrapper_2:has(.gform_confirmation_message_2) ~ .popup-lastsubheading {
    display: none;
}
.popup:has(#gform_confirmation_wrapper_2) .popup-heading {
    display: none!important;
}
#gform_2 .gf_step_active span.gf_step_number {
    background: #87B9FF!important;
    color: #87b9ff !important;
    border: 1px solid #87B9FF!important;
    text-align: center;
    margin: 0 auto;
}
#gform_2  span.gf_step_number {
    background: #D9D9D9!important;
    color: #D9D9D9!important;
    border: 1px solid #D9D9D9!important;
    text-align: center;
    margin: 0 auto;
}
/*  popup form */

#gform_2 #field_2_4 .ginput_container{
    position: relative;
}
  #gform_2 #field_2_4 .ginput_container::before {
    content: "Email";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7; 
    pointer-events: none;
  }

  #gform_2 #field_2_4 .ginput_container::after {
    content: "*";
    position: absolute;
    top: 50%;
    left: calc(10px + 44px); 
    transform: translateY(-50%);
    color: #FF0000; 
    pointer-events: none;
  }
#gform_2 #field_2_6 .ginput_container{
    position: relative;
}
  #gform_2 #field_2_6 .ginput_container::before {
    content: "Telefoonnummer";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7; 
    pointer-events: none;
  }

  #gform_2 #field_2_6 .ginput_container::after {
    content: "*";
    position: absolute;
    top: 50%;
    left: calc(10px + 126px); 
    transform: translateY(-50%);
    color: #FF0000; 
    pointer-events: none;
  } 

#gform_2 #field_2_13 .ginput_container{
    position: relative;
}
  #gform_2 #field_2_13 .ginput_container::before {
    content: "Postcode en huisnummer";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7; 
    pointer-events: none;
  }

  #gform_2 #field_2_13 .ginput_container::after {
    content: "*";
    position: absolute;
    top: 50%;
    left: calc(10px + 190px); 
    transform: translateY(-50%);
    color: #FF0000; 
    pointer-events: none;
  } 
#gform_2 #field_2_14 .ginput_container{
    position: relative;
}
  #gform_2 #field_2_14 .ginput_container::before {
    content: "Woonplaats";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7; 
    pointer-events: none;
  }

  #gform_2 #field_2_14 .ginput_container::after {
    content: "*";
    position: absolute;
    top: 50%;
    left: calc(10px + 90px); 
    transform: translateY(-50%);
    color: #FF0000; 
    pointer-events: none;
  }
#gform_2 #field_2_15 .ginput_container{
    position: relative;
}
  #gform_2 #field_2_15 .ginput_container::before {
    content: "Straatnaam";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7; 
    pointer-events: none;
  }

  #gform_2 #field_2_15 .ginput_container::after {
    content: "*";
    position: absolute;
    top: 50%;
    left: calc(10px + 86px); 
    transform: translateY(-50%);
    color: #FF0000; 
    pointer-events: none;
  }
.consultation-first-name {
    position: relative;
}

.consultation-first-name .wpcf7-form-control-wrap::before {
    content: "Voornaam";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7; /* Placeholder text color */
    pointer-events: none;
}

.consultation-first-name .wpcf7-form-control-wrap::after {
    content: "*";
    position: absolute;
    top: 50%;
    left: calc(10px + 78px); 
    transform: translateY(-50%);
    color: #FF0000; /* Red color for asterisk */
    pointer-events: none;
}

.consultation-first-name .wpcf7-form-control-wrap.active::before,
.consultation-first-name .wpcf7-form-control-wrap.active::after {
  opacity: 0!important; /* Hide the content */
}

.consultaion-last-name {
    position: relative;
}

.consultaion-last-name .wpcf7-form-control-wrap::before {
    content: "Achternaam";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7; /* Placeholder text color */
    pointer-events: none;
}

.consultaion-last-name .wpcf7-form-control-wrap::after {
    content: "*";
    position: absolute;
    top: 50%;
    left: calc(10px + 90px); 
    transform: translateY(-50%);
    color: #FF0000; /* Red color for asterisk */
    pointer-events: none;
}

.consultaion-last-name .wpcf7-form-control-wrap.active::before,
.consultaion-last-name .wpcf7-form-control-wrap.active::after {
  opacity: 0!important; /* Hide the content */
}
.consultaion-email {
    position: relative;
}

.consultaion-email .wpcf7-form-control-wrap::before {
    content: "E-mailadres";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7; /* Placeholder text color */
    pointer-events: none;
}

.consultaion-email .wpcf7-form-control-wrap::after {
    content: "*";
    position: absolute;
    top: 50%;
    left: calc(10px + 88px); 
    transform: translateY(-50%);
    color: #FF0000; /* Red color for asterisk */
    pointer-events: none;
}

.tnp-subscription {
    position: relative;
}

.tnp-subscription .tnp-field-email::before {
    content: "Email";
    position: absolute;
    top: 40%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7; /* Placeholder text color */
    pointer-events: none;
}

.tnp-subscription .tnp-field-email::after {
    content: "*";
    position: absolute;
    top: 40%;
    left: calc(10px + 45px); 
    transform: translateY(-50%);
    color: #FF0000; /* Red color for asterisk */
    pointer-events: none;
}

.tnp-subscription .tnp-field-email.active::before,
.tnp-subscription .tnp-field-email.active::after {
  opacity: 0!important; /* Hide the content */
}
/* .gfield:has(input:focus) .ginput_container::before,
  .gfield:has(input:not(:placeholder-shown)) .ginput_container::before{
    display: none;
  } */
.gform_validation_error #gform_1 .gform_footer::after {
    top: 36%!important;
}


.consultaion-email .wpcf7-form-control-wrap.active::before,
.consultaion-email .wpcf7-form-control-wrap.active::after {
  opacity: 0!important;
}
#gform_2 #field_2_4 .ginput_container.active::before,
#gform_2 #field_2_4 .ginput_container.active::after {
  opacity: 0!important;
}
#gform_2 #field_2_4 .field_validation_below .ginput_container::before,
#gform_2 #field_2_4 .field_validation_below .ginput_container::after {
  opacity: 0!important; 
}
#gform_2 #field_2_4 .ginput_container.focus::before,
#gform_2 #field_2_4 .ginput_container.focus::after {
 display: none!important; 
}
 #gform_2 #field_2_6 .ginput_container.active::before,
 #gform_2 #field_2_6 .ginput_container.active::after {
  opacity: 0!important; /* Hide the content */
}
#gform_2 #field_2_13 .ginput_container.active::before,
#gform_2 #field_2_13 .ginput_container.active::after {
  opacity: 0!important; /* Hide the content */
}
#gform_2 #field_2_14 .ginput_container.active::before,
#gform_2 #field_2_14 .ginput_container.active::after {
  opacity: 0!important; /* Hide the content */
}
#gform_2 #field_2_15 .ginput_container.active::before,
#gform_2 #field_2_15 .ginput_container.active::after {
  opacity: 0!important; /* Hide the content */
}
#gform_2 #field_2_3 {
    position: relative;
}
#gform_2 #field_2_3 .ginput_complex .name_first::before {
    content: "Naam"; /* Set label text for the input field */
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7;
    pointer-events: none;
}

#gform_2 #field_2_3 .ginput_complex .name_first::after {
    content: "*"; /* Required field asterisk */
    position: absolute;
    top: 50%;
    left: calc(10px + 50px); 
    transform: translateY(-50%);
    color: #FF0000; /* Red color for asterisk */
    pointer-events: none;
}
#gform_2 #field_2_3 .ginput_container .name_first.active::before,
#gform_2 #field_2_3 .ginput_container .name_first.active::after {
  opacity: 0!important; /* Hide the content */
}
/* #gform_2 .gform-page-footer::after {
    content: '';
    position: absolute;
    right: 260px;
    top: 86%;
    transform: translateY(-6%);
    width: 6%;
    height: 100%;
    background-image: url(https://zonne.securework.co.in/wp-content/uploads/2025/01/Vector-4.svg);
    background-size: contain;
    background-repeat: no-repeat;
} */
button.open-popup::after {
    content: '';
    position: absolute;
    right: 0px;
    left: 167px;
    top: 50%;
    transform: translateY(-6%);
    width: 6%;
    height: 100%;
    background-image: url('https://zonne.securework.co.in/wp-content/uploads/2025/01/Vector-4.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
button.open-popup {
    color: #FFF4E6;
    background-color: #FF9500;
    padding: 16px 54px 16px 54px;
}


.footer-menu-box-mobile .e-con-full.e-flex.e-con.e-child{
    border:none;
}
.footer-menu-box-mobile .e-flex.e-con-boxed.e-con.e-child {
    padding: 0px!important;
}
.footer-menu-box-mobile summary.e-n-accordion-item-title {
    padding: 0px!important;
}
.banner-slider-heading h1{
    width: 70%;
}
.swiper-slide  span.elementor-button-icon {
    display: flex;
    margin: 0 auto;
}
.gform_validation_error #gform_1  #field_1_1 .ginput_container::before {
    content: "Huisnummer";
    position: absolute;
    top: 35%;
    left: 15px;
    transform: translateY(-50%);
    color: #c7c7c7;
    pointer-events: none;
}
.gform_validation_error #gform_1 #field_1_1 .ginput_container::after {
    content: "*";
    position: absolute;
    top: 34%;
    left: calc(10px + 97px);
    transform: translateY(-50%);
    color: #FF0000;
    pointer-events: none;
}

.gform_validation_error #gform_1 .gform-footer input#gform_submit_button_1 {
    height: 68%;
}

.gform_validation_error  #gform_1 .gform_footer::after {
    top: 36%;
}
.swiper-btn-up-down.e-flex.e-con.e-child {
    position: absolute;
    right: 0px;
}
.consultation-first-name:has(.wpcf7-not-valid) .wpcf7-form-control-wrap::before {
    top: 20%;
}
.consultation-first-name:has(.wpcf7-not-valid)  .wpcf7-form-control-wrap::after {
    top: 20%;
}

.consultaion-last-name :has(.wpcf7-not-valid) .wpcf7-form-control-wrap::before {
    top: 20%;
}
.consultaion-last-name :has(.wpcf7-not-valid) .wpcf7-form-control-wrap::after {
    top: 20%;
}

.consultaion-email :has(.wpcf7-not-valid) .wpcf7-form-control-wrap::before {
    top: 20%;
}
.consultaion-email :has(.wpcf7-not-valid) .wpcf7-form-control-wrap::after {
    top: 20%;
}

.gform_validation_error #gform_2 #field_2_3 .ginput_complex .name_first::before {
    top: 33%;
}

.gform_validation_error #gform_2 #field_2_3 .ginput_complex .name_first::after {
    top: 33%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    div#page {
        overflow: hidden !important;
    }
}
@media(max-width: 768px ) {
	.banner-slider-heading h1{
    width: 100%;
}
	#gform_1 .gform_footer::after {
    content: '';
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-6%);
    width: 9%;
    height: 100%;
    background-image: url('https://zonne.securework.co.in/wp-content/uploads/2025/01/Vector-4.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
/* #gform_2 .gform-page-footer::after {
    content: '';
    position: absolute;
    right: 116px;
    top: 87%;
    transform: translateY(-6%);
    width: 6%;
    height: 100%;
    background-image: url(https://zonne.securework.co.in/wp-content/uploads/2025/01/Vector-4.svg);
    background-size: contain;
    background-repeat: no-repeat;
} */
	button.open-popup::after{
     left: 236px;
	}
 	.last-sec {
    flex-direction: column-reverse!important;
} 

	.elementor-kit-6 h2 {
    font-size: 26px;
}
	.pdf-btn-layout{
    display: block!important;
    flex-wrap: nowrap!important;
    max-width: 100%!important;
    width: 100%!important;
}
	    #gform_1 .gform-body.gform_body {
        width: 100% !important;
    }
/* 	blog page */
.blog .page-content .post {
    display: block;
}
.blog .page-content .post .right-side-content {
    padding: 20px;
}
	.left-side-img img.attachment-large.size-large.wp-post-image {
    border-radius: 20px;
}
/* 	blog detail */
.blog-detail {
    display: block;
	padding: 0px 10px;
}
.blog-detail-sidebar {
    margin-top: 40px;
}
.blog-banner-detail h2 {
    padding: 70px 10px 30px 10px;
    color: #fff;
    width: 100%;
}
	.contact-details .contact-info-left {
    flex: 0 0 200px;
    width: 200px;
}
	.blog main#content {
    padding: 20px!important;
}

/* 	popup  */
.popup button.close-popup.close-popup-btn {
    background: #FF9500;
    color: #fff;
    padding: 12px 120px!important;
}
.popup button.next-button {
    background: #FF9500;
    color: #fff;
    padding: 12px 100px!important;
}
	
.popup #step-4 h3 {
    font-size: 26px;
}
	.gfield {
    width: 100%!important;
    padding-bottom: 10px;
}
#gform_1 {
    display: block!important;
    width: 100%;
    gap: 1rem!important;
}
.gform-body.gform_body {
    width: 100%;
}
#gform_fields_1 {
    display: block!important;
    gap: 1rem!important;
}
.gform-footer.gform_footer.top_label {
    width: 100%!important;
    margin-top: 0px!important;
	padding-right: 0px;
}
/* banner */
.banner-slider .verticalSwiper {
    overflow: hidden;
    height: 330px;
    justify-content: center;
}
	 .swiper-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .swiper-wrapper {
        display: flex;
        justify-content: center;
    }
 .verticalSwiper .swiper-slide {
        margin-right: 0 !important; /* Removes the margin between slides on mobile */
        width: 100% !important; /* Ensures the slides take up the full width */
    }
 
.banner-form-title h4 {
    padding-right: 26px;
}
	.banner-btn-slider a.elementor-button {
	width:100%!important;
}
	.btn-align-mb-full-width a.elementor-button {
  width:100%!important;
}
	input#gform_next_button_2_7 {
    background: #FF9500;
    color: #fff;
    padding: 15px 120px!important;
    font-size: 16px!important;
    font-weight: 500!important;
    border-radius: 20px;
    width: 100%;
}
	input#gform_submit_button_2 {
    background: #FF9500!important;
    color: #fff!important;
    padding: 15px 140px!important;
    font-size: 16px!important;
    font-weight: 500!important;
    border-radius: 20px;
    width: 100%!important;
}
	input#gform_next_button_2_12 {
    background: #FF9500!important;
    color: #fff!important;
    padding: 15px 140px;
    font-size: 16px!important;
    font-weight: 500!important;
    border-radius: 20px;
    width: 100%!important;
}
	#gform_2 .gf_step_completed span.gf_step_label:after {
    content: '';
    position: absolute;
    left: 20px;
    top: 26%;
    transform: translateY(-6%);
    height: 2px !important;
    width: 100px !important;
    border-style: dashed !important;
    border-width: 1px !important;
    border-color: #87B9FF !important;
}
/*  contact form*/
.contact-sec-field .contact-info-left{
max-width:30%;
width:30%;
}
.contact-sec-field .contact-info-right{
max-width:68%;
width:68%;
padding-left:20px;
}
.swiper-slide  span.elementor-button-icon {
	display: flex!important;
	margin: 0px!important;
	align-items: center!important;
}
	.gform-footer {
    display: flex!important;
    justify-content: center!important; /* Horizontally center the content */
    align-items: center!important; /* Vertically center the content */
    text-align: center!important; /* Center the text inside the button */
}

/* Make sure the submit button is a block element and centered */
.gform-footer .gform_button {
    display: block!important;
    margin: 0 auto!important; /* Center the button */
    text-align: center!important; /* Ensure button text is centered */
}
	
button.open-popup {
    width: 100%;
    color: #FFF4E6;
    background-color: #FF9500;
}
}
@media (min-width: 375px) and (max-width: 667px) {

.banner-btn-slider a.elementor-button {
    padding: 20px 80px 20px 80px!important;
	width:100%!important;
}
	#gform_1 .gform_footer::after {
    right: 42px;
}
}
/* For Very Small Screens */
@media (max-width:370px) {
.swiper-slide h1 {
    font-size: 28px!important;
}
.banner-btn-slider a.elementor-button {
    padding: 20px 65px 20px 65px!important;
}
#gform_1 .gform-footer input#gform_submit_button_1 {
    padding: 17px 16px!important;
}

#gform_1 .gform_footer::after {
    right: 20px;
}
	.btn-align-mb-full-width a.elementor-button {
    padding: 16px 70px 16px 70px!important;
		width:100%!important;
}
		button.open-popup::after{
     left: 200px;
	}
}