@font-face {
  font-family: 'bold';
  src: url('../fonts/Akshar-Bold.woff2') format('woff2'),
       url('../fonts/Akshar-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cta-font';
  src: url('../fonts/Acme-Regular.woff2') format('woff2'),
       url('../fonts/Acme-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'regular';
  src: url('../fonts/Akshar-Regular.woff2') format('woff2'),
       url('../fonts/Akshar-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'light';
  src: url('../fonts/Akshar-Light.woff2') format('woff2'),
       url('../fonts/Akshar-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'medium';
  src: url('../fonts/Akshar-Medium.woff2') format('woff2'),
       url('../fonts/Akshar-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'semibold';
  src: url('../fonts/Akshar-SemiBold.woff2') format('woff2'),
       url('../fonts/Akshar-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



.bold{font-family: 'bold';}
.semibold{font-family: 'semibold';}
.cta-font{font-family: 'cta-font';}
.regular{font-family: 'regular';}
.medium{font-family: 'medium';}
.light{font-family: 'light';}


:root {
    /* COLORS */
    --white-fff: #FFFFFF;
    --orange-fb7: #FB7247;
	--orange-cd3: #CD3808;
    --grey-99a: #99A1AF;
	--grey-3B3: #3B3B4F;
    --grey-d9d: #D9D9D9;
    --orange-c83: #C83E00;
    --grey-2e3: #2E313C;
    --black-171: #171717;
    --black-1a1: #1A1A1A;
    --grey-272: #272C31;
    --grey-484: #484E54;
    --cream-e5e: #E5E0DB;
    --black-141: #141414;
    --navy-364: #364153;
    --white-fef: #FEFEFE;
    --black-1d2: #1D2125;
    --navy-1e2: #1E2939;
    --grey-6a7: #6A7282;
    --grey-eae: #EAEBEF;
    --white-f7f: #F7F5F2;
    --cream-fff: #FFF3EE;
	--grey-f2f: #F2F3F5;

    /* FONT SIZES WITH CLAMP */
--font-72: clamp(36px, 5vw, 99999px);
--font-48: clamp(24px, 3.33vw, 99999px);
--font-36: clamp(21px, 2.5vw, 99999px);	
--font-30: clamp(18px, 2.08vw, 99999px);	
--font-28: clamp(18px, 1.94vw, 99999px);	
--font-20: clamp(16px, 1.11vw, 99999px);	
	
	
	
	
	
	
--font-250: clamp(48px, 12.6vw, 99999px);
--font-200: clamp(48px, 10vw, 99999px);
--font-100: clamp(48px, 5vw, 99999px);
--font-90: clamp(44px, 4.7vw, 99999px);
--font-88: clamp(40px, 4.59vw, 99999px);
--font-80: clamp(40px, 4.17vw, 99999px);

--font-60: clamp(30px, 3.12vw, 99999px);
--font-55: clamp(24px, 2.87vw, 99999px);
--font-50: clamp(26px, 2.6vw, 99999px);
--font-40: clamp(22px, 2.08vw, 99999px);
--font-32: clamp(18px, 1.66vw, 99999px);


--font-26: clamp(18px, 1.35vw, 99999px);
--font-25: clamp(18px, 1.3vw, 99999px);
--font-24: clamp(16px, 1.25vw, 99999px);
--font-22: clamp(16px, 1.15vw, 99999px);

--font-19: clamp(14px, 1vw, 99999px);
--font-18: clamp(14px, 1vw, 99999px);
--font-16: clamp(14px, 0.83vw, 99999px);
--font-14: clamp(14px, 0.73vw, 99999px);
--font-12: clamp(12px, 0.63vw, 99999px);
--font-10: clamp(10px, 0.52vw, 99999px);
--font-8: clamp(8px, 0.42vw, 99999px);


    /* LINE HEIGHT VARIABLES (optional) */
 

    /* PADDING / MARGIN VARIABLES */
	 --pt-30: clamp(16px, 1.67vw, 30px);
    --pt-40: clamp(16px, 2vw, 40px);
    --pt-60: clamp(24px, 3vw, 60px);
    --pt-80: clamp(36px, 4.5vw, 80px);
    --pt-120: clamp(48px, 6vw, 120px);

    --pb-30: clamp(16px, 1.67vw, 30px);
	--pb-40: clamp(16px, 2vw, 40px);
    --pb-60: clamp(24px, 3vw, 60px);
    --pb-80: clamp(36px, 4.5vw, 80px);
    --pb-120: clamp(48px, 6vw, 120px);

    --pl-40: clamp(16px, 2vw, 40px);
    --pl-60: clamp(24px, 3vw, 60px);
    --pl-80: clamp(36px, 4.5vw, 80px);
    --pl-120: clamp(48px, 6vw, 120px);

    --pr-40: clamp(16px, 2vw, 40px);
    --pr-60: clamp(24px, 3vw, 60px);
    --pr-80: clamp(36px, 4.5vw, 80px);
    --pr-120: clamp(48px, 6vw, 120px);
}



/* FONT SIZE CLASSES */
.font-48  { font-size: var(--font-48); line-height: 1.01; }
.font-36  { font-size: var(--font-36); line-height: 1.01; }


.font-250 { font-size: var(--font-250); }
.font-200 { font-size: var(--font-200); }
.font-100 { font-size: var(--font-100); }

.font-90  { font-size: var(--font-90); }
.font-88  { font-size: var(--font-88); }
.font-80  { font-size: var(--font-80); }
.font-72  { font-size: var(--font-72); }
.font-60  { font-size: var(--font-60); }
.font-55  { font-size: var(--font-55); }
.font-50  { font-size: var(--font-50); }

.font-40  { font-size: var(--font-40); }

.font-32  { font-size: var(--font-32); }
.font-30  { font-size: var(--font-30); }

.font-28  { font-size: var(--font-28); }
.font-27  { font-size: var(--font-27); }
.font-26  { font-size: var(--font-26); }
.font-25  { font-size: var(--font-25); }
.font-24  { font-size: var(--font-24); }
.font-22  { font-size: var(--font-22); }
.font-20  { font-size: var(--font-20); }
.font-19  { font-size: var(--font-19); }
.font-18  { font-size: var(--font-18); }
.font-16  { font-size: var(--font-16); }
.font-14  { font-size: var(--font-14); }
.font-12  { font-size: var(--font-12); }
.font-10  { font-size: var(--font-10); }
.font-8   { font-size: var(--font-8); }

/* -------------------------
   PADDING UTILITIES
------------------------- */

/* PADDING TOP */
.pt-30  { padding-top: var(--pt-30); }
.pt-40  { padding-top: var(--pt-40); }
.pt-60  { padding-top: var(--pt-60); }
.pt-80  { padding-top: var(--pt-80); }
.pt-120 { padding-top: var(--pt-120); }

/* PADDING BOTTOM */
.pb-30  { padding-bottom: var(--pb-30); }
.pb-40  { padding-bottom: var(--pb-40); }
.pb-60  { padding-bottom: var(--pb-60); }
.pb-80  { padding-bottom: var(--pb-80); }
.pb-120 { padding-bottom: var(--pb-120); }

/* PADDING LEFT */
.pl-40  { padding-left: var(--pl-40) !important; }
.pl-60  { padding-left: var(--pl-60) !important; }
.pl-80  { padding-left: var(--pl-80) !important; }
.pl-120 { padding-left: var(--pl-120) !important; }

/* PADDING RIGHT */
.pr-40  { padding-right: var(--pr-40) !important; }
.pr-60  { padding-right: var(--pr-60) !important; }
.pr-80  { padding-right: var(--pr-80) !important; }
.pr-120 { padding-right: var(--pr-120) !important; }

/* -------------------------
   MARGIN UTILITIES
------------------------- */

/* MARGIN TOP */
.mt-40  { margin-top: var(--pt-40); }
.mt-60  { margin-top: var(--pt-60); }
.mt-80  { margin-top: var(--pt-80); }
.mt-120 { margin-top: var(--pt-120); }

/* MARGIN BOTTOM */
.mb-40  { margin-bottom: var(--pb-40); }
.mb-60  { margin-bottom: var(--pb-60); }
.mb-80  { margin-bottom: var(--pb-80); }
.mb-120 { margin-bottom: var(--pb-120); }

/* MARGIN LEFT */
.ml-40  { margin-left: var(--pl-40); }
.ml-60  { margin-left: var(--pl-60); }
.ml-80  { margin-left: var(--pl-80); }
.ml-120 { margin-left: var(--pl-120); }

/* MARGIN RIGHT */
.mr-40  { margin-right: var(--pr-40); }
.mr-60  { margin-right: var(--pr-60); }
.mr-80  { margin-right: var(--pr-80); }
.mr-120 { margin-right: var(--pr-120); }


/* TEXT COLOR CLASSES */
.white-fff{color:var(--white-fff)}
.low-fff{color:var(--white-fff); opacity: 0.8;}
.orange-cd3{color: var(--orange-cd3)}
.grey-3B3{color: var(--grey-3B3);}
.orange-fb7{color:var(--orange-fb7)}
.grey-99a{color:var(--grey-99a)}
.grey-d9d{color:var(--grey-d9d)}
.orange-c83{color:var(--orange-c83)}
.grey-2e3{color:var(--grey-2e3)}
.black-171{color:var(--black-171)}
.black-1a1{color:var(--black-1a1)}
.grey-272{color:var(--grey-272)}
.grey-484{color:var(--grey-484)}
.cream-e5e{color:var(--cream-e5e)}
.black-141{color:var(--black-141)}
.navy-364{color:var(--navy-364)}
.white-fef{color:var(--white-fef)}
.black-1d2{color:var(--black-1d2)}
.navy-1e2{color:var(--navy-1e2)}
.grey-6a7{color:var(--grey-6a7)}
.grey-eae{color:var(--grey-eae)}
.white-f7f{color:var(--white-f7f)}
.cream-fff{color:var(--cream-fff)}
.grey-F2F{color: var(--grey-f2f)}


/* BACKGROUND COLOR CLASSES */
.white-fff-bg{background:var(--white-fff)}
.orange-fb7-bg{background:var(--orange-fb7)}
.grey-99a-bg{background:var(--grey-99a)}
.grey-d9d-bg{background:var(--grey-d9d)}
.orange-c83-bg{background:var(--orange-c83)}
.grey-2e3-bg{background:var(--grey-2e3)}
.black-171-bg{background:var(--black-171)}
.black-1a1-bg{background:var(--black-1a1)}
.grey-272-bg{background:var(--grey-272)}
.grey-484-bg{background:var(--grey-484)}
.cream-e5e-bg{background:var(--cream-e5e)}
.black-141-bg{background:var(--black-141)}
.navy-364-bg{background:var(--navy-364)}
.white-fef-bg{background:var(--white-fef)}
.black-1d2-bg{background:var(--black-1d2)}
.navy-1e2-bg{background:var(--navy-1e2)}
.grey-6a7-bg{background:var(--grey-6a7)}
.grey-eae-bg{background:var(--grey-eae)}
.white-f7f-bg{background:var(--white-f7f)}
.cream-fff-bg{background:var(--cream-fff)}
.grey-f2f-bg{background: var(--grey-f2f);}




.nomargin-top{margin-top:0!important}
.nomargin-bottom{margin-bottom:0!important}
.nomargin-left{margin-left:0!important}
.nomargin-right{margin-right:0!important}
.nopadding-top{padding-top:0!important}
.nopadding-bottom{padding-bottom:0!important}
.nopadding-left{padding-left:0!important}
.nopadding-right{padding-right:0!important}


/*body,html{height:100%!important}*/
body{font-family:"regular"!important;overflow-x:hidden; font-size: var(--font-18) !important; line-height: 1.4 !important;color: var(--grey-2e3) !important;}
.wrapper{margin:auto;width:100%}
.big-container{margin: auto;padding-left: 7vw;    padding-right: 7vw; width: 100%}
.small-container {    margin: auto;    padding-left: 12vw;    padding-right: 12vw;    width: 100%;}
.header{position:relative;width:100%;margin:auto;left:0;top:0;right:0;z-index:5;transition:all ease-in-out .3s;padding:1vw 0;}
.header.stickyheader{position: fixed; animation-direction:normal;animation-duration:.7s;animation:slide-down .7s;z-index:5;transition:all ease-in-out .3s;box-shadow: 0 0 10px rgb(0 0 0 / 5%);background: var(--white-fff);}
:focus{outline:none!important}
a{color:inherit; transition: all 0.5s;}
a:hover{text-decoration:none!important; transition: all 0.5s;}
a:focus{outline:none!important;border:none!important;text-decoration:none!important}
img{ transition: all 0.5s;}
*:hover img{ transition: all 0.5s;}
.text-underline{text-decoration: underline !important}
.abs-anch{position: absolute; width: 100%; height: 100%; top: 0;left: 0; color: transparent !important;z-index: 0}
.borderbottom{border-bottom: 1px solid}
.list-inline li{display: inline-block}
.show-1024,.show-768,.show-600{display:none!important}
input,select,texarea{border-radius:0!important}
strong,b{font-weight:normal;font-family:title-font}
.overflow-hidden{overflow: hidden}
.object-cover img{object-fit: cover; width: 100%; height: 100%;}
.object-contain img{object-fit: contain; width: 100%; height: 100%;}
.overlay{position: relative;}
.overlay:before{content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;}
.full-height { height: 100vh; /* fallback */
  height: calc(var(--vh) * 100);
}

h1,h2,h3,h4,h5,h6{margin-bottom: 0 !important;}
/*#how-does-zeroBonds-work{scroll-margin-top:130px}*/





input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
textarea:focus::-webkit-input-placeholder{color:transparent}
textarea:focus:-moz-placeholder{color:transparent}
textarea:focus::-moz-placeholder{color:transparent}
textarea:focus:-ms-input-placeholder{color:transparent}

input::-webkit-input-placeholder{color: var(grey-99a); font-size: var(--font-16);font-family: 'regular' !important;}
input:-moz-placeholder{color: var(grey-99a); font-size: var(--font-16);}
input::-moz-placeholder{color: var(grey-99a); font-size: var(--font-16);}
input:-ms-input-placeholder{color: var(grey-99a); font-size: var(--font-16);}
textarea::-webkit-input-placeholder{color: var(grey-99a); font-size: var(--font-16);font-family: 'regular' !important;}
textarea:-moz-placeholder{color: var(grey-99a); font-size: var(--font-16);font-family: 'regular' !important;}
textarea::-moz-placeholder{color: var(grey-99a); font-size: var(--font-16);font-family: 'regular' !important;}
textarea:-ms-input-placeholder{color: var(grey-99a); font-size: var(--font-16);font-family: 'regular' !important;}

select {-webkit-appearance: none;position: relative;background-image: url("../images/select-arrow.svg") !important;background-position: right 15px center!important;    background-repeat: no-repeat!important;}




@keyframes slide-down {
0%{opacity:0;transform:translateY(-100%)}
100%{opacity:1;transform:translateY(0)}
}
.down-arrow img{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}
@-webkit-keyframes mover {
0%{transform:translateY(0)}
100%{transform:translateY(-10px)}
}
@keyframes mover {
0%{transform:translateY()}
100%{transform:translateY(-10px)}
}


.moz-background-picture,.moz-background-picture-side{display:inline-block;width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}
body.loaded .rollout .moz-background-picture:before,.roll-out.anim.in-view .moz-background-picture:before{height:0; transition-delay:1s}
body.loaded .rollside .moz-background-picture-side:before,.roll-side.anim.in-view .moz-background-picture-side:before{width:0; transition-delay:1s}
.moz-background-picture:before{content:"";height:100%;width:100%;display:block;position:absolute;bottom:0;left:0;background-color:#fff;transition:height 1.2s cubic-bezier(.57,0,.08,1);z-index:0}
.moz-background-picture-side.black-bg:before,.moz-background-picture.black-bg:before{background-color:#000}
.moz-background-picture-side:before{content:"";height:100%;width:100%;display:block;position:absolute;bottom:0;left:0;background-color:#fff;transition:width 1.2s cubic-bezier(.57,0,.08,1);z-index:0}
.rollout,.roll-out,.rollside,.roll-side{position:relative}
.slide-right,.slideright{transform:translateX(-100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-right,.anim.in-view .slideright{transform:translateX(0);opacity:1}
.slide-left,.slideleft{transform:translateX(100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-left,.anim.in-view .slideleft{transform:translateX(0);opacity:1}
.longslide-left,.longslideleft{transform:translateX(-1000px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .longslide-left,.anim.in-view .longslideleft{transform:translateX(0);opacity:1}
.slide-down,.slidedown{transform:translateY(-100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-down,.anim.in-view .slidedown{transform:translateY(0);opacity:1}
.slide-up,.slideup{transform:translateY(100px);opacity:0;transition:transform 1.8s cubic-bezier(0.16,0.68,0.43,0.99),opacity 1.8s ease-in-out}
.loaded .slide-up,.anim.in-view .slideup{transform:translateY(0);opacity:1}

.loaded .delayed,.anim.in-view .de-layed{transition-delay:  0.8s}
.loaded .delayed1,.anim.in-view .de-layed1{transition-delay:  1.0s}
.loaded .delayed2,.anim.in-view .de-layed2{transition-delay: 1.2s}
.loaded .delayed3,.anim.in-view .de-layed3{transition-delay:  1.4s}
.loaded .delayed5,.anim.in-view .de-layed4{transition-delay:  1.6s}
.loaded .delayed6,.anim.in-view .de-layed5{transition-delay:  1.8s}
.loaded .delayed7,.anim.in-view .de-layed6{transition-delay:  2.0s}
[data-aos=scale]{transform:scale(1.3)}
[data-aos=scale].aos-animate{transform:scale(1)}

.d-grid{ display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}


.sectiontitle-72{font-size: var(--font-72); color: var(--black-1a1); text-transform: uppercase; font-family: "bold"; line-height: 1;}
.sectiontitle-48{font-size: var(--font-48); color: var(--black-1a1); text-transform: uppercase; font-family: "bold"; line-height: 1;}
.sectiontitle-36{font-size: var(--font-36); color: var(--black-1a1); text-transform: uppercase; font-family: "bold"; line-height: 1;}
.sectiontitle-48.white-fff,.sectiontitle-36.white-fff,.sectiontitle-72.white-fff { color: var(--white-fff);}


.curved-cta a{font-family: "cta-font"; font-size: var(--font-16); text-transform: uppercase;letter-spacing: 0.3px;border-radius: 0.42vw;padding: 0 1.792vw; display: block; line-height: 3.33vw;   position: relative;    overflow: hidden;    z-index: 1; border: 1px solid transparent !important;}
.curved-cta a.gradient-bg{background: linear-gradient(264deg, #FB7247 32.34%, #CD3808 113.42%);}

.curved-cta.with-icon a{display: flex; gap: 10px; align-items: center}

.curved-cta.border-cta a{border: 1px solid currentcolor !important;}


.arrow-cta{font-family: "cta-font"; text-transform: uppercase; letter-spacing: 0.3px;    display: inline-flex;    align-items: center;    gap: 5px;}

.arrow-cta svg {
    width: 10px;
    height: 11px;
    transition: transform 0.25s ease;
}

.arrow-cta:hover svg {
    transform: translateX(3px);
}



.logo img{width: 6vw;}

.main-menu ul li a{font-family: "cta-font";}
.main-menu ul{gap: 2.5vw;}

.phoneno a {
    display: flex;
    align-items: center;
    gap: 0.5vw;
}

.phoneno a svg,.curved-cta.with-icon a svg{
width: 0.90vw; height: auto
}

.dflex-ctas{align-items: center; gap: 1.39vw;}


/* Hero Section - positioning only */

.hero-section {
    position: relative;
    overflow: hidden; min-height: calc(100vh - 6vw);
	z-index: 2
}

.hero-bg.overlay:before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+31,666666+100&1+0,1+31,0+100 */
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 31%,rgba(102,102,102,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

width: 80%;
	z-index: 1;
}

.hero-bg {
    position: absolute;
    inset: 0;
	z-index: 1;
}

.hero-bg__media {
    width: 100%;
    height: 100%;
    object-fit: cover; animation: heroKenBurns 3s ease-in-out 1;
    will-change: transform;
}

@keyframes heroKenBurns {
    0%   { transform: scale(1.12); }
    100% { transform: scale(1); }
}



.hero-content {
    top: 50%;
    left: 0;
    transform: translateY(-50%);padding-left: 7vw; padding-right: 15px;z-index: 1
}

.hero-buttons {
    display: flex;
    align-items: center;gap:1.11vw
}

.section-subtitle,.section-card-image-label {
display: flex; align-items: center; gap: 15px;
}

.section-subtitle:before,.section-card-image-label:before {
    content: "";
    height: 1.39vw;
    width: 0.21vw;
    background: var(--orange-fb7);
    display: inline-block;
    border-radius: 0.21vw;
}

.section-subtitle.white-fff:before {
    background: #fff;
}


.stats-item {
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.stats-item.in-view {
    opacity: 1;
    transform: translateY(0);
}

.section-stats.stats-bar{
    background: linear-gradient(264deg, #CD3808 4.27%, #FB7247 95.73%);
}
.section-stat-item.stats-item {
    display: flex;
    flex-direction: column;
    gap: 0.65vw;
	border-right: 1px solid rgba(217, 217, 217, 0.6);
}

.section-stat-item.stats-item:last-child{border: none;}


.service-card-image, .service-card-image img {
    aspect-ratio: 145 / 56;
    border-radius: 0.56vw 0.56vw 0vw 0;
}


.section-card.service-card,.section-card.category-card {
    border-radius: 0.56vw;
    height: 100%; position: relative;
}

.section-card.service-card:after{content: ""; position: absolute; width: 100%; height: 100%;top: 0; left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.15) 62%, rgba(0, 0, 0, 0.92) 100%); border-radius: 0.56vw;}

.section-card-body.service-card-body,.section-card-body.category-card-body {
    padding: 1.11vw; 
}

.section-card-body.service-card-body{
    padding: 1.11vw;
    position: absolute;
    left: 0;
    bottom: 0;z-index: 1

}

.section-card-image-label {
    bottom: 0;
    padding: 1vw;
}

.section-card-image,.section-card-image img {
    aspect-ratio: 120 / 29;
	border-radius: 0.83vw 0.83vw 0 0;
}

.section-card-image.overlay:before{background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.78) 100%);}
.section-card.location-card {
    background: #fff;
    border: 1px solid #D9D9D9;
    border-radius: 0.83vw; height: 100%;
}

.section-card-body.location-card-body{padding: 1.39vw}


.difference-bg {
    background-color: var(--black-1d2);
	aspect-ratio: 288 / 113;
}

.section-difference.difference-section{    aspect-ratio: 288 / 113;}

.difference-bg-media {
    opacity: 0.3;
}
.difference-content{
    top: 50%;
    left: 0;
    transform: translateY(-50%);padding-left: 7vw; padding-right: 7vw;z-index: 1;
}

.section-feature-card.difference-feature-card {
    border-radius: 0.56vw;
    border: 1px solid var(--grey-484);
    background: rgba(39, 44, 49, 0.70);
    height: 100%;
    padding: 1.39vw;
}

.section-feature-icon.difference-feature-icon {
    width: 1.67vw;
    margin-bottom: 2.08vw;
}

.section-feature-icon.difference-feature-icon svg {
    width: 100%;
}

.brands-logo-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.brands-logo-card:hover {
    transform: translateY(-3px);
}

.brands-logo-row.d-grid {
    grid-template-columns: repeat(5, minmax(200px, 5fr));gap: 2vw 1vw;
}

.brands-logo-card{display: block; padding: 1vw;}

.brands-logo-col img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.brands-logo-card {
    display: block;
    padding: 1.5vw;
    width: 15vw;
    height: 7vw;
    background: #fff;
    border-radius: 0.83vw;
}



.footer-cta-container{aspect-ratio: 243 / 70;border-radius: 0.83vw;
border-top: 1px solid rgba(251, 114, 71, 0.72);
border-right: 1px solid rgba(251, 114, 71, 0.72);
border-bottom: 1px solid rgba(251, 114, 71, 0.72);
border-left: 6px solid rgba(251, 114, 71, 0.72);
background: linear-gradient(104deg, rgba(4, 4, 4, 0.86) 0%, rgba(6, 6, 6, 0.78) 59.18%, rgba(31, 6, 1, 0.62) 102.04%), url(<path-to-image>) lightgray 50% / cover no-repeat;
box-shadow: 0 16px 40px 0 rgba(23, 23, 23, 0.18);}

.footer-cta-container .section-bg.cta-bg {
    aspect-ratio: 243 / 70;
    width: 100%;
    height: 100%;
    left: 0;border-radius: 0.83vw;
}

.footer-cta-container .section-bg.cta-bg img{
border-radius: 0.83vw;
}

.section-content.cta-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
	z-index: 1;
}
.section-content.cta-content:after {
    content: "";
    background: linear-gradient(104deg, rgba(4, 4, 4, 0.86) 0%, rgba(6, 6, 6, 0.78) 59.18%, rgba(31, 6, 1, 0.62) 102.04%);
    position: absolute;
    width: 100%;
    height: 100%;
	z-index: -1;border-radius: 0.83vw;
}

.cta-buttons.d-flex {
    gap: 1vw;
}

.section-footer .col-md-7 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-menus.d-grid{width: 100%;}

.footer-info-item{display: flex;gap:0.53vw;margin-bottom: 0.83vw;}
.footer-info-item svg{position: relative; top: 6px;}
.footer-social-links {
    gap: 1vw;
    display: flex;
    margin-top: var(--pt-40);
}

.footer-links-list li a {
    display: block;
    font-size: var(--font-16);
    padding: 0.35vw 0;
}
.footer-links-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.section-footer-bottom {
    border-top: 1px solid #1E2939;
    margin-top: var(--pt-60);
	font-size: var(--font-12);
}

.footer-legal-links{display: flex; column-gap: 0.5vw;justify-content: flex-end;}


.section-banner-image,.section-banner-image img{
    aspect-ratio: 14 / 11;
}

.position-absolute.banner-svg {
    width: 6.94vw;
    bottom: 0;
    right: 3vw;
}

.position-absolute.banner-svg svg{
width: 100%; height: auto;
}

.section-network.network-section.pt-80.pb-80 {
    background: linear-gradient(90deg, #CD3808 0%, #FB7247 100%);
}

.network-image.object-cover {
    aspect-ratio: 28 / 23;
}

.curved-image,.curved-image img{ border-radius: 0.83vw;}


.network-stats-row {
    padding-top: 3vw;
    margin-top: 4vw;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
}

.specialist-image.object-cover{aspect-ratio: 4 / 3;}

.section-card-icon, .about-page .section-feature-icon.difference-feature-icon{
    background: #EAEBEF;
    width: 2vw;
    height: 2vw;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatwedo-category-card {
    display: flex;
    gap: 1vw;
    border: 1px solid #E5E0DB;
    border-radius: 0.53vw;
    min-height: 10vh;
    padding: 0 1.67vw;
}

.infoblock-image,.safety-image{aspect-ratio: 7 / 5;}


.first-block .infoblock-content-col,.third-block .infoblock-content-col{padding-right: 3vw;}
.second-block .infoblock-content-col{padding-left: 3vw;}


.about-page .section-difference.difference-section{aspect-ratio:inherit}
.about-page .section-feature-card.difference-feature-card {
    border: 1px solid #E5E0DB;
    background: none;
}

.about-page .section-feature-icon.difference-feature-icon{background: var(--cream-fff); width: 3.33vw; height: 3.33vw;}



/* Select2 - Preferred Location dropdown (Contact Enquiry form) */

.select2-container {
    width: 100% !important;
}



.select2-container .select2-selection__rendered {
    padding: 0;
    line-height: normal;
    color: var(--black-1a1);
}

.select2-container .select2-selection__placeholder {
    color: var(--grey-99a);
}



.select2-container .select2-selection__arrow {
    height: 100% !important;
    right: 1vw !important;
    background-image: url("../images/select-arrow.svg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 12px !important;
}

.select2-container .select2-selection__arrow b {
    display: none !important;
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--orange-c83) !important;
}


.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--grey-99a) !important; font-size: var(--font-16) !important; font-family: 'regular' !important;
}

.select2-dropdown {
    border: 1px solid var(--grey-d9d) !important;
    border-radius: 0.28vw !important;
    overflow: hidden;
}

.select2-results__option {
    padding: 0.25vw 1.11vw !important;
    color: var(--black-1a1) !important;
	font-size: var(--font-16) !important; 
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--orange-c83);
    color: var(--white-fff);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background: var(--cream-fff);
    color: var(--black-1a1);
	
}

.select2-container--default .select2-selection--single {
    border: 1px solid var(--grey-d9d) !important;
    border-radius: 5px !important;
    height: 3.33vw !important;
	padding-left: 1vw;
    padding-right: 1vw;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--black-1a1) !important;
    line-height: 3.33vw !important;
    font-size: var(--font-16) !important;padding: 0 !important;
}

@media (max-width:1480px) {
	
	.section-card-text.service-card-text.font-16 {
    min-height: 50px;
}
	.section-card.service-card:after{border-radius: 8px;}

    .select2-dropdown {
        border-radius: 6px;
    }
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--orange-c83) !important;
    color: var(--white-fff) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background: var(--cream-fff) !important;
    color: var(--black-1a1) !important;
}

.select2-results__option {
    padding: 0.55vw 1.11vw !important;
    color: var(--black-1a1) !important;
    font-size: var(--font-16) !important;
    border-bottom: 1px solid var(--grey-d9d);
}

.select2-results__option:last-child {
    border-bottom: none;
}

.enquiry-card {
    padding: var(--pt-60);
    border-radius: 0.83vw;
}

label.form-label {
    font-family: semibold;
    font-size: var(--font-16);
}

label.form-label.contact-form-label span {
    color: var(--orange-fb7);
}

.contact-form-col input {
    height: 3.33vw;
    line-height: 3.33vw;
    border-color: var(--grey-d9d);
    border-radius: 5px !important;
	padding: 0 1vw;
	font-size: var(--font-16);
	color: var(--black-1a1);
}

.contact-form-col textarea {
    height: 9.72vw;
    border-color: var(--grey-d9d);
    border-radius: 5px !important;
	padding: 1vw;
	font-size: var(--font-16);
	color: var(--black-1a1);
}

.contact-form-col input:focus,.contact-form-col textarea:focus{border-color:  var(--orange-c83) !important; outline: none !important; box-shadow: none !important;}


.contact-form-col input[type="submit"]{
display: flex;
padding: 0 24px;
border-radius: 0.83vw;
background: linear-gradient(90deg, #CD3808 0%, #FB7247 100%);
	height: 3.33vw; line-height: 3.33vw; font-size: var(--font-16); font-family: "cta-font"; text-transform: uppercase; letter-spacing: 0.35px; color: #fff;
}

.contact-form-col input[type="submit"] {
    display: flex;
    padding: 0 3vw;
    border-radius: 0.56vw !important;
    background: linear-gradient(90deg, #CD3808 0%, #FB7247 100%);
    height: 3.33vw;
    line-height: 3.33vw;
    font-size: var(--font-16);
    font-family: "cta-font";
    text-transform: uppercase;
    letter-spacing: 0.35px;
    color: #fff;
    border: none !important;
}


.section-info-item {
    gap: 1vw;
    padding: 2vw 0;
    border-bottom: 1px solid var(--grey-d9d); align-items: center
}

.section-info-icon svg {
    width: 2.5vw;
    height: 2.5vw;
}

.section-info-content.headoffice-info-content {
    width: 85%;
}

.section-info-item.headoffice-info-item.headoffice-address-item,.section-info-item.headoffice-info-item.headoffice-hours-item {
    align-items: flex-start;
}

.faq-accordion .accordion-item {
    border: none;
    border-bottom: 1px solid var(--grey-d9d);
    background: transparent;
    border-radius: 0 !important;
}

.faq-accordion .accordion-item:first-of-type,
.faq-accordion .accordion-item:last-of-type {
    border-radius: 0 !important;
}

.faq-accordion .accordion-header {
    margin: 0;
}

.faq-accordion .accordion-button {
    background: transparent;
    box-shadow: none;
    border: none;
    padding: 1.5vw 0vw;
    font-family: "semibold";
    color: var(--black-1a1);
	display: flex;
    align-items: center;
    justify-content: space-between;
	width: 100%; text-align: left;

}

.faq-accordion .accordion-button:not(.collapsed) {
    background: transparent;
    color: var(--black-1a1);
    box-shadow: none;
}

.faq-accordion .accordion-button:focus {
    box-shadow: none;
}

.faq-accordion .accordion-button::after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.625 0.625L4.3737 4.3737L8.1224 0.625' stroke='%231a1a1a' stroke-width='1.24957' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 0.85vw;
    height: 1vw;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.faq-accordion .accordion-button:not(.collapsed)::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.625 0.625L4.3737 4.3737L8.1224 0.625' stroke='%23C83E00' stroke-width='1.24957' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transform: rotate(180deg);
}
.faq-accordion .accordion-body  {
    padding: 0vw 0 1vw 0;
}

.faq-accordion .faq-answer .running-text{
    border-left: 3px solid var(--orange-fb7);
    padding-left: 1vw;
    color: var(--grey-2e3);
}

.section-card.news-card .object-cover {
    aspect-ratio: 39 / 22;
}


.section-card.news-card {
    border-radius: 0.83vw;
    border: 1px solid #D9D9D9;
}

.section-card-badge{
    border: 1px solid #D9D9D9;
    display: table;
    padding: 7px 10px 5px 10px;
    line-height: 1;
    border-radius: 0.25vw;
    margin-bottom: 1vw;
}

.section-card-body.news-card-body{padding: 1vw;}

.section-card-footer.news-card-footer {
    border-top: 1px solid #d9d9d9;
    padding-top: 0.83vw;
}

.news-hero-meta{gap: 1.5vw }

.section-title.news-hero-title {
   width: 70%
}

.news-back-section{padding: 0.5vw 0; border-top: 1px solid var(--grey-d9d); border-bottom: 1px solid var(--grey-d9d);}
.news-back-link {
    gap: 10px;
}

.news-featured-image{aspect-ratio: 121 / 52;}

.section-block-title span{color: var(--orange-fb7)}

.section-content-block ul, .section-content-block li{margin: 0; padding: 0; list-style: none;}


.orange-border-left {
    margin-top: -2vw;
    padding: 1vw 2vw;
    border-left: 3px solid var(--orange-fb7);
}



.section-news-col.news-grid-col {
    margin-bottom: 2vw;
}


.locations-card-image .object-cover,.locations-card-image .object-cover img,
.section-capability-col .section-card-image.object-cover,.category-card-image.object-cover {
    aspect-ratio: 39 / 20; border-radius: 0.53vw 0.53vw 0 0
}

.locations-card-badge {
    padding: 6px 10px;
    border-radius: 6px; letter-spacing: 0.3px;    margin-bottom: 1vw;
    display: table; border: none
}

.locations-page .section-info-icon svg {
    width: 1.2vw;
    height: 1.2vw;
}

.locations-page .section-info-item {
    gap: 1vw;
    padding: 0.5vw 0;
    border-bottom: none;
    align-items: center;
}

.locations-page .section-info-item.locations-info-item.locations-address-item,
.locations-page .section-info-item.locations-info-item.locations-hours-item{
    align-items: flex-start;
}

.locations-page .locations-hours-row.d-flex span:first-child
 {
    min-width: 5vw;
}

.locations__card {
    border: 1px solid #d9d9d9;
    border-radius: 0.83vw;
    background: #fff;
	margin-bottom: 1.5vw; height: 100%
}

.section-card.locations-card-content {
    padding: 2vw 2vw 0;
}

.locations-depot-card {
    margin-bottom: 2vw;
}
.is-hidden { display: none; }

.locations-filter-tabs {
    gap: 0.5556vw;
}

.locations-filter-tab {
    background: #fff;
    border: 1px solid #d9d9d9 !important;
    box-shadow: none !important;
    outline: none !important;
    height: 2.6389vw;
    padding: 0 1.83vw;
    border-radius: 0.69vw;
	transition: all linear 0.3s;
	letter-spacing: 0.35px;
}

.locations-filter-tab.active,.locations-filter-tab:hover {
    background: linear-gradient(90deg, #CD3808 0%, #FB7247 100%);
    color: #fff;
    border-color: transparent !important;
	transition: all linear 0.3s;
}

.search-input-wrap.d-flex{
    height: 3.33vw;
    border-radius: 0.56vw !important;
    min-width: 32vw;
}

.tyre-brand-hero-buttons{column-gap: 1vw;}

.tyre-series-list{display: flex; flex-direction: column; gap:1vw;}

.tyre-series-item.d-flex{justify-content: space-between;}

.tyre-series-icon {
    width: 10vw;
}

.tyre-series-content {    width: 75%;}

.tyre-series-item.d-flex {
    justify-content: space-between;
    border: 1px solid #E5E0DB;
    border-radius: 0.83vw;
    align-items: center;
    padding: 1vw;
}

.tyre-series-text p {
    margin: 0;
}

.tyre-range-accordion.faq-accordion .faq-answer .running-text {
    border-left: none;
    padding-left: 0;
    color: var(--grey-2e3);
}

.tyre-range-single.faq-accordion .accordion-button {
    cursor: default;
}

.tyre-range-single.faq-accordion .accordion-button::after {
    display: none;
}

.tyre-brands-page .brands-logo-card {
    display: flex;
    padding: 1.5vw 1.5vw;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0.83vw;
    border: 1px solid #D9D9D9 !important;
    flex-direction: column;
    justify-content: space-between;
    gap: 2vw;
    aspect-ratio: 23 / 14;
}

.tyre-brands-page .brands-logo-card .object-contain {
    height: 4vw;
}

.section-hero-image-col .object-cover {
    aspect-ratio: 29 / 20;
}

/* Infinity Tyres logo in the right column of the Tyre Brands and Contact page heroes */
.section-hero-logo img{width: 100%; max-width: 560px; margin-left: auto; display: block;}

.section-card-image.service-card-image.object-cover, .section-card-image.service-card-image.object-cover img {
    aspect-ratio: 3 / 1;
}

span.capability-group-icon {
    width: 2.2222vw;
    height: 2.2222vw;
    background: var(--grey-eae);
    border-radius: 0.6944vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-capability-title {
    gap: 1vw;
}

.section-capability-count {
    background: var(--cream-fff);
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 5px;
}


.section-badge.service-city-badge {
    border: 1px solid var(--grey-d9d);
    padding: 8px 7px 6px 7px;
    line-height: 1;
    border-radius: 4px;letter-spacing: 0.3px;
}

.section-badges.service-card-badges {
    gap: 0.5vw;
}
.section-card.carwash-promo-card{gap:5vw;}

.carwash-promo-image {
    width: 35%;
}
.carwash-promo-body{width: 65%;}



.section-card.carwash-promo-card {
    gap: 3vw;
    align-items: center;
    border: 1px solid var(--grey-d9d);
    border-radius: 0.83vw;
	margin-bottom: 4.5vw;
}



.section-card.mobile-service-card p {
    margin: 0;
}

.section-card.mobile-service-card {
    gap: 4vw;
    align-items: center;
padding: 1vw;
    border-radius: 0.56vw;


}

.section-subtitle.mobile-service-title,.section-feature-title.section-subtitle {
    display: block;
}

.section-subtitle.mobile-service-title:before,.section-feature-title.section-subtitle:before {
    width: 1.39vw;
    height: 0.21vw;
    display: block;
    margin-bottom: 0.5vw;}


.section-sales-item.sales-feature-item.d-flex.align-items-center.white-fff-bg {
    padding: 1vw;
    border-radius: 0.56vw;gap: 0.5vw;
}

.section-sales-list.sales-feature-list {
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

span.section-bullet.sales-feature-bullet svg {
    width: 0.5556vw;
    height: auto;
}


.tyre-brand-hero-image{
    height: 30vw;
}

.section-feature-item.whychoose-feature-item.d-flex {
    align-items: flex-start;
    justify-content: space-between;
    background: #fff;
    height: 100%;
    padding: 2vw 1vw;
    border-radius: 0.83vw;
}

.section-feature-icon.whychoose-feature-icon {
    width: 2vw;
    height: 2vw;
    background: var(--cream-fff);
    padding: 0.5vw;
    border-radius: 0.56vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-feature-icon.whychoose-feature-icon svg{width: 100%; height: 100%;}

.whychoose-features {
    width: 80%;
}



/* ── RTS Mobile Menu ───────────────────────────────────────── */

.rts-mobile-menu-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999;
    background: var(--white-fff);
    overflow: hidden;
}

body.rts-mobile-menu-open {
    overflow: hidden;
}

.rts-mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid var(--grey-d9d);
}

.rts-mobile-menu-logo img {
    width: 80px;
}

.rts-mobile-menu-close {
    background: none;
    border: none;
    padding: 6px;
    color: var(--grey-2e3);
    cursor: pointer;
}

/* Panels container */
.rts-mobile-menu-panels {
    position: relative;
    height: calc(100% - 80px);
    overflow: hidden;
}

.rts-mobile-menu-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.rts-mobile-menu-panel--2,
.rts-mobile-menu-panel--3 {
    visibility: hidden; /* GSAP autoAlpha will override this once JS runs */
}

/* Top-level list */
.rts-mobile-menu-list,
.rts-mobile-menu-sublist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rts-mobile-menu-item {
    border-bottom: 1px solid var(--grey-eae);
}

.rts-mobile-menu-link,
.rts-mobile-menu-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 4px;
    background: none;
    border: none;
    text-align: left;
    font-family: "medium";
    font-size: var(--font-18);
    color: var(--grey-2e3);
    text-decoration: none;
    cursor: pointer;
}

.rts-mobile-menu-parent-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.rts-mobile-menu-parent-row .rts-mobile-menu-link {
    width: auto;
    flex: 1;
}

.rts-mobile-menu-arrow {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 16px 4px 16px 16px;
    cursor: pointer;
    color: var(--orange-fb7);
    flex-shrink: 0;
}

.rts-mobile-menu-link.is-current {
    color: var(--orange-fb7);
    font-family: "bold";
}

.rts-mobile-menu-parent svg {
    flex-shrink: 0;
    margin-left: 12px;
    color: var(--orange-fb7);
}

/* Back button (panels 2 & 3) */
.rts-mobile-menu-back {
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    border: none;
    padding: 8px 4px;
    font-family: "bold";
    font-size: var(--font-16);
    color: var(--grey-2e3);
    cursor: pointer;
}

.rts-mobile-menu-back svg {
    color: var(--orange-fb7);
}

.rts-mobile-menu-divider {
    height: 1px;
    background: var(--grey-d9d);
    margin: 12px 0 4px;
}

/* Hamburger toggle button */
.rts-mobile-menu-toggle {
    position: relative;
    width: 65px;
    height: 38px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
	border: 1px solid #d9d9d9;
		border-radius: 4px;
}

.hamburger {
    width: 60%;
    position: relative;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.rts-mobile-menu-toggle span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--grey-2e3);
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease;
}

.rts-mobile-menu-toggle span:nth-child(1) { top: 0; }
.rts-mobile-menu-toggle span:nth-child(2) { top: 6px; }
.rts-mobile-menu-toggle span:nth-child(3) { top: 12px; }

.rts-mobile-menu-toggle.is-active span:nth-child(1) {
    top: 8px;
    transform: rotate(45deg);
}
.rts-mobile-menu-toggle.is-active span:nth-child(2) {
    opacity: 0;
}
.rts-mobile-menu-toggle.is-active span:nth-child(3) {
    top: 8px;
    transform: rotate(-45deg);
}

/* Only relevant at the mobile breakpoint you already use */
@media (min-width: 1025px) {
    .rts-mobile-menu-overlay,
    .rts-mobile-menu-toggle {
        display: none !important;
    }
}

.section-card-body.category-card-body{background: var(--white-fff); border-}

.section-feature-card.whyus-feature-card {
    height: 100%;
    padding: 2vw;
    border: 1px solid #E5E0DB;
    border-radius: 0.56vw;
}


a.footer-social-icon {
    width: 2.4306vw;
    height: 2.4306vw;
    border: 1px solid !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rts-mobile-menu-social-links{display: flex; column-gap: 10px;}

a.rts-mobile-menu-social-icon{    width: 40px;
    height: 40px;
    border: 1px solid #d9d9d9 !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;}

a.rts-mobile-menu-social-icon svg path{fill: #3B3B4F !important;}

.rts-mobile-menu-social-links a.rts-mobile-menu-social-icon:nth-child(2) svg path{fill: none !important; stroke:#3B3B4F !important}

.section-services{z-index: 1}
.section-services.overlay:before{background: var(--black-1a1); opacity: 0.8;z-index: -1}

.section-services.services-overview{background-size: cover !important;}


.intro-points li,.intro-points{padding: 0; margin: 0; list-style: none;}
.intro-points li:before{content: ""; background: var(--orange-fb7); width: 8px; height: 8px;display: inline-block;margin-right: 1vw;
    position: relative;
    top: -2px;}


.running-text p:last-child{margin-bottom: 0;}

.section-card-image.location-card-image{
    aspect-ratio: 57 / 29;
}

.footer-logo {
    background: rgba(255, 255, 255, 0.85);
    display: table;
    padding: 1vw;
    border-radius: 0.83vw;
}

.section-range-item.productrange-item {
    border: 1px solid #D9DDE1;
    padding: 2vw;
    height: 100%;
    border-radius: 0.83vw;
	justify-content: space-between
}

.section-range-content.productrange-content {
    width: 80%;
}

.section-range-number.productrange-number{
    width: 2.5vw;
    height: 2.5vw;
    background: linear-gradient(135deg, #CD3808 0%, #FB7247 100%);
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 0.56vw;
}



.section-feature-icon.safety-feature-icon{width: 2.5vw; height: 2.5vw; justify-content: center; align-items: center; border-radius: 0.56vw;display: flex;padding: 0.5vw}




.section-feature-item.safety-feature-item {
    background: #252A2E;
    padding: 2vw;
    height: 100%;
    border: 1px solid #2E3338;
}


.rwd-hero-bg.show-1024 .object-cover{aspect-ratio: 57 / 29;}





.tyre-brand-carousel .slick-slide {
    padding-right: 10px;
}

.tyre-brand-carousel .slick-list {
    padding-right: 120px;
}




.wpcf7 form.sent .wpcf7-response-output {
    display: none;
}

.tyre-brand-hero-logo {width: 12vw; height: 8vw}
.tyre-brand-hero-logo img{width: 100%; height: 100%; object-fit: contain;}
/*=======================MEDIA QUERIES=======================*/

@media only screen and (max-width: 2560px) and (min-width: 1921px) {

}

@media (max-width:1680px){



}
@media (max-width:1600px){
	
}
@media (max-width:1480px){

:root {
--font-48:48px;
--font-36:36px;
--font-30:30px;	
--font-28:28px;	
--font-20:16px;
	}
	
.logo img{width:80px;}
	
.curved-cta a{border-radius: 6px;padding: 0 1.792vw;line-height: 48px; font-size: 12px;}
	
	.main-menu ul li a,.phoneno a {
    font-size: 16px;
}

.phoneno a svg, .curved-cta.with-icon a svg {
    width: 14px;
}
	.main-menu ul {
    gap: 30px;
}
	
.service-card-image, .service-card-image img {
    border-radius: 8px 8px 0vw 0;
}


.section-card.service-card {
    border-radius: 8px;
}

.section-feature-icon.difference-feature-icon {
    width: 23px;
    margin-bottom: 30px;
}

.section-feature-card.difference-feature-card {
    border-radius: 8px;
    padding: 20px;
}
	
	button.locations-filter-tab {
    height: 40px;
    padding: 0 20px;
    border-radius: 10px;
}
	
	span.section-bullet.sales-feature-bullet svg {
    width:8px;
}
	
	a.footer-social-icon {
    width: 35px;
    height: 35px;
}
	
	.section-capability-title {
    gap: 15px;
}
	.section-badges.service-card-badges {
    gap: 5px;
    flex-wrap: wrap;
}
	
	a.section-back-link {
    gap: 10px;
}
	
	.search-input-wrap.d-flex{
    height: 50px;
    border-radius: 8px !important;
}
	
	.section-card.news-card {
    border-radius: 12px;
}
	
	.curved-image, .curved-image img {
    border-radius: 12px;
}
	
	.contact-form-col input{
    height: 40px;
    line-height: 40px;
    border-radius: 5px !important;
    padding: 0 15px;
}
	
	.contact-form-col select {
    height: 40px;
    line-height: 40px;
    border-radius: 5px !important;
    padding: 0 15px;
		width: 100%;
		    border-color: var(--grey-d9d);
    font-size: var(--font-16);
    color: var(--black-1a1);
}
	.contact-form-col textarea {
    height: 140px !important;
    border-radius: 5px !important;
    padding: 15px;
}
	
	.contact-form-col input[type="submit"] {
    padding: 0 25px;
    border-radius: 8px !important;
    height:40px;
    line-height: 40px;
	}
	
	

}
@media (max-width:1366px){
	.big-container {
    padding-left: 15px;
    padding-right: 15px;
}

}
@media (max-width:1280px){
.pt-200{padding-top: 80px}
.pb-200{padding-bottom: 80px}
.pt-120{padding-top: 60px}
.pb-120{padding-bottom: 60px}
.pt-80{padding-top: 40px}
.pb-80{padding-bottom: 40px}
.pt-60{padding-top: 30px}
.pb-60{padding-bottom: 30px}

    .main-menu ul li a, .phoneno a {
        font-size: 12px;
    }
	
	

}
@media (max-width:1024px){
.show-1024{display:block !important}
.section-hero-logo img{max-width: 360px; margin-left: 0;}
.hide-1024,.hero-bg.overlay:before{display:none!important}
	
	.arrow-cta.show-1024 {
    display: flex !important;
}
	
	.tyre-brand-carousel {
    margin-right: -15px;
}

	.phoneno.show-1024{letter-spacing: 0.3px}
	.section-title.hero-title.white-fff {
    color: var(--black-1a1);
}
	.section-text.hero-text.grey-d9d {
    color: inherit;
}
	.header {
    border-bottom: 1px solid var(--grey-d9d); padding: 15px 0;
}
	.hero-content.position-absolute {
    transform: none;
    padding-left: 25px;
    padding-right: 25px;
    position: static !important;
    padding: 120px 25px;
}
	
	.hero-buttons{flex-direction: column; gap: 15px}
	
	.hero-buttons .curved-cta {
    width: 100%;
}
	
	.hero-buttons .curved-cta a{    justify-content: center;
    align-items: center;}
	
	.hero-section{min-height: inherit}
	.section-stats.stats-bar {
    margin-top: 35px;
}
	
	.services-overview-col {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
		margin-bottom: 25px
}
	.section-card-body.service-card-body,.section-card-body.location-card-body {    padding: 15px;}
	    .service-card-image, .service-card-image img {
        aspect-ratio: 35 / 23;
    }
	
	.section-card-image, .section-card-image img {
    border-radius: 12px 12px 0 0;
    aspect-ratio: 34 / 29 !important;
}
	.section-card-text.location-card-text {
    min-height: 50px;
}
	
	.locations-filter-tabs {
    gap: 8px;
}
	
	.section-content.difference-content.position-absolute {
    position: relative!important;
    transform: none;
    padding: 0 25px;
}
	.section-difference.difference-section,.difference-bg {
    aspect-ratio: inherit; height: 100%; background-size: cover !important;
}
	.section-difference.difference-section{padding-top: 40px;}
	
    .section-difference.difference-section.overlay:before {
        background: #1D2125;
        opacity: 0.85;
    }
	
	.section-feature-col.difference-feature-col {
    margin-bottom: 30px;
}
	
	.footer-social-links,.footer-logo {    display: flex;    justify-content: center;}
	
	.cta-buttons.d-flex {
    gap: 15px;
}
	.section-footer.pt-60.pb-40 {
    padding-top: 60px;padding-bottom: 50px;
}
	.section-footer-bottom {
    border-top: none;
}
	.footer-legal-links.text-right {
    display: flex;
    column-gap: 20px;
    justify-content: center;text-align: center !important; margin-top: 15px;
}
	
	.col-md-6.footer-copyright {
    text-align: center !important;
}
	
	.footer-social-links {
		gap: 12px;}
	
	.phoneno.curved-cta.show-1024 a.gradient-bg{line-height: 36px;}
	.dflex-ctas {
    gap: 15px;
}
	
    span.capability-group-icon {
        width: 25px;
        height: 25px;
        border-radius: 5px;
        padding: 6px;
    }
	
	span.capability-group-icon svg { width: 100%; height: 100%;
	} 
	
	.section-sales-list.sales-feature-list {
    gap: 10px;
    margin-top: 15px;
}
	
	.section-sales-item.sales-feature-item.d-flex.align-items-center.white-fff-bg {
    padding: 0;
    border-radius: 0;
    gap: 8px;
    background: none;
}
	    span.section-bullet.sales-feature-bullet svg {
        width: 5px;
    }
	
	.category-card-image.object-cover,.category-card-image.object-cover img {
    aspect-ratio: 20 / 7 !important;
    border-radius: 0;
		padding: 5px
}
	
	.news-back-section {
    padding: 10px 0;
	}
	
	section.section-range.tyre-brand-range-section {
    background: #D9D9D9;
}

	.faq-accordion .accordion-button::after {
    width: 15px;
    height: 9px;
	}
	
	.locations-filter-tabs.pb-60 {
    margin: -40px -15px 35px;
    background: #d9d9d9;
    padding: 15px;
}
	
	    button.locations-filter-tab {
        width: 33.333%;
    }
	
	.locations-page .section-info-icon svg {
    width: 15px;
    height: 15px;
}
	.locations-page .section-info-item {
    gap: 10px;
    padding: 10px 0;
}
	
	.locations-card-image .object-cover, .locations-card-image .object-cover img, .section-capability-col .section-card-image.object-cover, .category-card-image.object-cover {
    border-radius:8px 8px 0 0;
}
	.locations__card {
    border-radius:12px;
    margin-bottom: 15px;
}
	.locations-depot-card {
    margin-bottom: 15px;
}
	.section-card.locations-card-content {
    padding: 15px 15px 0;
}
	.locations-card-badge {
    margin-bottom: 15px;
}
	
	.section-card-body.news-card-body,.section-card-footer.news-card-footer {
    padding-top: 15px;
}
	
	.section-card-body.news-card-body {
    padding: 15px;
}
	
	.section-card-badge {
    border-radius: 4px;
    margin-bottom: 15px;
}
	
	.section-news-col.news-grid-col {
    margin-bottom: 15px;
}
	
	.news-featured-image {
    aspect-ratio: 18 / 11;
}
	
	.orange-border-left {
    margin-top: -5px;
    padding: 5px 15px;
    border-left: 2px solid var(--orange-fb7);
}
	
	.section-content-block ul {
    gap: 10px;
    display: flex;
    flex-direction: column;
}
	
	.enquiry-card {
    padding: 35px 15px 0;
    border-radius: 0;
    margin: 35px -15px 0;
}
	
	main.main-content.contact-page {
    overflow: hidden;
}
	
		.section-feature-icon.whychoose-feature-icon, .section-feature-icon.safety-feature-icon,.section-range-number.productrange-number{
    width: 45px;
    height: 45px;
    padding: 10px;
    border-radius: 10px;
}

	
	.whychoose-features {
    width: 70%;
}
	
	.section-feature-item.whychoose-feature-item.d-flex,.section-range-item.productrange-item {
    padding: 25px;
    border-radius: 12px;
}
	
	.section-feature-item.safety-feature-item {
    padding: 25px;
	}


}


@media (max-width:992px){


	
}
@media (max-width:768px){
.show-768{display:block !important}
.hide-768{display:none!important}
	
.pr-120,.pr-80,.pr-60,.pr-40{padding-right: 0px !important;}
.pl-120,.pl-80,.pl-60,.pl-40{padding-left: 0px !important;}
	
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 7px !important;
    padding-left: 7px !important;
}
	
	.row{margin: 0 -7px !important;}
	
:root {
--font-48:28px;
--font-36:24px;
--font-30:24px;	
--font-28:28px;	
--font-20:16px;
	}	
	
	    .hero-content.position-absolute {
        padding: 50px 25px 25px;
    }
	
	.section-subtitle:before, .section-card-image-label:before {
    height: 22px;
    width: 2px;
}
	
	img.hero-bg_media {
    border-radius: 1px 30px 1px 30px !important;
}
	
	.curved-cta, .curved-cta a {
    width: 100%; text-align: center; align-items: center; justify-content: center;
}
	.brands-logo-row.d-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}
	.brands-logo-card {	
    padding: 15px;
    width: 100%;
    height: 100px;
    background: #fff;
    border-radius: 12px;
}
	
	.footer-cta-container {
    aspect-ratio: 1 / 1;
    border-radius: 12px;
	}
	
	.section-content.cta-content {
    padding: 0 25px;
}
	.cta-buttons.d-flex {
    flex-wrap: wrap;
    width: 100%;
}
	
	    .services-overview-col {
        margin-bottom: 15px;
    }
	
	.section-card-image-label {
    padding: 10px;
}
	
	.section-subtitle, .section-card-image-label {
    gap: 10px;
}
	
.corner-curved-image.object-cover, .corner-curved-image.object-cover img {
    border-radius: 2px 30px 2px 30px;
}
	
	.carwash-promo-image {
    width: 100%;
    height: 100%;
}
	.section-card.carwash-promo-card {
    gap: 0px;
    border-radius: 12px;
    margin-bottom: 35px;
    flex-wrap: wrap;
}
	.carwash-promo-body {
    width: 100%;
    padding: 15px;
}
	    .section-capability-title {
        width: 70%;
    }
	.section-capability-count {
    width: 30%;
    text-align: center;
}
	.section-card.mobile-service-card {
    gap: 15px;
    padding: 10px 15px;
    border-radius: 8px;
    flex-wrap: wrap;
}
	.section-subtitle.mobile-service-title:before, .section-feature-title.section-subtitle:before {
    width: 25px;
    height: 3px;
    margin-bottom: 5px;
}
	
	.row.section-categories-row.categories-row {
    gap: 15px;
}
	.section-card-body.service-card-body, .section-card-body.category-card-body {
    padding: 15px;
}
	
	
	.section-feature-col.whyus-feature-col {
    margin-bottom: 15px;
}
	.section-feature-card.whyus-feature-card {
    padding: 15px;
    border-radius: 8px;
}
	
	
	.tyre-series-title.semibold.black-1a1 {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px !important;
}
	.tyre-series-text p {
    line-height: 1.2;
}
	
	.tyre-series-list {
    gap: 10px;
}
	.accordion {
    margin-top: 35px;
    margin-left: -15px;
    margin-right: -15px;
}
	.faq-accordion .accordion-button {
    padding: 15px;
}

		.accordion-item.faq-item {
    padding: 0px 15px;
    margin-left: -15px;
    margin-right: -15px;
    background: #fff;
}
	.faq-accordion .accordion-body {
    padding: 15px 15px 25px;
    background: #d9d9d9;
}
	.tyre-series-item.d-flex {
    border-radius: 12px;
    padding: 15px 15px 15px 5px;
    background: #fff;
}
	.tyre-series-icon {
    width: 70px;
}
	
	.locations-search-box {
    position: relative;
}
	
	.locations-search-box .curved-cta.mb-2 {
    position: absolute;
    right: 0;
    width: 35%;
}

.search-input-wrap.d-flex{
    border-radius: 8px!important;
    min-width: 65%;
}
	
	.row.section-related-row.related-grid-row {
    gap: 15px;
}
	
	.section-story.story-section.pb-80 {
    padding-bottom: 0;
}
	.row.section-network-row.network-section-row,.row.section-safety-row.safety-section-row {
    gap: 25px;
}
	
	.row.network-stats-row {
    padding-top: 30px;
    margin-top: 10px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
}
	
	.section-card-icon, .about-page .section-feature-icon.difference-feature-icon {
    width: 35px;
    height: 35px;padding: 8px;
}
	
	.whatwedo-category-card {
    gap: 10px;
    border-radius: 8px;
    min-height: 10vh;
    padding: 0 15px;
		margin-bottom: 15px;
}
	
	.section-info-icon svg {
    width: 35px;
    height: 35px;
}
	
	.section-info-item {
    gap: 15px;
    padding: 15px 0;
}
	
        .enquiry-card {
            padding: 35px 15px 0;
            border-radius: 0;
            margin: 35px -15px 0;
            background: var(--white-f7f);
        }
	
	.section-details.contact-details-section.white-f7f-bg{background: #fff;padding-bottom: 0}
	        .contact-page .faq-accordion .accordion-body {
            padding: 25px 15px 15px;
            background: #fff;
        }
	.contact-page .faq-accordion .faq-answer .running-text {
   
    padding-left: 15px;

}
	
	        .contact-page .faq-accordion .accordion-button {
            padding: 25px 15px;
        }
	
	.section-why-choose-row.whychoose-row {
    gap: 30px;
}
	
	.section-feature-col.whychoose-feature-col,.section-range-col.productrange-item-col,.section-feature-col.safety-feature-col,.contact-locations-card,.section-location-col.locations-overview-col{margin-bottom: 25px}
	
	.row.intro-row {
    gap: 35px;
}

	
}




@media (max-width:600px){
.show-600{display:block !important}
.hide-600{display:none!important}
	
	.running-text br{display: none;}

}
@media (max-width:480px){
    .section-card-text.service-card-text.font-16 {
        min-height: 45px;
    }		.section-card-title.service-card-title {
    min-height: 45px;
}
	
.font-28 {
    font-size: 24px;
}
	
	    .brands-logo-card {
        height: 65px;
	}
	
	    .brands-logo-row.d-grid {
        grid-template-columns: 1fr 1fr;
    }
	
	.tyre-brands-page .brands-logo-card {
    padding: 15px;
    border-radius: 12px;
    gap: 10px;
    aspect-ratio: 7 / 5;
}
	
	.tyre-brand-hero-image-col-mobile .object-contain {
    width: 60%;
    margin: auto;
}
	
	    .whychoose-features {
        width: 75%;
    }
	
}
@media (max-width:375px){
}

@media (max-width:320px){
}