@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');/* New CSS */
body.page-id-2765{background:#f2f5f7;}
ul{list-style:none;margin:0;padding:0;}
li{list-style:none;margin:0;}
.flex{display:flex;}
.item-center{align-items:center;}
.flex-col{flex-direction:column;}
.item-start{align-items:start;}
.flex-start{align-items:flex-start;}
.gap-10{gap:10px;}
.logged-in header.entry-header{text-align:center;}
.first-step-submit{border:1px solid #fff;box-shadow:0 5px 8px 0 rgba(0,0,0,0.4);border-radius:10px;}
.pct-main-form header.entry-header h1.page-title{font-size:20px;}
.pct-main-form .ct-container-full{background:#F2F5F7;}
.pct-main-form .container-fluid.main-box{width:100%!important;max-width:100%!important;padding:0!important;margin:0 0 180px!important;}
.pct-main-form .main-heading h4{max-width:1100px;margin:auto !important;font-size:36px;font-weight:700;font-family:'Lato';}
.pct-main-form .card-main-form{max-width:1100px;margin:auto!important;padding:0 15px;}
.pct-main-form .main-heading{height:auto;padding:15px 10px;margin-bottom:40px;}
.col-md-3.sidebar{width:29%;}
.col-md-9.tabBx{width:70%;padding-left:55px;}
.elementor-sticky{background:#fff!important;box-shadow:0 0 7px 0 rgba(0,0,0,.2);}
.tab-content h5{font-size:32px;font-weight:800;font-family:Lato;}
.first-step{display:grid;place-items:center;}
.form-container{border-radius:12px;padding:20px;/*box-shadow:0 4px 10px rgba(0,0,0,0.1);*/
max-width:500px;width:100%;text-align:center;display:flex;justify-content:center;/* border:1px solid #ccc;*/
 min-height:220px;align-items:center;}
.card-main-form .tab-pane h5{font-size:32px;color:#00A99D;font-family:'Lato';font-weight:900;margin:0 0 20px;}
.form-group{position:relative;padding:10px 0;width:100%;}
.form-group label{font-weight:bold;color:teal;display:block;}
.form-group input{width:100%;border-radius:5px !important;border:2px solid #eeeeee !important;;outline:none;padding:21px !important;height:40px !important;;font-size:16px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.form-control:focus,.btn:focus{outline:none !important;box-shadow:none !important;border-color:transparent;/* or set to your desired color */
}
.first-step form input.form-control{background:#fff;border:none;border:1px solid #999999!important;box-shadow:0 5px 4px 0 rgba(0,0,0,0.2);padding:11px 15px!important;height:auto!important;font-size:17px!important;color:#000;font-weight:800;font-family:'Lato';}
/* .form-group form input::placeholder{color:#C3C3C3;font-weight:800;font-family:'Lato';}
*/
.form-group form input::-webkit-input-placeholder{color:#C3C3C3;font-weight:800;font-family:'Lato';}
.form-group form input:-moz-placeholder{color:#C3C3C3;font-weight:800;font-family:'Lato';}
.nav-pills .nav-link.fullFillStep{background-image:url(../images/greencheck.png);background-repeat:no-repeat;background-size:auto;background-position:24px 22px;background-color:transparent!important;color:#9F9F9F!important;}
.first-step form button.first-step-submit{border:1px solid #fff;font-size:18px!important;letter-spacing:1px;box-shadow:0 5px 4px 0 rgba(0,0,0,0.3);transition:all ease .3s;font-weight:900!important;}
.form-group:not(:last-child){border-bottom:1px solid #ccc;}
.first-step-submit{background-color:transparent;font-family:"Lato",Sans-serif;font-weight:600;background-image:linear-gradient(180deg,#FF8200 29%,#EC4600 100%);border-radius:10px 10px 10px 10px;font-weight:bold !important;font-size:19px !important;;box-shadow:0px 1px 1px 1px rgba(0,0,0,0.5);}
button.w-100.first-step-submit:hover{background-image:linear-gradient(180deg,#EC4600 29%,#FF8200 100%);transition:all ease .3s;}
.text-teal{color:#008080;}
.nav-pills .nav-link{border:1px solid #808080;border-radius:8px;padding:17px 10px;text-align:center;background:#fff;font-size:20px;font-weight:800;color:#9F9F9F;font-family:'LATO';}
.nav-pills .nav-link.active{background-color:white;color:#00A99D;}
ul#stepTabs li{margin-bottom:10px;}
.btn-success{background-color:#ff6600;border-color:#ff6600;}
.btn-success:hover{background-color:#cc5200;}
.stickyHeader{min-width:140px;padding:15px 15px;text-align:center;position:sticky;top:0;z-index:9;background:#fff;box-shadow:0 0 1px 0 rgba(0,0,0,0.1);}
body.logged-in .stickyHeader{top:32px;}
.main-heading{width:100%;background:#00A99D;margin-bottom:22px;height:51px;}
.main-heading h4{color:#fff !important;margin-top:17px;margin-left:102px;}
.next-step,.prev-step{background-image:linear-gradient(180deg,#FF8200 29%,#EC4600 100%);border-style:solid;border-width:1px 1px 1px 1px;padding:9px 98px 9px 98px;border:2px solid #fff!important;text-shadow:0 0px 11px rgba(0,0,0,0.5);font-size:19px!important;letter-spacing:1px;box-shadow:0 10px 11px 0 rgba(0,0,0,0.2);transition:all ease .3s;font-family:"Lato",Sans-serif!important;font-weight:600;font-size:19px!important;}
/* .next-step:hover,.prev-step:hover{box-shadow:0px 1px 1px 1px rgba(0,0,0,0.5);background-image:linear-gradient(180deg,#03c9bc 29%,#00a99d 100%);}
*/
.next-step:hover,.next-step:focus,.prev-step:hover,.prev-step:focus{background-image:linear-gradient(180deg,#EC4600 29%,#FF8200 100%);}
.tab-content form input.form-control{width:100%;border:1px solid #808080;background:#fff !important;padding:9px 9px 9px 9px;box-shadow:none;height:auto;border-radius:0;font-size:20px;font-weight:400;color:#000;}
.tab-content form input.form-control::-webkit-input-placeholder{color:#ADADAD;}
.tab-content form input.form-control:-moz-placeholder{color:#ADADAD;}
.tab-content form label{min-width:120px;font-size:20px;font-weight:700;color:#434343;font-family:Lato;}
.tab-content form .fileLogo input.form-control{border:1px solid #808080 !important;background:#fff !important;padding:11px 10px;box-shadow:none;height:auto;border-radius:0;display:inline-block;width:35%;}
.logoAttached{background:#E3E3E3;display:block;width:150px;height:50px;border-radius:5px;border:1px solid #AEB3B7;position:absolute;left:0;top:0;z-index:0;}
.fileLogo{position:relative;}
.tab-content form label.filelabel{width:155px;background:#E3E3E3;border:1px solid #AEB3B7;border-radius:10px;display:block;padding:5px;transition:border 300ms ease;cursor:pointer;text-align:center;margin:0;}
.tab-content form label.filelabel .title{transition:200ms color;font-size:20px;font-weight:400;font-family:'Lato';color:#5E5E5E;}
.tab-content form label.filelabel:hover{border:1px solid #1665c4;}
.tab-content form label.filelabel:hover .title{color:#1665c4;}
#FileInput{display:none;}
.exbx{display:flex;align-items:center;background:#fff;border:1px solid #808080;border-radius:5px;padding:10px;gap:16px;width:100%;justify-content:space-between;}
.eximg img{max-width:115px;object-fit:cover;}
.exlocated h2{font-family:Lato!important;font-size:20px!important;font-weight:700!important;color:#434343!important;}
.exlocated h3{font-family:Lato!important;font-size:15px!important;font-weight:400!important;color:#000000!important;}
.exPrice{font-family:'Lato';font-size:20px;color:#00A99D;font-weight:800;}
.exbxmain{display:flex;align-items:center;gap:15px;}
.minvalue h3{font-family:'Lato';font-size:20px;font-weight:700;color:#00A99D;}
.maxminamt{margin:40px 0 0;}
.minvaluebx{width:200px;height:200px;border:1px solid #808080;border-radius:10px;padding:10px;background:#fff;}
.minvalue{display:flex;flex-wrap:wrap;gap:15px;}
.minvaluebx h4{font-family:'Lato'!important;font-size:20px!important;font-weight:700!important;color:#434343!important;text-align:center!important;margin:10px 0 10px!important;}
.minvaluebx img{margin:auto;max-width:130px;display:block;max-height:65px;object-fit:contain;}
.minvaluebx input{width:100%!important;border:1px solid #808080!important;border-radius:0!important;padding:7px 10px!important;font-size:20px!important;font-family:'Lato'!important;font-weight:400!important;color:#000!important;height:auto!important;}
.minvaluebx input:hover,.minvaluebx input:focus{outline:none;box-shadow:none;}
.minvaluebx input::-webkit-input-placeholder,.minvaluebx textarea::-webkit-input-placeholder{color:#ADADAD!important}
.minvaluebx input:-moz-placeholder,.minvaluebx textarea:-moz-placeholder{color:#ADADAD!important}
button.btn.btn-primary.next-step{min-width:300px;border:none;}
.buttonSpacing{margin-top:100px;gap:45px;}
button.btn.btn-primary.next-step{border:none;background:#E1652E;border:1px solid #434343!important;border-radius:10px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.4)!important;font-size:22px!important;font-family:'Lato'!important;font-weight:bold;text-shadow:none;padding:2px 7px;line-height:inherit!important;height:auto!important;width:100%;min-width:initial;}
button.btn.btn-secondary.prev-step{background:#E1652E;border:1px solid #434343!important;border-radius:10px;box-shadow:0 1px 1px 0 rgba(0,0,0,0.4)!important;font-size:22px!important;font-family:'Lato'!important;font-weight:bold;text-shadow:none;padding:2px 7px;line-height:inherit!important;height:auto!important;width:100%;min-width:initial;}
#step1 button.btn.btn-primary.next-step{max-width:312px}
.postcode{display:flex;align-items:center;gap:15px;justify-content:flex-start;}
.tab-content form .enterzip input.form-control{width:54%;}
.postcode select.form-control{border:1px solid #808080;padding:12px 10px 12px 21px;height:auto;display:inline-block;width:35%;background:url(../images/downicon.png) no-repeat 94% white;max-width:185px;border-radius:9px;box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);color:#969696;font-size:20px;font-family:'LATO';}
button.addplus{width:48px;height:48px;padding:0;font-size:42px;font-family:"Lato",Sans-serif;font-weight:600;background:#E1652E;border-radius:60px !important;display:inline-flex;align-items:center;justify-content:center;color:#fff;}
#step2 h6{font-size:20px;font-family:'Lato';color:#434343;font-weight:700;margin:0 0 40px;}
#step2 h6 span{color:#48979B;}
.tab-content form .enterzip label{font-size:20px;color:#434343;font-weight:400;font-family:'Lato';}
button.btn.btn-secondary.prev-step{min-width:150px;border:none;}
.calloutfee{display:flex;align-items:center;gap:15px;margin:0 0 50px;}
.calloutfee h6{font-size:20px;font-weight:400;color:#434343;}
.calloutfee select.form-control{border:1px solid #808080;padding:12px 10px 12px 21px;height:auto;display:inline-block;width:35%;background:url(../images/downicon.png) no-repeat 94% white;max-width:185px;border-radius:9px;box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);color:#969696;font-size:20px;font-family:'LATO';}
.calloutfee h6{margin:0;font-size:20px;font-weight:400;font-family:'Lato';color:#434343;}
#step3 label.form-label{font-size:20px;font-weight:400;font-family:'Lato';color:#434343;}
.fieldsbx label{font-size:20px;font-weight:400;font-family:'Lato';color:#434343;}
.whowinner{margin:0 0 40px;}
.whowinner h2{font-size:20px!important;font-weight:700!important;color:#434343!important;margin:0 0 10px;}
.whowinner h4{font-size:20px!important;font-weight:400!important;color:#434343!important;margin:0 0 20px;}
.fieldsbx input[type="text"]{background:#fff;border:1px solid #808080;max-width:300px;height:auto;padding:9px 12px;}
.fieldsbx label{min-width:210px!important;}
/* The container */
.chargbx{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.chargbx input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{display:block;width:165px;background:#fff;padding:9px 20px;margin:0 0 0;border:2px solid #AAAAAA;border-radius:12px;font-size:20px;font-weight:700;color:#434343;text-align:center;}
/* .chargbx:hover input ~ .checkmark{background-color:#ccc;}
*/
.chargbx input:checked ~ .checkmark{border-color:#00A99D;}
.checkmark:after{content:"";position:absolute;display:none;}
/* .chargbx input:checked ~ .checkmark:after{display:block;}
.chargbx .checkmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:white;}
*/
.tab-content form label.chargbx{min-width:inherit;padding:0;margin:0;}
#box{margin:50px 0 0;}
.travelExp h2{color:#00A99D!important;}
.loader{width:48px;height:48px;display:inline-block;position:relative;border:2px solid #37475A;box-sizing:border-box;animation:rotation 2s linear infinite;position:fixed;top:50%;left:50%;background:rgba(255,255,255,0.8);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.loader::after,.loader::before{content:'';box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:2px solid #00A99D;width:38px;height:38px;animation:rotationBack 1.5s linear infinite;transform-origin:center center;}
.loader::before{width:28px;height:28px;border-color:#37475A;box-sizing:border-box;animation:rotation 1s linear infinite;background:#00A99D;}
@keyframes rotation{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes rotationBack{0%{transform:rotate(0deg);}
100%{transform:rotate(-360deg);}
}
.loader-holder{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial,sans-serif;color:#333;text-align:center;}
.toaster-notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#4CAF50;/* Green by default for success */
color:white;padding:10px 10px;border-radius:5px;font-size:13px;box-shadow:0px 4px 10px rgba(0,0,0,0.2);z-index:9999;opacity:0;transition:opacity 0.3s ease,bottom 0.3s ease;text-align:center;}
.toaster-notification .close-btn{background:none;border:none;color:white;font-size:18px;font-weight:bold;cursor:pointer;position:absolute;top:-4px;right:4px;}
.toaster-notification.success{background-color:#4CAF50;}
.toaster-notification.failure{background-color:#F44336;}
.toaster-notification.active{opacity:1;bottom:30px;}
.toaster-notification.fade-out{opacity:0;bottom:20px;}
div#step4 h4{font-size:20px;font-weight:700;font-family:'Lato';color:#434343;}
.travelsec{margin:0 0 30px;}
.travelsec h3{font-size:20px;color:#00A99D;font-weight:700;font-family:'Lato';margin:0 0 10px;}
.kilome{display:flex;align-items:center;gap:15px;margin:0 0 7px;}
.kilome input{width:100%;max-width:220px;border:1px solid #808080!important;background:#fff !important;padding:9px 9px 9px 9px!important;box-shadow:none!important;height:auto!important;border-radius:0;font-size:20px!important;font-weight:400!important;color:#000!important;}
.form-group form input::-webkit-input-placeholder{color:#ADADAD;}
.form-group form input:-moz-placeholder{color:#ADADAD;}
.kilome span{font-size:20px;color:#000;font-weight:400;font-family:'Lato';}
.travelbx label{font-size:20px;font-weight:700;color:#434343;}
.content{/*display:none;*/margin:45px 0 0;}
.coastCalc h3{font-size:20px;color:#000;font-weight:700;font-family:'Lato';}
.coastCalc label.chargbx{padding:0;margin:0;}
.coastCalc .checkmark{width:auto;max-width:330px;text-align:center;padding:16px 10px;}
.surchargesec h2{font-size:20px!important;font-weight:800!important;font-family:'LATO'!important;color:#434343!important;margin:0 0 30px;}
.surchargesec{margin:40px 0 0;}
.item-start{align-items:start;}
.chargebx img{max-width:90px;max-height:90px;}
.chargebximg{height:90px;}
.chargebx{justify-content:center;text-align:center;align-items:center;}
.chargebx img{margin:auto;}
.chargebx h3{font-size:20px!important;color:#434343!important;font-family:'Lato'!important;margin:10px 0 10px;}
.chargebx input{width:100%;border:1px solid #808080!important;background:#fff !important;padding:6px 9px 6px 9px!important;box-shadow:none!important;height:auto!important;font-size:20px!important;font-weight:400!important;color:#000!important;max-width:125px!important;}
.surchargesec h2 span{color:#00A99D;}
.surchargesec .berekend{margin:14px 0 0;display:block;}
.surchargesec .travelsec{margin:30px 0 0px;}
.berekend{font-size:20px;font-weight:400;color:#434343;}
.berekend{font-size:20px;font-weight:400;color:#434343;}
.travelbx label span{color:#DF9554;}
.travelbx{margin:0 0 30px;}
.travelbx .berekend{color:#000;}
.servOffer .chargbx{padding:0;}
.servOffer .checkmark{width:auto;max-width:323px;text-align:left;padding:15px 10px;padding-left:70px;position:relative;display:flex;align-items:center;gap:15px;border:2px solid #CCCCCC;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);}
.servOffer .chargbx .checkmark:before{content:'';position:absolute;left:20px;top:29px;width:19px;height:19px;border:1px solid #000;}
.servOffer .chargbx input:checked ~ .checkmark:before{background:#00A99D;}
div#step6 h2{font-size:20px;font-weight:700;color:#434343;}
.standaredServ h3{color:#00A99D;font-size:20px;font-weight:700;font-family:'LATO';margin:0 0 10px;}
.standaredServ ul{padding:0 0 0 20px!important;}
.standaredServ ul li{font-size:20px;font-weight:400;font-family:'Lato';color:#434343;margin:0 0 0px;list-style:disc!important;}
.standaredServ ul li .orgCol{color:#DF9554;}
.standaredServ ul li .greenCol{color:#00A99D;}
.standaredServ{margin:0 0 30px;}
.servOffer h3{font-size:20px;color:#434343!important;font-weight:700!important;}
.servuOfferbx h3{font-size:32px!important;font-weight:800!important;color:#00A99D;}
.servuOfferbx h4{font-size:20px!important;font-weight:700!important;color:#434343!important;margin:0 0 30px;}
.servuOfferbx .travelbx{margin:0 0 10px;}
.travelsec h6{font-size:20px!important;font-weight:700!important;color:#00A99D!important;font-family:'Lato';margin:0 0 20px;}
ul#stepTabs{pointer-events:none;}
.labelColor label{color:#00A99D;}
.redText{font-size:20px;font-weight:400;color:#FF0000;margin:10px 0 0;}
.contactForm ul{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-wrap:wrap;gap:19px;justify-content:space-between;}
.contactForm ul li{display:flex;justify-content:space-between;gap:8px;width:100%;}
.contactForm ul li.halfbx{width:48%;}
.contactForm ul li input{width:100%;border:1px solid #808080;background:#fff !important;padding:12px 10px 12px 20px;box-shadow:none;height:auto;border-radius:0;}
.contactForm ul li input:hover,.contactForm ul li input:focus{outline:none;border-color:#808080;}
.contactForm{max-width:515px;}
.contactForm h3{font-size:20px;font-weight:700;color:#00A99D;}
.accActive{text-align:center;background:#F2F5F7;padding:0px 0 80px;}
.accActive h2{font-size:36px;font-weight:800;color:#00A99D;font-family:"Lato",sans-serif;margin:0 0 60px;}
.accActive h3{font-size:32px;font-weight:700;color:#434343;margin:60px 0 0px;}
.headMessage{padding:30px 10px;background:#fff;text-align:center;font-size:20px;font-weight:800;color:#00A99D;font-family:'LATO';margin:0 0 80px;}
.successmsg{background:#F2F5F7;padding:0px 0 100px;text-align:center;}
.successmsg h2{text-align:center;font-weight:800;font-size:36px;color:#00A99D;font-family:'LATO';margin:0 0 30px;}
.successmsg h3{text-align:center;font-weight:700;font-size:32px;color:#434343;font-family:'LATO';margin:0 0 10px;}
.successmsg p{text-align:center;font-weight:700;font-size:20px;color:#434343;font-family:'LATO';margin:0 0 30px;}
.successmsg button.btn.btn-primary.next-step{color:#fff;border-radius:15px;}
.successmsg img{max-width:100%;}
.accActive img{max-width:100%;}
.minvaluebx input:hover,.minvaluebx input:focus{outline:none!important;box-shadow:none;}
/* ==========================================================================
   Verhuisgenoot.nl - V6 (Compact, Full-width met 10px zijmarges)
   ========================================================================== */

.vgn-calculator-wrapper {
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Lato', sans-serif;
}

.vgn-main-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    /* DIT ZORGT VOOR DE 10PX RUIMTE LINKS EN RECHTS */
    padding: 0 10px !important; 
    box-sizing: border-box !important;
}

/* De rij met inputs - Vult de rest van de ruimte */
.vgn-input-row {
    display: flex !important;
    gap: 15px !important;
    width: 100% !important;
}

.vgn-field-group {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.vgn-field-group label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1a202c !important;
    margin-left: 2px;
}

/* Compacte Inputs */
.vgn-field-group input.company-address {
    width: 100% !important;
    height: 38px !important;
    padding: 0 12px !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    outline: none !important;
}

/* Privacy Bar - Sluit nu aan op de breedte van de inputs */
.vgn-privacy-bar {
    width: 100% !important;
    background-color: #F8F8F8 !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    text-align: center !important;
    color: #718096 !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid #eeeeee !important;
    box-sizing: border-box !important;
}

/* De Knop - Volledige breedte (min de 10px marges) */
.vgn-submit-btn {
    display: block !important;
    width: 100% !important;
    background: linear-gradient(135deg, #f37021 0%, #e67e22 100%) !important;
    color: white !important;
    border: none !important;
    padding: 10px 0 !important;
    border-radius: 12px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(230, 126, 34, 0.25) !important;
    text-align: center !important;
    margin-top: 5px !important;
}

.vgn-submit-btn:hover {
    background: linear-gradient(135deg, #e67e22 0%, #d35400 100%) !important;
}

/* Mobiel - Geoptimaliseerd voor Verhuisgenoot.nl */
@media (max-width: 600px) {
    .vgn-input-row { 
        flex-direction: column !important;
        gap: 12px !important; /* Ruimte tussen de twee adresvelden */
    }

 /* Labels 5% groter op mobiel voor betere leesbaarheid */
.vgn-field-group label {
    font-size: 14px !important; 
    font-weight: 700 !important;
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
    display: block !important;
}

/* Hogere inputs en betere tekstpositie op mobiel */
.vgn-field-group input.company-address {
    height: 48px !important; /* Verhoogd van 42px naar 48px voor betere 'thumb-size' */
    padding: 0 15px !important; /* Zorgt dat tekst niet tegen de linkerwand plakt */
    font-size: 16px !important; /* Voorkomt inzoomen op iPhone (cruciaal!) */
    line-height: 48px !important;
}
    /* De knop krijgt op mobiel een fractie meer ruimte aan de bovenkant */
    .vgn-submit-btn {
        margin-top: 10px !important;
        padding: 14px 0 !important; /* Iets grotere knop voor duimen */
    }
}

/* De Focus-stijl specifiek voor de blauwgroene zakelijke look */
.vgn-b2b-input:focus {
    outline: none !important;
    border-color: #00A99D !important; /* De blauwgroene Verhuisgenoot kleur */
    box-shadow: 0 0 0 3px rgba(0, 169, 157, 0.15) !important; /* Zachte teal gloed */
    border-radius: 10px !important;
}

/* De knop voor verhuizers ook in blauwgroen voor eenheid op die pagina */
.vgn-b2b-layout .vgn-submit-btn {
    background: linear-gradient(135deg, #00c2b4 0%, #00A99D 100%) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(0, 169, 157, 0.2) !important;
    transition: transform 0.1s ease, background 0.2s ease !important;
}

.vgn-b2b-layout .vgn-submit-btn:hover {
    background: linear-gradient(135deg, #00A99D 0%, #008c82 100%) !important;
}

button.btn{background-image:linear-gradient(180deg,#FF8200 29%,#EC4600 100%);border-style:solid;padding:9px 98px 9px 98px;border:1px solid #fff!important;letter-spacing:1px;box-shadow:0 10px 11px 0 rgba(0,0,0,0.2);transition:all ease .3s;font-family:"Lato",Sans-serif!important;font-weight:600;font-size:18px!important;width:100%;}
button.btn:hover,button.btn:focus{background-image:linear-gradient(180deg,#EC4600 29%,#FF8200 100%);color:#fff;}


/* De meest brute manier om hem op deze pagina te lozen */
.bookServiceMainBx {
    /* We laten dit staan als 'anker' */
}

[id*="vgc-chatbot"] {
    /* Als de pagina-container er is, verberg dan alles wat op vgc-chatbot lijkt */
    display: none !important;
}


/* .step{display:none;}
*/
.step.active{display:block;}
/* De Progress Bar ook Sticky maken */
.progress-bar {
    height: 6px;
    background: #D9D9D9;
    overflow: hidden;
    margin-bottom: 10px;
    
    /* Sticky logica voor de bar */
    position: sticky;
    top: 45px; /* Pas dit getal aan naar de exacte hoogte van je header */
    z-index: 1000;
}

.progress-bar-inner {
    height: 100%;
    width: 0%;
    background: #00A99D;
    transition: width 0.3s ease;
}
/* .bookServiceForm{padding:0 15px;}
*/
/* Step Form */
body.page-id-2829.logged-in .hero-section.is-width-constrained{margin:0;}
body.page-id-2829.logged-in .hero-section{display:none;}
body.page-id-2829.logged-in .ct-container-full{padding-top:0;}
ul.homeList{padding:0;}
.stepHeader {
    text-align: center;
    background: #fff;
    padding: 10px 0; /* Iets minder padding voor de sticky versie */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Sticky Logica */
    position: sticky;
    top: 0;
    z-index: 1000; /* Zorgt dat het boven de rest blijft */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* Subtiel schaduwtje voor diepte tijdens scrollen */
}

@media (max-width: 767px) {
    .stepHeader {
        padding: 15px 0 !important; /* Maakt de header hoger */
    }
    
    .progress-bar {
        top: 50px !important; /* Zorgt dat de balk precies onder de hogere header plakt */
    }
}

/* Zorg dat het logo klein genoeg blijft voor mobiel sticky */
.vgn-flow-logo img, 
.stepHeader img {
    max-width: 120px; /* Iets kleiner gemaakt voor betere sticky UX */
    height: auto;
    display: inline-block;
}
.bookServiceMainBx{background:#F2F5F7;max-width:100%;width:100%!important;margin:-6px 0 0 0!important;padding:0 0 0;}
/* Custom Radio */
.homeList{display:flex;flex-wrap:wrap;gap:13px;}
.homeContainer{display:block;width:144px;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.homeContainer input{position:absolute;opacity:0;cursor:pointer;}
.hmcheckmark{display:flex;flex-direction:column;width:100%;height:133px;background:#fff;padding:4px 5px 20px;margin:0 0 0;border:1px solid #ccc;border-radius:8px;font-size:13px;font-weight:700;color:#000;align-items:center;justify-content:center;gap:9px;box-shadow:0 0 25px 0 rgba(0,0,0,0.19);position:relative;}
.homeContainer:hover input ~ .hmcheckmark{background-color:#f8f8f8;}
.homeContainer input:checked ~ .hmcheckmark{border-color:#00A99D;}
.hmcheckmark:after{content:"";position:absolute;display:none;}
/* .homeContainer input:checked ~ .hmcheckmark:after{display:block;}
*/
body.page-id-2829 .ct-container-full{padding-bottom:0;}
.homeContainer .hmcheckmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:white;}
.titleName{position:absolute;bottom:6px;left:0;right:0;margin:auto;text-align:center;padding:0 5px;}
.formMainBx{max-width:460px;margin:auto;padding-bottom:80px;}
.serviceList{margin-top:40px;}
.stepName{display:block;text-align:center;font-size:20px;line-height:27px;font-weight:700;color:#00A99D;font-family:'Lato'!important;}
.stepName span{color:#000;}
.stepNum{width:37px;height:37px;min-width:37px;min-height:37px;display:flex;align-items:center;justify-content:center;background:#00A99D;border-radius:60px;font-size:24px;color:#fff;font-family:Lato;font-weight:600;}
.stepCountingTitle{display:flex;align-items:center;gap:10px;margin:0 0 20px;}
h2.stepHeading{margin-bottom:20px;font-family:'Lato'!important;font-size:20px!important;font-weight:600!important;color:#000!important;line-height:25px!important;}
h2.stepHeading span{color:#00A99D;}
.nextprebuttons{margin:250px 0 0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 10px;box-shadow:0 0 15px 0 rgba(0,0,0,0.2);border-radius:8px;position:sticky;bottom:0;}
.btn-next{background:#00A99D !important;color:#fff;padding:5px 10px;min-width:150px;font-size:19px;font-family:Lato !important;font-weight:600;text-align:center;border-radius:10px;}
.btn-prev{background:#fff!important;padding:4px 10px;min-width:140px;font-size:20px;font-family:Lato!important;font-weight:600;text-align:center;color:#686661!important;display:flex;align-items:center;gap:1px;}
.btn-prev svg{width:24px;}


/* Specifiek voor mobiel: de knoppen onderaan vastzetten */
@media (max-width: 768px) {
    .nextprebuttons {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: #ffffff !important;
        padding: 15px 20px calc(15px + env(safe-area-inset-bottom)) !important;
        
        /* 1. We halen de vage schaduw weg */
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05) !important; 
        
        /* 2. We voegen een heel strak, dun lijntje toe aan de bovenkant */
        border-top: 1px solid #e2e8f0 !important; 
        
        display: flex !important;
        flex-direction: row !important;
        gap: 12px !important;
        z-index: 2000 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Zorg dat de knoppen niet meer 170px breed zijn, maar de ruimte vullen */
    .btn-prev, .btn-next {
        width: auto !important; /* Reset de 170px uit je hoofd-CSS */
        height: 54px !important;
        border-radius: 12px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    .btn-prev {
        flex: 0.4 !important;
        background: #f8fafc !important;
        color: #64748b !important;
        border: 1px solid #e2e8f0 !important;
    }

    .btn-next {
        flex: 1 !important;
        background: #00A99D !important; /* Jouw Verhuisgenoot groen */
        color: #ffffff !important;
        border: none !important;
    }

    
}



.successmsg button.btn.btn-primary.next-step{max-width:300px;}
/* #Appartementbx{display:none;}
*/
.frontdooronBx{margin-top:40px;}
.Floor{display:flex;align-items:center;gap:10px;margin:110px 0 170px;}
.Floor label{font-size:30px;font-weight:800;color:#00A99D;margin:0;cursor:inherit;}
.Floor select{width:160px;border:1px solid #00A99D;font-size:24px;font-family:'Lato';font-weight:400;height:auto;border-radius:9px;box-shadow:0 5px 7px 0 rgba(0,0,0,0.2);background-image:url(../images/donwicon.png);background-size:18px;}
/* .frontdooronBx{display:none;}
*/
/* At what distance can the moving van load? */
.vancontainer{display:block;position:relative;margin-bottom:12px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;}
.vancontainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.vancheckmark{width:100%;background:#fff;border:1px solid #00A99D;border-radius:10px;padding:7px 15px;font-size:16px;font-family:Lato;color:#000000;font-weight:700;display:block;text-align:center;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);}
.vancontainer:hover input ~ .vancheckmark{background-color:#f2f2f2;}
.vancontainer input:checked ~ .vancheckmark{background-color:#00A99D;color:#fff;}
.vancheckmark:after{content:"";position:absolute;display:none;}
.vancontainer input:checked ~ .vancheckmark:after{display:block;}
.vancontainer .vancheckmark:after{left:19px;top:14px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.distanceType{margin:40px 0 50px;}
.distanceType ul{display:flex;flex-direction:column;gap:14px;padding:0;margin:0;}
.floorsCountBx ul{display:flex;flex-direction:column;gap:15px;padding:0;margin:0;}
.floorsCountBx ul li{background:#fff;border:1px solid #EEEEEE;padding:15px;border-radius:10px;}
.floorsCount{display:block;font-size:20px;font-weight:700;text-align:center;margin:0 0 3px;color:#000;}
.atticnonattic{display:flex;align-items:center;justify-content:space-between;}
.atticnonattic button{width:140px;padding:5px 11px;box-shadow:0 3px 3px 0 rgba(0,0,0,0.2);font-size:16px;font-weight:600;text-align:center;display:block;background:#00A99D;color:#fff;border-radius:10px;}
.situationBx .Floor{margin:0 0 25px;justify-content:space-between;}
.situationBx h3{font-size:20px!important;font-weight:600!important;font-family:'Lato'!important;color:#000!important;text-align:center!important;margin:0 0 30px!important;}
.situationBx .Floor label{font-weight:400;font-size:20px;color:#000;font-weight:700;font-family:'Lato';line-height:21px;}
.situationBx .Floor select{font-size:16px;}
.situationBx .Floor select:focus{border-color:#00a99d!important;box-shadow:0 5px 7px 0 rgba(0,0,0,0.2)!important;}
.stuffavegbx{text-align:center;display:flex;justify-content:center;margin:40px 0 40px;}
.stuffAverage{margin:0 0 160px;}
/* #step-2 .situationBx .Floor{justify-content:space-evenly;}
*/
.Standaardservice{margin:0 0 30px;}
.Standaardservice ul{padding:0 0 0 20px;margin:0 0 40px;}
.Standaardservice h2{font-size:14px!important;font-weight:800!important;color:#000!important;font-family:'Lato'!important;margin-bottom:5px;}
.Standaardservice ul li{font-size:14px;color:#000;font-weight:800;font-family:'Lato';list-style:disc;line-height:18px;margin:0 0 5px;}
.colorOrg{color:#DF9554;}
.serviceList ul{padding:0;margin:0;display:flex;flex-direction:column;gap:18px;}
.serviceList ul li .accordion-item{background:#Fff!important;border:3px solid #F6F6F6!important;padding:0;border-radius:10px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2);width:100%;}
.serviceList ul li button.accordion-header{display:flex;align-items:center;padding:15px;gap:15px;width:100%;}
.serviceListIcon{min-width:48px;}
.servicListCnt h4{font-size:16px!important;color:#000000!important;font-weight:800!important;margin:0 0 5px!important;text-align:left;font-family:Lato;}
.servListPoint{font-size:13px;font-weight:800;font-family:Lato;color:#000;padding:0 0 5px 28px;background:url(../images/greenchecknew.png)0 7px no-repeat;text-align:left;line-height:18px;}
.colorGreen{color:#00A99D;}
.serviceList ul li .accordion-item.open{border-color:#00A99D!important;}
.accordion{width:100%;max-width:500px;margin:auto;}
.accordion-item{margin-bottom:10px;border:none!important;overflow:hidden;}
.accordion-header{width:100%;background-color:transparent!important;cursor:pointer;outline:none;transition:background-color 0.3s ease;}
/* .accordion-header:hover{background-color:#0056b3;}
*/
/* Smooth Transition */
.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out,padding 0.3s ease-out;}
/* Open state */
/* Styling for open accordion item */
.accordion-item.open .accordion-header{background-color:#0056b3;/* Change color when open */
 color:#fff;font-weight:bold;}
.accordion-item.open .accordion-content{max-height:500px;/* Adjust based on content */
 padding:15px;}
/* The container */
.outsourcecontainer{display:flex;position:relative;margin-bottom:0;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:600;color:#00A99D;}
.outsourcecontainer input{position:absolute;opacity:0;cursor:pointer;}
.outsourcecheckmark{width:100%;padding:4px 10px;background:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,0.2);border-radius:10px;min-width:75px;text-align:center;}
.outsourcecontainer:hover input ~ .outsourcecheckmark{background-color:#f2f2f2;}
.outsourcecontainer input:checked ~ .outsourcecheckmark{background-color:#00a99d;color:#fff;}
.outsourcecheckmark:after{content:"";position:absolute;display:none;}
.outsourcecontainer input:checked ~ .outsourcecheckmark:after{display:block;}
.outsourcecontainer .outsourcecheckmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;}
.outsourceBx ul{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:20px;}
.outsourceBx h2{font-size:14px!important;}
.outsourceBx h4{font-size:14px!important;color:#000!important;font-weight:600!important;text-align:center;}
.outsourceBx{margin:0 0 30px;}
.outsourceBx:last-child{margin:0;}
.qty-container{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;margin:0 0 20px;}
.qty-container h4{width:100%;font-size:14px;font-weight:800;font-family:Lato;color:#000!important;margin:0 0 13px;text-align:center;}
.qty-btn{background-color:#007bff;color:white;border:none;padding:10px 15px;cursor:pointer;font-size:18px;transition:0.3s;}
.qty-btn:hover{background-color:#0056b3;}
.qty-input{width:50px;text-align:center;font-size:18px;border:none;outline:none;margin:0 10px;}
.qty-container input.qty-input{border:none;margin:0;padding:0;font-size:20px;font-weight:600;font-family:Lato;color:#000000;}
.qty-container button.qty-btn.increase{background:#00A99D;border-radius:10px;padding:1px 10px;min-width:80px;font-size:36px;font-weight:600;display:flex;align-items:center;justify-content:center;font-family:'Lato';height:31px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.2);}
.qtybx{display:flex;max-width:220px;align-items:center;}
.Handyman p{font-size:13px;font-weight:400;font-family:'Lato';color:#000;line-height:18px;margin:0 0 20px;}
button.qty-btn.decrease{background:#C23F1B;border-radius:10px;padding:1px 10px;min-width:80px;font-size:36px;font-weight:600;display:flex;align-items:center;justify-content:center;font-family:'Lato';height:31px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.2);}
button.qty-btn.increase svg{width:26px;height:26px;}
button.qty-btn.decrease svg{width:26px;height:26px;}
.delivryCal{position:relative;max-width:200px;margin:auto;}
.delivryCal svg{position:absolute;left:8px;top:11px;}
.delivryCal input{border:1px solid #00A99D!important;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);margin:auto;border-radius:10px!important;padding:10px 15px 10px 40px!important;height:auto!important;}
.delivryCal input:hover,.delivryCal input:focus{outline:none;border-color:#00A99D!important;}
.delivryDate h4{font-size:14px;font-weight:600;color:#000000!important;text-align:center;line-height:18px;}
.progress-container{width:100%;max-width:400px;height:23px;background-color:#D9D9D9;position:relative;user-select:none;}
.pickpercentage{display:flex;align-items:center;gap:10px;margin:40px 0 53px;}
.floorbx{min-width:120px;font-size:13px;color:#000000;font-weight:700;font-family:'LATO';}
.progress-bar-rang{height:100%;width:0%;background-color:#00A99D;transition:width 0.1s;}
.progress-bar-rang-second{height:100%;width:0%;background-color:#DF9554;transition:width 0.1s;}
.drag-button{width:18px;height:41px;background-color:#00A99D;position:absolute;top:-10px;left:0;cursor:pointer;box-shadow:0 0 7px 0 rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #000000;}
.progress-value{position:absolute;bottom:-30px;color:#000000;font-size:12px;font-weight:600;}
.pickup h3{font-family:'Lato';font-size:13px;color:#000!important;font-weight:600;margin:40px 0 30px;}
.pickup h3 span{color:#00a99d!important;}
.pickup h4{font-size:15px;color:#000000 !important;text-align:center;margin-bottom:2px !important;font-weight:400;}
.pickup h4 span{color:#00a99d!important;}

/* #progress-bar-3,#progress-bar-4,#progress-bar-5{background-color:#DF9554;}
#drag-button-3,#drag-button-4,#drag-button-5{background-color:#df9554;} */

.second-home-type{
    width:18px;height:41px;background-color:#DF9554;position:absolute;top:-10px;left:0;cursor:pointer;box-shadow:0 0 7px 0 rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #000000;
}

/* .progress-bar-rang{height:100%;width:0%;background-color:#DF9554;transition:width 0.1s;} */


.second-home-type
.steps4-2.pickup h4 span{color:#DF9554!important;}
button.btn.btn-primary.submit-company-register-form.next-step{margin-left:12px;}
/* Chrome,Safari,Edge */
.no-calendar::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none;}
/* Firefox */
.no-calendar{-moz-appearance:textfield;}
/* General (removes default styling) */
.no-calendar{appearance:none;}
.date-wrapper{position:relative;}
.calendar-icon{position:absolute;left:10px;top:8px;pointer-events:none;}
.Preferredmoving button.accordion-header{color:#000;text-align:center;font-size:16px;font-weight:600;justify-content:center;}
.contactForm h2{font-size:32px;color:#00A99D;font-family:'Lato';font-weight:900;margin:0 0 20px;}
.contactForm ul li.terms-checkbox label{display:flex;align-items:center;flex-wrap:wrap;font-size:15px;color:#000;}
.contactForm ul li.terms-checkbox label input#company_terms{width:auto;}
.contactForm ul li.terms-checkbox label a{color:#00a99d;display:inline-block;padding:0 5px;}
.Preferredmoving .accordion-item.open .accordion-header{color:#000;}
.Inperiod input{height:auto!important;width:100%!important;background:#fff;border:1px solid #00A99D!important;border-radius:10px!important;padding:9px 15px 9px 44px!important;font-size:16px!important;font-family:Lato!important;color:#000000!important;font-weight:700!important;display:block;text-align:left;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);}
.ofText{font-size:16px;font-family:Lato;color:#00A99D;font-weight:800;text-align:center;margin:5px 0 15px;}
.onthewaybx{display:flex;align-items:center;gap:15px;row-gap:15px;margin-bottom:15px;}
.ontheTitle{color:#000;min-width:100px;font-weight:700;font-family:'Lato';font-size:16px;}
.onthewaybx .Inperiod{width:70%;}
.resultMoveBx{display:flex;margin:0 0 15px;align-items:flex-start;gap:15px;border:1px solid #000000;border-radius:10px;padding:15px;background:#fff;min-height:128px;}
.resultPosition{min-width:100px;height:100%;}
.cmpName{font-size:16px;font-weight:600;font-family:Lato;color:#000;margin:0 0 3px;line-height:19px;}
.cmpdetail{width:80%;}
.calculatedPrice{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;gap:8px;}
.calculatedPrice span{font-size:13px;font-family:Lato;color:#000;width:50%;}
.resultposition{font-size:16px;color:#000;text-align:center;margin:13px 0 0;font-weight:600;font-family:'LATO';}
.calculatedPrice span.calPrice{display:flex;font-size:15px;font-weight:800;font-family:'Lato';color:#00A99D;width:50%;text-align:left;justify-content:flex-start;align-items:center;min-width:160px;}
.popupsand button{background:#00A99D;padding:4px 13px;border-radius:8px!important;box-shadow:0 4px 3px 0 rgba(0,0,0,0.2);font-size:15px;font-weight:600;font-family:'Lato'!important;color:#fff;}
.resultList{margin:20px 0 30px 0;padding:0 0 0 20px;}
.resultList li{margin:0 0 10px;font-size:13px;font-weight:600;font-family:'LATO';color:#000;position:relative;padding:0 0 0 30px;}
.resultList li:before{content:'';left:9px;top:3px;width:8px;height:15px;border:solid #00a99d;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;}
.budgetBx{display:flex;margin:0 0 15px;align-items:center;gap:30px;border:1px solid #000000;border-radius:10px;padding:20px 20px 25px;background:#fff;flex-direction:column;}
.adjustbudget h2{font-size:20px!important;font-family:'Lato'!important;color:#00A99D!important;text-align:center!important;margin:0 0 10px!important;}
.adjustbudget{margin:50px 0 0;}
.adjustcnt{text-align:center;font-size:13px;color:#000;margin:0 0 20px;font-family:'Lato';font-weight:700;}
.budgetBx ul{margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:30px;}
.budgetBx ul li{display:flex;align-items:center;justify-content:flex-start;width:100%;}
.boxNumber{width:50%;}
.boxNumber select{border:1px solid #E6E6E6;font-size:12px!important;font-family:'Lato'!important;font-weight:400;height:auto;border-radius:9px!important;background-image:url(../images/donwicon.png);background-size:12px;padding:10px 10px 10px 15px;}
.boxNumber select:hover,.boxNumber select:focus{outline:none;box-shadow:none;border-color:#E6E6E6}
.toggle-wrapper{display:inline-flex;border:2px solid #ccc;border-radius:10px;overflow:hidden;font-family:'Lato';font-size:12px;width:100%;}
.toggle-wrapper button{padding:8px 6px;background-color:#D5D5D5!important;color:#fff!important;border:none;outline:none;cursor:pointer;transition:0.3s;border-radius:0!important;width:100%;}
.toggle-wrapper button.active{background-color:#00a79d!important;color:#fff!important;}
.budgetBx ul li label{cursor:inherit;width:50%;font-size:13px;color:#181E1C;font-family:Lato;font-weight:700;margin:0;}
input#customInput{height:31px;}
.Handymanhours{display:flex;gap:10px;align-items:center;max-width:130px;justify-content:flex-start;}
.adjustBtn button{background:#00A99D;color:#fff;width:100%;padding:4px 10px;border-radius:8px;}
/* Hide default arrows in number input */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
/* Container */
.custom-number{display:flex;align-items:center;border:1px solid #E6E6E6;overflow:hidden;}
/* Input box */
.custom-number input{border:none;text-align:center;font-size:16px;width:60px;padding:8px 0;outline:none;}
/* Arrow buttons */
.custom-number .buttons{display:flex;flex-direction:column;background-color:transparent;}
.custom-number button{border:none;background:transparent!important;padding:0 0;cursor:pointer;transition:background 0.2s;width:25px;height:16px;display:flex;align-items:center;justify-content:center;}
.custom-number button:hover{background-color:#ddd;}
.custom-number svg{width:12px;height:12px;fill:#555;}
input#customInput{border:none;}
button.Recalculatebtn{background:#DF9554!important;padding:5px 13px;border-radius:8px!important;box-shadow:0 5px 8px 0 rgba(0,0,0,0.2);font-size:16px;font-family:'Lato'!important;color:#fff!important;min-width:180px;margin-top:20px;}
.loaderbx svg{animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear;}
@keyframes spin{from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
.loaderbx{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:130px 10px;}
.loaderbx h3{font-size:20px!important;color:#000000!important;}
button.Showresultsbtn{font-family:Lato;font-size:20px;color:#Fff;text-align:center;padding:6px 25px;margin:40px auto !important;display:flex;background:#00a99d;font-weight:600;border-radius:10px;}
/* Modal */
/* The Modal (background) */
.reqModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,0.6);}
/* Modal Content Box */
 .reqModal-content{position:relative;background-color:#fff;margin:10% auto;padding:30px 25px 40px;border-radius:0;width:80%;max-width:420px;box-shadow:0 5px 15px rgba(0,0,0,0.3);animation:slideDown 0.3s ease-out;}
@keyframes slideDown{from{transform:translateY(-50px);opacity:0;}
to{transform:translateY(0);opacity:1;}
}
/* Close Button */
 .close{color:#aaa;float:right;font-size:28px;cursor:pointer;}
.close:hover{color:#000;}
@keyframes slideDown{from{transform:translateY(-50px);opacity:0;}
to{transform:translateY(0);opacity:1;}
}
/* Close Button */
 .close{color:#aaa;float:right;font-size:28px;cursor:pointer;}
.close:hover{color:#000;}
.reqModal-content h2{font-size:24px!important;font-family:'Lato'!important;font-weight:700;color:#00A99D!important;text-align:center;margin:0 0 30px;}
.sendReqBx{display:flex;align-items:center;gap:15px;justify-content:center;}
.sendReqBx h3{font-size:16px!important;font-family:'Lato'!important;font-weight:600!important;color:#000!important;margin:0;text-align:center;}
.reqForm ul{padding:0;margin:0 0 40px;display:flex;flex-direction:column;gap:10px;}
.reqForm ul li label{color:#434343;font-size:15px;font-family:Lato;font-weight:600;margin:0 0 6px;}
.reqForm ul li input{border:1px solid #808080;padding:9px 10px;height:auto!important;font-size:16px;font-family:Lato;}
.reqForm ul li input:hover,.reqForm ul li input:focus{outline:none;border-color:#808080;}
.remainReq{margin:20px 0 30px;font-size:13px;color:#000;font-weight:bold;font-family:Lato;display:flex;align-items:center;gap:15px;}
.remainReq{margin:20px 0 30px;font-size:13px;color:#000;font-weight:bold;font-family:Lato;display:flex;align-items:center;gap:15px;}
button.sendReqBtn{width:100%;padding:5px 10px;box-shadow:0 5px 6px 0 rgba(0,0,0,0.2);font-size:20px;font-family:Lato;font-weight:600;background:#00A99D;color:#fff;border-radius:10px;}
.reqModal-content .close{position:absolute;right:-10px;top:-10px;width:34px;height:34px;background:#00A99D;display:flex;align-items:center;border-radius:60px;justify-content:center;color:#fff;font-family:initial;}
/* Loader Styles */
.loadingBox{position:fixed;top:0;left:0;width:100%;height:100%;background:#F2F5F7;display:flex;justify-content:center;align-items:center;z-index:9999;}
.loadingBox .loader{border:none;animation:fadeIn 0.5s ease-in-out;}
/* SVG Rotation Animation */
.loadingBox .loader svg{animation:rotate 2s linear infinite;}
@keyframes rotate{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
/* Fade Out Animation */
.fade-out{opacity:0;visibility:hidden;transition:all 0.5s ease;}
.loadingBox h2{color:#000000!important;font-size:20px;font-family:Lato;margin:0 0 20px;display:block;}
.loadingBox #loader{margin:20px auto auto;left:0;right:0;background:none;border:none;flex-direction:inherit;justify-content:center;align-items:center;}
.loadingBox #loader:before,.loadingBox #loader:after{display:none;}
.recal{margin-top:45px;}
h3.stepHeadingRec{font-weight:400 !important;font-size:17px !important;}
h3.stepHeadingRec span{color:#29a99c;font-weight:bold;}
.newTitle{font-size:15px;font-family:Lato;color:#000 !important;text-align:center;font-weight:400;}
.newTitle span{color:#DF9554;}
.whatHelp{text-align:center;}
.whatHelp h3{color:#00A99D;font-size:20px;font-family:Lato;font-weight:800;margin:0 0 2px;}
.whatHelp p{font-size:13px;font-family:'Lato';color:#000000;}
/* Dashboard */
.dashboardHead{background:#00A99D;padding:15px 0;margin:0 0 30px;}
.dashboardHead h1{font-size:36px;color:#fff !important;font-weight:400 !important;margin:0;}
.dashSidebar{width:35%;max-width:310px;}
.dashSidebar .nav-tabs{display:flex;flex-direction:column;}
.dashboardTabbing{display:flex;align-items:flex-start;gap:30px;}
.dashboardRight{width:65%;}
.dashSidebar .nav-tabs .nav-link{position:relative;text-align:left;border:1px solid #808080;border-radius:10px;margin:0 0 15px;font-size:20px;font-weight:600;font-family:'Lato';color:#9F9F9F;padding:10px 11px 10px 18px;display:flex;align-items:center;gap:23px;background:#fff;}
.dashboardHead .container,.dashboardPage .container{max-width:1170px;}
.dashSidebar .nav-tabs .nav-link.active{background:#00A99D;color:#fff;}
.totalnum{width:37px;height:37px;display:flex;border:1px solid #000;border-radius:60px;align-items:center;justify-content:center;position:absolute;right:-10px;top:-10px;background:#F9FF3E;color:#000;}
.accordion.requestOpened{max-width:100%;}
button.accordion-button.collapsed{border:1px solid #808080;background:#fff;}
.requestOpened button.accordion-button{padding:10px 11px;background:none;border:none;border-radius:0;box-shadow:none;}
.accountStatusBx{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px;}
.locationStatus{display:flex;align-items:center;gap:15px;width:40%;}
.openYellow{background:#F9FF3E;border-radius:8px;font-size:16px;color:#000;padding:6px 20px;font-family:'Lato';font-weight:600;min-width:162px;text-align:center;}
.locationStatus h3{font-size:16px !important;margin:0;color:#000000 !important;font-family:'Lato' !important;font-weight:600 !important;max-width:140px;width:140px;}
.cityOnly{display:flex;align-items:center;gap:12px;width:19%;}
.cityOnly svg{width:27px;}
.cityOnly h3{font-size:16px!important;color:#000!important;font-family:'Lato'!important;font-weight:600!important;margin:0;}
.tootalCnt{display:flex;align-items:center;justify-content:space-between;gap:15px;}
.totalcnt{font-size:16px;font-weight:600;color:#000;font-family:'Lato';margin:0;min-width:80px;text-align:right;}
.calPrice{font-size:20px;font-weight:600;color:#51AF2F;font-family:'Lato';margin:0;min-width:80px;text-align:right;}
.requestOpened button.accordion-button::after{display:none;}
.requestOpened .accordion-item{border:1px solid #808080!important;border-radius:8px;}
.customerList{border:1px solid #AAAAAA;border-radius:8px;margin:0 0 10px;display:flex;align-items:center;padding:20px 15px;gap:20px;flex-wrap:wrap;}
.customerLogo{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:90px;justify-content:center;}
.customerLogo h2{margin:0;font-family:Lato!important;font-size:16px!important;font-weight:700!important;color:#000000!important;text-align:center;}
.customerDetail ul{padding:0 0 0 20px;}
.customerDetail ul li{list-style:disc;font-size:18px;font-family:'Lato';line-height:25px;color:#000;}
.customerDetail ul li::marker{color:#00A99D;}
.dashboardPage{max-width:100%;width:100%!important;margin:0;background:#F2F5F7;}
body.page-id-3012 .hero-section.is-width-constrained{display:none;}
body.page-id-3012 .ct-container-full{padding:0;}
.Distance{font-size:18px;font-family:'Lato';color:#000000;line-height:21px;width:100%;padding:5px 0 0 0;}
.customerDetail{width:78%;display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px;}
.customerDetailParts{width:47%;}
.customerDetailParts h3{font-size:16px!important;font-family:'Lato'!important;color:#000!important;margin:0 0 10px;line-height:22px!important;}
.customerDetail ul li span{color:#00A99D;font-size:14px;font-weight:600;}
.Estimate .customerDetailParts{width:100%;}
.Estimate.customerDetail ul li{list-style:none;display:flex;align-items:center;justify-content:space-between;}
.Estimate.customerDetail ul{padding:0;}
.Estimate.customerDetail ul li label{margin:0;font-size:18px;color:#000000;}
.Estimate.customerDetail ul li span{color:#000;min-width:130px;text-align:left;}
.priceTotal{display:flex;align-items:center;justify-content:space-between;font-size:24px;font-family:'Lato';color:#00A99D;font-weight:700;margin:15px 0 0;}
.priceTotal span{min-width:130px;text-align:left;}
.customerChoise{display:flex;align-items:center;justify-content:space-between;}
.acceptCustBtn{background:#51AF2F!important;font-size:20px;font-weight:600;color:#fff;text-align:center;width:49.5%;box-shadow:0px 4px 5px 0 rgba(0,0,0,0.3);border:1px solid #fff;border-radius:6px;padding:4px 10px;}
.RejectcustomerBtn{background:#DC3D3D!important;font-size:20px;font-weight:600;color:#fff;text-align:center;width:49.5%;box-shadow:0px 4px 5px 0 rgba(0,0,0,0.3);border:1px solid #fff;border-radius:6px;padding:4px 10px;}
.dashSidebar .nav-tabs #nav-celebrate-tab.nav-link.active path:nth-child(2){fill:#00a99d;}
.result-container{margin-top:19px;}
.openGreen{background:#00A99D;color:#fff;}
.openRed{background:#DC3D3D;color:#fff;}
/* dashboard contact form */
 .contactDetail .form-group{margin-bottom:15px;padding:0;}
.contactDetail input[type="text"],.contactDetail input[type="email"],.contactDetail input[type="password"]{width:100%;padding:12px 18px !important;border:1px solid #808080 !important;border-radius:0 !important;height:auto !important;background:#fff;box-shadow:none;}
.contactDetail .form-row{display:flex;gap:10px;}
.contactDetail .form-row .form-group{flex:1;}
.contactDetail .btn-group{margin-top:20px;display:flex;gap:10px;}
.contactDetail .btn{padding:10px 20px;border:none;border-radius:6px;color:white;cursor:pointer;font-size:16px;}
.contactDetail button.btn-secondary{background:#00A99D;border:1px solid #808080 !important;border-radius:8px !important;font-size:20px !important;font-family:Lato !important;padding:5px 10px !important;}
.contactDetail form h4{color:#00A99D;font-size:20px;font-weight:600;}
.contactDetail .form-row:first-child .form-group{margin-bottom:0;}
.contactDetail .form-row:first-child .form-group{margin-bottom:0;border:none;padding:0;}
.contactDetail button.btn.btn-primary{background:#E1652E;border:1px solid #434343 !important;border-radius:8px !important;font-size:20px !important;font-family:Lato !important;padding:5px 10px !important;height:auto !important;}
.contactDetail h2{color:#00A99D;font-size:32px;font-family:'Lato';margin:0 0 10px;}
.dashboardPage{padding:0 0 70px;}
#PaymentModal p{font-size:48px;font-family:Inter;text-align:center;color:#000;line-height:51px;}
#PaymentModal .modal-dialog{max-width:700px;margin:auto;width:90%;}
#PaymentModal button.btn-close{position:absolute;right:-10px;top:-10px;opacity:1;background-color:#ffffff;width:40px;height:40px;padding:0;border-radius:60px;display:flex;align-items:center;justify-content:center;border-radius:60px;box-shadow:0 0 15px 0 rgba(0,0,0,0.2);}
#PaymentModal{width:100% !important;}
#PaymentModal .modal-dialog .modal-content{border:none;padding:40px 15px;}
#PaymentModal .modal-body{padding-top:70px;padding-bottom:70px;}
.customerDate p{list-style:disc;font-size:17px !important;font-family:'Lato' !important;line-height:27px !important;color:#000 !important;padding:0 100px 10px;font-weight:600;}
.Paynow{text-align:center;margin:10px 0 0;}
.Paynow a{display:inline-block;background:#51AF2F !important;font-size:20px;font-weight:600;color:#fff;text-align:center;width:49.5%;box-shadow:0px 4px 5px 0 rgba(0,0,0,0.3);border:1px solid #fff;border-radius:6px;padding:4px 10px;}
.Paynow a:hover,.Paynow a:focus{color:#fff;}
.modalBg{background:#00a99d;display:flex;align-items:center;justify-content:center;height:170px;margin:0 0 90px;}
.commanModal .modal-body{padding:0 0 60px!important;}
.commanModal .modal-content{padding:0!important;}
.truckicon{color:#00a99d;width:150px;height:150px;background:#fff;border-radius:200px;display:flex;align-items:center;justify-content:center;margin:0 0 -150px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}
.truckicon svg{width:80px;}
.commanModal button.btn-close{z-index:9;}
.customerDate p span{color:#00a99d;}
.page-id-3196 .elementor-location-header{display:none;}
.page-id-3196 .hero-section{display:none;}
.page-id-3196 .ct-container-full{padding:0;}
.customerSuccesHead{box-shadow:0px 1px 3px 0px rgba(0,0,0,0.25);padding:20px 10px;text-align:center;}
.customerSuccess{width:100%!important;max-width:100%;}
.customerSuccesHead a{display:block;}
.customerSuccesHead a img{max-width:350px;}
.successBox{max-width:800px;width:90%;margin:70px auto 70px;text-align:center;padding:40px;box-shadow:0px 0 16px 0px rgba(0,0,0,0.1);}
.successimg img{max-width:100%;}
.successBox h3{margin:40px 0 20px!important;font-family:"Lato",Sans-serif;font-weight:800;}
.successBox p{font-size:15px;color:#000;}
.forgot-pass-links a{padding:8px;font-size:17px;color:#00a99d;font-weight:600;}
.forgot-pass-links{padding:12px;}
.forgot-pass-links a:hover,.forgot-pass-links a:focus{color:#00a99d;}
a.btn.btn-primary.logout-btn{background:#DC3D3D !important;font-size:20px;font-weight:600;color:#fff;text-align:center;width:49.5%;box-shadow:0px 4px 5px 0 rgba(0,0,0,0.3);border:1px solid #fff;border-radius:6px;padding:4px 10px;width:10;}
button.cancelRequestbtnNew{background:#DC3D3D !important;font-size:20px;font-weight:600;color:#fff;text-align:center;width:100%;box-shadow:0px 4px 5px 0 rgba(0,0,0,0.3);border:1px solid #fff;border-radius:6px;padding:4px 10px;margin-top:22px;margin-bottom:13px;}
a.payment-try-again{background:#DC3D3D !important;font-size:20px;font-weight:600;color:#fff;text-align:center;width:49.5%;box-shadow:0px 4px 5px 0 rgba(0,0,0,0.3);border:1px solid #fff;border-radius:6px;padding:10px 100px;}
a.payment-try-again:hover, a.payment-try-again:focus { background: #DC3D3D !important; color: #fff; }
.payment-success-anchor{background:#51AF2F !important;font-size:20px;font-weight:600;color:#fff;text-align:center;width:49.5%;box-shadow:0px 4px 5px 0 rgba(0,0,0,0.3);border:1px solid #fff;border-radius:6px;padding:10px 67px;}
.payment-success-anchor:hover, .payment-success-anchor:focus { background: #51AF2F; color: #fff;}
.payment-success-text{color:#51AF2F;padding:0px !important;margin:0px 0px 28px !important;}
.changeStepHeadingColor span { color: #df9554 !important; }


.page-id-3306 .hero-section, .page-id-3308 .hero-section{display:none;}
.page-id-3306 .ct-container-full, .page-id-3308 .ct-container-full{padding-top:0;}
.page-id-3306 .elementor-sticky--effects, .page-id-3308 .elementor-sticky--effects{display:none;}

.page-id-3306 .elementor.elementor-43.elementor-location-header,  .page-id-3308 .elementor.elementor-43.elementor-location-header { display: none; }
.changeColorStepTitle .stepNum { background: #df9554; }
.changeColorStepTitle .stepName { color: #df9554; } 
/* .Inperiod {margin: 0px 0px 30px 0px;} */

/* Responsive */
@media(max-width:1366px){#PaymentModal p{margin:0 0 25px;font-size:30px;line-height:38px;}
}
@media(max-width:1199px){.pct-main-form .main-heading h4{font-size:25px;}
.tab-content h5{font-size:24px;}
.nav-pills .nav-link{font-size:17px;}
.tab-content form label{font-size:17px;}
.minvalue h3{font-size:18px;}
.minvaluebx h4{font-size:18px!important;}
button.btn.btn-primary.next-step{min-width:190px;padding:9px 10px;font-size:18px;}
.customerLogo h2{font-size:16px!important;}
.customerDetail ul li{font-size:13px;}
.customerLogo img{max-width:60px;}
.Distance{font-size:15px;}
.customerDetailParts h3{font-size:15px!important;margin:0 0 4px;line-height:19px!important;}
.Estimate.customerDetail ul li label{font-size:13px;}
.acceptCustBtn{font-size:16px;}
.RejectcustomerBtn{font-size:16px;}
#PaymentModal p{margin:0 0 20px;font-size:28px;line-height:32px;}
#PaymentModal button.btn-close{right:-3px;}
}
@media(max-width:991px){.col-md-9.tabBx{padding-left:25px;}
div#step4 h4{font-size:18px;}
.travelsec h3{font-size:16px;}
.travelbx label{font-size:17px;}
.kilome span{font-size:16px;}
.kilome input{max-width:150px;}
.berekend{font-size:14px;}
.travelbx label{font-size:16px;}
button.btn.btn-secondary.prev-step{padding:7px 10px;min-width:160px;}
button.btn.btn-primary.next-step{min-width:160px;padding:7px 10px;}
select option{font-size:12px;}
.coastCalc .checkmark{max-width:100%;border-radius:5px;border-width:1px;font-size:16px;}
.surchargesec h2{font-size:17px!important;}
.chargebx h3{font-size:16px!important;}
.coastCalc label.chargbx{margin-bottom:3px;}
div#step6 h2{font-size:16px;}
.standaredServ h3{font-size:17px;}
.standaredServ ul li{font-size:15px;}
.servOffer h3{font-size:18px;}
.servOffer .checkmark{border-width:1px;border-radius:8px;font-size:18px;}
.servuOfferbx h4{font-size:18px!important;}
.redText{font-size:15px;line-height:21px;}
/* dashboard */
.dashboardTabbing{flex-wrap:wrap;gap:15px;}
.dashSidebar{width:100%;max-width:100%;}
.dashSidebar .nav-tabs{flex-direction:row;gap:15px;justify-content:space-between;}
.dashSidebar .nav-tabs .nav-link{width:47%;}
.dashboardRight{width:100%;}
.dashSidebar .nav-tabs .nav-link svg{width:40px;height:31px;}
#PaymentModal p{margin:0 0 30px;font-size:25px;line-height:28px;}
#PaymentModal button.btn-close{right:-3px;}
}
@media(max-width:767px){.successmsg h3{font-size:21px;line-height:25px;}
.headMessage{margin:0 0 30px;}
.successmsg p{font-size:16px;}
.successmsg h2{font-size:25px;}
button.btn.btn-primary.next-step{border:none;min-width:250px;padding:10px 20px;}
.accActive h2{font-size:25px;line-height:28px;}
.accActive h3{font-size:20px;line-height:31px;}
.accActive svg{height:120px;}
.pct-main-form .main-heading h4{font-size:18px;}
.pct-main-form .ct-container-full{padding-top:20px;}
.pct-main-form .main-heading{margin-bottom:20px;}
.hero-section{margin-bottom:15px!important;}
.tab-content h5{font-size:24px;line-height:27px;}
.nav-pills .nav-link{font-size:13px;padding:11px 10px;border-radius:4px;}
.tab-content form label{font-size:17px;}
.minvalue h3{font-size:18px;}
.minvaluebx h4{font-size:18px!important;}
button.btn.btn-primary.next-step{min-width:190px;padding:9px 10px;font-size:18px;}
.col-md-3.sidebar{width:100%;}
ul#stepTabs{display:flex;align-items:flex-start;flex-direction:row!important;gap:8px;width:100%;}
ul#stepTabs li{width:24%;margin:0;}
.col-md-9.tabBx{width:100%;padding:40px 0 0 0;}
#step2 h6{margin:0 0 20px;font-size:15px;line-height:18px;}
.tab-content form .enterzip label{font-size:17px;}
.postcode{gap:8px;}
.tab-content form .enterzip input.form-control{padding:10px 10px 10px;border-radius:6px;}
.postcode select.form-control{border-radius:6px;padding:10px 10px 10px 10px;background-size:10px;}
button.addplus{min-width:40px;width:40px;height:40px;font-size:20px;}
.postcode{gap:8px;}
.tab-content form .enterzip input.form-control{padding:10px 10px 10px;border-radius:6px;}
.postcode select.form-control{border-radius:6px;padding:10px 10px 10px 10px;background-size:10px;}
button.addplus{min-width:40px;width:40px;height:40px;font-size:20px;}
.buttonSpacing{gap:14px;margin-top:30px;}
button.btn.btn-secondary.prev-step{padding:3px 10px;font-size:19px!important;}
button.btn.btn-primary.next-step{min-width:150px;padding:3px 10px;font-size:19px!important;}
.kilome input{font-size:15px!important;}
.calloutfee select.form-control{border-radius:6px;padding:10px 10px 10px 10px;background-size:10px;}
select option{font-size:12px;}
.chargebx img{max-width:50px;max-height:60px;}
.chargebximg{height:60px;}
.chargebx h3{font-size:14px!important;}
.chargebx input{font-size:13px;}
.kilome span{font-size:14px;line-height:18px;}
#step3 label.form-label{font-size:16px;line-height:18px;}
.calloutfee h6{font-size:16px;line-height:21px;}
.servuOfferbx h3{font-size:18px!important;line-height:21px;}
.nav-pills .nav-link.fullFillStep{background-position:7px 14px;background-size:18px;}
.card-main-form .tab-pane h5{font-size:22px;}
/* Home Steps */
/* .bookServiceForm{max-width:430px;}
*/
.formMainBx{padding:0 15px; margin-top: 20px !important;}
.contactForm{max-width:100%;}
.contactForm ul li.terms-checkbox label{font-size:13px;line-height:17px;}
/* Step Forms */
.homeContainer{width:100%;}
.homeList li{width:31%;}
.stuffavegbx .homeContainer{width:145px;}
.accordion-item.open .accordion-content{padding:5px 10px 10px;}
.qty-container input.qty-input{width:auto;max-width:80px;}
.Inperiod input{padding:9px 15px 9px 36px!important;font-size:14px!important;}
.calendar-icon{left:7px;top:6px;}
.calendar-icon svg{width:20px;}
.ontheTitle{width:30%;min-width:96px;}
/* .Inperiod{width:60%;}
*/
.date-wrapper{width:100%;}
.resultList{padding:0;}
.resultMoveBx{gap:5px;padding:10px;}
.popupsand button{font-size:12px;padding:7px 11px;}
.cmpdetail{width:70%;}
.resultPosition{width:30%;}
.calculatedPrice span.calPrice{font-size:15px;}
h2.stepHeading{font-size:15px!important;line-height:21px !important;}
.toaster-notification span{display:block;width:100%;font-size:13px;line-height:17px;max-width:92%;margin:auto;}
.toaster-notification{min-width:240px;}
.serviceList ul{gap:9px;}
.boxNumber select{padding:7px 10px 7px 15px;border-radius:6px !important;}
.boxNumber{width:58%;}
.reqModal-content{padding:11px;width:96%;margin-top:80px;}
button.Showresultsbtn{padding:5px 20px;font-size:17px;border-radius:6px !important;}
.accountStatusBx{flex-wrap:wrap;}
.locationStatus{width:100%;justify-content:space-between;}
.locationStatus h3{text-align:right;}
.dashSidebar .nav-tabs{gap:4px;}
.dashSidebar .nav-tabs .nav-link{font-size:15px;padding:5px 10px;border-radius:5px;gap:5px;}
.dashboardHead h1{font-size:19px;}
.contactDetail .btn-group{flex-wrap:wrap;}
.contactDetail h2{font-size:21px;line-height:24px;}
.contactDetail .btn-group{flex-wrap:wrap;}
.contactDetail .form-row:first-child .form-group{width:100%;flex:inherit;}
.contactDetail .form-row{flex-wrap:wrap;margin-bottom:10px;}
.cityOnly svg{width:23px;}
#PaymentModal p{margin:0 0 20px;font-size:20px;line-height:24px;}
.customerDate p{padding:0 30px 0;font-size:16px!important;line-height:26px!important;}
.customerSuccesHead a img{max-width:270px;}
.successBox{margin:30px auto 30px;}
.paymentFail .successimg img,.paymentSuccess .successimg img{max-width:110px!important;}
.paymentFail a.payment-try-again,.paymentSuccess a.payment-try-again{padding:10px 20px;width:100%;display:block;max-width: 250px; margin: auto; font-size:16px;}
.paymentFail h3,.paymentSuccess .paymentFail h3{font-size:23px;}
.paymentSuccess {
    padding: 40px 10px;
}
.paymentSuccess .payment-success-anchor { padding: 7px 10px; width: 100%; display: block; max-width: 250px; margin: auto; }
}
@media(max-width:600px){ul#stepTabs li{width:32%;}
.tab-content h5{font-size:21px;line-height:27px;}
#step1 form .d-flex{flex-direction:column;align-items:flex-start!important;justify-content:flex-start;gap:7px!important;}
.minvalue{gap:5px;}
.minvaluebx{width:49%;border-radius:6px;height:160px;}
.minvaluebx img{max-width:90px;}
.minvaluebx h4{font-size:14px!important;line-height:18px;}
button.btn.btn-primary.next-step{min-width:120px;font-size:15px;}
button.btn.btn-secondary.prev-step{min-width:120px;padding:5px 10px;font-size:15px;}
.calloutfee{flex-wrap:wrap;}
.btn-next{min-width:100px;font-size:14px;border-radius:5px;}
.btn-prev{font-size:15px;}
.contactForm ul li.halfbx{width:100%;}
.stepName{font-size:16px;line-height:22px;}
.stepNum{width:33px;height:33px;min-width:33px;min-height:33px;font-size:15px;}
.vancheckmark{font-size:14px;padding:10px 15px;}
.situationBx .Floor label{font-size:16px;}
.situationBx h3{font-size:15px!important;}
.budgetBx{padding:10px;}
.toggle-wrapper button{padding:5px 3px;font-size:12px;}
button.Recalculatebtn{margin:0;}
.budgetBx ul li label{font-size:12px;}
.customerDate p{padding:0 14px 0;font-size:15px !important;line-height:23px !important;}
}
@media(max-width:480px){ul#stepTabs li{width:48%;}
.eximg img{max-width:70px;}
.exlocated h2{font-size:16px!important;margin-bottom:5px;}
.exPrice{font-size:14px;}
.exlocated h3{line-height:18px;}
.card-main-form .tab-pane h5{font-size:18px;margin-bottom:6px;}
.homeList{gap:5px;}
.stepNum{width:31px;height:31px;min-width:31px;min-height:31px;font-size:13px;}
/* .Inperiod{width:57%;}
*/
.popupsand button{font-size:12px;padding:7px 11px;}
.Standaardservice ul li{font-size:12px;}
.calculatedPrice{flex-wrap:wrap;justify-content:flex-start;gap:5px;}
.calculatedPrice span.calPrice{justify-content:flex-start;}
.calculatedPrice span{width:100%;}
.boxNumber{width:50%;}
.cityOnly svg{width:20px;min-width:20px;}
.openYellow{min-width:90px;font-size:12px;padding:4px 10px;border-radius:5px;}
.locationStatus h3{font-size:13px!important;}
.cityOnly h3{font-size:13px!important;}
.cityOnly{gap:5px;}
.totalcnt{min-width:50px;font-size:12px;}
.calPrice{font-size:14px;min-width:60px;}
.dashboardRight .accordion-body{padding:3px 10px 20px;}
.customerList{padding:10px;border-radius:4px;gap:5px;}
.customerLogo{width:100%;}
.customerDetail{width:100%;}
.customerLogo img{max-width:40px;}
.customerLogo h2{font-size:14px!important;}
.customerDetail{gap:5px;}
.customerDetailParts{width:100%;}
.dashSidebar .nav-tabs{flex-direction:column;}
.dashSidebar .nav-tabs .nav-link{width:100%;}
.customerChoise{flex-direction:column;gap:15px;}
.acceptCustBtn{width:100%;}
.RejectcustomerBtn{width:100%;}
}
@media(max-width:450px){/* .hmcheckmark img{max-width:70px;max-height:40px;object-fit:contain;}
*/
.Floor label{font-size:18px;}
.Floor select{font-size:16px;}
.atticnonattic button{width:48%;}
.serviceList ul li button.accordion-header{gap:8px;padding:6px;}
.servListPoint{font-size:12px;background-size:11px;padding:0 0 0 17px;}
.servicListCnt h4{font-size:13px !important;}
.calculatedPrice span.calPrice{font-size:13px;}
.situationBx .Floor label{font-size:15px;}
}
@media(max-width:399px){.homeList{gap:4px;}
.hmcheckmark{font-size:11px;line-height:13px;height:103px;}
.hmcheckmark img{max-width:60px;max-height:60px;object-fit:contain;}
.atticnonattic button{font-size:14px;}
.onthewaybx .Inperiod{width:58%;}
.popupsand button{font-size:12px;padding:7px 11px;}
.ontheTitle{font-size:15px;}
.pickup h4{font-size:14px;}
}
@media(max-width:330px){.hmcheckmark{font-size:10px;}
.Standaardservice ul li{font-size:12px;}
}