:root {
   --darker-blue: #00062f;
   --dark-blue: #040e56;
   --light-blue: #b9c2ff;
   --orange: #ff6400;
   --yellow: #fdd401;
   --green: #3FD526;
   --red: #EB2C4E;
   --gray: #dedede4d;
   --light-gray: #C9D8E2;
   --custom-black: #0A0D13;
   --dark-gray: #343434;
   --custom-gray: #F3F6F9;
   --custom-gray-2: #555555;
   --custom-gray-3: #FCFCFC;
   --custom-gray-4: #9EA0AE;
   --custom-gray-5: #D3DCE4;
   --bs-btn-disabled-bg: #ffb380;
   --bs-btn-disabled-color: #dedede4d;
}
.oswald-200, .oswald-300, .oswald-400, .oswald-500, .oswald-600, .oswald-700 {
   font-family: 'Manrope', sans-serif !important;
}

.manrope-400 { font-family: 'Manrope', sans-serif; font-weight: 400; }
.manrope-500 { font-family: 'Manrope', sans-serif; font-weight: 500; }
.manrope-600 { font-family: 'Manrope', sans-serif; font-weight: 600; }
.manrope-700 { font-family: 'Manrope', sans-serif; font-weight: 700; }
.manrope-800 { font-family: 'Manrope', sans-serif; font-weight: 800; }
.font-manrope { font-family: 'Manrope', sans-serif; }

.oswald-200 { font-weight: 200; }
.oswald-300 { font-weight: 300; }
.oswald-400 { font-weight: 400; }
.oswald-500 { font-weight: 500; }
.oswald-600 { font-weight: 600; }
.oswald-700 { font-weight: 700; }

.oswald-weight{
   font-weight: 800 !important;
}
.poppins-300 {
   font-family: "Poppins", serif;
   font-optical-sizing: auto;
   font-weight: 300;
   font-style: normal;
}
.poppins-400 {
   font-family: "Poppins", serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
}
.poppins-500 {
   font-family: "Poppins", serif;
   font-optical-sizing: auto;
   font-weight: 500;
   font-style: normal;
}
.poppins-600 {
   font-family: "Poppins", serif;
   font-optical-sizing: auto;
   font-weight: 600;
   font-style: normal;
}
@media screen and (max-width: 576px) {
   .text-sm-14 {
      font-size: 14px !important;
   }
   .text-sm-16 {
      font-size: 16px !important;
   }
   #menu-footer-menu-01 li,
   #menu-footer-menu-02 li {
      font-size: 14px;
   }
}
.text-12 {
   font-size: 12px;
}
.text-14 {
   font-size: 14px;
}
.text-15 {
   font-size: 15px;
}
.text-16 {
   font-size: 16px;
}
.text-18 {
   font-size: 18px;
}
.text-20 {
   font-size: 20px;
}
.text-22 {
   font-size: 22px;
}
.text-sm-22 {
   font-size: 22px;
}
.text-26 {
   font-size: 26px;
}
.text-32 {
   font-size: 32px;
}
.text-40 {
   font-size: 40px;
}
.text-42 {
   font-size: 42px;
}
.text-sm-42 {
   font-size: 42px;
}
.text-56 {
   font-size: 56px;
}
.text-64 {
   font-size: 64px;
}
.text-76 {
   font-size: 76px;
}
a {
   text-decoration: none;
}
.uppercase {
   text-transform: uppercase;
}
.text-sm {
   font-size: small;
}
.dark-blue {
   background-color: var(--dark-blue);
}
.text-dark-blue {
   color: var(--dark-blue) !important;
}
.darker-blue {
   background-color: var(--darker-blue);
}
.yellow {
   background-color: var(--yellow);
}
.text-light-gray {
   color: var(--light-gray);
}
.text-gray {
   color: var(--gray);
}
.bg-custom-gray-3 {
   background: var(--custom-gray-3);
}
.text-dark-gray {
   color: var(--dark-gray);
}
.text-custom-gray-2 {
   color: var(--custom-gray-2);
}
.text-custom-gray-4 {
   color: var(--custom-gray-4);
}
.border-b-custom-gray-5 {
   border-bottom: 1px solid var(--custom-gray-5);
}
.text-orange {
   color: var(--orange);
}
.border-light-gray {
   border-color: var(--light-gray) !important;
}
.border-bottom-light-gray {
   border-bottom: 1px solid #c9d8e29e !important;
}
.border-top-light-gray {
   border-top: 1px solid #c9d8e29e !important;
}
.text-white {
   color: #fff;
}
.text-custom-black {
   color: var(--custom-black);
}
.text-yellow {
   color: var(--yellow);
}
.btn-bg-opacity-10 {
   background-color: #ffffff22;
}
.site-branding .custom-logo {
   max-width: 278px;
}
.w-full {
   width: 100%;
}
.w-30 {
   width: 30%;
}
.w-lg-25 {
   width: 25%;
}
.w-lg-30 {
   width: 30%;
}
.w-70 {
   width: 70%;
}
.w-lg-70 {
   width: 70%;
}
.w-custom-70 {
   width: 70%;
}
.w-custom-30 {
   width: 30%;
}
.w-215 {
   width: 215px !important;
}
.pixel-w-10 {
   width: 10px;
}
.width-30 {
   width: 30px;
}
.width-219 {
   width: 219px;
}
.yellow-gradient {
   background: linear-gradient(90deg, #060C35 0%, rgba(253, 212, 1, 0) 100%);
}
.pixel-p-1 {
   padding: 1px;
}
.pixel-p-4 {
   padding: 4px;
}
.pixel-p-8 {
   padding: 8px;
}
.pixel-px-12 {
   padding: 12px;
}
.pixel-me-10 {
   margin-left: 15px;
}
.pixel-sm-p-30 {
   padding: 0;
}
.mt-minus-3-5 {
    margin-top: -3.5rem; 
}
.bg-orange {
   background-color: var(--orange);
}
.bg-green {
   background-color: var(--green);
}
.border-orange {
   border-color: var(--orange) !important;
}
.border-green {
   border-color: var(--green) !important;
}
.bg-dark-blue {
   background-color: var(--dark-blue);
}

.home-input{
   height: 82px;
}
.no-border-top {
   border-top: none;
}
.border-top-gray {
   border-top: 1px solid;
   border-color: var(--gray);
}
.light-blue {
   color: var(--light-blue) !important;
}
.link-hover:hover {
   color: var(--light-blue);
}
.link-hover-2:hover {
   color: white;
}
.underline {
   text-decoration: underline;
}
.list-style-none {
   list-style: none;
}
#menu-footer-menu-01,
#menu-footer-menu-02 {
   margin: 0;
   padding: 0;
   list-style: none;
   padding-top: 1.5rem;
}
.footer-description {
   padding-top: 1.5rem;
}
#menu-footer-menu-01 li a,
#menu-footer-menu-02 li a {
   color: white;
   margin-bottom: 0.5rem;
   font-family: 'Manrope', sans-serif;
   font-weight: 300;
   letter-spacing: 0.04em !important;
}
#menu-footer-menu-01 li,
#menu-footer-menu-02 li {
   margin-bottom: 0.5rem;
}
.sticky-summary {
   position: -webkit-sticky;
   position: sticky;
   top: 20px;
}
.box-shadow {
   box-shadow: 0px 0px 24px 0px #DFE5EE40;
}
.box-sm-shadow {
   box-shadow: 0px 0px 24px 0px #DFE5EE40;
}
.box-shadow-no-top {
   box-shadow: 0px 12px 24px -6px #DFE5EE40;
}
.box-shadow-no-bottom {
   box-shadow: 0px -12px 24px 0px #DFE5EE40, 0px 12px 24px 0px transparent;
}
#page {
   background: var(--custom-gray-3);
}
.page {
   margin-bottom: 0 !important;
}
.step-title-icon {
   margin-right: 8px;
   font-size: 1.2rem;
   color: var(--light-gray);
}
.step-back-icon {
   margin-right: 8px;
   font-size: 1.2rem;
   color: var(--light-gray);
}
.step-exclamation-icon {
   margin-left: 8px;
   font-size: 1.2rem;
   color: var(--light-gray);
}
.icon-cross {
   font-size: 0.8rem;
   color: var(--red);
}
.icon-tick {
   font-size: 0.8rem;
   color: var(--green);
}
.border-radius-1 {
   border-radius: 1px;
}
.border-custom-gray {
   border-color: var(--custom-gray) !important;
}
.border-custom-gray-2 {
   border-color: #ccc !important;
}
.h-46 {
   height: 46px;
}
.h-36 {
   height: 36px;
}
.h-14 {
   height: 14px;
}
.h-sm-80 {
   height: auto;
}
.location-and-quantity-form, .type-and-kind-form, .confirm-and-pay-form {
   padding-left: 32px;
}
.location-and-quantity-section::after, .type-and-kind-section::after {
   content: "";
   position: absolute;
   top: 1.4rem;
   margin-top: 28px;
   margin-left: 8px;
   height: calc(100% - 18px);
   z-index: 1;
   width: 2px;
   background-color: var(--light-gray);
}
.w-sm-163 {
   max-width: 163px;
}
.w-sm-precent-60 {
   width: 60%;
}
.max-w-162 {
   max-width: 162px;
}
.max-w-696 {
   max-width: 696px;
}
.border-2 {
   border: 2px solid;
}
.h-sm-72 {
   height: 72px;
}
.bg-orange-btn:hover {
   background: var(--orange);
   color: #fff;
}
.border-orange-btn:hover {
   color: var(--orange);
}
.text-sm-32 {
   font-size: 32px;
}
.text-sm-32-2 {
   font-size: 32px;
}
.text-sm-18 {
   font-size: 18px;
}
.text-sm-20 {
   font-size: 20px;
}
.text-sm-20-2 {
   font-size: 20px;
}
.text-sm-24 {
   font-size: 24px;
}
.text-sm-64 {
   font-size: 64px;
}
.text-sm-40 {
   font-size: 40px;
}
.box-sm-white {
   background: #ffffff;
}
.rating-width {
   width: 180px;
}
@media screen and (max-width: 576px) {
   .text-sm-32 {
      font-size: 20px;
   }
   .text-sm-32-2 {
      font-size: 18px;
   }
   .text-sm-18 {
      font-size: 14px;
   }
   .text-sm-20 {
      font-size: 22px;
   }
   .text-sm-20-2 {
      font-size: 15px;
   }
   .text-sm-64 {
      font-size: 24px;
   }
   .text-sm-42 {
      font-size: 24px;
   }
   .text-22 {
      font-size: 14px;
   }
   .text-sm-22 {
      font-size: 18px;
   }
   .text-26 {
      font-size: 18px;
   }
   .text-56 {
      font-size: 32px !important;
   }
   .text-sm-24 {
      font-size: 18px;
   }
   .text-sm-40 {
      font-size: 24px;
   }
   .text-42 {
      font-size: 32px;
   }
   .text-40 {
      font-size: 24px;
   }
   .text-76 {
      font-size: 42px !important;
   }
   .line-height{
      line-height: 26px !important;
   }
   .h-sm-72 {
      height: 66px;
   }
   .h-14 {
      height: 8px;
   }
   .h-sm-80 {
      height: 80px !important;
   }
   .pixel-sm-p-30 {
      padding: 30px;
   }
   .beton-star-icons {
      width: 20px !important;
      height: 20px !important;
   }
   .new-text-sm-22 {
      font-size: 14px !important;
   }
   .rating-width {
      width: auto;
   } 
   .home-input{
      height: 56px;
   }
   .image-post{
      height: 260px !important;
   }
   .location-and-quantity-section::after, .type-and-kind-section::after {
      display: none;
   }
   .box-shadow-no-bottom {
      box-shadow: none;
   }
   .location-and-quantity-form, .type-and-kind-form, .confirm-and-pay-form {
      padding-left: 0;
   }
   .w-precent-50 {
      width: 50% !important;
   }
   .box-sm-white {
      background: transparent;
   }
   .box-sm-shadow {
      box-shadow: none;
   }
   .select-pump-section, .execution-section {
      border: 0 !important;
    }
    .w-sm-163 {
      max-width: 116px;
    }
    .w-sm-precent-60 {
      width: auto;
   }
   .home-bg-image-h {
      height: 240px !important;
      background-position: center;
   }
   .page-template-place-order-form-php .text-16, .page-template-place-order-form-php .text-sm-18 {
      font-size: 20px;
   }
}
.location-and-quantity-section.inactive .step-title-icon, .type-and-kind-section.inactive .step-title-icon {
   color: var(--green) !important;
}
.pending.location-and-quantity-section.active .step-title-icon, .pending.type-and-kind-section.active .step-title-icon, .confirm-and-pay-section.active .step-title-icon {
   color: var(--yellow);
}
.filled.location-and-quantity-section.active .step-title-icon, .filled.type-and-kind-section.active .step-title-icon, .confirm-and-pay-section.active .step-title-icon {
   color: var(--green);
}
.location-and-quantity-section.inactive::after, .type-and-kind-section.inactive::after {
   background-color: var(--green) !important;
}
.pending.location-and-quantity-section.active::after, .pending.type-and-kind-section.active::after {
   background-color: var(--yellow) !important;
}
.filled.location-and-quantity-section.active::after, .filled.type-and-kind-section.active::after {
   background-color: var(--green) !important;
}
.type-and-kind-section.active .step-title, .type-and-kind-section.inactive .step-title, .confirm-and-pay-section.active .step-title, .confirm-and-pay-section.inactive .step-title  {
   color: var(--dark-blue) !important;
}
.form-check-input:checked {
   background-color: var(--orange);
   border-color: var(--orange);
} 
.form-check-input:focus {
   box-shadow: 0 0 0 0.25rem rgba(var(--orange-rgb, 255, 165, 0), 0.5); /* Replace with --orange's RGB equivalent */
}

@media screen and (min-width: 1400px) {
   .tilted-border:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 10px; 
      height: 150%;
      background-color: #ff6400; 
      transform: rotate(20deg); 
      transform-origin: top right; 
      z-index: 1; 
      display: block; 
   }
}

@media screen and (min-width: 576px) {
   .inactive .location-and-quantity-form{
      display: none;
   }
}

.light-blue-text{
   color: #B9C2FF;
}

.line-height{
   line-height: 38px;
}

.letterspace1{
   letter-spacing: 0.01em !important;
}

.letterspace4{
   letter-spacing: 0.04em !important;
}

.grey-text{
   color: #343434 !important;
}

.image-post{
   width: 450px !important;
   height: 400px;
}

.paragraph-ash{
   color: #393E50 !important;
}

.bg-step1{
   background-image: url('http://localhost/beton/wp-content/uploads/2024/11/4-Company-SK.png');
}

.bg-step2{
   background-image: url('http://localhost/beton/wp-content/uploads/2024/11/4-Company-SK-flip.png');
}


.custom-550-image{
   height: 550px;
   width: 100%;
   object-fit: cover;
}

.h-full{
   height: 100% !important;
}

.image-fluid{
   object-fit: cover;
}

.margin-right-left-auto{
   margin-right: auto !important;
   margin-left: auto !important;
}

@media screen and (max-width: 992px){
   .tilted-border:after {
      display: none;
   }
   .w-lg-30, .w-lg-70, .w-lg-25 {
      width: 100%;
   }
   .w-custom-70 {
      width: 80%;
   }
   .w-custom-30 {
      width: 20%;
   }
}

@media screen and (min-width: 991px){
   .beton-steps-content-right-wrapper {
      background-image: url('https://dayzsolutions.com/beton2025/wp-content/uploads/2024/12/4-Company-SK-withline-left.png');
      /* background-position: calc(100% + 200px) center; */
      background-position: calc(100% + 10px) center;
      background-repeat: no-repeat;
      background-size: contain;
   }
   .beton-steps-content-right-wrapper-2 {
      background-image: url('https://dayzsolutions.com/beton2025/wp-content/uploads/2024/12/4-Company-SK-withline-left.png');
      /* background-position: calc(100% + 330px) center; */
      background-position: calc(100% + 10px) center;
      background-repeat: no-repeat;
      background-size: contain;
   }
   .beton-steps-content-left-wrapper {
      background-image: url('https://dayzsolutions.com/beton2025/wp-content/uploads/2024/12/4-Company-SK-flip-withline-right.png');
      /* background-position: calc(0% - 200px) center; */
      background-position: calc(0% - 10px) center;
      background-repeat: no-repeat;
      background-size: contain;
   }
   .pixel-px-12 {
      padding-left: 0px;
      padding-right: 0px;
   }
}

@media screen and (max-width: 1520px){
   .beton-navbar-desktop {
      justify-content: flex-start !important;
   }
}

.beton-mobile-drawer ul.dropdown-menu.depth_0 {
    display: none !important;
}

.beton-mobile-drawer ul.dropdown-menu.depth_0.show {
    display: block !important;
}

.beton-mobile-drawer .navbar-nav .dropdown-menu {
   position: relative;
   width: 100%;
}

.beton-mobile-drawer .menu-item.menu-item-has-children {
   display: inline-block;
   width: 100%;
   position: relative;
}
.beton-mobile-drawer .nav-link.dropdown-toggle {
   border-bottom: 1px solid var(--custom-gray-5);
   padding-top: 24px;
   padding-bottom: 24px;
   font-size: 16px;
   font-family: 'Manrope', sans-serif;
   font-weight: 500;
   font-style: normal;
   color: var(--dark-blue);
}
.beton-arrow-menu-icon {
   position: absolute;
   top: 0;
   right: 0;
}
.beton-mobile-drawer ul.dropdown-menu .beton-arrow-menu-icon, .beton-mobile-drawer .dropdown-toggle::after, .beton-desktop-menu .beton-arrow-menu-icon{
   display: none;
}
.navbar-toggler {
   padding: 2px !important; 
   border-radius: 0; 
   border: none;
}
.beton-desktop-menu .nav-link.dropdown-toggle {
   color: #393E50 !important;
}

/*Page content styles -> start*/

#primary-menu .dropdown-menu {
	display: block;

}

.beton-contact-form-wrapper label{
	width: 100%;
}

.beton-contact-form-wrapper input{
	width: 100%;
}

.beton-contact-form-wrapper input[type="submit"], .direct-online-offerte-btn{ 
    box-sizing: border-box;
    overflow: visible;
    background: #e6e6e6;
    margin: 0;
    line-height: inherit;
    -webkit-appearance: button;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    flex: 0 0 auto;
    
    border-width: 2px!important;
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
    text-transform: uppercase!important;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
    border-radius: 0!important;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    background-color: var(--orange);
    border-color: var(--orange) !important;
    border: 2px solid;
    cursor: pointer;
}

.beton-contact-form-wrapper input[type="submit"] {
	width: 100%;
}

.page #primary .entry-content {
	font-family: "Poppins", serif;
}

.beton-page-content h2 {
	font-family: 'Manrope', sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 32px;
	margin-bottom: 24px;
	padding-top: 24px;
} 

@media screen and (max-width: 576px) { 
   .beton-page-content h2 {
      font-size: 24px;
      padding-top: 5px;
   }
}

.beton-page-content h4 {
	font-family: 'Manrope', sans-serif;
    font-optical-sizing: auto;
}  

.beton-page-content p{
	font-size: 18px;
   line-height: 38px;
}

.beton-page-content ul{
   font-size: 18px;
   line-height: 38px;
}

@media screen and (max-width: 992px) {
   .beton-page-content p{
	   font-size: 16px;
   }

   .beton-page-content ul{
      font-size: 16px;
      margin-left: 10px;

   }
}

.beton-page-content a:not(.direct-online-offerte-btn) {
	text-decoration: underline;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.beton-page-content .direct-online-offerte-btn {
	margin-top: 24px;
}

a:focus {
    outline: none;
}

/*Page content styles -> end*/

/* header menu styles */
ul.dropdown-menu.depth_0 {
   border-radius: 0px;
   border: 1px solid transparent;
}

ul.dropdown-menu.depth_0 .dropdown-item:active{
   background-color: #040E56;
}

/* Responsive styles -> start */
@media screen and (max-width: 384px) {
   .offcanvas{
      max-width: 95%;
   }
}
@media screen and (max-width: 768px) {
   .offcanvas{
      max-width: 95%;
   }

   .beton-footer-wrapper.container, .beton-page-content{
      padding-left: 30px;
      padding-right: 30px;
   }
}
/* Responsive styles -> end */

.letter-spacing-four{
   letter-spacing: 0.04em !important;
}

.btn-hover:hover{
   background-color: #040E56 !important;
}

.btn-hover-orange:hover{
   background-color: #FF6400 !important;
   border: 2px solid #FF6400; 
}
.step-title {
   cursor: pointer;
}
#order_review .product-name .variation {
   display: grid !important;
   grid-template-columns: repeat(2, 1fr);
}
#order_review .product-name .variation p{
   margin: auto;
}
#order_review .product-name .variation dd {
   padding: 0;
   margin: 0;
}

/* Thank you Page */
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
   /* padding: 0;
   margin: 0; */
   line-height: 30px;
}
ul.wc-item-meta {
   padding: 0;
   margin: 0;
   list-style: none;
}

ul.wc-item-meta p {
   margin: 0;
   padding: 0;
}

ul.wc-item-meta > li {
   display: flex;
   gap: 10px;
   align-items: center;
   font-size: 16px;
   line-height: 20px;
}
.font-oswald{
	font-family: 'Manrope', sans-serif;
    font-optical-sizing: auto;
}

#autocomplete-list {
    position: absolute;
    top: 100% !important;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.12);
    border: 1px solid #E5E7EB;
    z-index: 99999999;
    margin-top: 5px;
    padding: 8px 0;
    max-height: 280px;
    overflow-y: auto;
}

#autocomplete-list .dropdown-item {
    padding: 12px 20px;
    font-family: 'Manrope', sans-serif !important;
    font-size: 15px;
    font-weight: 600;
    color: #060C35;
    text-decoration: none;
    display: block;
    transition: all 0.2s ease;
    border: none;
    background: transparent;
}

#autocomplete-list .dropdown-item:hover {
    background-color: #F6F8FB;
    color: #1ACB23;
}

label[for=e_deliverydate] {
   margin-right: 15px;
}

#orddd_time_slot_field label {
   float: left;
   clear: both;
}

p#orddd-na-slots {
   clear: both;
}

div#orddd_list_view_select {
   clear: both;
}

.background-img-adjust {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

@media (min-width: 1490px) {
    .new-container-1400 {
        max-width: 1480px;
    }
}

.new-text-sm-22 {
   font-size: 22px;
}

.line-height-38{
   line-height: 38px;
}

@media screen and (min-width: 1024px){
   .padding-left-title{
      padding-left: 30px !important;
   }
   .padding7{
      padding-top: 7rem !important;
   }
}

.post-title-margin-tb{
   margin: 10px 0px 15px 0px !important;
}

.bg-offwhite{
   background-color: #FCFCFC;
}

.form-check-input:checked[type=radio] + label, .form-check-input:checked[type=checkbox] + label {
   color: #ff6400;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn{
   color: var(--orange) !important;
   cursor: not-allowed !important;
}

.offerte-in-pdf-btn:disabled {
   color: #fff !important;
   background-color: var(--green);
}

button#location-and-quantity-btn:hover {
   background-color: #FFF !important;
   border: 1px solid var(--orange) !important;
   color: var(--orange) !important;
}

button#pay-btn:hover {
   background-color: #FFF !important;
   border: 1px solid var(--green) !important;
   color: var(--green) !important;
}

button.submit-btn.btn.border-orange.h-46.uppercase.border.rounded-0.border-orange-btn.text-orange.oswald-600.text-16.px-4:hover {
   color: #FFF !important;
   background-color: var(--orange) !important;
}

/* Thank you page buttons */
.thankyou-page-btn1,
.thankyou-page-btn2 {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   text-align: center !important;
   min-height: 56px;
   padding: 14px 28px !important;
   font-family: 'Oswald', 'Manrope', sans-serif !important;
   font-size: 16px !important;
   font-weight: 700 !important;
   letter-spacing: 0.5px !important;
   text-transform: uppercase !important;
   border-radius: 8px !important;
   text-decoration: none !important;
   transition: all 0.2s ease !important;
   box-sizing: border-box;
   cursor: pointer;
   line-height: 1.3 !important;
}

.thankyou-page-btn1 {
   background-color: var(--orange) !important;
   border: 2px solid var(--orange) !important;
   color: #ffffff !important;
}

.thankyou-page-btn1:hover {
   background-color: #ffffff !important;
   border-color: var(--orange) !important;
   color: var(--orange) !important;
   transform: translateY(-2px);
   box-shadow: 0 4px 14px rgba(252, 160, 26, 0.25);
}

.thankyou-page-btn2 {
   background-color: #ffffff !important;
   border: 2px solid var(--orange) !important;
   color: var(--orange) !important;
}

.thankyou-page-btn2:hover {
   background-color: var(--orange) !important;
   border-color: var(--orange) !important;
   color: #ffffff !important;
   transform: translateY(-2px);
   box-shadow: 0 4px 14px rgba(252, 160, 26, 0.25);
}

@media (max-width: 576px) {
   .thankyou-page-btn1,
   .thankyou-page-btn2 {
      width: 100% !important;
      font-size: 15px !important;
      padding: 14px 20px !important;
      min-height: 52px;
   }
}
.woocommerce-checkout .beton-page-content p > label {
   clear: both;
   width: 100%;
}

span.woocommerce-input-wrapper, span.woocommerce-input-wrapper input {width: 100%;}

.navbar-toggler:focus {
	box-shadow: none !important;
}

.woocommerce-checkout-review-order-table ul#shipping_method {
   margin: 0;
   list-style: none;
   padding: 0;
   font-size: 16px;
   float: right;
}
.woocommerce-checkout-review-order-table .tax-rate {
   width: 100%;
}

.border-custom-gray.border.active {
   border-color: var(--orange) !important;
}
.inactive .step-title-block {
   padding: 0 !important;
}
.cursor-pointer {
   cursor: pointer;
}
.home-post-shadow {
   box-shadow: 0px 0px 30px 0px #BBC8DC2E;
}
.home-bg-image-h {
   height: 665px;
   background-repeat: no-repeat;
   background-size: cover;
}
.hover-white:hover {
   color: #fff;
}
.pointer-event-block {
   pointer-events: none;
}
.px-pixel-10 {
   padding-left: 10px !important;
   padding-right: 10px !important;
}

.beton-hero-google-ratings .ti-widget-container {
   margin-bottom: 0;
}

.beton-hero-google-ratings .ti-widget.ti-goog .ti-header {
   padding: 0 !important;
   background-color: transparent !important;
   float: left;
}

.beton-hero-google-ratings .ti-top-rated-title, .beton-hero-google-ratings .ti-widget.ti-goog .ti-verified-by {
   display: none !important;
}

.beton-hero-google-ratings .ti-widget.ti-goog .ti-stars .ti-star {
   width: 30px !important;
   height: 30px !important;
}

.beton-hero-google-ratings .ti-widget.ti-goog .ti-platform-icon {
   width: 30px !important;
   height: 30px !important;
}

.beton-hero-google-ratings .ti-widget.ti-goog .ti-profile-details .ti-rating, .beton-hero-google-ratings .ti-widget.ti-goog .ti-header span strong{
   font-size: 22px !important;
   font-family: "Oswald", serif !important;
   font-weight: 600;
   color: #fff !important;
}

.beton-hero-google-ratings {
   padding-left: 30px !important;
}

@media screen and (max-width: 1024px) {
   .beton-hero-google-ratings {
      padding-left: 0 !important;
   }
   .beton-hero-google-ratings .ti-widget.ti-goog .ti-stars .ti-star {
      width: 26px !important;
      height: 26px !important;
   }
   .beton-hero-google-ratings .ti-widget.ti-goog .ti-platform-icon {
      width: 26px !important;
      height: 26px !important;
   }
   .text-76 {
      font-size: 52px;
   }
   .text-56 {
      font-size: 42px;
   }
}

p#e_deliverydate_field {
   margin-bottom: 2rem;
}

.display-show-calendar{
   display: block !important;
   opacity: 1;
}

.display-hide-calendar{
   display: none !important;
   transition: opacity 3s ease-in;
   opacity: 0;
}

.beton-hero-google-ratings .ti-platform-icon {
   position: relative !important;
}

.beton-hero-google-ratings .ti-profile-details {
   align-items: center !important; 
}

.custom-select-box {
   padding-left: 10px !important;
   padding-right: 30px !important;
   min-width: 152px;
}

.custom-select-box:focus {
   box-shadow: 0 0 0 .25rem rgba(63, 213, 38, 0.25);
}

.release-method-pump-wrapper .pump-wrap.active {
   border-color: var(--orange) !important;
}

.blink-shadow {
  animation-name: blinking;
  animation-duration: 1s;
  animation-iteration-count: 100;
}
@keyframes blinking {
  50% {
    box-shadow: 0 0 0 .25rem rgb(255 1 23 / 44%);
  }
}

.release-method-section-2-wrapper.pre-selected {
   display: none !important;
}

@media screen and (min-width: 576px) {
   .confirm-and-pay-section-title:after {
      background-color: var(--yellow) !important;
      content: "";
      position: absolute;
      top: -40px;
      margin-top: 28px;
      margin-left: 8px;
      height: calc(100% - 18px);
      z-index: 1;
      width: 2px;
   }

   form.checkout.woocommerce-checkout.row.pl-5 {
      padding-left: 30px;
      padding-top: 30px;
   }
}



h2#order_review_heading {
   display: none;
}

.location-and-quantity-section2::after, .type-and-kind-section2::after {
    content: "";
    position: absolute;
    top: 1.4rem;
    margin-top: 28px;
    margin-left: 8px;
    height: calc(100% - 18px);
    z-index: 1;
    width: 2px;
   background-color: var(--green) !important;
}

.woocommerce-checkout .step-title-icon {
   color: var(--green) !important;
}

.woocommerce-checkout .confirm-and-pay-section .step-title-icon {
   color: var(--yellow) !important;
}
.summary-content.loading {
   position: relative;
}
.summary-content.loading:before {
   content: " ";
   position: absolute;
   left: 0;
   top: 0;
   background-color: #ffffffd4;
   height: 100%;
   width: 100%;
}
.pump-wrap.show-pump-distance > .px-sm-3.p-0.d-flex {
   display: none !important;
}

.pump-wrap.show-pump-distance > hr.text-light-gray.mt-3 {
   display: none;
}

.pump-wrap.show-pump-distance .form-check {
   display: none;
}

.pompafstand-section.all-in-one-selected {
   width: 100%;
}

.pompafstand-section.all-in-one-selected select[name="mini_pumping_distance"]{
   width: 30%;
}
.pump-wrap.show-pump-distance {
   border: 0;
}

.pump-wrap.show-pump-distance label {
   display: none !important;
}

.pump-wrap.show-pump-distance > div {
   margin: 0 !important;
}
a.beton-popover.text-success {
   color: #3fd526 !important;
}
.beton-price-zero-entry {
   display: none;
}
.beton-hero-google-ratings .ti-widget.ti-goog>.ti-widget-container>.ti-header {
   backdrop-filter: none;
}
.beton-hero-google-ratings .ti-widget.ti-goog {
   width: auto;
}
.beton-hero-google-ratings .ti-widget.ti-goog .ti-header .ti-fade-container:nth-child(1) {
   align-items: center;
}
.ti-fade-container .ti-mob-row:nth-child(2) {
   height: 15px;
}
.review-section button#place_order {
    display: none;
    margin-top: 20px;
}

@media screen and (max-width: 578px) {
   .review-section button#place_order {
      margin-top: 0;
      display: block;
   }
}

.beton-hero-section {
   height: 62vh;
}

@media (min-width: 700px) and (max-width: 1025px) {
   .beton-hero-section {
      height: 50vh;
   }
}

@media screen and (max-width: 699px) {
   .beton-hero-section {
      height: 48vh;
   }
}

.offerte-in-pdf-btn.selected {
   border-color: var(--green) !important;
   background-color: var(--green) !important;
   color: #fff !important;
}

.offerte-in-pdf-btn.selected:hover {
    background-color: #FFF !important;
    border: 1px solid var(--green) !important;
    color: var(--green) !important;
}

span.dayz-loader {
   border: 3px solid #ffffff; /* Light gray */
   border-top: 3px solid #3ed526; /* Blue */
   border-radius: 50%;
   width: 20px !important;
   height: 20px !important;
   display: flex;
   animation: spin 1s linear infinite;
   margin: auto;
   margin-left: 6px;
}

.grw-review-inner svg:hover {
   cursor: pointer;
}

.dayz-date-mapper-date-picker.invalid {
   box-shadow: inset 0 0 0 2px #e2401c, 0 0 0px 1000px #ffc4b8 inset !important;
}

.dayz-date-mapper-date-picker.valid {
   background: #e5ffe0 !important;
   box-shadow: inset 0 0 0 2px #3fd526 !important;
}

.beton-footer-section-contact {
    background: url('https://www.betonstorten.nl/wp-content/uploads/2025/06/phone.png');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: bottom right -100px;
    background-color: rgb(17 17 17);
}

.footer-section {
   padding: 20px;
}