/** { margin: 0; padding: 0;}*/
:root {
    --primary-color: #ffcd00;
    --secondary-color: #858034;
    --form-max-width: 600px;
    --shadow-regular: 0 2px 2px rgba(33, 37, 41, .06), 0 0 1px rgba(33, 37, 41, .08);
}

body {
    font-family: "Poppins", Sans-serif;
}
ul { list-style: none; }
.d-flex { display: flex;}
.d-grid { display: grid; display: -ms-grid; display: -moz-grid; }
.justify-content-center { justify-content: center; }
.justify-content-start { justify-content:flex-start; }
.justify-content-end { justify-content:flex-end; }
.justify-content-between { justify-content:space-between; }
.align-items-center { align-items: center; }
.align-items-start { align-items: start; }
.align-items-end { align-items: end; }
.align-items-strached { align-items: stretch; }
.field-inline-block { display: inline-block; }
table { width: 100%; }

svg { width: 30px; height:24px; }
.svg-inline--fa .fa-secondary { fill: #0092e1; opacity: 0.4; }
.svg-inline--fa .fa-primary { fill: #0092e1; opacity: 1; }

.page-template-order_form .elementor-location-header,
.page-template-order_form .elementor-location-footer { display:none; }

.header { background: #ffffff; box-shadow: 0 2px 2px rgba(33, 37, 41, .06), 0 0 1px rgba(33, 37, 41, .08); position: sticky; top: 0; z-index: 2; transition: all 0.5s ease; padding: 0px 30px 7px; left: 0; }

.form-sction { max-width: 1400px !important; width: 100%;  margin: 35px auto 80px;  margin-bottom: 98px; border-radius: 15px; padding:0px 20px; }
.Card { padding: 15px; background-color: #ffffff; border-radius: 6px; color: #000000; border: 1px solid #c4c4c4; box-shadow: var(--shadow-regular); min-height: 245px;}
.Card:hover { background: #ffcd0059; border: 1px solid #ffcd00;}
p.bottom-space {margin-top: 0px;}
.icons-detail {display: flex;justify-content: space-between;margin-bottom: 10px;}
.RadioDeluxe__head { display: flex; align-items: center; gap: 15px; padding-right: 40px; }
.RadioDeluxe__box { position: absolute; right: 0; top:0px; width: 28px; height: 28px; border-radius: 50%; border: 2px solid #c4c4c4; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #000000; margin-top: 1px;}
.check-box-Container { --gap-x: 30px; gap: 20px 30px; flex-flow: wrap; justify-content: space-between; align-items: stretch; --n: 3; grid-template-columns: repeat(2, 1fr); display: flex; }
.RadioDeluxe__container { position: relative;}
.icons-detail span {font-weight: 700;color: #000;}
.RadioDeluxe__head h2 { font-size: 17px; font-weight: 700; margin-bottom: 0px;}
.RadioDeluxe__box { border: 2px solid transparent; color: #0092e1; background: #4bb543b0; }

.radio-input input[type=radio] {display: none;}
.radio-input input[type=radio]+label span {display: inline-block;width: 24px;height: 24px;margin: -1px 4px 0 0;vertical-align: middle;cursor: pointer;border-radius: 50%;font-size: 20px;font-weight: 900;color: #0092e1 !important;}
.radio-input input[type=radio]+label span svg {opacity: 0;transition: all 0.3s ease;}
.radio-input input[type=radio]#color-1+label span {/*background-color: #4bb543b0;*/}
.radio-input svg { width: 28px; }
.radio-input input[type=radio]:checked+label span svg {opacity: 1;}
.step {display: none;}
.step.active {display: block;}
.RadioDeluxe__head ul { margin-top: 10px; margin-bottom: 10px;     margin-left: 0px;}
.group-two .check-box-Container { grid-template-columns: repeat(1, 1fr) !important; }
.cbr-four { font-size: 14px; margin-top: 5px; margin-bottom: 20px !important;}
.het-text { font-size: 12px; font-weight: 400; }

.checkout-one-button { display:block; width: 100%; padding: 15px; background-color: #cc0066; border: none; color:#fff; }
.group-five .checkout-step { grid-template-columns: repeat(2, 1fr); gap: 30px; }
.footer-content { max-width: 1200px; width: 100%; margin: 0 auto; }
footer.footer { position: fixed; bottom: 0; width: 100%; background: #ffffff; padding: 15px 30px; }

.lang-select{width: fit-content;margin-left: auto;}

.form-group { display: flex; gap: 7%; }
.form-group > div { width: 100%; }
input:not([type="checkbox"]), 
select,
textarea { width: 100%; padding: 8px; border: 1px solid #dddddd; border-radius: 4px; }
.form-control{ margin-bottom: 0px; }
input:focus, select:focus, textarea:focus { outline: .5px solid var(--primary-color); }
input.error, select.error, textarea.error{ outline: .5px solid red; }
.footer-content button { display: block; width: max-content; padding: 10px; color: #000000; background-color: var(--primary-color); border: none; border-radius: 4px; cursor: pointer; font-size: 16px; }
.footer-content button:hover { background-color: #e6b900; }
span#error,
span[id$="-error"] { font-size: x-small; color: red; margin-top: 2px; }
.group-two, .group-three { display: none; }
.arrows { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; color: var(--primary-color); font-size: 18px; font-weight: 900; }
#navLeft, #navRight{display: flex;align-items: center;gap: 10px;cursor: pointer;justify-content: space-between;     font-weight: 600;border: 0px solid #4bb543b0;}
#navRight {margin-left: auto;}
.nav-group{width: fit-content;}
.summary-section {display: flex;align-items: center;gap: 10px;}
.summary-section p:first-child {width: 30%;flex-shrink: 0;border-right: 1px solid var(--secondary-color);}
.summary-section p:nth-child(2) {width: 45%;flex-shrink: 0;padding-left: 10px;}
.edit-btn {width: 25%;margin-left: auto;background-color: transparent;color: var(--primary-color);border: .7px solid var(--primary-color);border-radius: 5px;padding: 5px;}
.edit-btn:hover {border: 2px solid var(--primary-color);font-weight: bolder;background-color: transparent;}
.radio-input label { min-width: 100%; position: relative; }
.ast-container { padding-left:0px; padding-right:0px; }
.ast-container form { width: 100%; background-color: #f7f7f7; 
/* 	background-image: url("https://tempotheorie.nl/wp-content/uploads/2025/08/background_tempotheorie.png");  background-position:center; background-repeat:no-repeat; background-size:cover;  */
	min-height: 100vh;}
.site-logo img {width: 100%;max-width: 100px;}
.form-progress.d-flex.justify-content-between.align-items-center {margin-top: 16px;padding-left: 21px;}
span.progress-text , #stepInfo {font-weight: 700;font-family: "Poppins", Sans-serif;}
.progress-container {background-color: #ffff0066; height: 9px; border-radius: 50px;margin-bottom: 20px;margin-left: 21px;margin-top: 10px;}
div#progress-bar {text-align: center; color: #fff; background-color: #FFC107;height: 100%;border-radius: 50px;}
.RadioDeluxe__head ul li {color: #333232;font-weight: 500;font-size: 15px;line-height: 20px; margin-bottom: 15px;display: flex;gap: 15px;}
#step-2 .RadioDeluxe__box {border: 2px solid transparent;color: #0092e1;background: transparent;border: 2px solid #595959;}
.step {background-color: #ffffff !important;padding: 30px;border-radius: 15px;}
.form-control {display: block;width: 100%;height: 100% !important;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: transparent !important;background-image: none;border: 0px solid #ccc !important;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s!important; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
input:not([type="checkbox"]), select, textarea { width: 100%; padding: 8px; border: 1px solid #dddddd; border-radius: 6px !important; }
.radio-input input[type=radio]:checked+label .RadioDeluxe__box {    border: 2px solid #ffcd00 !important; background: #ffcd00 !important; }
section#step-4 { background-color: transparent !important; }
.form-input-group label { margin-bottom: 0px; }
div#holiday_selection label { display: flex;gap: 10px; margin-bottom: 10px;flex-direction: row;justify-content: center;border: 1px solid #444343;padding: 10px;border-radius: 6px;
    position: relative;
    width: 30%;}
.form-input-group { display: flex; gap: 10px; margin-bottom: 10px; flex-direction: row-reverse; justify-content: flex-end; border: 1px solid #444343; padding: 10px; border-radius: 6px; position: relative; width: 30%;}
.inputs-parent { width: 100%; gap: 15px; grid-template-columns: 1fr 1fr; justify-content: space-between; display: flex; flex-wrap: wrap; }
.card_Feilds input { width: 5%; margin-top: -7px; }
.card_Feilds { display: flex; justify-content: flex-start; align-items: center; gap:10px;}
div#ideal-container { margin-top: 30px; }
.details p {font-weight: bold;color: black;margin-bottom: 10px;margin-top: 10px; text-transform: capitalize !important;}
#location-checkout span {    text-transform: capitalize;}
.icons-detail span img {margin-right: 7px;}
.icons-detail {display: flex;justify-content: space-between;margin-bottom: 10px;}
.SelectField-control { cursor: default !important; left: 0; margin: 0; position: absolute; top: 0; width: 100%; background-color: #ffffff;border: 1px solid #000;padding: 10px;}
.CardField-input-wrapper { left: 0; overflow: visible; position: relative; right: 0;transition: .4s cubic-bezier(.25,.46,.45,.94);transition-property: left, right;white-space: normal;width: 100%;}
div#ideal-bank-element { height: 40px; padding: 10px; border: 1px solid #3a3a3a; border-radius: 4px; margin-bottom: 30px; }
div#card-element { height: 40px; padding: 10px; border: 1px solid #3a3a3a; border-radius: 4px; margin-bottom: 30px; }
.cloumn-2 h2 { display: none; }
/*footer.footer {
    position: absolute;
    bottom: -70px;
    width: 100%;
    background: #ffffff;
    padding: 15px 30px;
    margin-top: 100px;
}*/

h3.price-rates { margin-bottom: 15px; }
.footer-content button { display: block; width: max-content; padding: 10px; color: #000000; background-color: var(--primary-color); border: none; border-radius: 4px; cursor: pointer; font-size: 16px; display: flex; align-items: center; gap: 10px; cursor: pointer; justify-content: space-between; font-weight: 600; border: 0px solid #4bb543b0; }
.parent_billing { display: flex; justify-content: space-between; align-items: center; flex-direction: column-reverse; }
.radio-input { position: relative; width: 31.33%; }
.dropdown-field1 { position: absolute; left: 0; top: 104%; padding: 20px; width: 100%; border: 1px solid #0c96e2; border-radius: 10px; background-color: #edfce5; z-index: 999; display: none; }
.dropdown-field1 ul { padding-left: 0px; margin: 0}
.dropdown-field1 ul li { font-weight: 400; }
.dropdown-field2 { position: absolute; left: 0; top: 104%; padding: 20px; width: 100%; border: 1px solid #0c96e2; border-radius: 10px; background-color: #edfce5; z-index: 999; display: none; }
.dropdown-field2 ul { padding-left: 0px; margin: 0 }
.dropdown-field2 ul li { font-weight: 400; }
.dropdown-field3 { position: absolute; left: 0; top: 104%; padding: 20px; width: 100%; border: 1px solid #0c96e2; border-radius: 10px; background-color: #edfce5; z-index: 999; display: none; }
.dropdown-field3 ul { padding-left: 0px; margin: 0 }
.dropdown-field3 ul li { font-weight: 400; }
.dropdown-field4 { position: absolute; left: 0; top: 104%; padding: 20px; width: 100%; border: 1px solid #0c96e2; border-radius: 10px; background-color: #edfce5; z-index: 999; display: none; }
.dropdown-field4 ul { padding-left: 0px; margin: 0 }
.dropdown-field4 ul li { font-weight: 400; }
.date-text {display: flex;margin-top: 0px;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.calender_content h3 {margin-bottom: 13px;font-size: 41px;}
.calender_content { width: 30% !important; }
.date-option-selector {display: flex;flex-wrap: wrap; gap:17px !important; width: 67% !important;padding-top: 0px; padding-bottom: 0px;}

.calender_input { width: 100%; }
.info_Site,
.total_price { width: 100%; }
section#step-5 { max-width: 500px; margin: 0 auto; width: 100%; }
.page-template-order_form .ast-container { max-width: 100% !important; }
.form-input-group input { outline: none; }
.page-template-order_form div#ht-ctc-chat { display:none !important; }
input[type=checkbox]::after { content:''; position:absolute; left:0px; top:0px;width:100%; height:100%; background-color:transparent; }
.inputs-parent input[type="checkbox"]:checked::after { background-color:transparent; }
label.form-input-group.active,
label.form-input-group:hover {     background: #ffcd0059;  border: 1px solid #ffcd00; }
.parent_billing .coupon_class button{ margin-top: 10px; }

/* Checkout Design 27-08-2025 */
.parent_billing { gap: 40px; }
.price-display { display: flex; align-content: center; align-items: center; justify-content: flex-end; gap: 10px; }
.price-display label { font-size: 15px; margin: 0; line-height: normal; }
.total-price-checkout span.badge-text { width: max-content; position: relative; display: block; text-align: right; font-size: 12px; background-color: #4275b5; border-radius: 100px; line-height: normal; padding: 5px 15px; color: #ffffff; }
.total-price-checkout .price-rates { text-align: right; display: flex; align-items: flex-end; flex-direction: column; align-content: center; justify-content: center; }
.pricing-panel { display: flex; justify-content: space-between; align-content: center; align-items: center; margin-bottom: 20px; border-radius: 6px; border: 1px solid rgb(0, 176, 255); background: rgb(228, 246, 255); padding: 24px 18px 18px; }
.icons-detail span img { width: 14px; }
.icons-detail span { font-weight: 400; font-size: 13px; line-height: normal; }
.icons-detail { margin-bottom: 4px; gap: 5px; }
.form-group.extra_fifth .form-control,
.form-group.extra_fifth2 .form-control { padding: 6px 0px; }
#triggersubmit { display: inline-block; font-weight: 600; font-size: 14px; line-height: 1.5em; border: none; outline: none; color: white; text-align: center; transition: background 0.2s, color 0.2s; text-decoration: none; padding: 1.22em 2.33em; background: rgb(0, 106, 255); border-radius: 5px; width: 100%; }
.review-image { max-width: 270px; width: 100%; margin: 0 auto; }
.google-rattings { text-align: center; position: relative;  top: -15px; }
.btns-mt-au { flex-wrap: nowrap; }


@media (max-width: 1098px) and (min-width: 768px){
    .radio-input { width: 47%; }
}

@media(max-width: 615px){
	.RadioDeluxe__head { padding-right: 10px; }
	.RadioDeluxe__box { position: inherit; right: inherit; top: inherit; }
	.RadioDeluxe__container { position: relative; display: flex; align-items: center; }
}
@media screen and (max-width: 600px) {
    .form-group { display: flex; flex-direction: column; }
    .inputs-parent {  width: 100%; }
    .date-text { flex-direction: column; }
    section#step-4 { padding: 0px; }
    .details p { margin-bottom: 5px; }
}
@media (max-width: 767px){
    .check-box-Container { flex-direction: column; }
    .radio-input { width: 100%; }  
    .RadioDeluxe__container { align-items: flex-start; } 
    .form-input-group { width: 100%; }
    .calender_content {  width: 100% !important;  }
    .date-option-selector {  width: 100% !important;  }
    #holiday_selection { flex-direction: column; }
    .form-input-group input { margin-left: 5px; }
    h3, .entry-content h3 {  font-size: 30px;  }
    .price-display label { font-size: 18px;}
    .pricing-panel {
    display: flex !important; flex-direction: column-reverse !important;}
    
    div#holiday_selection label { display: flex; gap: 10px; margin-bottom: 10px; flex-direction: row;  justify-content: center;  border: 1px solid #444343;  padding: 10px;   border-radius: 6px; position: relative;width: 100%;}

}
    

@media(max-width:992px){
    .check-box-Container { grid-template-columns: repeat(1, 1fr) !important; }
    .form-sction { padding: 80px 20px; padding-bottom: 160px; margin:0 !important; }
    .parent_billing { gap: 20px; }
    .info_Site, .total_price { width: 100%; }
    .RadioDeluxe__head h2 {font-size: 16px;font-weight: 700;margin-bottom: 0px;}
	.parent_billing { padding-bottom: 85px; position: relative; }
	.parent_billing .coupon_class { position: absolute; bottom: 0; width: 100%; }
	button#apply_coupon_button { max-width: 114px; width: 100%; font-size: 12px; }
	.pricing-panel { gap: 20px; }
	.btns-mt-au { flex-direction: row; }
	.btns-mt-au button { padding-left: 5px; padding-right: 5px; }
}