@charset "UTF-8";

/* --- theme.css --- */
/* theme */

:root {
  --text: #272727;
  --orange: #FE5716;
}

*,
::after,
::before {
  box-sizing: border-box;
}

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins custom";
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/Listandsell/fonts/poppins-v24-latin-regular.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins custom";
  font-style: normal;
  font-weight: 500;
  src: url("/wp-content/themes/Listandsell/fonts/poppins-v21-latin-500.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Poppins custom";
  font-style: normal;
  font-weight: 600;
  src: url("/wp-content/themes/Listandsell/fonts/poppins-v21-latin-600.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 300;
  src: url("/wp-content/themes/Listandsell/fonts/plus-jakarta-sans-v12-latin-300.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/Listandsell/fonts/plus-jakarta-sans-v12-latin-regular.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/wp-content/themes/Listandsell/fonts/plus-jakarta-sans-v12-latin-500.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  src: url("/wp-content/themes/Listandsell/fonts/plus-jakarta-sans-v12-latin-600.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/wp-content/themes/Listandsell/fonts/plus-jakarta-sans-v12-latin-700.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 800;
  src: url("/wp-content/themes/Listandsell/fonts/plus-jakarta-sans-v12-latin-800.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

span.kt-btn-inner-text {
  font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", Arial, Helvetica, sans-serif;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "Poppins custom", "Poppins custom Fallback", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
}



.alignfull {
  max-width: 100vw;
}

.alignwide {
  max-width: 1350px;
  margin: auto;
}
.kb-row-layout-wrap.wp-block-kadence-rowlayout > .kt-row-column-wrap {
  padding-left: 0px;
  padding-right: 0px;
}
#content > .kb-row-layout-wrap {
  padding: 0px 15px;
}
div#header .header-desk > .kb-row-layout-wrap {
  padding: 0px 15px;
}
.kt-inside-inner-col h2:not(:first-of-type) {
  padding-top: 20px;
}

span.inner-h {
  display: inline-block;
}
p {
  font-size: 18px;
  line-height: 28px;
  color: var(--text);
  margin: 15px 0px;
  font-family: "Poppins custom", "Poppins custom Fallback", Arial, Helvetica, sans-serif;
}

.kt-svg-icon-list-item-wrap {
  font-size: 1.15rem;
  line-height: 1.85rem;
}

h1,
h2,
h3,
h4 {
  font-family: 'Plus Jakarta Sans' sans-serif;
  margin-bottom: 0px;
  margin-top: 0px;
  color: var(--text);
  font-weight: 400;
}

h1 {
  font-size: 52px;
  line-height: 62px;
}
h2 {
  font-size: 38px;
  line-height: 48px;
}
h3 {
  font-size: 28px;
  line-height: 38px;
}
h4 {
  font-size: 1.6rem;
  line-height: 2rem;
}
h5 {
  font-size: 1.3rem;
  line-height: 1.7rem;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  color: var(--text);
  font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", Arial, Helvetica, sans-serif;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}


a {
  color: var(--orange);
  font-weight: 400;
  text-decoration: none;
}
u {
  text-decoration: none !important;
}
strong {
  font-weight: 600;
}
button {
  font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", Arial, Helvetica, sans-serif !important;
}
.mobile-hide {
  display: block;
}
.bg-none-l .kt-inside-inner-col {
  background-color: transparent !important;
}
.desk-hide {
  display: none;
}
#content > .kb-row-layout-wrap.n-pad {
  padding: unset;
}

@media only screen and (max-width: 1400px) {
  h1 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h3 {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  p {
    margin: 10px 0px;
  }
}

@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
  h2 {
    font-size: 1.8rem;
    line-height: 2.3rem;
  }
  h3 {
    font-size: 28px;
    line-height: 38px;
  }
  p {
    margin: 10px 0px;
  }
}

@media only screen and (max-width: 766px) {
  h1 {
    font-size: 1.7rem;
    line-height: 2.3rem;
  }
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  h3 {
    font-size: 26px;
    line-height: 36px;
  }
  h4,
  h5 {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  p {
    font-size: 1rem;
    line-height: 1.6rem;
  }
  .kt-svg-icon-list-item-wrap {
    font-size: 1rem;
    line-height: 1.6rem !important;
  }
  .mobile-hide {
    display: none;
  }
  .desk-hide {
    display: block;
  }
}

/* theme end */


/* --- head-foot.css --- */
/*double-header  */

.header-list ul {
    display: flex !important;
    flex-direction: row;
    gap: 4rem!important;
}

.header-list.right ul {
    justify-content: flex-end;
}

ul#menu-header-menu, #menu-header-menu-english {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
}

ul#menu-header-menu>li>a, #menu-header-menu-english>li>a {
    /* color: #000; */
    font-size: 18px;
    /* font-family: ""; */
    letter-spacing: 0.5px;
    color: var(--text);
}
button:focus:after{
    all:unset !important
}
ul#menu-header-menu li a:hover, #menu-header-menu-english li a:hover  {
    color: var(--l-gold);
}

.cont-pad + #content {
    padding-top: 50px;
  }
div#header {
    z-index: 99;
    position: relative;
}
.header-desk.sticky-d-head{
    box-shadow: 0px 0px 0px #00000014;
    transition: box-shadow 0.2s linear;
    
}
.header-desk.sticky-d-head {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0px 3px 19px #00000014;
  }

/* .kb-svg-icon-wrap svg {
    width: 45px !important;
    height: 45px !important;
} */

@media(max-width:767px){
	.kb-svg-icon-wrap svg {
    width: 20px !important;
    height: 20px !important;
}
}

.page-id-3933 .kb-svg-icon-wrap svg {
    width: 25px !important;
    height: 25px !important;
}
.page-id-3591 .kb-svg-icon-wrap svg {
    width: 25px !important;
    height: 25px !important;
}

.page-id-2655 .kb-svg-icon-wrap svg {
    width: 25px !important;
    height: 25px !important;
}
/*double-header  */

/* =========================================
   MOBILE CALL BUTTON
   Desktop = hidden
========================================= */

.mobile-call-btn {
    display: none;
}


/* =========================================
   MOBILE ONLY
========================================= */

@media (max-width: 767px) {

    .mobile-call-btn {
        display: flex;

        position: fixed;

        right: 5px;

        /*
         * Change this value depending on
         * the height of your existing buttons.
         */
        bottom: 140px;

        width: 58px;
        height: 58px;

        align-items: center;
        justify-content: center;

        background: #FC5616;
        color: #ffffff;

        border-radius: 50%;

        text-decoration: none;

        box-shadow: 0 5px 18px rgba(0, 0, 0, 0.25);

        z-index: 999999;

        transition: all 0.3s ease;
    }


    .mobile-call-btn svg {
        width: 28px;
        height: 28px;

        display: block;
    }


    .mobile-call-btn span {
        display: none;
    }


    .mobile-call-btn:hover {
        color: #ffffff;

        transform: translateY(-3px);
    }

}

/* --- float-comp.css --- */
.menu-list.mobile {
  max-width: 500px;
  margin: 0 auto !important;
  padding: 20px;
}

.closebtn svg path {
  fill: var(--primary-blue);
}


@media only screen and (max-width: 1024px){

  #scroll-top {
    bottom: 110px !important;
  }
}
@media only screen and (max-width: 767px){
  
  
  #scroll-top {
    bottom: 88px !important;
    right: 10px !important;
  }
}


/* menu-style */
#main-header .menu-item-has-children {
  position: relative;
}

#header-menu ul#menu-header-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;

}


.menu li {
  list-style: none;
}

.header-nav {
  flex-grow: 1;
}
div#header-menu {
  flex-grow: 1;
}
.header-nav {
  justify-content: space-between;
}
#header-menu ul#menu-header-menu li a {
  color: #331832;
  font-weight: bold;
  font-size: 18px;
  transition: all 0.3s linear;
}
/* menu-style-end */




/* click-call */
.dropbtn {
   
    cursor: pointer;
    border: none;
    background: #fff ;
    margin: 0px !important;
    border-radius: 8px;
  }
  .dropbtn svg{
    cursor: pointer;
    box-shadow: 0px 12px 45px rgba(44, 72, 107, 0.3);
    animation: shadow 2s infinite;
    border-radius: 8px;

  }
 
  
  .click-call {
    position: fixed;
    display: inline-block;
    bottom: 100px;
    left: 25px;
    z-index:999;
}
  
  .click-call-content {
  height:0;
    opacity:0;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: hidden;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top:30px;
    transition:all 0.3s linear;
    
  }
  .click-call-content {
    padding: 10px;
    text-align: center;
    font-size: 20px;
    border-radius: 10px;
}
  
  .click-call-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .click-call a:hover {background-color: #ddd;}
  
  .show-click-content {
    top:-170px;
  opacity:1;
  height:140px;
}
/* click-call-end */

/* header-css */

.max-width-sec{
    max-width: 1350px;
    margin: 0 auto;
    padding:10px;
}
.header {
    padding: 6px;
    text-align: center;
}
.main-header-bg, .header-bg {
    display:block;
    width:100%;
    z-index: 99;
}
  #main-header {
    overflow: hidden;

  }
  
  .header-nav a {
    text-align: center;
    padding: 0px 5px;
    text-decoration: none;
    font-size: 17px;
  }
  .header-nav{
    display: flex;
    gap: 10px;
  }
  
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
  }
  
  .sticky + #content {
    padding-top: 60px;
  }
  div#main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: visible;
    z-index: 99;
    position: relative;
}

.header-logo img.custom-logo {
    width: 150px;
}
.main-header-bg {
    background: #ebebeb;
}
.header.top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:1024px){
    .main-header-bg, .header-bg {
        display:none;
    }
  }

  /* header-css-end */


/* side-floating-button */


.float-container-btns {
    position: fixed;
    top: 50%;
    display: flex;
    flex-direction: column;
    right: -190px;
    width: 250px;
    z-index: 99;
}

.float-container-btns a {
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 10px 20px 10px 10px;
  margin-bottom: 10px;
  /* border-left: 4px solid var(--bg-blue); */
  transition: all 0.2s linear;
  background: var(--primary-blue);
  border-radius: 0px 0px 0px 0px;
  font-size: 19px;
  /* box-shadow: 0px 3px 6px #00a7e11f; */
  color: #fff;
  font-weight: bold;
  font-family: 'Montserrat custom';
  background-color: var(--primary-blue);
  border-radius: 20px 0 0 20px;
}

.float-container-btns a svg {
    margin-right: 13px;
}
.float-container-btns>a:hover {
    transform: translateX(-188px);
    transition: all 0.2s linear;
}


@media only screen and (max-width:1024px){
    .float-container-btns{
        display: none;
    }
}
/* side-floating-button-end*/

/* scroll-top */

#scroll-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    /* background-image: linear-gradient(133deg,rgb(235,205,148) 2%,rgb(226,178,85) 51%,rgb(205,170,101) 100%); */
    background-color: var(--primary-blue);
    color: white;
    cursor: pointer;
    padding: 7px 10px 5px 10px;
    border-radius: 8px;
    z-index: 99;
  }
  
  #scroll-top:hover {
    background-color: #555;
  }
/* scroll-top-end */


/* mobile-header */

#mobile-header {
    position: fixed;
    top: 0;
    width: 100%;
    transition: top 0.3s;
    box-shadow: 2px 4px 8px #0000000a;
    display:none;
    z-index: 99;
  }
  .mobi-logo img {
    width: 120px;
    text-align: center;
}
.mobi-logo {
    display: flex;
    justify-content: center;
    padding: 5px;
    background: #fafafa;
}
 
  @media only screen and (max-width:1024px){
    #mobile-header {
        display:block;
        width:100%;
    }
  }
 /* mobile-header-end */

/* menu-leistungen-popup */

   /* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: #ffffff; /* Black fallback color */
  /* background-image: linear-gradient(180deg, rgb(20, 20, 20) 0%, rgb(13, 13, 13) 51%, rgb(16, 16, 16) 100%); Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  z-index: 999;
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  /* padding: 3px; */
  text-decoration: none;
  /* font-size: 36px; */
  color: var(--primary-blue);
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: var(--orange-hover);
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 99;
}
.popup-logo img {
  width: 150px;
}
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */


/* menu-leistungen-popup-end */

/* popup-form */

/* The Modal (background) */
.popup-form {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  z-index: 999;
}

/* Modal Content */
.popup-form-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

/* The Close Button */
.close-popup {
  color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    right: 6px;
    position: absolute;
    top: 0;
}

.close-popup:hover,
.close-popup:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* popup-form-end */




  @keyframes shadow {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(44, 72, 107, 0.3);
        box-shadow: 0 0 0 0 rgba(44, 72, 107, 0.3);
        transform: scale(1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(44, 72, 107, 0.3);
        box-shadow: 0 0 0 18px rgba(44, 72, 107, 0.3);
        transform: scale(1.05);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(44, 72, 107, 0.3);
        box-shadow: 0 0 0 0rgba(44, 72, 107, 0.3);
        transform: scale(1);
    }
  }

/* --- rehan.css --- */
/****Custom******/
.cookie-preference p._brlbs-accept {
  width: 100%;
}
#BorlabsCookieBoxWidget {
    z-index: 99 !important;
}
#BorlabsCookieBox ul li:before {display: none;}
.cookie-box {
    font-size: 13px !important;
}

p._brlbs-accept, p._brlbs-accept {
    width: 50%;
    padding: 0 3px !important;
}

p._brlbs-accept {
    float: left;
}

p._brlbs-refuse-btn a {
    background: transparent !important;
    color: #000 !important;
    padding: 0 0 !important;
    font-size: 16px !important;
}

p._brlbs-manage-btn a {
    background: transparent !important;
    color: #000 !important;
    padding: 0 0 !important;
    font-size: 16px !important;
}

#BorlabsCookieBox>div.show-cookie-box{
    align-items: center !important;
    justify-content: center !important;
}
@media only screen and (max-width: 1024px) {
    #BorlabsCookieBoxWidget.bottom-left {
        left: 0;
        bottom: 66px !important;
    }
}
@media(max-width: 900px){
    p#CookieBoxTextDescription {
        font-size: 12px;
        line-height: 1.2 !important
    }
        #BorlabsCookieBox .cookie-logo {
        max-width: 40px !important;
    }
        p._brlbs-accept {
        width: 50%;
    }

    p._brlbs-accept {
        width: 50%;
        float: inline-start;
        padding: 0 2px;
    }

    p._brlbs-accept a {
        background: #000 !important;
        color: #fff !important;
        padding: 11px 5px !important;
    }
        #BorlabsCookieBox ._brlbs-box-advanced ul {
        margin: 0;
        margin-bottom: -10px;
    }
        p._brlbs-manage-btn a {
        font-size: 14px !important;
    }

    p._brlbs-manage-btn {
        margin: 0 !important;
    }

    p._brlbs-refuse-btn {
        margin: 0 !important;
    }

    p._brlbs-refuse-btn a {
        font-size: 14px !important;
    }
        .widget_text.header-right.widget {
        right: 28px !important;
    }
}


/*************************************************/

/* truck-css  */
  .road-container {
      position: relative;
      width: 100%;
      min-height: 500px; /* adjust as needed */
      overflow: hidden;
      display: flex;
      flex-direction: row;
      padding: 40px 15px;
    }

    .road {
      position: absolute;
      bottom: 0;
      width: 200%; /* 2x width for looping */
      height: 100%;
      background: url("/wp-content/uploads/2025/09/truck-3-1.webp") repeat-x;
      background-size: contain;
      animation: moveRoad 11s linear infinite;
      right: 0px;
      z-index: 1;
    }
.truck-container {
    max-width: 1360px;
    margin: 0px auto;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
    @keyframes moveRoad {
      0% { transform: translateX(0); }
      100% {transform: translateX(50%);}
    }

    
      .truck-img img {
      position: relative;
      /* bottom: calc(-36% - 20px); */ /* adjust to sit on road */
      /* left: 50%; */
      transform: translate(0px , 50%);
      width: auto;
      animation: bounceTruck 4s ease-in-out infinite;
      height: 300px;
      /* position: relative; */
      bottom: 133px;
    }

    @keyframes bounceTruck {
      0%, 100% {transform: translate(0, 50%);}
      50% {transform: translate(0, calc(50% - 40px));} /* move up 25px */
    }
.truck-img {
    position: relative;
}

.truck-container>div:nth-child(2) {
    background: #fe5716;
    padding: 50px;
    border-radius: 20px;
}

.truck-container>div:nth-child(2) h2,.truck-container>div:nth-child(2) p {
    color: #fff;
}

.truck-container>div {
    width: 50%;
    /* margin-left: -74px; */
}

.truck-img {}

.dual-btn {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-top: 15px;
    flex-wrap: wrap;
}

.dual-btn a {
    padding: 15px 23px;
    transition: all 0.3s linear;
    border-radius: 10px;
    font-size: 20px;
    border: 1px solid #fff;
}

a.road-btn-call {
    background: #fff;
    /* border-radius: 10px; */
    /* font-size: 20px; */
    border: 1px solid #fff;
}

.dual-btn a {}

a.road-btn-call:hover {
    background: #fe5716;
    color: #fff;
}

a.road-btn-anfrage {
    color: #fff;
}

a.road-btn-anfrage:hover {
    background: #fff;
    color: #fe5716;
}
/* truck-css  */

.home-serv-row.wp-block-kadence-rowlayout>div>div>div {
    height: 500px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 50px #fe571630;
}

.home-serv-row.wp-block-kadence-rowlayout>div>div>div {
    position: relative;
}

.home-serv-row.wp-block-kadence-rowlayout>div>div>div .serv-con {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #00000063;
    padding: 20px;
    backdrop-filter: blur(1px);
    /* background-color: #f3f3f3db; */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.home-serv-row.wp-block-kadence-rowlayout>div>div>div figure {
    margin: 0px !important;
    height: 100%;
    width: 100%;
    /* background: #000; */
}

.home-serv-row.wp-block-kadence-rowlayout>div>div>div figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.home-serv-row.wp-block-kadence-rowlayout>div>div>div .serv-con * {
    color: #fff;
}
.home-serv-row.wp-block-kadence-rowlayout>div>div>div .serv-con h3 {
    color: #fff;
	text-align: center;
}

.home-serv-row.wp-block-kadence-rowlayout>div>div>div .serv-con p {
    font-weight: 300 !important;
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 25px;
}

.home-serv-row.wp-block-kadence-rowlayout>div>div:nth-child(3) {
    left: -75%;
    position: relative;
}


.home-serv-row.wp-block-kadence-rowlayout>div>div:nth-child(1) {
    left: 75%;
    position: relative;
}

.home-serv-row.wp-block-kadence-rowlayout>div>div {
    position: relative;
    transition: all 1s ease-in-out 0.5s;
}
.home-serv-row.active-animation.wp-block-kadence-rowlayout>div>div:nth-child(1) {
    left: 0px;
}

.home-serv-row.active-animation.wp-block-kadence-rowlayout>div>div:nth-child(3) {
    left: 0px;
}
.card-sec.wp-block-kadence-rowlayout>div>div>div {
    background: #fff;
    padding: 40px;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    box-shadow: 5px 10px 20px #e2e2e2;
}

.card-sec.wp-block-kadence-rowlayout>div>div:nth-child(1) {
    left: calc(100% + 65px);
    transform: rotate(-7deg);
    z-index: 3;
}

.card-sec.wp-block-kadence-rowlayout>div>div {
    position: relative;
    transition: all 1s 
ease-in-out 0.5s;
}

.card-sec.wp-block-kadence-rowlayout>div>div:nth-child(2) {
    z-index: 1;
}

.card-sec.wp-block-kadence-rowlayout>div>div:nth-child(3) {
    z-index: 2;
    left: calc(-100% - 65px);
    transform: rotate(7deg);
    /* z-index: 3; */
}

.card-sec.active-animation.wp-block-kadence-rowlayout>div>div:nth-child(1) {
    left: 0px;
    transform: rotate(0deg);
}

.card-sec.active-animation.wp-block-kadence-rowlayout>div>div:nth-child(3) {
    left: 0px;
    transform: rotate(0deg);
}


/* tabs  */

/* Content area */
    .tab-content>div {
      position: relative;
      min-width: 250px;
      min-height: 100px;
    }

    .tab-content > div>div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.4s ease;
      height: 100%;
    }

    .tab-content >div .active {
      opacity: 1;
      pointer-events: auto;
    }

    /* Tab list */
    .tab-list {
      display: flex;
      flex-direction: column;
      /* gap: 10px; */
      cursor: pointer;
      min-width: 120px;
      padding-top: 30px;
    }

    .tab-list > div {
      padding: 14px 14px;
      border-radius: 0px;
      /* background: #f5f5f5; */
      transition: all 0.4s linear;
      user-select: none;
      border-left: 5px solid #0000000d;
      font-size: 26px;
      color: #0000007d;
    }

    .tab-list > div:hover,
    .tab-list > .active {
      /* background: var(--accent); */
      color: #000000;
      border-color: #fe5716;
    }
.tab-content > div>div .kt-inside-inner-col {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.tab-content > div>div .kt-inside-inner-col figure {
    height: 100%;
    margin-bottom: 0px !important;
}

.tab-content > div>div .kt-inside-inner-col figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/* tabs  */


h2.h2-54 {
    font-size: 48px;
    line-height: 58px;
    color: #272727;
}

.steps-list {
    max-width: 550px;
    margin-right: 0px;
    position: absolute;
    bottom: 0px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    background: #ffffffc9;
    padding: 30px 20px 25px 0px;
    backdrop-filter: blur(1px);
    /* background-color: #f3f3f3db; */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 0px 20px 0px 0px;
}

.steps-list p {
    margin: 0px;
}

.steps-list .col-1 {
    width: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.steps-list .col-2 {
    width: calc(100% - 80px);
}

.steps-list .col-2 h3 {
    padding-bottom: 10px;
    font-size: 22px;
    font-family: "Poppins";
    line-height: 32px;
}
.steps-list .col-1 p {
    font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", Arial, Helvetica, sans-serif;
    font-size: 35px;
    line-height: 40px;
}

.no-pad {
    padding: 0px !important;
}

.col-1-img figure img, .col-2-img figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.col-1-img figure, .col-2-img figure {
    height: 100%;
    width: 100%;
}

.col-2-con, .col-1-con {
    max-width: 695px;
    padding: 100px 15px;
}

.col-2-con {
    margin-right: auto;
    padding-left: 65px;
}

.col-1-con {
    margin-left: auto;
    padding-right: 65px;
}

.col-2-con>div, .col-1-con>div {
    /* padding: 100px 15px; */
}

.counter-sec .kb-count-up-title {
    font-size: 24px;
    color: #0000009c;
}

.testi-carousel .ti-widget.ti-goog .ti-review-item>.ti-inner, .testi-carousel .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button {
    background-color: #fff !important;
    box-shadow: 0px 5px 10px #FE571633;
    padding: 30px !important;
}

.testi-carousel .ti-widget.ti-goog .ti-review-item {
    padding: 11px;
}

.testi-carousel .ti-widget.ti-goog .ti-controls .ti-next:hover, .testi-carousel .ti-widget.ti-goog .ti-controls .ti-prev:hover {
    background-color: #000000 !important;
    outline-color: #fe5716 !important;
}

.testi-carousel .ti-widget.ti-goog .ti-controls .ti-next, .testi-carousel .ti-widget.ti-goog .ti-controls .ti-prev {
    background-color: #fe5716 !important;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    outline: unset !important;
}

.testi-carousel .ti-widget.ti-goog .ti-controls .ti-next:before, .testi-carousel .ti-widget.ti-goog .ti-controls .ti-prev:before {
    border-color: #fff !important;
}

.cus-form .wpforms-page-indicator.none {
    display: none;
}

.cus-form input {
    border: unset !important;
    box-shadow: unset !important;
    border: 1px solid #00000029 !important;
    border-radius: 8px !important;
    box-shadow: 1px 1px 2px #00000057 inset !important;
}

.cus-form button.wpforms-page-button.wpforms-page-next, button#wpforms-submit-1330 {
    background: #fe5716 !important;
    border-radius: 10px;
}

.cus-form button.wpforms-page-button.wpforms-page-next:hover, button#wpforms-submit-1330:hover {
    background: #000 !important;
}

.cus-form.home-form {
    background: #FFF2EC;
    padding: 20px;
    border-radius: 20px;
}


.cus-form .wpforms-container.wpforms-container-full {
    margin: 0px !important;
}

.cus-form button.wpforms-page-button.wpforms-page-prev {
    all: unset !important;
    color: #fe5716 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.cus-form.home-form .wpforms-submit-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

button#wpforms-submit-1330 {
    margin-top: -51px;
}
.city-list>ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 250px)) !important;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
    justify-items: stretch;
    row-gap: 8px !important;
}
.city-tabs ul.kt-tabs-title-list {
    align-items: center;
    justify-content: center;
}
.wp-block-kadence-tabs.alignnone.city-tabs {
    width: 100%;
}
@media only screen and (max-width:1024px){
    h2.h2-54 {
    font-size: 38px;
    line-height: 48px;
}
.home-serv-row.wp-block-kadence-rowlayout>div>div:nth-child(1) {
    left: unset;
}

.home-serv-row.wp-block-kadence-rowlayout>div>div:nth-child(3) {
    left: unset;
}

.counter-sec .kb-count-up-title {
    font-size: 18px;
}

.card-sec.wp-block-kadence-rowlayout>div>div:nth-child(1) {
    left: unset;
    transform: unset;
}

.card-sec.wp-block-kadence-rowlayout>div>div:nth-child(3) {
    left: unset;
    transform: unset;
}
.wp-block-kadence-column.tab-content>div {
    height: 400px !important;
}
.truck-container>div {
    width: 100%;
}

.road {
    /* position: relative; */
    background-size: cover;
}

.truck-container {
    flex-direction: column;
}

.truck-img img {
    height: 100px;
    bottom: 20px;
    left: calc(50% - 100px);
    /* transform: translateX(0px); */
}
.col-2-con, .col-1-con {
    width: 100%;
    max-width: unset;
}

.col-2-con {
    padding-left: 15px;
}

.col-1-con {
    padding-right: 15px;
}
.city-list>ul {
    grid-template-columns: repeat(3, minmax(0, 250px)) !important;
}
}

@media only screen and (max-width:768px){
    h2.h2-54 {
    font-size: 28px;
    line-height: 38px;
}
.counter-sec .kb-count-up-process.kb-count-up-number {
    font-size: 20px;
}


.counter-sec .kb-count-up-title {
    font-size: 15px;
    line-height: 19px;
}

.counter-sec .kt-inside-inner-col {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.counter-sec>div {
    display: flex !important;
}
.tab-list > div {
    font-size: 20px;
    padding: 7px 12px;
}
.card-sec.wp-block-kadence-rowlayout>div>div>div {
    padding: 25px;
}
.truck-container>div:nth-child(2) {
    padding: 20px 15px;
}

.col-2-con, .col-1-con {
    padding: 40px 15px;
}
.home-serv-row.wp-block-kadence-rowlayout>div>div>div{
    height:400px;
}
}

.city-list>ul li {
    font-size: 16px;
    line-height: 22px !important;
}

.city-list>ul li a {
    color: #000;
    word-break: break-word;
    /* line-height: 17px; */
}

.city-list>ul li a:hover {
    color: #fe5716;
}

@media only screen and (max-width:650px){
    .city-list>ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media only screen and (max-width:550px){
    .city-list>ul {
    grid-template-columns: 137px 165px !important;
}
.city-tabs .kt-tabs-wrap .wp-block-kadence-tab {
    padding: 15px;
}

.city-list>ul li {
    font-size: 14px;
    line-height: 17px !important;
}

.city-list>ul {
    gap: 4px !important;
}

}



/* packform  */

button#wpforms-submit-3257 {
  /* background: linear-gradient(360deg,rgb(254,189,77) 1%,rgb(228,145,1) 100%) !important; */
  /* width: 150px; */
  background: var(--orange);
  border-radius: 10px;
  font-weight: 600;
  font-size: 22px;
  height: unset;
  padding: 14px 21px;
}
.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33> div>div {
  width: 100%;
}


.pack-form div#wpforms-3257-field_59-container .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33> div:not(:first-child) {
  background: unset;
}


.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33> div>div:first-child>div h4 {/* display: flex; *//* justify-content: center; */margin: 0px;align-self: center;}

.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33> div>div:first-child>div p, .pack-form .img-box .col-1 p {
    font-size: 14px !important;
    margin-bottom: 7px;
    line-height: 19px;
}

.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33> div>div:first-child>div h3 {
    margin-bottom: 11px !important;
}


.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33> div {
  background: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  align-content: space-between;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15px !important;
  gap: 16px;
}
div#wpforms-3257 {
  margin: 0px;
}
.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33 {
  gap: 30px;
  margin-bottom: 30px;
  padding: 0px;
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33> div>div:first-child {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-top: 0px;
}

.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33> div>div:first-child>div {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.pack-form {
    background: #fff2ec;
    padding: 25px;
    border-radius: 30px;
}

.img-box {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    background: #f2f2f2 !important;
    width: 100% !important;
    justify-content: space-between;
    gap: 20px;
    padding: 15px !important;
    border-radius: 15px !important;
}

.img-box img {
    margin-bottom: 0px !important;
    width: 120px;
    height: auto;
}
div#wpforms-3257-field_29-container {
    padding-bottom: 0px;
}

.wpforms-container .wpforms-layout-column.wpforms-layout-column-33 .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 0px 0px 0px 0px !important;
}
.wpforms-container .wpforms-field.wpforms-field-content {
    padding: 0px !important;
}
div#wpforms-3257-field_29-container {
    width: calc(50% - 8px);
}

div#wpforms-3257-field_31-container {
    width: calc(50% - 8px);
}
/* packform  */

@media only screen and (max-width:768px){
 .pack-form {
    padding: 15px;
    border-radius: 15px;
}

.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33> div>div:first-child>div h3 {
    font-size: 20px;
    margin-bottom: 5px !important;
}

.img-box img {
    width: 96px;
}

.img-box {
    gap: 10px;
}

div#wpforms-3257-field_59-container>div>div:nth-child(2),div#wpforms-3257-field_59-container>div>div:nth-child(3) {
    display: none;
}

.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33 {
    margin-bottom: 15px;
    gap: 15px;
}

.pack-form .wpforms-field-layout-columns.wpforms-field-layout-preset-33-33-33> div {
    border-radius: 10px;
}

}

/* price-table  */
.price-table svg {
    width: 33px;
}

.price-table li {
    list-style: none;
    border-bottom: 1px solid #d0d0d0;
    display: flex;
    justify-content: center;
    font-size: 30px;
    padding: 12px;
    gap: 10px;
}

.price-table ul {
    padding-left: 0px;
    margin: 0px;
    /* max-width: 250px; */
}

.price-table>div:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    background: var(--orange);
    padding: 15px 0px;
}

.price-table>div:nth-child(1) h3 {
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
}

.price-table>div:nth-child(2) {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    padding: 0px 0px 0px 0px;
    line-height: 60px;
}

.price-table>div:nth-child(4) {
    background: var(--orange);
    max-width: 110px;
    text-align: center;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    font-size: 20px;
}

/* .page-id-8 .price-table>div:nth-child(5) {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    padding: 0px 0px 0px 0px;
    line-height: 60px;
}

.page-id-8 .price-table>div:nth-child(7) {
    background: var(--orange);
    max-width: 110px;
    text-align: center;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    font-size: 20px;
} */

.price-table>div:nth-child(5) {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    padding: 0px 0px 0px 0px;
    line-height: 60px;
}

.price-table>div:nth-child(7) {
    background: var(--orange);
    max-width: 110px;
    text-align: center;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    font-size: 20px;
}
.price-table {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #f8f8f8;
    gap: 25px;
    align-content: center;
    padding-bottom: 25px;
}

.icon-bg{
	background: #fff;
}

.price-table>div {width: 100%;/* background: #fff2ec; */
padding-left: 15px;
	    text-align: center;
}

.price-table>div:nth-child(3) {
    display: flex;
    justify-content: center;
}


.price-table>p {
    margin: 0px !important;
    padding-left: 15px;
	padding-right: 15px;
}

.price-table.entru>p {
    font-size: 25px;
}
/* price-table  */

/* =========================================
   KADENCE SECTION SLIDER
========================================= */

.my-row-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Slider wrapper created by JS */
.my-slider-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Each slide */
.my-slider-wrapper .my-slide {
    display: none !important;
    width: 100%;
    box-sizing: border-box;
}

/* Active slide */
.my-slider-wrapper .my-slide.my-slide-active {
    display: block !important;
}

/* Navigation */
.my-slider-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 20px;
}

/* Previous / next buttons */
.my-slider-prev,
.my-slider-next {
    width: 45px;
    height: 45px;

    border: 0;
    border-radius: 50%;

    background: #ffffff;
    color: #222222;

    font-size: 28px;
    line-height: 1;

    cursor: pointer;

    box-shadow: 0 3px 15px rgba(0,0,0,.15);

    display: flex;
    align-items: center;
    justify-content: center;

    transition: all .2s ease;
}

.my-slider-prev:hover,
.my-slider-next:hover {
    transform: scale(1.05);
}

/* Dots */
.my-slider-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.my-slider-dot {
    width: 9px;
    height: 9px;

    padding: 0;
    border: 0;
    border-radius: 50%;

    background: #cccccc;

    cursor: pointer;
}

.my-slider-dot.active {
    background: #222222;
}

/* Mobile */
@media (max-width: 767px) {

    .my-slider-prev,
    .my-slider-next {
        width: 38px;
        height: 38px;
        font-size: 23px;
    }

}



/* =====================================================
   HOME-SERV-ROW
   Keep all existing card styles
   Only convert grid → horizontal slider
===================================================== */

.home-serv-row {
    position: relative !important;
    overflow: hidden !important;
}


/* Kadence row wrapper */
.home-serv-row > .kt-row-column-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;

    gap: 30px !important;

    width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    margin: 0 !important;
    padding: 0 !important;

    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;

    scrollbar-width: none !important;

    -webkit-overflow-scrolling: touch !important;
}


/* Hide scrollbar */
.home-serv-row > .kt-row-column-wrap::-webkit-scrollbar {
    display: none !important;
}


/* =====================================================
   DESKTOP
   EXACTLY 3 EXISTING CARDS AT A TIME
===================================================== */

.home-serv-row
> .kt-row-column-wrap
> .wp-block-kadence-column {

    flex: 0 0 calc((100% - 60px) / 3) !important;

    width: calc((100% - 60px) / 3) !important;

    max-width: calc((100% - 60px) / 3) !important;

    min-width: calc((100% - 60px) / 3) !important;

    scroll-snap-align: start !important;
}


/* =====================================================
   TABLET
   2 CARDS
===================================================== */

@media (max-width: 1024px) {

    .home-serv-row > .kt-row-column-wrap {
        gap: 24px !important;
    }

    .home-serv-row
    > .kt-row-column-wrap
    > .wp-block-kadence-column {

        flex: 0 0 calc((100% - 24px) / 2) !important;

        width: calc((100% - 24px) / 2) !important;

        max-width: calc((100% - 24px) / 2) !important;

        min-width: calc((100% - 24px) / 2) !important;
    }
}


/* =====================================================
   MOBILE
   1 CARD
===================================================== */

@media (max-width: 767px) {

    .home-serv-row > .kt-row-column-wrap {
        gap: 20px !important;
    }

    .home-serv-row
    > .kt-row-column-wrap
    > .wp-block-kadence-column {

        flex: 0 0 100% !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 100% !important;
    }
}

.home-serv-prev,
.home-serv-next {
    position: absolute !important;

    top: 50% !important;
    transform: translateY(-50%) !important;

    z-index: 999 !important;

    width: 44px !important;
    height: 44px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: none !important;
    border-radius: 50% !important;

    background: #ffffff !important;

    color: #222222 !important;

    font-size: 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    cursor: pointer !important;

    box-shadow: 0 3px 12px rgba(0,0,0,.18) !important;
}

.home-serv-prev {
    left: 10px !important;
}

.home-serv-next {
    right: 10px !important;
}

.home-serv-prev:disabled,
.home-serv-next:disabled {
    opacity: 0.3 !important;
    cursor: default !important;
}



/* --- nikhil.css --- */
.menu-language-menu-container {
    display: none;
}

/* SINGLE SERVICE PAGE CUSTOM CSS START FROM HERE  */

.yoast-breadcrumbs.custom-breadcrumbs, p.color-heading {
    padding: 15px 20px 15px 20px;
    border: 1px solid rgba(0,0,0,0.10);
    border-radius: 100px;
    display: inline-block;
    margin-bottom: 15px;
    
}

.yoast-breadcrumbs.custom-breadcrumbs span, p.color-heading {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}

span.orange-text {
    color: var(--orange);
}

.cust-list ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
}

.cust-list ul {
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 26px;
}

.cust-list ul li:before {
    content: "";
    background-image: url(/wp-content/uploads/2025/09/check-icon.svg);
    position: absolute;
    top: 2px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    left: 0px;
}

.orange-bg .kt-inside-inner-col p {
    color: #fff;
}


.service-faq span.kt-blocks-accordion-title {
    font-size: 34px;
    line-height: 44px;
    font-weight: 400 !important;
}

@media only screen and (max-width : 1024px){
    .service-faq span.kt-blocks-accordion-title {
    font-size: 26px;
    line-height: 36px;
    font-weight: 400 !important;
}
}

@media only screen and (max-width : 768px){
    .service-faq span.kt-blocks-accordion-title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 400 !important;
}
}

/* ACCORDION  */

.inner-faq .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger {
    content: url(/wp-content/uploads/2025/09/arrow-icon.svg);
    display: inline-block;
    width: 73px;
    height: 73px;
    background: transparent !important;
    object-fit: contain;
    position: relative;
    /* transform: rotate(-43deg); */
    transform-origin: center;
    transition: transform 0.4s ease-in-out;
}
.inner-faq .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger{
	    width: 49px;
    height: 49px;
}
/* Remove background from ::after if used */
.inner-faq .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger::after {
    background: transparent !important;
}

/* Active state: only rotate, no position change */
.inner-faq .kt-accodion-icon-style-arrow 
.kt-blocks-accordion-header.kt-accordion-panel-active 
.kt-blocks-accordion-icon-trigger {
    transform: rotate(43deg);
}

.inner-faq .kt-blocks-accordion-title{
	font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", Arial, Helvetica, sans-serif;
}

.service-faq.last-faq button.kt-blocks-accordion-header {
    border-bottom: unset !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .inner-faq .kt-accodion-icon-style-arrow .kt-blocks-accordion-icon-trigger {
        width: 36px;
        height: 46px;
    }
}


/* Make the row a flex container */
/* .kt-row-column-wrap {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap; /* keeps layout flexible on smaller screens */


/* Image container setup */
/* .img-container {
  display: flex;
  align-items: stretch;
} */

/* Image should follow container height */
/* .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: none; 
} */

/* Responsive layout for mobile */
/* @media (max-width: 1024px) {
  .kt-row-column-wrap {
    flex-direction: column;
  } */

  /* .img-container img {
    height: auto;
    object-fit: contain;
  }
} */



/* SINGLE SERVICE PAGE CUSTOM CSS ENDS HERE  */


/* CITY SINGLE PAGE TEMPLATE */

.home-contact-container:hover h3 {
    transition: 0.4s all ease-in-out;
}

.home-contact-container:hover h3 {
    color: var(--orange) !important;
}

.image-is-svg.phone-icon {
    background: var(--orange);
    padding: 14px 13px 6px 13px;
    border-radius: 100%;
}

@media only screen and (max-width : 768px){
    .inner-phone-call-section {
    margin-left: 0 !important;
}
}

/* CITY SINGLE PAGE TEMPLATE ENDS*/


/* 404 Page Complete css */
  
  div#content.page-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* padding: 100px 0px; */
  max-width: 1350px;
  margin: 0 auto;
  row-gap: 35px;
  }
  
  .page-404 {
  padding: 257px 60px 120px 60px;
  gap: 43px;
  flex-direction: column;
  align-items: center;
  }
  .page-404 h1 {
  text-align: center;
  }
  
  .page-404 img {
  width: 40% !important;
  }
  
  .anfrage-col.listandsell-button.error-btn a {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 12px 20px;
  border-radius: 8px;
  background-color: var(--orange);
  color: #fff;
  font-size: 20px;
  transition: all 0.4s ease-in-out;
  }
  
  .anfrage-col.listandsell-button.error-btn a:hover{
  background-color: #000;
  }
  .error-desc{
  text-align: center;
  }
  
  .anfrage-col.listandsell-button.error-btn {
  display: flex;
  justify-content: center;
  }


/* --- ashish.css --- */
body,
html {
  scroll-behavior: smooth;
}
.font-500 h3 {
font-weight: 500 !important;
}

#header .header-wrapper div.kt-has-3-columns {
  transition: padding 0.3s ease-in-out;
}

#header.scrolled .header-wrapper div.kt-has-3-columns {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#menu-language-menu,
#menu-language-menu-1 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

.menu-item-2050-de > a,
.menu-item-2050-en > a {
  position: relative;
  color: transparent;
  font-weight: 600;
  font-family: system-ui, sans-serif;
  text-align: center;
  user-select: none;
}

.menu-item-2050-de > a span,
.menu-item-2050-en > a span,
.menu-item-2050-de > a,
.menu-item-2050-en > a {
  overflow: hidden;
  opacity: 1;
}

.menu-item-2050-de > a::after {
  content: "DE";
  color: var(--orange);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
}

.menu-item-2050-en > a::after {
  content: "EN";
  color: var(--orange);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
}

.menu-item-2050-de > a,
.menu-item-2050-en > a {
  display: inline-block;
  width: 40px;
  height: 44px;
  line-height: 34px;
  border: 1px solid var(--orange);
  background-color: #fff2ec;
  transition: background-color 0.4s ease;
  font-size: 18px;
  font-weight: 500;
  vertical-align: middle;
}

.menu-item-2050-de > a {
  border-right: none !important;
  border-radius: 4px 0 0 4px;
}

.menu-item-2050-en > a {
  border-radius: 0 4px 4px 0;
}

.menu-item-2050-de > a:hover,
.menu-item-2050-en > a:hover,
.menu-item-2050-de.current-lang > a,
.menu-item-2050-en.current-lang > a
 {
  background-color: var(--orange);
}

.menu-item-2050-de > a:hover::after,
.menu-item-2050-en > a:hover::after,
.menu-item-2050-de.current-lang > a::after,
.menu-item-2050-en.current-lang > a::after {
  color: #ffffff;
}

/* @media only screen and (max-width: 1024px) {
  .widget_polylang select.pll-switcher-select,
  .widget_polylang::after {
    color: #000000 !important;
  }
}

.widget_polylang select.pll-switcher-select {
  background: transparent;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  border: none;
  outline: none;
  padding: 5px 30px 5px 10px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  cursor: pointer;
  font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", Arial, Helvetica, sans-serif;
}

#header.scrolled .widget_polylang select.pll-switcher-select,
#header.scrolled .widget_polylang::after,
#header.menu-effect .widget_polylang select.pll-switcher-select,
#header.menu-effect .widget_polylang::after {
  color: #000000;
}

.widget_polylang {
  position: relative;
  display: inline-block;
}

.widget_polylang::after {
  content: "▼";
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-35%);
  pointer-events: none;
}

.widget_polylang select.pll-switcher-select option {
  background-color: #fff !important;
  color: #000 !important;
  font-weight: normal !important;
  font-size: 18px !important;
  border-radius: 8px !important;
}

.widget_polylang select.pll-switcher-select option:hover {
  background-color: #eee !important;
}

.widget_polylang select.pll-switcher-select {
  border-radius: 8px !important;
} */

/* floating button css */
#scroll-top {
  background-color: var(--orange);
  padding: 10px 10px 3px 10px !important;
}

#scroll-top svg {
  width: 30px;
  height: 30px;
}

#scroll-top svg path {
  fill: #fff;
}

.float-container-btns {
  right: -196px;
}

.float-container-btns a {
  font-size: 18px;
  gap: 6px;
  background-color: var(--orange);
  font-family: "Poppins custom", "Poppins custom Fallback", Arial, Helvetica, sans-serif;
  border-radius: 5px 0 0 5px;
  border: 1px solid #fff;
}

.float-container-btns svg {
  width: 30px !important;
  height: 30px !important;
}

.float-container-btns svg path {
  fill: #ffffff;
}

@media only screen and (max-width: 767px) {
  #scroll-top {
    padding: 8px 8px 3px 8px !important;
  }

  #scroll-top svg {
    width: 26px;
    height: 26px;
  }
}

/* header css */
#header .mobile-header-logo img {
  vertical-align: middle;
}

ul#menu-header-menu,
#menu-header-menu-english {
  gap: 2rem;
}

ul#menu-header-menu > li > a,
#menu-header-menu-english > li > a {
  font-weight: 500;
}

div#header {
  position: fixed;
  width: 100%;
  top: 0px;
  /* overflow: hidden; */
  z-index: 999;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

div#header.scrolled,
div#header.menu-effect {
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.page-id-1248 div#header, .page-id-1461 div#header, .error404 div#header {
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.page-id-1248 #header .header-quote-btn, .page-id-1461 div#header .header-quote-btn {
  color: #fff;
  background-color: var(--orange);
}

/* #header.scrolled .header-wrapper > .kt-row-column-wrap.kt-has-3-columns, div#header.menu-effect .header-wrapper > .kt-row-column-wrap.kt-has-3-columns {
  padding-top: 1.5rem;
} */

#header.scrolled .header-quote-btn,
#header.menu-effect .header-quote-btn {
  color: #fff;
  background-color: var(--orange);
}

#header .header-quote-btn {
  font-weight: 600;
  border: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* #header .header-wrapper > .kt-row-column-wrap.kt-has-3-columns {
  padding-top: 2.5rem;
  transition: padding 0.3s ease;
} */

.desktop-footer .kt-svg-icon-list .kt-svg-icon-list-single,
.desktop-footer-english .kt-svg-icon-list .kt-svg-icon-list-single {
  display: none !important;
}

#header .mega-menu {
  position: absolute;
  left: 0;
  width: 100vw;
  max-height: 0;
  overflow: hidden;
  border-radius: 0 0 40px 40px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
  transition: max-height 0.6s ease-in-out;
}

/* when active (open) */
#header .mega-menu.open {
  max-height: 1000px; /* just large enough to fit content */
}

#header .mega-menu-2 {
  position: absolute;
  left: 0;
  width: 100vw;
  max-height: 0;
  overflow: hidden;
  border-radius: 0 0 40px 40px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
  transition: max-height 0.6s ease-in-out;
}

/* when active (open) */
#header .mega-menu-2.open {
  max-height: 1000px; /* just large enough to fit content */
}

@media only screen and (max-width: 1024px) {
  div#header {
    overflow: visible !important;
  }
}

#menu-item-866 > a::after, #menu-item-2248 > a::after ,#menu-item-5565 > a::after{
  content: "";
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  margin-left: 0.2rem;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  background: url('data:image/svg+xml;utf8,<svg fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 8L10 13L15 8" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')
    no-repeat center/contain;
}

#menu-item-866 > a.arrow-up::after,#menu-item-2248 > a.arrow-up::after,#menu-item-5565 > a.arrow-up::after {
  transform: rotate(180deg);
}

/* header css end*/

/* footer css */

.footer-google-review .google-logo img {
  width: 175px !important;
}

.footer-google-review .stars-svg img {
  width: 115px !important;
}

.mob-footer {
  position: fixed !important;
  bottom: 0;
  box-shadow: 0 0 30px 0 rgb(0 0 0 / 23%);
  z-index: 99 !important;
  width: 100%;
}

.mob-footer figure img {
  vertical-align: middle;
}

.mob-footer p {
  font-weight: 500;
}

#mymenu ul li:last-of-type {
  line-height: 2.4 !important;
}

#mymenu p {
  display: none;
}

.overlay .closebtn svg {
  width: 30px;
  height: 30px;
}

.overlay .closebtn:hover svg {
  fill: var(--orange);
}

@media only screen and (max-width: 1024px) {
  #mymenu .kt-svg-icon-list-item-wrap,
  #myNav .kt-svg-icon-list-item-wrap {
    border-bottom: 1px solid #fe571624;
    padding-bottom: 5px !important;
  }

  #myNav .mobile-services-wrapper .kt-svg-icon-list-item-wrap:last-child {
    border-bottom: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1399px) {
  div.desktop-footer {
    padding: 0 15px;
  }
}

.rounded-tag {
  font-size: 20px;
  font-weight: 500;
  padding: 8px 20px;
  border-radius: 100px;
  border: 1px solid rgb(0 0 0 / 30%);
}

.contact-rounded-icon {
  width: 86px;
  height: 86px;
  background-color: #ffe0d4;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* faq accordion style */

.kt-blocks-accordion-header {
  cursor: pointer;
}

.faq-accordion .kt-accordion-pane:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

/* contact form style */

#wpforms-258 {
  margin: 0 !important;
}

#wpforms-258 .wpforms-field-container .wpforms-field-label {
  font-size: 20px;
  font-weight: 500;
}

#wpforms-258 .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 24px;
}

#wpforms-258 .wpforms-field-container .half-width {
  width: 48% !important;
}

#wpforms-258 .wpforms-field-container .wpforms-field {
  width: 100%;
}

#wpforms-258 .wpforms-field-container input {
  height: 64px;
}

#wpforms-258 .wpforms-field-container textarea {
  height: calc(var(--wpforms-field-size-input-height) * 3.1);
}

#wpforms-258 .wpforms-field-container input,
#wpforms-258 .wpforms-field-container textarea {
  border-radius: 10px;
  border: 1px solid hwb(0deg 0% 100% / 15%);
  padding: 1rem 0.8rem;
  background-color: var(--wpforms-field-background-color);
  background-clip: padding-box;
  font-size: 20px;
  color: #222222;
}

#wpforms-submit-258 {
  height: 64px;
  font-size: 20px;
  padding: 1rem 2rem;
  margin-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .contact-rounded-icon {
    width: 70px;
    height: 70px;
  }

  #wpforms-258 .wpforms-field-container .half-width {
    width: 100% !important;
  }

  #wpforms-submit-258 {
    height: 60px;
  }

  .faq-accordion .kt-accordion-pane:last-child {
    border-bottom: none;
  }

  #kt-accordion-id14_9381b5-72 .kt-accordion-pane:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }
}

@media only screen and (min-width: 1024px) {
  figure.about-page-collage img {
    transform: scale(1.2);
    transform-origin: left top;
  }
}

/* about page slider  */

.slider-container {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", Arial, Helvetica, sans-serif;
}

.slider-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  height: 400px;
  gap: 34px;
}

.fixed-our {
  font-weight: 500;
  font-size: 98px;
  color: #161616;
  user-select: none;
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 0;
  white-space: nowrap;
}

.arrow-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: auto;
}

.arrow {
  width: 0;
  height: 0;
  border-left: 28px solid transparent;
  border-right: 28px solid transparent;
  cursor: pointer;
  user-select: none;
  transition: opacity 0.25s;
}

.arrow.up {
  position: absolute;
  top: -5rem;
  border-bottom: 28px solid #ff6600;
}

.arrow.down {
  border-top: 28px solid #ff6600;
  position: absolute;
  bottom: -5rem;
}

.arrow.disabled {
  border-top-color: rgb(0 0 0 / 60%);
  border-bottom-color: rgb(0 0 0 / 60%);
  /* opacity: 0.3; */
  cursor: auto;
}

.slider-tabs-wrapper {
  overflow: hidden;
  height: 100%;
  width: fit-content;
  display: flex;
  align-items: center;
  position: relative;
}

.slider-tabs-wrapper {
  position: relative;
  overflow: hidden;
}

.slider-tabs-wrapper::before,
.slider-tabs-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 75px;
  z-index: 2;
  pointer-events: none;
}

.slider-tabs-wrapper::before {
  top: 0;
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
}

.slider-tabs-wrapper::after {
  bottom: 0;
  background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
}

.slider-tabs {
  display: flex;
  flex-direction: column;
  transition: transform 0.45s cubic-bezier(0.69, 0.04, 0.16, 0.96);
  will-change: transform;
  user-select: none;
}

.slider-tab {
  font-size: 98px;
  height: 140px;
  color: #212121;
  display: flex;
  align-items: center;
  font-weight: 400;
  cursor: pointer;
  margin: 0;
  opacity: 0.25;
  transition: opacity 0.3s;
  white-space: nowrap;
}

.slider-tab.active {
  opacity: 1;
}

.slider-right {
  width: 100%;
  min-height: 370px;
  display: flex;
  align-items: center;
  margin-left: 63px;
  position: relative;
  overflow: hidden;
  height: 370px;
}

.slider-content-track {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.45s cubic-bezier(0.69, 0.04, 0.16, 0.96);
  will-change: transform;
}

.slider-content-panel {
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  padding: 0;
  box-sizing: border-box;
}

.slider-content-panel p {
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  color: #282828;
  margin: 0;
  font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", Arial, Helvetica, sans-serif;
}

.highlight {
  color: #ff6600;
  font-weight: 400;
}

@media (max-width: 767px) {
  .slider-container {
    flex-direction: column;
    gap: 6rem;
  }

  .slider-left {
    height: 102px !important;
    gap: 16px !important;
  }

  .slider-right {
    margin-left: 0;
    min-height: unset;
    height: 248px;
  }

  .fixed-our {
    font-size: 46px;
    height: 100%;
  }

  .slider-tab {
    font-size: 46px;
    height: 90px;
  }

  .slider-content-panel {
    min-height: 220px;
  }

  .slider-content-panel p {
    font-size: 22px;
    line-height: 30px;
  }

  .arrow {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
  }

  .arrow.up {
    top: -4rem;
    border-bottom: 16px solid #ff6600;
  }

  .arrow.down {
    bottom: -4rem;
    border-top: 16px solid #ff6600;
  }
}

/* moving-truck-styles */

.truck-animation-wrapper .moving-truck-image img {
  position: absolute;
  left: -4rem;
  top: 50%;
  transform: translateY(-50%);
}

.truck-animation-wrapper {
  position: relative;
  overflow: hidden;
  background: url("/wp-content/uploads/2025/09/truck-3-1.webp")
      repeat-x,
    url("/wp-content/uploads/2025/09/truck-2-1.webp")
      repeat-x,
    url("/wp-content/uploads/2025/09/road-1-1.webp")
      repeat-x;
  background-size: auto 100%, auto 100%, auto 100%;
  background-position: 0 100%, 33% 100%, 66% 100%;
  animation: road-marquee 2.6s linear infinite;
  min-height: 320px;
}

@keyframes road-marquee {
  0% {
    background-position: 0 100%, 33% 100%, 66% 100%;
  }
  100% {
    background-position: 1200px 100%, 1200px 100%, 1200px 100%;
  }
}

.moving-truck-image img {
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  animation: truck-bounce 4.5s cubic-bezier(0.64, 0, 0.64, 1) infinite;
  z-index: 10;
}

@keyframes truck-bounce {
  0% {
    transform: translateY(-50%); /* hold center */
  }
  25% {
    transform: translateY(-56%); /* smoothly move up */
  }
  50% {
    transform: translateY(-44%); /* smoothly move down */
  }
  75% {
    transform: translateY(-50%); /* smoothly return center */
  }
  100% {
    transform: translateY(-50%); /* hold center */
  }
}

@media only screen and (max-width: 767px) {
  .moving-truck-image img {
    left: 2.8rem !important;
    margin-top: 2rem;
    max-width: 75% !important;
  }
  .slider-tabs-wrapper::before, .slider-tabs-wrapper::after {
    height: 50px;
}
}

@media only screen and (min-width: 1024px) {
}


/* --- mega-menu.css --- */
.mega-menu span.kb-svg-icon-wrap.kb-svg-icon-fas_box-open.kt-svg-icon-list-single svg {
    fill: var(--orange-hover) !important;
  }
  .menu, .sub-menu {
    margin: unset;
    padding: unset;
  }
  .sub-menu {
    margin-top: 10px !important;
    background-color: #ffffff !important;
    background-image: none !important;
    position: fixed;
    left: 0;
    z-index: 5;
  }
  .city-mega-menu, .service-mega-menu{
    position: absolute !important;
    width: 100vw;
    z-index: 9999;
    height: 0px !important;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(.2,.1,.1,.1) 0s;
    background-image: linear-gradient(180deg, rgb(255 255 255) 20%, rgb(240, 250, 255) 80%);
    border-radius: 0 0 100px 100px !important;
    overflow: hidden;
  }
  .city-mega-menu.show-menu, .service-mega-menu.show-menu{
    border-bottom: 20px solid #f0faff;
    height: 400px !important;
    position: absolute;
    transition: all 0.3s cubic-bezier(.2,.1,.1,.1) 0.4s;
  }
  
  .chevron-icon > a > svg > g > path {
    fill: #000;
    transition: all 0.2s linear;
  }
  .chevron-icon>a>svg {
    transform: rotateX(0deg);
    transition: all .2s linear;
    width: 20px;
    height: 17px;
    z-index: -1;
    position: relative
  }
  
  .chevron-icon.rotate-icon>a>svg {
    transform: rotateX(180deg);
    width: 20px;
    height: 17px
  }
  .chevron-icon:hover > a > svg > g > path {
    fill: #fea609;
  }
  .chevron-icon.rotate-icon > a > svg > g > path {
    fill: #fea609;
  }
  
  
  
  .chevron-icon>a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    color: #000;
    transition: all 0.2s linear;
  }
  
  .chevron-icon.rotate-icon>a {
    color: #fea609 !important;
  }
  
  .city-mega-menu,.service-mega-menu,.kontakt-mega-menu {
      position: absolute!important;
      width: 100vw;
      z-index: 9999;
      height: 0px!important;
      overflow: hidden;
      transition: all 0.3s cubic-bezier(.2,.1,.1,.1) 0s;
      background-image: linear-gradient(180deg,rgb(255 255 255) 20%,rgb(240,250,255) 80%);
      border-radius: 0 0 100px 100px!important;
      overflow: hidden
    }
    
    .city-mega-menu.show-menu,.service-mega-menu.show-menu,.kontakt-mega-menu.show-menu {
      border-bottom: 20px solid #f0faff;
      height: 400px!important;
      position: absolute;
      transition: all 0.3s cubic-bezier(.2,.1,.1,.1) 0.4s
    }
    
    .service-mega-menu.mega-menu.show-menu {
      height: 430px!important;
    }
  
    li#menu-item-1818 .city-mega-menu.show-menu {
      height: 390px!important
    }
  
    #menu-item-1820 .kontakt-mega-menu.show-menu {
      height: 340px!important
    }
  
  
    /* blog  */
  
  .all-post nav.pagination {
    margin-top: 40px
  }
  
  .all-post nav.pagination .wp-block-query-pagination-numbers .page-numbers {
    padding: 4px 10px;
    background: #fff;
    font-size: 20px;
    margin: 1px;
    transition: all 0.2s linear
  }
  
  .all-post nav.pagination .wp-block-query-pagination-numbers .page-numbers.current {
    background: var(--orange);
    color: #fff
  }
  
  .all-post nav.pagination .wp-block-query-pagination-numbers .page-numbers:hover {
    background: var(--orange);
    color: #fff
  }
  
  
  .nxt-prv .kt-inside-inner-col {
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start;
    padding: 33px 0px;
  }
  .nxt-prv .kt-inside-inner-col div a:hover {
    background: #262626;
  }
  .nxt-prv .kt-inside-inner-col div a {
    color: #fff;
    background: var(--orange);
    font-size: 18px;
    line-height: 28px;
    padding: 10px 18px;
    border-radius: 4px;
  }
  .all-post.home .post-loop ul.columns-3 li {
    box-shadow: 0 3px 40px 0 #0000000f
  }
  .all-post .wp-block-post-title a:hover {
    color: var(--golden)
  }
  
  .all-post .post-loop ul li > div {
    padding: 0px!important
  }
  
  
  .all-post .post-loop ul.columns-3 li {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 3px 40px 0 #0000000f;
  }
  
  
  .all-post .post-loop ul.columns-3 {
    gap: 30px
  }
  
  .all-post .post-loop ul li > div > div {
    display: flex;
    flex-direction: column;
    gap: 10px
  }
  
  .all-post .post-loop ul li > div > div h2 {
    font-size: 21px;
    line-height: 28px
  }
  
  .all-post .post-loop ul li > div .wp-block-group__inner-container .wp-block-post-date {
    color: var(--golden);
    font-weight: 700
  }
  
  .all-post .post-loop ul li > div .wp-block-group__inner-container p {
    font-size: 17px;
    line-height: 27px
  }
  
  .all-post .post-loop ul li > div .wp-block-group__inner-container img {
    border-radius: 10px;
  }
  .all-post a.wp-block-post-excerpt__more-link {
    background: var(--orange);
    color: #fff;
    padding: 5px 15px;
    margin-top: 10px;
    border-radius: 6px;
  }
  
  .all-post a.wp-block-post-excerpt__more-link:hover {
    background: #262626;
  }
  .post-left {
    background: #fff!important;
    padding: 25px;
    background: #fff;
    padding: 25px;
    border-radius: 25px;
    box-shadow: 5px 6px 30px 0 rgba(0,0,0,.1)
  }
  
  .post-left h1 {
    font-size: 31px;
    line-height: 40px
  }
  
  .post-left h2 {
    padding-top: 15px!important;
    font-size: 26px;
    line-height: 32px
  }
  

  
  .post-left figure.wp-block-post-featured-image img {
    border-radius: 25px
  }
  
  span.kb-table-of-contents-title {
    color: #fff;
    background: var(--orange);
    padding: 10px 15px 10px 15px;
    font-size: 20px!important;
    border-radius: 10px 10px 0 0;
  }
  
  .post-left .kb-table-of-content-wrap {
    padding: 0px!important;
    background: #f4f8fc;
    border-radius: 10px;
  }
  
  .post-left nav.wp-block-kadence-tableofcontents.kb-table-of-content-nav {
    padding: 25px 0
  }
  
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline li a {
    text-decoration: none
  }
  
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline li {
    padding: 6px 0
  }
  
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline {
    margin-top: 5px;
    padding-left: 31px;
    padding: 10px 20px 20px 40px;
  }
  
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline>li a {
    padding: 6px 0px!important;
  }
  
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline>li ol.kb-table-of-contents-list-sub {
    padding-top: 7px;
    padding-left: 23px
  }
  
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline>li a:hover {
    color: #1d2b62
  }
  
  .post-left {
    background: #fff!important;
    padding: 25px;
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 3px 40px 0 #0000000f;
  }
  
  .post-left h1 {
    font-size: 31px;
    line-height: 40px
  }
  
  .post-left h2 {
    padding-top: 15px!important;
    font-size: 26px;
    line-height: 36px
  }
  .post-left h3 {
    padding-top: 15px !important;
    font-size: 23px;
    line-height: 33px;
  }
  .post-left h4 {
    padding-top: 15px !important;
    font-size: 21px;
    line-height: 31px;
  }

  
  .post-left figure.wp-block-post-featured-image img {
    border-radius: 10px;
  }
  
  .post-right ul.wp-block-latest-posts li {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 0 3px 40px 0 #0000000f;
    display: flex;
    flex-direction: column;
    gap: 5px
  }
  
  .post-right ul.wp-block-latest-posts li img {
    border-radius: 10px;
  }
  
  .single-post #content .post-left .kt-inside-inner-col>ul {
    padding-left: 0;
    margin: 0
  }
  
  .single-post #content .post-left .kt-inside-inner-col>ul li {
    list-style-type: none;
    position: relative;
    padding-left: 23px;
    padding-bottom: 9px;
    line-height: 25px
  }
  
  .single-post #content .post-left .kt-inside-inner-col>ul li:before {
    content: "";
    background-image: url(/wp-content/uploads/2024/02/check-mark-3.svg);
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-size: cover
  }
  
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline>li a {
    color: var(--text) !important;
  }
  
  .kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list-style-numbered li:before {
    color: var(--orange);
  }
  
  
  
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline>li>ol.kb-table-of-contents-list-sub ol.kb-table-of-contents-list-sub {
    padding-left: 43px;
  }
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline>li>ol.kb-table-of-contents-list-sub ol.kb-table-of-contents-list-sub li:before {
    margin-left: -43px;
  }
  
  
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline>li>ol.kb-table-of-contents-list-sub li >ol.kb-table-of-contents-list-sub li>ol.kb-table-of-contents-list-sub {
    padding-left: 54px;
  }
  
  .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline>li>ol.kb-table-of-contents-list-sub li >ol.kb-table-of-contents-list-sub li>ol.kb-table-of-contents-list-sub li:before {
    margin-left: -54px;
  }
  
  @media only screen and (max-width: 767px) {
    .col-50 {
      width: 100% !important;
  }
  .cus-form.job-form {
    padding: 20px;
    border-radius: 30px;
  }
   
    .post-left nav.wp-block-kadence-tableofcontents.kb-table-of-content-nav {
        padding: 10px 0 25px 0
    }
  
    .post-left {
        padding: 10px
    }
  
    .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline {
        padding: 7px 10px 10px 33px
    }
  
    .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline>li ol.kb-table-of-contents-list-sub {
        padding-left: 15px
    }
  
    .post-left ol.kb-table-of-content-list.kb-table-of-content-list-columns-1.kb-table-of-content-list-style-numbered.kb-table-of-content-link-style-underline li a {
        font-size: 16px!important
    }
  
    
    .single-post {
        word-wrap: break-word
    }
  
  }

  .taxonomy-category.wp-block-post-terms a {
    background: #fff;
    padding: 2px 12px;
    border-radius: 50px;
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    z-index: 2;
    top: 36px;
    left: 24px;
}
  
  
  
  
  /* blog  */

/* --- style.css --- */
/*
Theme Name: Listandsell
Author: List&Sell team 
Description: The Listandsell theme is light-weighted theme, especially designed for SEO Projects  
Author URI: https://listandsell.de
Version: 1.0
 */

.mega-menu .kb-svg-icon-wrap svg {
    width:21px !important;
    height:21px !important;
}

/* --- perf.css --- */
/* =========================================================================
   perf.css - layout-stability layer
   =========================================================================

   Loaded last in the theme bundle (see inc/performance.php). It contains no
   visual design: only rules whose job is to stop the page from moving while
   it loads.

   ------------------------------------------------------------------------
   1. Metric-matched fallback fonts
   ------------------------------------------------------------------------

   PageSpeed attributed the layout shift on both mobile (0.267) and desktop
   (0.233) to the woff2 files: the page paints in Arial, the webfont lands a
   second later, and every paragraph re-wraps.

   The faces below are not real fonts - they are the *system* font with its
   metrics rewritten so that it occupies exactly the space the webfont will
   occupy. Text laid out in the fallback and text laid out in the real font
   then take up the same number of lines, so the swap costs nothing.

   size-adjust  = webfont avg glyph width / Arial avg glyph width
   *-override   = webfont hhea metric / units-per-em, divided by size-adjust

   The numbers were measured from the actual woff2 files in ../../fonts
   (weighted by English letter frequency, the same method @capsizecss uses),
   with Arial as the reference (unitsPerEm 2048, xWidthAvg 913). Regenerate
   them if the font files are ever replaced.

   local() lists Roboto and Liberation Sans as well so that Android and Linux
   get the same treatment; their average glyph widths are within 0.3% of
   Arial's, so the same overrides hold.
   ========================================================================= */

/* ---- Poppins ------------------------------------------------------------ */

@font-face {
  font-family: "Poppins custom Fallback";
  font-style: normal;
  font-weight: 400;
  src: local("Arial"), local("Helvetica Neue"), local("Roboto"), local("Liberation Sans");
  size-adjust: 115.9711%;
  ascent-override: 90.5398%;
  descent-override: 30.1799%;
  line-gap-override: 8.6228%;
}

@font-face {
  font-family: "Poppins custom Fallback";
  font-style: normal;
  font-weight: 500;
  src: local("Arial"), local("Helvetica Neue"), local("Roboto"), local("Liberation Sans");
  size-adjust: 117.3170%;
  ascent-override: 89.5011%;
  descent-override: 29.8337%;
  line-gap-override: 8.5239%;
}

@font-face {
  font-family: "Poppins custom Fallback";
  font-style: normal;
  font-weight: 600;
  src: local("Arial"), local("Helvetica Neue"), local("Roboto"), local("Liberation Sans");
  size-adjust: 118.2142%;
  ascent-override: 88.8218%;
  descent-override: 29.6073%;
  line-gap-override: 8.4592%;
}

/* ---- Plus Jakarta Sans -------------------------------------------------- */

@font-face {
  font-family: "Plus Jakarta Sans Fallback";
  font-style: normal;
  font-weight: 300;
  src: local("Arial"), local("Helvetica Neue"), local("Roboto"), local("Liberation Sans");
  size-adjust: 109.0173%;
  ascent-override: 95.2142%;
  descent-override: 20.3637%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Plus Jakarta Sans Fallback";
  font-style: normal;
  font-weight: 400;
  src: local("Arial"), local("Helvetica Neue"), local("Roboto"), local("Liberation Sans");
  size-adjust: 109.0173%;
  ascent-override: 95.2142%;
  descent-override: 20.3637%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Plus Jakarta Sans Fallback";
  font-style: normal;
  font-weight: 500;
  src: local("Arial"), local("Helvetica Neue"), local("Roboto"), local("Liberation Sans");
  size-adjust: 110.1389%;
  ascent-override: 94.2446%;
  descent-override: 20.1564%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Plus Jakarta Sans Fallback";
  font-style: normal;
  font-weight: 600;
  src: local("Arial"), local("Helvetica Neue"), local("Roboto"), local("Liberation Sans");
  size-adjust: 111.2605%;
  ascent-override: 93.2946%;
  descent-override: 19.9532%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Plus Jakarta Sans Fallback";
  font-style: normal;
  font-weight: 700;
  src: local("Arial"), local("Helvetica Neue"), local("Roboto"), local("Liberation Sans");
  size-adjust: 112.3820%;
  ascent-override: 92.3635%;
  descent-override: 19.7540%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Plus Jakarta Sans Fallback";
  font-style: normal;
  font-weight: 800;
  src: local("Arial"), local("Helvetica Neue"), local("Roboto"), local("Liberation Sans");
  size-adjust: 113.2793%;
  ascent-override: 91.6319%;
  descent-override: 19.5976%;
  line-gap-override: 0%;
}

/* -------------------------------------------------------------------------
   2. Catch-all font stack

   The individual font-family declarations across the theme now name the
   matching *Fallback* family explicitly. This rule covers everything that
   inherits from the document root - Kadence blocks, plugin markup, anything
   we do not style by hand.
   ------------------------------------------------------------------------- */

html,
body {
  font-family: "Poppins custom", "Poppins custom Fallback", Arial, Helvetica, sans-serif;
}

/* -------------------------------------------------------------------------
   3. Hero enquiry form

   Escape hatch, off by default. The homepage form is built by WPForms and
   enhanced in place by intl-tel-input and flatpickr; if those enhancements
   ever change its height after paint, everything below it jumps.

   To reserve the space, measure the finished form in DevTools and set the
   height here - a value slightly larger than the real one costs a little
   padding but removes the shift entirely.
   ------------------------------------------------------------------------- */

.cus-form.home-form {
  min-height: var(--home-form-reserve, auto);
}

/* Example:
@media (max-width: 767px) {
  .cus-form.home-form { --home-form-reserve: 380px; }
}
*/