/* THEME STYLE CSS */

/* BREAKPOINT: Desktop (BASE) */
 .brxe-container {width: 85%}
 .woocommerce main.site-main {width: 85%}
 #brx-content.wordpress {width: 85%}
 :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)}
 :root .bricks-button[class*="primary"] {color: #ffffff}
 :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #ffffff}
 :root .bricks-button[class*="secondary"] {border: 2px solid var(--green); color: var(--green)}
 body {font-size: clamp(1.5rem, 1.396rem + 0.288vw, 1.8rem); font-family: "Plus Jakarta Sans"}
 h1,  h2,  h3,  h4,  h5,  h6 {font-family: "Plus Jakarta Sans"}
 h1 {font-size: var(--one)}
 h2 {font-size: var(--two)}
 h3 {font-size: var(--three)}
 h4 {font-size: var(--four)}
 h5 {font-size: var(--five)}
 h6 {font-size: var(--six)}
 .brxe-section {padding-top: var(--section); padding-bottom: var(--section)}
 .brxe-section2 {padding-top: var(--section); padding-bottom: calc(var(--section) - 15px);} 
/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
 .brxe-container {width: 90%}
 .woocommerce main.site-main {width: 90%}
 #brx-content.wordpress {width: 90%}
}
/* GLOBAL CLASSES CSS */

/* BREAKPOINT: Desktop (BASE) */
.icon-list li.has-link a, .icon-list li.no-link {padding-top: 1rem; padding-right: 0; padding-bottom: 1rem; padding-left: 0}
.icon-list {color: var(--white); font-size: 1.5rem; gap: 1.5rem}


/* BREAKPOINT: Desktop (BASE) */
.hero-section {min-height: 55vh; justify-content: flex-end; align-items: center; background-image: url(../uploads/hero.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative}
:where(.hero-section > *) {position: relative}
.hero-section::before {background-image: linear-gradient(rgba(0, 0, 0, 0.62), var(--primary-dark-shade)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}

/* BREAKPOINT: Desktop (BASE) */
.hero-section2 {height: 10vh; justify-content: flex-end; align-items: center; background-image: url(../uploads/turck-view.webp); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; position: relative}
:where(.hero-section2 > *) {position: relative}
.hero-section2::before {background-image: linear-gradient(rgba(0, 0, 0, 0.62), var(--primary-dark-shade)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}


/* BREAKPOINT: Desktop (BASE) */
.hero-container {align-items: center; row-gap: 1rem}


/* BREAKPOINT: Desktop (BASE) */
.hero-text {color: var(--white); text-align: center; font-size: var(--one) ; font-weight: bold;}


/* BREAKPOINT: Desktop (BASE) */
.hero-subtext {color: var(--white); font-size: 2rem; font-weight: 300; text-align: center; line-height: 1.3}


/* BREAKPOINT: Desktop (BASE) */
.grid-2 {display: grid; align-items: initial; grid-gap: 3rem; grid-template-columns: 1fr 1fr; margin-top: 2rem; align-items: flex-start}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
.grid-2 {grid-template-columns: 1fr}
}

/* BREAKPOINT: Desktop (BASE) */
.divider.horizontal .line {border-top-color: var(--primary); border-top-width: 3px; width: 20%}
.divider.vertical .line {border-right-color: var(--primary); border-right-width: 20%}
.divider .icon {color: var(--primary)}
.divider .line {height: 3px}
.divider {border-radius: 4rem 90rem 4rem 4rem}


/* BREAKPOINT: Desktop (BASE) */
.button-p {transition: all 1s; font-weight: 900; font-style: italic; color: var(--white); background-color: var(--primary); padding-top: 3px; padding-right: 2rem; padding-bottom: 3px; padding-left: 2rem; border-radius: 1rem; margin-top: 1rem}


/* BREAKPOINT: Desktop (BASE) */
.moving-truck {position: absolute; z-index: -5}
.moving-truck { opacity: 1;}


/* BREAKPOINT: Desktop (BASE) */
.section-heading {font-size: var(--section-headings); font-weight: 800; text-align: center}


/* BREAKPOINT: Desktop (BASE) */
.section-heading-blob {z-index: 9}
.section-heading-blob {	position: relative;} .section-heading-blob:before{  content: "";  background-color: var(--primary);  opacity: 0.2;  position: absolute;  width: 55px;  height: 55px;  border-radius: 90px;  top: -20px;  left: -20px;  z-index: -1;  transition: 1s all;} .section-heading-blob:hover:before{  width: calc(100% + 90px);  height: 100%;  top:0;  left: -45px;    }


/* BREAKPOINT: Desktop (BASE) */
.section-subheading {text-align: center}


/* BREAKPOINT: Desktop (BASE) */
.grid-3x {display: grid; align-items: initial; grid-template-columns: repeat(3,1fr); grid-gap: 2rem; align-items: stretch}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
.grid-3x {grid-template-columns: 1fr}
}

/* BREAKPOINT: Desktop (BASE) */
.card {background-color: #f7f7f7; border: 1px solid rgba(0, 0, 0, 0.24); border-radius: 1rem; align-items: flex-start; justify-content: center; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; row-gap: 2rem; transition: all 1s; box-shadow: 2px 2px 0 1px rgba(0, 0, 0, 0.24)}
.card:hover {background-color: var(--primary-light-bg); transform:  scaleX(1.04) scaleY(1.04)}


/* BREAKPOINT: Desktop (BASE) */
.card-image {width: 5.5rem}


/* BREAKPOINT: Desktop (BASE) */
.card-heading {font-size: clamp(1.3rem, 1.097rem + 0.565vw, 2rem)}


/* BREAKPOINT: Desktop (BASE) */
.card-text {font-family: "Roboto"; font-weight: 400; font-size: 1.5rem; text-align: left; line-height: 1.4}


/* BREAKPOINT: Desktop (BASE) */
.grid-4 {display: grid; align-items: initial; grid-gap: 2rem; grid-template-columns: repeat(4,1fr); align-items: stretch}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
.grid-4 {grid-template-columns: 1fr 1fr}
}
/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
.grid-4 {grid-template-columns: 1fr}
}

/* BREAKPOINT: Desktop (BASE) */
.inner-card {align-items: center; row-gap: 1rem; min-height: 18rem; justify-content: space-evenly}


/* BREAKPOINT: Desktop (BASE) */
.inner-card-text {font-weight: 900; color: var(--primary)}


/* BREAKPOINT: Desktop (BASE) */
.hww-card {row-gap: 1.3rem; padding-top: 3.5rem; padding-right: 3.5rem; padding-bottom: 3.5rem; padding-left: 3.5rem; border-radius: 1.5rem; min-height: 40rem; position: relative; transition: all 300ms; overflow: hidden; background-position: bottom center; background-repeat: no-repeat}
:where(.hww-card > *) {position: relative}
.hww-card::before {background-image: linear-gradient(#ffffff 50%, rgba(255, 255, 255, 0)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}
.hww-card:hover {transform:  translateY(-3px)}
.hww-card {	background-size: contain !important;}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
/* CUSTOM CSS */
.hww-card {
	background-size: cover !important;
}
.hww-card {min-height: 30rem}
}

/* BREAKPOINT: Desktop (BASE) */
.hww-image {width: 5rem; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; border: 1px solid rgba(0, 0, 0, 0.23); border-radius: 7px}


/* BREAKPOINT: Desktop (BASE) */
.hww-text {font-style: italic; font-size: 12px}


/* BREAKPOINT: Desktop (BASE) */
.hww-heading {width: 10ch}


/* BREAKPOINT: Desktop (BASE) */
.hww-divider .line {height: 0.4px}
.hww-divider.horizontal .line {border-top-width: 0.4px; border-top-color: rgba(0, 0, 0, 0.23)}
.hww-divider.vertical .line {border-right-color: rgba(0, 0, 0, 0.23)}
.hww-divider .icon {color: rgba(0, 0, 0, 0.23)}


/* BREAKPOINT: Desktop (BASE) */
.image-border {border-radius: 1rem; box-shadow: 4px 5px 40px 1px rgba(0, 0, 0, 0.22)}


/* BREAKPOINT: Desktop (BASE) */
.blog-description {font-weight: 500; font-size: 14px; line-height: 1.4}


/* BREAKPOINT: Desktop (BASE) */
.description-text {font-size: clamp(1.6rem, 1.531rem + 0.192vw, 1.8rem); font-weight: 500}


/* BREAKPOINT: Desktop (BASE) */
.accent-background-heading {font-size: clamp(1.6rem, 1.531rem + 0.192vw, 1.8rem); background-color: #ff8000; padding-top: 0.5rem; padding-right: 2rem; padding-bottom: 0.5rem; padding-left: 2rem}


/* BREAKPOINT: Desktop (BASE) */
.border-radius-circle {border-radius: 9rem; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; font-size: clamp(1.4rem, 1.262rem + 0.385vw, 1.8rem)}


/* BREAKPOINT: Desktop (BASE) */
.footer-icon {font-size: 30px; color: var(--primary); fill: var(--primary)}


/* HEADER CSS (ID: 21) */

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
#brxe-pjemka {flex-direction: column; gap: 0px}
#brxe-pjemka li.has-link a, #brxe-pjemka li.no-link {padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-ddeqbs {flex-direction: row; justify-content: space-between; align-items: center}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
#brxe-ddeqbs {flex-direction: column; align-items: center; align-self: center !important}
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-qjubww {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: rgba(0, 0, 0, 0.44)}


/* BREAKPOINT: Desktop (BASE) */
#brxe-okkzks {width: 180px}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
#brxe-okkzks {width: 150px}
}
/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
#brxe-okkzks {width: 100px}
}
@media (max-width: 767px) {
#brxe-oessex .bricks-nav-menu-wrapper { display: none; }
#brxe-oessex .bricks-mobile-menu-toggle { display: block; }
}
/* BREAKPOINT: Desktop (BASE) */
#brxe-oessex .bricks-nav-menu > li {margin-left: 0}
#brxe-oessex .bricks-nav-menu > li > a {font-weight: 800; color: var(--white)}
#brxe-oessex .bricks-nav-menu > li > .brx-submenu-toggle > * {font-weight: 800; color: var(--white)}
#brxe-oessex .bricks-nav-menu {gap: 25px}
#brxe-oessex a{ position: relative;}#brxe-oessex a::after{ content: ''; background-color: var(--primary); width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; transform: scalex(0); transition: transform 400ms; transform-origin: right;}#brxe-oessex a:hover::after{  transform: scalex(1); transform-origin: left;}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
#brxe-oessex .bricks-mobile-menu-toggle {color: var(--white); width: 3rem !important}
#brxe-oessex .bricks-mobile-menu-toggle .bar-top {width: 3rem !important}
#brxe-oessex .bricks-mobile-menu-toggle .bar-center {width: 3rem !important}
#brxe-oessex .bricks-mobile-menu-toggle .bar-bottom {width: 3rem !important}
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-erbxdb {flex-direction: row; align-items: center; justify-content: space-between}


/* CONTENT CSS (ID: 9) */

/* BREAKPOINT: Desktop (BASE) */
#brxe-knsqvk {position: absolute; width: 60rem; z-index: 11; bottom: -100px}


/* BREAKPOINT: Desktop (BASE) */
#brxe-eilgef {text-transform: uppercase; font-weight: 900; font-size: var(--sub-heading)}


/* BREAKPOINT: Desktop (BASE) */
#brxe-gtbklx {font-weight: 900; text-transform: uppercase; font-size: var(--one)}


/* BREAKPOINT: Desktop (BASE) */
#brxe-azsoca {text-align: justify; font-weight: 600; font-size: var(--text)}


/* BREAKPOINT: Desktop (BASE) */
#brxe-hdkxjr {display: flex; column-gap: 1rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-rmfcrf {row-gap: 1rem; overflow: hidden}


/* BREAKPOINT: Desktop (BASE) */
#brxe-jyxpda {justify-content: center}


/* BREAKPOINT: Desktop (BASE) */
#brxe-nvpfpg {margin-top: 6rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-njsszt {grid-column: 1/3}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
#brxe-njsszt {grid-column: auto}
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-avijyb {align-items: center; row-gap: 1rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-mckgpi {width: 9rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-hmrhjc {width: 9rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-upzyil {width: 9rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-sgysnj {margin-top: clamp(3rem, 2.71rem + 0.806vw, 4rem); transform:  scaleX(1) scaleY(1)}


/* BREAKPOINT: Desktop (BASE) */
#explore {row-gap: 1rem; background-color: #f7f7f7}


/* BREAKPOINT: Desktop (BASE) */
#brxe-ndbadc {z-index: 2}


/* BREAKPOINT: Desktop (BASE) */
#brxe-nxhsxd {background-image: url(https://dexterdispatchservices.com/wp-content/uploads/tank-truck-transporting-lpg-gas-highway-challenge-beauty-transportation-logistics.webp); background-size: cover}


/* BREAKPOINT: Desktop (BASE) */
#brxe-xqapqm {background-image: url(https://dexterdispatchservices.com/wp-content/uploads/truck-runs-highway-3d-render-illustration.webp); background-size: cover}


/* BREAKPOINT: Desktop (BASE) */
#brxe-qcyzyg {background-image: url(https://dexterdispatchservices.com/wp-content/uploads/stack-truck-pier-city.webp); background-size: cover}


/* BREAKPOINT: Desktop (BASE) */
#brxe-qckomd {background-image: url(https://dexterdispatchservices.com/wp-content/uploads/cars-carrier-truck-road-highway-poland-lorry-transporter-logistics-work-trailer-with-cargo-car-drive-delivery-transport-export-industry-heavy-hauler-haul-vehicle-auto-haulage.webp); background-size: cover}


/* BREAKPOINT: Desktop (BASE) */
#brxe-spkhfk {background-image: url(https://dexterdispatchservices.com/wp-content/uploads/truck-summer-road-czechia-trucker-highway-lorry-doing-logistics-work-semi-trailer-with-driver-big-cargo-car-drive-freight-delivery-transport-export-industry-container-with-goods.webp); background-size: cover}


/* BREAKPOINT: Desktop (BASE) */
#brxe-ktrgqu {background-image: url(https://dexterdispatchservices.com/wp-content/uploads/container-truck-ship-port-ai-generated-image.webp); background-size: cover}


/* BREAKPOINT: Desktop (BASE) */
#brxe-texxfo {align-items: center; row-gap: 2rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-iehabg {background-color: #f7f7f7}


/* BREAKPOINT: Desktop (BASE) */
#brxe-xpryug {text-align: left}


/* BREAKPOINT: Desktop (BASE) */
#brxe-kpknjh {justify-content: center}


/* BREAKPOINT: Desktop (BASE) */
#brxe-rznksl {font-weight: 600; font-size: clamp(1.4rem, 1.342rem + 0.161vw, 1.6rem)}


/* BREAKPOINT: Desktop (BASE) */
#brxe-jwdsxb {color: var(--primary); font-weight: 900; font-size: 2rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-wuchvn {display: flex; flex-direction: column; justify-content: center}


/* BREAKPOINT: Desktop (BASE) */
#brxe-rcdzox {display: flex; align-self: stretch !important; width: 100%; column-gap: 2rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-yfaczo {justify-content: center; align-items: flex-start}


/* BREAKPOINT: Desktop (BASE) */
#brxe-axagsi {align-items: center}


/* BREAKPOINT: Desktop (BASE) */
.brxe-ruuilu .brxe-iuaxxj.brxe-button {font-size: 14px}


/* BREAKPOINT: Desktop (BASE) */
.brxe-ruuilu.brxe-block {justify-content: space-evenly; row-gap: 1rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-jnyoxe {align-items: center; row-gap: 2rem}


/* FOOTER CSS (ID: 23) */

/* BREAKPOINT: Desktop (BASE) */
#brxe-mfjmdy {width: 180px}


/* BREAKPOINT: Desktop (BASE) */
#brxe-ylhpuz {color: var(--primary-d-6); font-size: clamp(3rem, 2.654rem + 0.962vw, 4rem)}


/* BREAKPOINT: Desktop (BASE) */
#brxe-kikodt {color: #000000}


/* BREAKPOINT: Desktop (BASE) */
#brxe-sgotca {row-gap: 3rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-kryvtc .bricks-nav-menu {flex-direction: column}
#brxe-kryvtc .bricks-nav-menu > li {margin-bottom: 5px; margin-left: 0}
#brxe-kryvtc .bricks-nav-menu > li > a {font-weight: 700}
#brxe-kryvtc .bricks-nav-menu > li > .brx-submenu-toggle > * {font-weight: 700}


/* BREAKPOINT: Desktop (BASE) */
#brxe-dvcgmx {row-gap: 2.5rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-cxsjxe {font-size: 1.8rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-zxglnu .separator {display: none}
#brxe-zxglnu .title {font-weight: 700; margin-left: 9px}
#brxe-zxglnu .content {justify-content: flex-start; align-items: center}
#brxe-zxglnu .description {justify-content: flex-start; align-items: center}
#brxe-zxglnu li {margin-top: 3px}


/* BREAKPOINT: Desktop (BASE) */
#brxe-ooopib {row-gap: 2.5rem}


/* BREAKPOINT: Desktop (BASE) */
#brxe-vshmym {display: grid; align-items: initial; grid-gap: 4rem; grid-template-columns: 2fr 1fr 1fr; padding-bottom: 50px; border-bottom: 2px solid var(--black)}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
#brxe-vshmym {grid-template-columns: 1fr}
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-rvuurk {font-size: clamp(1.4rem, 1.331rem + 0.192vw, 1.6rem); color: #000000}


/* BREAKPOINT: Desktop (BASE) */
#brxe-hbkkxa {display: flex; column-gap: 5px}


/* BREAKPOINT: Desktop (BASE) */
#brxe-piqgif {margin-top: 2rem; margin-bottom: 2rem; flex-direction: row; align-items: center; justify-content: space-between}


/* BREAKPOINT: Desktop (BASE) */
#brxe-kvwmkd {padding-bottom: 0; background-position: bottom center; background-repeat: no-repeat; background-image: url(https://dexterdispatchservices.com/wp-content/uploads/trucks.png); background-size: 80rem; position: relative}
:where(#brxe-kvwmkd > *) {position: relative}
#brxe-kvwmkd::before {background-image: linear-gradient(rgba(255, 255, 255, 0.64), var(--primary-light-bg)); position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none}
#brxe-kvwmkd{ position: relative; z-index: 5;}#brxe-kvwmkd::after{ content: ''; height: 350px; width: 350px; position: absolute; border: 10px solid var(--primary); border-radius: 290px; top: -140px; left: -150px; z-index: 2; opacity: 0.3;}