.elementor-kit-12{--e-global-color-primary:#00646E;--e-global-color-secondary:#00646E;--e-global-color-text:#00646E;--e-global-color-accent:#00646E;--e-global-color-2bfd837:#E9B321;--e-global-color-66b2a44:#4FA4B0;--e-global-color-fc22a41:#CECECE;--e-global-color-25a8985:#F5F5F5;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#000000;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;line-height:28px;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:var( --e-global-color-2bfd837 );font-size:14px;font-weight:400;text-decoration:none;color:#FFFFFF;border-radius:8px 8px 8px 8px;padding:16px 20px 16px 20px;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{color:var( --e-global-color-accent );text-decoration:underline;}.elementor-kit-12 a:hover{color:var( --e-global-color-accent );}.elementor-kit-12 h1{color:var( --e-global-color-primary );font-family:"AmpleAlt", Sans-serif;font-size:60px;font-weight:bold;line-height:1.2em;}.elementor-kit-12 h2{color:var( --e-global-color-primary );font-family:"AmpleAlt", Sans-serif;font-size:60px;font-weight:bold;line-height:1.1em;}.elementor-kit-12 h3{color:var( --e-global-color-primary );font-family:"AmpleAlt", Sans-serif;font-size:62px;font-weight:bold;line-height:61px;}.elementor-kit-12 h4{color:var( --e-global-color-primary );font-family:"AmpleAlt", Sans-serif;font-size:24px;font-weight:bold;line-height:1.4em;}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{color:#FFFFFF;}.elementor-kit-12 img{border-radius:15px 15px 15px 15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0em;--container-default-padding-right:0em;--container-default-padding-bottom:0em;--container-default-padding-left:0em;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:991px){.elementor-kit-12{font-size:19px;}.elementor-kit-12 h1{font-size:96px;line-height:74px;}.elementor-kit-12 h2{font-size:48px;line-height:48px;}.elementor-kit-12 h3{font-size:60px;}.elementor-kit-12 h4{font-size:40px;line-height:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{font-size:18px;}.elementor-kit-12 h1{font-size:60px;line-height:60px;}.elementor-kit-12 h2{font-size:38px;line-height:44px;}.elementor-kit-12 h3{font-size:48px;line-height:56px;}.elementor-kit-12 h4{font-size:30px;line-height:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Animatie & zichtbaarheid – JetTabs Classic Accordion */
.jet-accordion .jet-accordion__content,
.jet-accordion .jet-accordion__inner-content {
  overflow: hidden;
  transition: max-height 220ms ease, opacity 180ms ease;
  will-change: max-height, opacity;
}

/* Dicht */
.jet-accordion .jet-accordion__item:not(.active) .jet-accordion__content,
.jet-accordion .jet-accordion__item[aria-expanded="false"] .jet-accordion__content {
  max-height: 0 !important;
  opacity: 0.01;
  visibility: hidden;
}

/* Open */
.jet-accordion .jet-accordion__item.active .jet-accordion__content,
.jet-accordion .jet-accordion__item[aria-expanded="true"] .jet-accordion__content {
  max-height: 9999px !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Extra: voorkom dat kolom/typografie-stijlen onzichtbaarheid veroorzaken */
.jet-accordion .jet-accordion__content * {
  color: inherit;
}

/*========= POSITIONS ========*/
.position-title div {
    font-family: 'AmpleAlt', sans-serif;
    font-weight: bold;
    color: white;
    font-size: 45px;
    line-height: 51px;
}


.position-title-listing div {
    font-family: 'AmpleAlt', sans-serif!important;
    font-weight: bold;
    color: var( --e-global-color-primary )!important;
    font-size: 23px;
    line-height: 29px;
}


.position-description li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}


/*========= POSITIONS EIND ========*/
.post-type-archive-faq li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-pl, .post-type-archive-faq li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-ro {
    display: none!important;
}

.number-of-transport {
    margin-top: 20px;
}

 .average-lead-time {
    margin-top: 16px;
    margin-bottom: 16px!important;
}

.trustpilot-review {
    margin-top: 16px;
    margin-bottom: 16px!important;
    
}

.number-of-routes {
        margin-top: -20px!important;
}

.aiosrs-rating-wrap {
    display: none!important;
}

.jet-listing-dynamic-link__link {
    justify-content: flex-start!important;
}

.customer-slider .jet-listing-grid__item {
    display: flex!important;
    align-items: center;
}

.customer-slider img {
    border-radius: 0px!important;
}

/*===== CALCULATOR START ======*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

.tw-widget-container:has(#tw-widget-page-one) {
    width: 100%!important;
}
 
.tw-widget-body-part {
    width: 260px!important;
}   
    
.tw-widget-flex-container-sa {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap!important;
} 

.herobanner .white-arrow {
    display: none!important;
}

}


@media (max-width: 767px){
.landingpage-cta {
    background: var( --e-global-color-primary )!important
}}

@media (max-width: 991px){
    .landingpage-cta .white-arrow {
    display: none!important;
}
}

.home-widget-container-wrapper {
    padding-bottom: 0!important;
}

.tw-widget-body {
    margin-bottom: 0!important;
}

.tw-widget-body h2 {
    color: var(--e-global-color-primary) !important;
    font-weight: 600!important;
    font-size: 39px!important;
    line-height: 39px!important;
}

p.tw-widget-checkmark-note.font-plain {
    background: var(--wpr-bg-9a06c26a-8045-4802-9682-f04688d15c71);
    background-repeat: no-repeat;
    padding-left: 22px !important;
    padding: 0px;
    background-position-y: 2px;
    margin-bottom: 4px !important;
}

p.tw-widget-checkmark-note.font-plain {
    padding-top: 0px !important;
}

button.selected-body-type {
    background: var( --e-global-color-primary )!important;
}

button.selected-body-type p {
    color: white !important;
}

#tw-widget-container .tw-widget-body-part-item p.font-plain {
    color: var(--e-global-color-primary);
}

div#tw-widget-select-vehicle-type-part-item li {
    margin-left: 0 !important;
}

div#tw-widget-select-vehicle-type-part-item button {
    background: white;
}

.tw-widget-input {
    color: #00646E!important;
    max-width: 320px!important;
    height: 50px!important;
    border-radius: 7px!important;
    padding: 4px!important;
    margin-top: 15px!important;
    font-family: Inter!important;
    font-weight: 400!important;
    font-size: 18px!important;
    line-height: 28px!important;
    border: 1px solid #CCDEDF!important;
    padding: 10px!important;
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {.tw-widget-flex-container-sa.tw-widget-vehicles-block-body {
    display: flex
;
    flex-direction: column;
    gap: 32px;
}

#tw-widget-page-two .tw-widget-body-part {
    width: 100% !important;
    max-width: 85% !important;
}

p.tw-widget-checkmark-note.font-plain {
    display: none;
}

.tw-widget-vehicles-block {
    margin-left: 0px !important;
}

.bordered-right {
    border: 0px!important;
}

.tw-widget-vehicles-block {
    width: 100% !important;
    margin-right: 30px !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.tw-widget-page-two-main-block {
    margin-left: 30px;
}


div#tw-widget-non-logged-in-block, #tw-widget-page-two .tw-widget-btn-calculate, #tw-widget-page-two .tw-widget-btn-calculate, #tw-widget-calculation-button-bottom-text {
    margin-left: 0px !important;
}

}


/*===== CALCULATOR END  ======*/



.white-logo {
    display: none!important
}

.jet-listing-not-found.jet-listing-grid__items {
    display: none;
}

.customer-slider .jet-listing.jet-listing-dynamic-image {
    max-width: 260px;
}

@media (min-width: 768px){
.customer-slider .jet-listing-grid__items {
   justify-content: flex-start!important;
}}

body[data-elementor-device-mode=desktop] .jet-listing-grid__scroll-slider-desktop {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-bottom: 30px;
}

@media (max-width: 767px){
    .register-cta-container {
        padding: 0px!important;
    }
}

@media (max-width: 991px){
    .content-landingspage img {
        border-radius: 15px 15px 0px 0px;
    }
    
.content-landingspage .content-block  {
        border-radius: 0px 0px 15px 15px;
    }
}

@media (max-width: 767px){
    .content-block {
        padding: 32px;
    }
    

    
.trustpilot {
    margin-top: 40px;
    margin-bottom: 40px;
}    
    
}

/*===== SUPER FORMS ======*/


.super-field > .super-error-msg, .super-field > .super-empty-error-msg {
    float: left!important;
}

.super-label {
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: var( --e-global-color-66b2a44 )!important;
}

.super-field {
    margin: 0px 0px 20px 0px!important;
}

.super-form.super-field-size-large .super-checkbox .super-item .super-before, .super-form.super-field-size-large .super-radio .super-item .super-before {
    width: 18px!important;
    height: 18px!important;
}

.super-active .super-after:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    color: #fff !important;
    display: flex !important
;
    align-items: flex-end !important;
    justify-content: center;
    align-content: center;
    padding-top: 2px !important;
    font-size: 12px!important;
}

 .super-radio .super-before .super-after,  .super-checkbox .super-before .super-after {
    background-color: var(--e-global-color-primary) !important;
}

 .super-radio .super-item,  .super-checkbox .super-item {
    color: var(--e-global-color-primary) !important;
    font-size: 14px !important;
}

.super-radio .super-before, .super-checkbox .super-before {
    border: 1px solid var(--e-global-color-primary) !important;
    border-radius: 3px !important;
    margin-right: 12px !important;
}

.super-form .super-checkbox .super-item .super-after {
    width: 18px !important;
    height: 18px !important;
    padding-top: 1px !important;
    border-radius: 3px!important
}

.super-button-wrap.no_link {
    background-color: var(--e-global-color-primary) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    color: #FFFFFF !important;
    border-radius: 8px 8px 8px 8px !important;
    padding: 16px !important;
    min-height: 45px !important;
    font-family: 'Inter' !important;
    background-image: var(--wpr-bg-4b488884-1008-4db1-95c7-4da709156132);
    background-repeat: no-repeat;
    background-position: 85%;
    padding-right: 37px !important;
}

.super-form.super-default-rounded .super-shortcode-field, .super-form.super-default-rounded .super-dropdown-list, .super-form.super-default-rounded .super-toggle-switch, .super-form.super-default-rounded .super-icon, .super-form.super-default-rounded .sp-replacer.super-forms, .super-form.super-default-rounded .super-fileupload-button, .super-form.super-default-rounded .super-signature-canvas, .super-form.super-default-rounded .super-button-wrap, .super-form.super-default-rounded .super-multipart-progress, .super-form.super-default-rounded .super-multipart-progress-inner, .super-form.super-default-rounded .super-multipart-step, .super-form.super-default-rounded .super-color .sp-preview, .super-form.super-default-rounded .super-color .sp-preview-inner, .super-focus:not(.super-rating) .super-shortcode-field, .super-focus:not(.super-rating) .super-autosuggest-tags, .super-focus:not(.super-rating) .super-keyword-filter, .super-focus:not(.super-rating) .super-fileupload-button, .super-focus:not(.super-rating) .super-dropdown-list, .super-focus:not(.super-rating) .super-int-phone_country-list, .super-focus:not(.super-rating) .sp-replacer, .super-focus:not(.super-rating) .super-autosuggest-tags > div {
    border: 1px solid #00586138 !important;
    border-radius: 5px !important;
    font-family: 'Inter' !important;
    font-size: 16px;
    color: var( --e-global-color-primary )!important;
}

li.super-item.super-placeholder {
    font-size: 18px;
}


 .super-dropdown-list .super-item:not(.super-placeholder):hover,  .super-dropdown-list .super-item:not(.super-placeholder).super-active,  .super-dropdown-list .super-item:not(.super-placeholder).super-focus {
    background-color: #035861!important;
    font-size: 15px!important;
    color: #ffffff!important;
}

li.super-item {
    font-size: 15px !important;
}

/*===== SUPER FORMS EIND ======*/

h1.entry-title {
    display: none!important;
}

.otgs-development-site-front-end {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.faq-section .jet-toggle__label-text {
    font-size: 21px !important;
   
}
    
.jet-toggle__content-inner {
    padding: 0px!important;
    font-size: 15px;
    line-height:22px;
}

}

.faq-section .jet-toggle__icon {
    background: transparent;
    width: 32px;
    height: 32px;
    font-size: 32px;
    position: absolute;
    right: 0px;
    top: 13px;
}

 .jet-accordion__item.jet-toggle.jet-toggle-move-up-effect {
    background-image: var(--wpr-bg-f56fc012-c564-43e2-bf4a-88f5c912fd61);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position-x: 100%;
    background-position-y: 15px;
    padding-right: 20px!important;
}

.jet-accordion__item.jet-toggle.jet-toggle-move-up-effect.active-toggle {
     background-image: var(--wpr-bg-db39be1b-7760-43dd-ae39-1f960f79087c);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position-x: 100%;
    background-position-y: 15px;
    padding-right: 20px!important;
}

@media (max-width: 767px){
 .jet-accordion__item.jet-toggle.jet-toggle-move-up-effect, .jet-accordion__item.jet-toggle.jet-toggle-move-up-effect.active-toggle {
     background-size: 20px!important;
     padding-right : 30px!important;
    background-position-y: 4px;
 }
 
 .jet-toggle__control {
     padding: 0px!important;
 }
 
.jet-accordion__inner > .jet-toggle > .jet-toggle__control {
    justify-content: start!important;
} 
 
 .faq-section .jet-toggle__label-text {
    font-size: 17px !important;
    color: var( --e-global-color-primary )!important;
    text-align: left!important;
}

.faq-container {
    padding: 0px!important;
}

.faq-inner-container {
    border-radius: 0px!important;
}
}
@media (min-width: 992px){
.quote-background {
    margin-left: 240px;
    margin-bottom: -80px;
}}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .quote-background {
    margin-left: 140px;
    margin-bottom: -60px;
}}

@media (max-width: 767px){
.quote-background {
    margin-left: 0px;
    margin-bottom: -60px;
}}

.grecaptcha-badge {
    opacity: 0!important;
}

.faq-section .jet-toggle__content-inner {
    text-align: center;
}


li {
    margin-left: -20px;
}

a {
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
    text-decoration-thickness: inherit;

}

.witte-link a {
    color: white!important;
}

@media (max-width: 767px){
.elementor-button {
    width: 100%;
}

.elementor-button-wrapper {
    --align-self: stretch;
    width: 100%;
}

.elementor-widget-button {
    --align-self: stretch !important;
    width: 100%;
}}

.secundary-button .elementor-button {
    background-color: var(--e-global-color-25a8985) !important;
    fill: var(--e-global-color-primary);
    color: var(--e-global-color-primary);
}

.petrol .elementor-button {
    background-color: var( --e-global-color-primary ) !important;
    fill: var( --e-global-color-primary );
    color: white;
}

.petrol-outline .elementor-button {
    border: 1px solid var( --e-global-color-primary ) !important;
    color: var( --e-global-color-primary );
    fill: var( --e-global-color-primary );
    background: transparent;
}

.petrol-outline .elementor-button:hover {
    border: 1px solid var( --e-global-color-primary ) !important;
    color: var( --e-global-color-primary );
    fill: var( --e-global-color-primary );
    background: transparent;
}

.white .elementor-button {
    background-color: white !important;
    fill: var( --e-global-color-primary )!important;
    color: var( --e-global-color-primary )!important;
}


@media (min-width: 768px){
.sectie {
    padding: 0 32px;
}}

@media (max-width: 767px){
.sectie {
    padding: 0 20px;
 
}}

.elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    font-size: inherit;
}

@media (max-width: 767px){
.geen-absolute-mobiel {
    position: unset!important;
}}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-colored .image img {
    border-radius: 15px 15px 0px 0px;
    height: 560px!important;
    object-fit: cover!important;
}

.image-colored .colored {
    border-radius: 0px 0px 15px 15px;
    padding: 148px 64px 64px 64px!important;
}}

@media (max-width: 767px){
.image-colored .image img {
    border-radius: 15px 15px 0px 0px;
    height: 300px!important;
    object-fit: cover!important;
}

.image-colored .colored {
    border-radius: 0px 0px 15px 15px; 
    padding: 112px 32px 48px 32px;
}

.content-block .content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.content-block .white-arrow-right-big {
    display: none;
}}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .content-block .content {
        padding: 0px!important;
    }
}

.image-white .colored {
background: white!important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .image-white .image img {
    border-radius: 15px 15px 0px 0px;
    height: 560px!important;
    object-fit: cover!important;
}

.image-white .colored {
    border-radius: 0px 0px 15px 15px;
    padding: 148px 64px 64px 64px!important;
   
}}

@media (max-width: 767px){
.image-white .image img {
    border-radius: 15px 15px 0px 0px;
    height: 300px!important;
    object-fit: cover!important;
}

.image-white .colored {
    border-radius: 0px 0px 15px 15px; 
    padding: 112px 32px 48px 32px;
}}

/*====== HEROBANNER ========= */
@media (min-width: 768px){.herobanner::before {
    background-color: transparent;
    --background-overlay: '';
    background-image: linear-gradient(90deg, var(--e-global-color-primary) 37%, #00646E00 63%);
}}

@media (max-width: 767px) {
    .herobanner::before {
        background-color: transparent;
        --background-overlay: '';
        background-image: linear-gradient(0deg, var(--e-global-color-primary) 60%, #00646E00 87%);
    }
    
    
    
}

@media (min-width: 768px){
.herobanner {
    overflow: hidden;
    padding: 0px 20px;
}}

@media (max-width: 767px){.herobanner {
    overflow: hidden;
}}

@media (max-width: 767px){
.herobanner .white-arrow {
    display: none!important
}

.herobanner .ocher-arrow{
    display: none!important
}

.herobanner .contentblock {
    background: var( --e-global-color-primary );
    padding: 0px 20px 32px 20px;
}
    
 .herobanner h1 { 
    font-size: 47px!important;
 line-height: 44px!important;   
}    
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .herobanner h1 { 
    font-size: 74px!important;
 line-height: 66px!important;   
}
}


/*====== ARROWS ========= */

.white-arrow {
    position: absolute;
    right: -60px;
    width: 260px!important;
    bottom: 60px;
}

@media (min-width: 992px){
.white-arrow-top {
     position: absolute;
    rotate: 270deg;
    width: 240px!important;
    top: -180px;
    left: 30%;
}}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.white-arrow-top {
     position: absolute;
    rotate: 270deg;
    width: 210px!important;
    top: -180px;
    left: 33%;
}}



@media (max-width: 767px){
.white-arrow-top {
     position: absolute;
    rotate: 270deg;
    width: 140px!important;
    top: -120px;
    left: 26%;
}}

@media (min-width: 992px){
.petrol-arrow-top {
     position: absolute;
    rotate: 270deg;
    width: 240px!important;
    top: -180px;
    left: 30%;
}}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.petrol-arrow-top {
     position: absolute;
    rotate: 270deg;
    width: 210px!important;
    top: -180px;
    left: 33%;
}}



@media (max-width: 767px){
.white-arrow-top {
     position: absolute;
    rotate: 270deg;
    width: 140px!important;
    top: -120px;
    left: 26%;
}}

.white-arrow-bottom {
     position: absolute;
    rotate: 90deg;
    width: 280px!important;
    bottom: -180px;
    right: 0;
}

.white-arrow-right{
     position: absolute;
    rotate: 0deg;
    width: 280px!important;
    bottom: -65px;
    right: -120px;
}

.white-arrow-right-big {
     position: absolute;
    rotate: 0deg;
    width: 380px!important;
    right: -120px;
}


.ocher-arrow {
    width: 380px!important;
    position: absolute;
    bottom: -60px;
    right: 0px;
}
@media (min-width: 768px){
.ocher-arrow-right {
    width: 380px!important;
    position: absolute;
    top: 60px;
    right: -155px;
    rotate: 270deg;
}}

@media (max-width: 767px){.ocher-arrow-right {
    width: 240px!important;
    position: absolute;
    top: 60px;
    right: -125px;
    rotate: 270deg;
}}


.ocher-arrow-left {
    width: 300px!important;
    position: absolute;
    top: 30%;
    left: -130px;
    rotate: 90deg;
}



/*====== ARROWS EIND ========= */


/*======== LABELS ==========*/

@media (max-width: 767px){
.ocher-label .elementor-heading-title {
    color: var(--e-global-color-2bfd837);
    border: 1px solid var(--e-global-color-2bfd837);
    display: inline-block;
    font-size: 14px;
    padding: 10px 16px;
    border-radius: 100px;
}}

@media (min-width: 768px){
    .ocher-label .elementor-heading-title {
    color: var(--e-global-color-2bfd837);
    border: 1px solid var(--e-global-color-2bfd837);
    display: inline-block;
    font-size: 16px;
    padding: 10px 16px;
    border-radius: 100px;
}}


.petrol-label .elementor-heading-title {
    color: var( --e-global-color-primary );
    border: 1px solid var( --e-global-color-primary );
    display: inline-block;
    font-size: 16px;
    padding: 10px 16px;
    border-radius: 100px;
}


.white-label .elementor-heading-title {
    color: var( --e-global-color-primary );
    background: white;
    border: 0px;
    display: inline-block;
    font-size: 16px;
    padding: 10px 16px;
    border-radius: 100px;
}

.white-outline-label .elementor-heading-title {
    color: white;
    background: transparent;
    border: 1px solid white;
    display: inline-block;
    font-size: 16px;
    padding: 10px 16px;
    border-radius: 100px;
}




.ocher-text {
    color: var(--e-global-color-2bfd837);
}


/*======== LABELS EIND ==========*/



/*====== HEROBANNER EIND ========= */


/*======== BARS ==========*/
@media (min-width: 768px){
.petrol-bar-inner {
    padding: 32px 48px 64px 48px;
}


 .blue-bar-inner {
   width: 90%;
   padding:  32px 48px 64px 48px;
}

.blue-bar {
    margin-top: -32px!important;
}

 .ocher-bar-inner {
   width: 85%;
   padding:  48px 48px 48px 48px;
}

.ocher-bar {
    margin-top: -32px!important;
}}

@media (max-width: 767px){
    .petrol-bar-inner {
    padding: 20px 20px 64px 20px;
}


 .blue-bar-inner {
   width: 95%;
   padding:  20px 20px 64px 20px;
}

.blue-bar {
    margin-top: -32px!important;
}

 .ocher-bar-inner {
   width: 90%;
   padding:  20px 20px 20px 20px;
}

.ocher-bar {
    margin-top: -32px!important;
}}


/*======== BARS EIND ==========*/

@font-face {
  font-family: "AmpleAltBold";
  src: url(../../../../../../../../uploads/elementor/css/wp-content/uploads/2024/12/AmpleAlt.woff2) format('woff2'), url(../../../../../../../../uploads/elementor/css/wp-content/uploads/2024/12/AmpleAlt.woff) format('woff');
}
@font-face {
font-family: "AmpleAltRegular";
  src: url(../../../../../../../../uploads/elementor/css/wp-content/uploads/2024/12/font.woff2) format('woff2'), url(../../../../../../../../uploads/elementor/css/wp-content/uploads/2024/12/font.woff) format('woff');
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'AmpleAlt';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url(https://www.transconnect.com/wp-content/uploads/2024/12/AmpleAlt.woff2) format('woff2'),
		url(https://www.transconnect.com/wp-content/uploads/2024/12/AmpleAlt.woff) format('woff');
}
@font-face {
	font-family: 'AmpleAlt';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url(https://www.transconnect.com/wp-content/uploads/2024/12/font.woff2) format('woff2'),
		url(https://www.transconnect.com/wp-content/uploads/2024/12/font.woff) format('woff');
}
/* End Custom Fonts CSS */