:root {
	--primary: #1EACE2;
	--primaryAlt: #004584;
	--primaryDark: #041D3D;
	--primaryDarker: #001C34;
	--primaryLight: #F4F9FD;
	--primaryLight2: #E8F9FF;
	--primarySemiLight: #77DAFF;
	--primaryStroke: #D0E8F1;
	--shades01: #ffffff;
	--shades02: #000000;
	--shades03: #D9D9D9;
	--shades04: #F2F2F2;
	--shades05: #676767;
	--shades06: #48484B;
	--shades07: #575757;
  --primary-rgb: 30, 172, 226;
  --primaryAlt-rgb: 0, 69, 132;
  --primaryDark-rgb: 4, 29, 61;
  --primaryDarker-rgb: 0, 28, 52;
  --primaryLight-rgb: 244, 249, 253;
  --primaryLight2-rgb:232, 249, 255;
  --primarySemiLight-rgb: 119, 218, 255;
  --primaryStroke-rgb: 208, 232, 241;
  --shades01-rgb:255, 255, 255;
  --shades02-rgb:0, 0, 0;
  --shades03-rgb:217, 217, 217;
  --shades04-rgb:242, 242, 242;
  --shades05-rgb:103, 103, 103;
  --shades06-rgb:72, 72, 75;
  --shades07-rgb:87, 87, 87;
  --veiwWidth: calc(100vw - 17px);
  --padding:16px;
}

/* ********|| INITIALIZATION STARTS ||******** */
body, html { width: 100%; line-height:1; margin:0 auto !important;padding:0 !important;font-family: 'Montserrat', sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(var(--shades02-rgb),0.004);font-size: 16px;  color: var(--shades02); background:var(--shades01);position: relative; z-index: 0;}

*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
a {text-decoration: none ;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
button{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
/* ********|| INITIALIZATION ENDS ||******** */

/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:var(--primary); color:var(--shades01)}
::-moz-selection{ background-color:var(--primary); color:var(--shades01)}
::-webkit-selection{ background-color:var(--primary); color:var(--shades01)}

:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }

select:-webkit-focusring { color: var(--primary) !important;text-shadow: 0 0 0 rgba(var(--shades02-rgb),0.1);}
select:-moz-focusring {color: var(--primary) !important;text-shadow: 0 0 0 rgba(var(--shades02-rgb),0.1);}
select:focusring {color: var(--primary) !important; text-shadow: 0 0 0 rgba(var(--shades02-rgb),0.1);}

::input-placeholder{ color:var(--textColor) !important;}
::-moz-input-placeholder{ color:var(--textColor) !important;}
::-webkit-input-placeholder{ color:var(--textColor) !important;}

::-webkit-scrollbar{width: 6px;height: 6px;background-color: rgba(var(--primaryDarker-rgb),1);}
::-webkit-scrollbar-thumb{background-color: var(--primary); border-radius: 10px;}
/* ********|| PSEUDO ELEMENTS ENDS ||******** */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
*,::after,::before{box-sizing: border-box;}
a{color:var(--primary); transition: all 0.3s ease;}
a:hover, a:focus{color:var(--secondaryColor);}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(var(--shades02-rgb), 0.1);}

.required:after{content:"*";color:var(var(--shades02)); font-size:16px; font-weight:600; position: absolute;margin: 0 0 0 3px;}
.separator_dashed{ border-bottom:rgba(var(--shades02-rgb),0.1) 1px dashed;}
.separator_dotted{ border-bottom:rgba(var(--shades02-rgb),0.1) 1px dotted;}
.separator_solid{ border-bottom:rgba(var(--shades02-rgb),0.1) 1px solid;}
/* ********|| ADJUSTMENT CLASSES ENDS ||******** */

/* ********|| COMMON CLASSES STARTS ||******** */
section{position:relative;}
.form-group{position:relative; margin: 0 0 20px;}
.control-label{font-size: 14px;font-weight: 600;margin: 0 0 2px;color: var(--shades02);display: block;}
.fancybox__container{--fancybox-bg: rgba(var(--primaryAlt-rgb), 0.8);}

/* ========| Input Form |========*/
.form-control{ border-radius: 4px;box-shadow: none;border: 1px solid rgba(var(--primary-rgb), 0.2);color: var(--textColor);background: var(--primaryLight);min-width: 50px;min-height: 50px;width: 100%;padding: 6px 12px;font-family: inherit;font-size: 14px;}
.form-control:focus{ border-color:var(--primary);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--textColor) !important;}
.form-control:-moz-placeholder{color:var(--textColor) !important;opacity:  1 !important;}
.form-control::-moz-placeholder{color:var(--textColor) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder{color:var(--textColor) !important;}
.form-control::-ms-input-placeholder{color:var(--textColor) !important;}
textarea.form-control{ resize:none; min-height: 140px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: var(--shades01); opacity: 0.7; cursor: not-allowed;}

/* ========| Checkbox |========*/
.custom-checkbox{position: relative;padding-left: 30px;margin: 3px 0;display: inline-block;}
.custom-checkbox .custom-checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-checkbox .custom-checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width: 20px;height: 20px;background: var(--shades01);border: 1px solid rgba(var(--primary-rgb), 0.2);top: 50%;left: -30px; transform: translateY(-50%);border-radius: 4px;}
.custom-checkbox .custom-checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 6 Pro";width: 20px;height: 20px;top: 50%;left: -30px;transform: translateY(-50%); font-weight: 500;font-size: 14px;display: none;color: var(--shades01);text-align: center;line-height: 1.4;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:block;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{background: var(--primary);border: 1px solid var(--primary);}

/* ========| Radio |========*/
.custom-radio{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-radio .custom-radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-radio .custom-radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-radio .custom-radio-label:before{content:'';position:absolute;width: 16px;height: 16px;background: var(--shades01);border: 1px solid var(--primaryLight);top: 50%;left: -24px; transform: translateY(-50%);border-radius: 50%;}
.custom-radio .custom-radio-label:after{content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 600;font-size: 8px;display: none;color: var(--shades01);text-align: center;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:block;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background: var(--primary);border: 1px solid var(--primary);}

/* ========| Dropdown |========*/
.dropdown .dropdown-toggle{padding-right: 24px !important; padding: 0 12px; position: relative;display: flex;}
.dropdown .dropdown-toggle::after{content: "\f0d7";font-family: "Font Awesome 6 Pro";font-size: 10px;font-weight:600;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--shades01); opacity: 1; transition: all 0.3s ease;}
.dropdown .dropdown-toggle.show::after{transform: translateY(-50%) rotate(-180deg);}
.dropdown .dropdown-menu{margin: 4px 0 0 !important; max-height: 320px; overflow: auto;}
.dropdown-menu .dropdown-item{display: flex;padding: 8px 12px;color: var(--shades02); font-size: 14px; font-weight: 500;}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{background: var(--primary);color: var(--shades01);}
/* .dropdown .dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:0.3s ease all;}
.dropdown-menu .dropdown-item{display: flex;padding: 5px 15px;color: var(--secondaryColor);}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{background: var(--primary);color: var(--shades01);}
.mega-dropdown{position:static !important;}
.mega-dropdown .mega-dropdown-menu{display:block;width: 100%;top: auto !important;left: 50% !important;transform: translate(-50%,50px) !important;padding: 20px 40px;visibility: hidden;opacity:0;transition:0.3s ease all;}
.mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:0.3s ease all;} */
/* ********|| COMMON CLASSES ENDS ||******** */

/* /////////////////////////////////////////////////////////////// */
/*             			   	 	BOOTSTRAP FIX            			   				 */
/* /////////////////////////////////////////////////////////////// */
@media (min-width: 576px){
  :root {
    --padding: 16px;
  }
	.container{max-width: none;padding-left: var(--padding); padding-right: var(--padding);}
	.modal-dialog{max-width: 700px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
  :root {
    --padding: 30px;
  }
	.container{max-width: 100%; padding-left: 30px; padding-right: 30px;}
}
@media (min-width: 992px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 928px) / 2);
  }
	.container{max-width: 960px;padding-left: 16px; padding-right: 16px;}
}
@media (min-width: 1200px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1138px) / 2);
  }
	.container{max-width: 1170px;}
}
@media (min-width: 1440px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1168px) / 2);
  }
	.container{max-width: 1200px;}
}
@media (min-width: 1540px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1248px) / 2);
  }
	.container{max-width: 1280px;}
}
@media (min-width: 1900px){
  :root {
    --padding: calc(calc(var(--veiwWidth) - 1328px) / 2);
  }
	.container{max-width: 1360px;}
}


/*////////////////////////////////////////////////////////////////*/
/*             		          	 HOME PAGE      	      				  	*/
/*////////////////////////////////////////////////////////////////*/

/* ********|| HEADER STARTS ||******** */
header{position: fixed; top: 0; left: 0; width: 100%; height: 120px; z-index: 9; display: flex; align-items: center; transition: all 0.3s ease;}
header.alt{background-color: var(--primaryDarker);}
header .container{ display: flex; justify-content: space-between; align-items: center;}
header .brand{position: relative; height: 80px;transition: all 0.3s ease;}
header .brand .logo{display: flex; width: 100%; height: 100%;}
header .brand .logo img{width: 100%; height: 100%; object-fit: contain; object-position: left;}
header .navigation{display: flex; gap: 40px; flex-shrink: 0;}
header .navigation-header{display: none; align-items: center; justify-content: space-between;height: 120px;flex-shrink: 0;box-shadow: inset 0px -20px 50px -10px rgba(var(--shades02-rgb), 0.2); transition: all 0.3s ease;}
header .navigation-menu{display: flex; list-style: none; padding: 0; margin: 0;}
header .navigation-menu .menu-item{display: flex;transition: all 0.3s ease;}
header .navigation-menu .menu-item+.menu-item{margin: 0 0 0 60px;}
header .navigation-menu .menu-link{font-size: 18px;font-weight: 700;color: var(--shades01); display: inline-flex; align-items: center;}
header .navigation-menu .menu-link span:first-child{display: none;width: 24px;height: 24px;margin: 0 16px 0 0;}
header .navigation-menu .menu-link span:first-child img{width: 100%; height: 100%; object-fit: contain;-moz-filter: brightness(10);-webkit-filter: brightness(10);filter: brightness(10);transition: all 0.2s ease;}
header .navigation-menu .menu-link:hover, header .navigation-menu .menu-link.active{color: var(--primary);}
header .navigation-menu .menu-link:hover span:first-child img, header .navigation-menu .menu-link.active span:first-child img{-moz-filter: brightness(1);-webkit-filter: brightness(1);filter: brightness(1);}
header .language{position: relative;display: flex;align-items: center;}
header .language .dropdown-toggle{position: relative; display: flex; align-items: center; font-size: 0;padding: 0 16px 0 0 !important;}
header .language .language-flag{height: 20px; aspect-ratio: 4/3; overflow: hidden; display: flex; border-radius: 4px;}
header .language .language-flag img{width: 100%; height: 100%; object-fit: cover;}
header .language .dropdown-menu{width: 100%; background-color: var(--primaryLight);}
header .language .dropdown-menu .dropdown-item{padding: 6px 8px;display: flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 500;color: var(--shades02);}
header .language .dropdown-menu .dropdown-item:hover, header .language .dropdown-menu .dropdown-item:active{color: var(--shades01); background-color: var(--primary);}
header .language .dropdown-menu .language-flag{height: 20px; aspect-ratio: 4/3; overflow: hidden; display: flex; border-radius: 4px;}
header .language .dropdown-menu .language-flag img{width: 100%; height: 100%; object-fit: cover;}
header .btn-menu-trigger{display: none;align-items: center;justify-content: center;padding: 0;border: 0;background-color: transparent;color: var(--shades01);font-size: 30px;}

header.scrolled{height: 100px; background-color: var(--primaryDarker);}
header.scrolled .brand{position: relative; height: 60px;}
header.scrolled .navigation-menu .menu-item+.menu-item{margin: 0 0 0 40px;}
header.scrolled .navigation-menu .menu-link{font-size: 16px;}
header.alt{height: 100px; background-color: var(--primaryDarker); position: sticky;}
header.alt .brand{position: relative; height: 60px;}
header.alt .navigation-menu .menu-item+.menu-item{margin: 0 0 0 40px;}
header.alt .navigation-menu .menu-link{font-size: 16px;}
/* ********|| HEADER ENDS ||******** */

/* ********|| BANNER STARTS ||******** */
.section-banner{position: relative; padding: 150px 0 280px; display: flex;  z-index: 0; min-height: 100vh; overflow: hidden; background: linear-gradient(to bottom, var(--primaryDark) 70%, #156E91);}
.section-banner:after{ content:"";position: absolute;bottom: 0; left: 0; background-image: url(../images/banner-bottom.png);background-repeat: no-repeat;background-position: bottom center;background-size: auto 310px;width: 100%;height: 240px;z-index: 1;}
.section-banner .banner-content{position: relative;width: 100%;}
.section-banner .banner-title{font-size: 30px;font-weight: 800;color: var(--primary);margin: 0 0 16px; text-align: center;}
.section-banner .banner-cards{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 24px; margin: 48px 0 0;}
.section-banner .banner-cards .banner-card{min-height: 220px;overflow: hidden;border-radius: 10px;position: relative;padding: 40px;background-repeat: no-repeat;background-size: cover;background-position: center;display: flex;flex-direction: column;align-items: center;}
.section-banner .banner-cards .banner-card .card-title{font-size: 30px;font-weight: 700;color: var(--shades01);text-transform: uppercase;text-align: center;margin: 0 auto;
max-width: 400px;}
.section-banner .banner-cards .banner-card .card-title span{font-size: 90px; line-height: 1; display: block;}
.section-banner .banner-cards .banner-card .card-subtitle{font-size: 18px; font-weight: 400; color: var(--primary);text-align: center; margin: 12px auto 0; max-width: 360px;}
.section-banner .banner-cards .banner-card:nth-child(1){grid-area: 1 / 1 / 3 / 2;}
.section-banner .banner-cards .banner-card:nth-child(2){grid-area: 1 / 2 / 2 / 3;}
.section-banner .banner-cards .banner-card:nth-child(3){grid-area: 2 / 2 / 3 / 3;justify-content: center;}
.section-banner .banner-cards .banner-card:nth-child(3) .card-title{margin: 0 0 0 auto;}
/* ********|| BANNER ENDS ||******** */

/* ********|| SERVICES STARTS ||******** */
.section-services{position: relative; padding:0 0 100px;}
.section-services .services-features{position: relative; width: 100%;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 32px; margin: 0 0 160px;}
.section-services .services-features-content{width: 100%;}
.section-services .services-stats{display: flex; align-items: center; max-width: 300px;gap: 16px;margin: 24px 0;}
.section-services .services-stats .stats-data{font-size: 60px;font-weight: 800;color: var(--primary);}
.section-services .services-stats .stats-label{font-size: 18px;color: var(--shades02);  padding: 4px 0 4px 16px; border-left: 1px solid var(--primary);line-height: 1.5;}
.section-services .services-features .card-inner{position: absolute; bottom: 0px; right: 0;width: 700px;}
.section-services .services-features .card-inner img{width: 100%; height: 100%; object-fit: contain;}
.section-services .services-features .services-action{display: flex; margin: 30px 0 0;}
.section-services .services-features .btn-action{display: flex;align-items: center;justify-content: center;height: 60px;background-color: var(--primary);font-size: 20px;font-weight: 700;color: var(--shades01);border-radius: 4px;padding: 0 16px;width: 100%;max-width: 320px;}
.section-services .services-features .btn-action:hover{background-color: var(--primaryAlt);}

.service-cards{position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 80px;}
.service-cards .card-item{position: relative; width: 100%; display: flex; align-items: flex-start; gap: 30px;}
.service-cards .card-item .card-icon{width: 80px; aspect-ratio: 1/1; flex-shrink: 0; border-radius: 50%; background-color: var(--primary); overflow: hidden; padding: 0;}
.service-cards .card-item .card-icon img{width: 100%; height: 100%; object-fit: contain;}
.service-cards .card-item .card-content{flex-shrink: 1; flex-grow: 1;}
.service-cards .card-item .card-title{font-size: 30px; font-weight: 700; color: var(--primary); margin: 0 0 16px; padding: 0 0 16px; position: relative;}
.service-cards .card-item .card-title:after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.service-cards .card-item .card-description{font-size: 18px; font-weight: 300; line-height: 1.4; color: rgba(var(--shades02-rgb), 0.78); max-width: 460px;margin: 32px 0 0;}
.service-cards .card-item .card-description.alt{font-weight: 400;color: var(--primary); }
.service-cards .card-item .card-action{display: flex; margin: 24px 0 0;}
.service-cards .card-item .btn-action{font-weight: 700; color: var(--primary);font-size: 16px;}
.service-cards .card-item .btn-action:hover{color: var(--primaryAlt);}
.services{position: relative; margin: 100px 0 0;display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px;}
.services .service-item{position: relative;overflow: hidden;border-radius: 10px;width: 100%;aspect-ratio: 4 / 3; z-index: 0; display: flex;}
.services .service-item .service-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.services .service-item .service-image:after{ content:"";position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color:rgba(var(--primaryAlt-rgb), 0.6);}
.services .service-item .service-image img{width: 100%; height: 100%; object-fit: cover;}
.services .service-item .service-title{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;transition: all 0.3s ease;}
.services .service-item .service-title .title{ font-size: 20px; font-weight: 800; color: var(--shades01); text-transform: uppercase; margin: 0;width: 0;height: 0;text-align: center; transform-origin: center; transition: all 0.3s ease;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.services .service-item .service-title .title span{ display: inline-block;transform-origin: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); transition: all 0.3s ease;}
.services .service-item .service-overlay{position: absolute;top: 0;right: 0;width: calc(100% - 80px);height: 100%; display: flex;transform: translateX(100%); transition: all 0.3s ease;}
.services .service-item .service-content{position: relative;width: 100%;background-color: var(--primary);display: flex;flex-direction: column; justify-content: center; padding: 40px; }
.services .service-item .service-content .list{padding: 0;list-style: none;margin: 0;}
.services .service-item .service-content .list li{position: relative; color: var(--shades01);font-size: 16px; padding: 0 0 0 24px;}
.services .service-item .service-content .list li:before{content: "\f058"; font-family: "Font Awesome 6 Pro"; position: absolute; font-weight: 600; top: 0; left: 0;}
.services .service-item .service-content .list li+li{margin: 16px 0 0;}
.services .service-item .service-content .action{display: flex; margin: 40px 0 0;}
.services .service-item .service-content .btn-action{display: flex;justify-content: center;align-items: center;padding: 0 16px;font-size: 14px;font-weight: 700;color: var(--shades01);background-color: var(--primaryAlt);height: 48px;border-radius: 4px;width: 100%;}
.services .service-item .service-content .btn-action:hover{background-color: var(--primaryDarker);}
.services .service-item:hover .service-title{width: 80px;}
.services .service-item:hover .service-title .title{transform: rotate(-90deg);}
.services .service-item:hover .service-overlay{transform: translateX(0%);}
/* ********|| SERVICES ENDS ||******** */

/* ********|| FITER OUTLETS STARTS ||******** */
.section-outlets{position: relative;}
.filter-outlet{background-color: var(--primaryAlt); display: flex; align-items: center; padding: 30px 0;}
.filter-outlet .container{display: flex; align-items: center; justify-content: space-between;}
.filter-outlet .filter-outlet-title{margin: 0 auto 0 0;}
.filter-outlet .filter-outlet-title .title{font-size: 30px;margin: 0;color: var(--shades01);font-weight: 700;}
.filter-outlet .filter-outlet-query{display: flex;align-items: center;gap: 40px; margin: 0 0 0 auto;}
.filter-outlet .filter-outlet-query .dropdown{min-width: 240px;}
.filter-outlet .filter-outlet-query .dropdown .dropdown-toggle{display: flex;align-items: center;width: 100%;border: none;border-bottom: 1px solid var(--primary);height: 40px;background-color: transparent;color: var(--shades01);font-size: 16px;padding: 0;}
.filter-outlet .filter-outlet-query .dropdown .dropdown-menu{width: 100%; border-radius: 6px;}
.filter-outlet .filter-outlet-query .dropdown .dropdown-menu::-webkit-scrollbar{background-color: rgba(var(--primaryLight-rgb), 1) !important;}

/* ========| Filters |========*/
.filter-outlet-results{position: relative; z-index: 0; padding: 80px 0;display: flex;align-items: center;}
.filter-outlet-results .filter-outlet-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.filter-outlet-results .filter-outlet-image img{width: 100%; height: 100%; object-fit: cover;}
.filter-outlet-results .result-title{font-size: 22px;font-weight: 700;color: var(--primary);margin: 0 0 40px;}
.filter-outlet-results .result-title span{display: inline-flex;font-weight: 400;color: var(--shades01);border-left: 1px solid var(--primary);margin: 0 0 0 16px;padding: 0 0 0 16px;}
.filter-outlet-results .result-action{display: flex;align-items: center;justify-content: center;margin: 40px 0 0;}
.filter-outlet-results .result-action .btn-action{position: relative;display: flex;align-items: center;justify-content: center;padding: 0 30px;height: 60px;background-color: var(--primary);color: var(--shades01);border-radius: 4px;font-size: 24px;font-weight: 600;gap: 16px;text-transform: uppercase;}
.filter-outlet-results .result-action .btn-action span{font-size: 20px;}
.filter-outlet-results .result-action .btn-action:hover{background-color: var(--primaryAlt);}

/* ========| Outlets |========*/
.result-slider{position: relative;}
.result-slider .swiper-slide{height: auto;display: flex;flex-direction: column; padding: 24px 12px;}
.result-slider .result-item{position: relative;flex-grow: 1;flex-shrink: 1;display: flex;}
.result-slider .result-item .result-item-badge{position: absolute;z-index: 1;top: -20px;right: -10px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.result-slider .result-item .result-item-badge .result-item-badge-data{width: 66px;aspect-ratio: 1 / 1;background-color: var(--primary);display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: 30px;font-weight: 800;color: var(--shades01);border: 4px solid var(--shades01);border-radius: 50%;}
.result-slider .result-item .result-item-badge .result-item-badge-data span{font-size: 10px;font-weight: 600;display: inline-flex;line-height: 1;}
.result-slider .result-item .result-item-badge .result-item-badge-label{background-color: var(--shades01);border-radius: 4px;font-size: 10px;font-weight: 600;text-transform: uppercase;white-space: nowrap;letter-spacing: -0.5px;padding: 6px 4px;margin: -12px 0 0;}
.result-slider .result-item .result-item-inner{position: relative;background-color: var(--shades01);overflow: hidden;border-radius: 10px;display: flex;flex-direction: column;width: 100%;}
.result-slider .result-item .result-item-image{width: 100%;aspect-ratio: 2 / 1;flex-shrink: 0;}
.result-slider .result-item .result-item-image img{width: 100%;height: 100%;object-fit: cover;}
.result-slider .result-item .result-item-content{flex-shrink: 1;flex-grow: 1;display: flex;flex-direction: column;padding: 20px 30px;}
.result-slider .result-item .result-item-title{font-size: 20px;font-weight: 300;margin: 0 0 16px;}
.result-slider .result-item .result-item-description{font-size: 14px;font-weight: 300; margin: 0 0 24px;color: rgba(var(--shades02-rgb), 0.78);}
.result-slider .result-item .result-item-action{display: flex; margin: auto 0 0;}
.result-slider .result-item .btn-action{display: flex;align-items: center;justify-content: center;padding: 0 16px;height: 44px;border-radius: 4px;border: 1px solid var(--primary);background-color: transparent;width: 100%;font-size: 14px;font-weight: 400;}
.result-slider .result-item .btn-action:hover{ background-color: var(--primary); color: var(--shades01);}
.result-slider .swiper-button-prev, .result-slider .swiper-button-next{width: 30px;height: 30px;aspect-ratio: 1 / 1;}
.result-slider .swiper-button-prev{left: -40px;right: auto;}
.result-slider .swiper-button-next{left: auto;right: -40px;}
.result-slider .swiper-button-prev:after, .result-slider .swiper-button-next:after{font-family: "Font Awesome 6 Pro"; position:absolute; font-weight: 600;font-size: 30px; color: var(--shades01); transition: all 0.3s ease;}
.result-slider .swiper-button-prev:after{content:'\f137';}
.result-slider .swiper-button-next:after{content:'\f138';}
.result-slider .swiper-button-prev:hover:after, .result-slider .swiper-button-next:hover:after{color: var(--primary);}
/* ********|| FITER OUTLETS ENDS ||******** */

/* ********|| WEATHER STARTS ||******** */
.section-weather{position: relative;padding: 100px 0;background-color: var(--primaryLight);}
.section-weather .container{display: flex; justify-content: space-between; align-items: center;}
.section-weather .weather-content{position: relative;flex-shrink: 0;width: 100%;max-width: 400px;}
.section-weather .weather-content .weather-title{font-size: 30px;font-weight: 700;color: var(--primary);margin: 0 0 32px;padding: 0 0 16px;position: relative;}
.section-weather .weather-content .weather-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.section-weather .weather-content .weather-title span{color: var(--primaryAlt);}
.section-weather .weather-content .weather-description{font-size: 18px;line-height: 1.4;font-weight: 300;}
.section-weather .weather-list{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr)); margin:0 0 0 auto; width: 100%; max-width: 700px; flex-shrink: 1; flex-grow: 1;}
.section-weather .weather-list .weather-item{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;}
.section-weather .weather-list .weather-item .weather-item-icon{width: 100px;height: 100px;}
.section-weather .weather-list .weather-item .weather-item-icon img{width: 100%; height: 100%; object-fit: contain;}
.section-weather .weather-list .weather-item .weather-item-data{font-size: 24px;font-weight: 500;color: var(--primaryAlt);}
.section-weather .clients .container{display: block;}
/* ********|| WEATHER ENDS ||******** */

/* ********|| CAMPAIGNS STARTS ||******** */
.section-campaigns{position: relative;padding: 100px 0;}
.section-campaigns .campaigns-section-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 16px;padding: 0 0 16px;position: relative;}
.section-campaigns .campaigns-section-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.campaigns-slider{position: relative; margin: 40px 0;}
.campaigns-slider .swiper-slide{height: auto;display: flex;flex-direction: column; padding: 4px;}
.campaigns-slider .campaigns-item{display: flex; flex-direction: column;gap: 20px;}
.campaigns-slider .campaigns-item .campaigns-image{width: 100%; aspect-ratio: 41/26; overflow: hidden; border-radius: 20px; flex-shrink: 0;}
.campaigns-slider .campaigns-item .campaigns-image img{width: 100%; height: 100%; object-fit: cover;}
.campaigns-slider .campaigns-item .campaigns-content{display: flex; flex-direction: column; flex-shrink: 1; flex-grow: 1;}
.campaigns-slider .campaigns-item .campaigns-title{font-size: 20px;font-weight: 700;color: var(--primary);margin: 0 0 16px;}
.campaigns-slider .campaigns-item .campaigns-description{font-size: 16px;font-weight: 400;line-height: 1.4;}
.campaigns-slider .swiper-pagination{top: auto;bottom: -40px;}
.campaigns-slider .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;transform: none;background-color: var(--shades01);border: 2px solid var(--primary);opacity: 1;margin: 0 2px;}
.campaigns-slider .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--primary);}
/* ********|| CAMPAIGNS ENDS ||******** */

/* ********|| RACCOON TV STARTS ||******** */
.section-raccoon-tv{position: relative;background: radial-gradient(circle at 70% 50%, rgba(var(--primary-rgb), 0.5) 0%, var(--primaryAlt) 40%); background-color: var(--primaryAlt); padding: 40px 0;}
.section-raccoon-tv .container{display: flex; justify-content: space-between; align-items: center;}
.section-raccoon-tv .raccoon-tv-content{width: 100%; flex-shrink: 0;max-width: 500px;}
.section-raccoon-tv .raccoon-tv-content .raccoon-tv-title{font-size: 30px;font-weight: 700;color: var(--primary);margin: 0 0 32px;padding: 0 0 16px;position: relative;}
.section-raccoon-tv .raccoon-tv-content .raccoon-tv-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 160px;border-bottom: 1px solid var(--primary);}
.section-raccoon-tv .raccoon-tv-content .raccoon-tv-title span{color: var(--shades01);}
.section-raccoon-tv .raccoon-tv-content .raccoon-tv-description{font-size: 18px;font-weight: 400;color: var(--shades01);line-height: 1.4;}
.section-raccoon-tv .raccoon-tv-content .raccoon-tv-description a{color: var(--primary); font-weight: 700; text-decoration: underline;}
.section-raccoon-tv .raccoon-tv-image{width: 100%;max-width: 600px;}
.section-raccoon-tv .raccoon-tv-image img{width: 100%; height: 100%; object-fit: contain;}
/* ********|| RACCOON TV ENDS ||******** */

/* ********|| DEFAULT STARTS ||******** */
.section-default{position: relative;padding: 100px 0;}
.default{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 80px;}
.default .default-image{width: 100%;}
.default .default-image img{width: 100%; height: 100%; object-fit: contain;}
.default .default-content{position: relative;}
.default .default-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 32px;padding: 0 0 16px;position: relative;}
.default .default-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.default .default-description{font-size: 18px;line-height: 1.5;font-weight: 300; color: rgba(var(--shades02-rgb), 0.78);}
.default .default-action{display: flex;margin: 40px 0 0;align-items: center;gap: 20px;}
.default .default-action .btn-action{display: flex;align-items: center;justify-content: center;height: 56px;padding: 0 20px;background-color: var(--primary);border-radius: 4px;font-size: 18px;font-weight: 700;color: var(--shades01); text-transform: uppercase;}
.default .default-action .btn-action:hover{background-color: var(--primaryAlt);}
.default .default-action .btn-action.alt{background-color: var(--primaryAlt);}
.default .default-action .btn-action.alt:hover{background-color: var(--primaryDarker);}
.clients{margin: 160px 0 0;position: relative;}
.clients .swiper-wrapper {-webkit-transition-timing-function: linear !important;transition-timing-function: linear !important;	position: relative;}
.clients .client{position: relative; height: 80px; overflow: hidden; padding: 6px;}
.clients .client img{width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); transition: all 0.3s ease;}
.clients .client:hover img{filter: grayscale(0);}
/* ********|| DEFAULT ENDS ||******** */

/* ********|| FOOTER STARTS ||******** */
footer{position: relative;}
footer .container{display: flex;justify-content: space-between;}
footer .container+.container{margin: 40px auto 0; padding-top: 20px; padding-bottom: 20px; border-top:1px solid rgba(var(--shades01-rgb),0.1);}
footer .footer-banner{position: relative; padding: 100px 0 200px;}
footer .footer-banner .footer-banner-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
footer .footer-banner .footer-banner-image img{width: 100%; height: 100%; object-fit: cover;}
footer .footer-banner .footer-banner-content{width: 100%; flex-shrink: 0; max-width: 640px;}
footer .footer-banner .footer-banner-title{font-size: 40px;font-weight: 700;color: var(--primary); margin: 0 0 20px;}
footer .footer-banner .footer-banner-description{font-size: 20px; font-weight: 300; color: var(--shades01); line-height: 1.4;max-width: 500px;}
footer .footer-banner .footer-banner-action{width: 100%; flex-shrink: 1;display: flex;justify-content: flex-end;align-items: flex-start; gap: 20px;margin: auto 0;}
footer .footer-banner .btn-action{display: flex;align-items: center;justify-content: center;padding: 0 24px;border: 1px solid var(--primary);height: 60px;border-radius: 4px;font-size: 24px;gap: 10px;}
footer .footer-banner .btn-action:hover{background-color: var(--primary); color: var(--shades01);}
footer .footer-banner .btn-action span{font-size: 18px;font-weight: 700;color: var(--shades01);}
footer .footer{position: relative;padding: 60px 0 20px;background-color: var(--primaryAlt);}
footer .footer:before{content: '';background: url(../images/footer-bottom.png) no-repeat top center;background-size: cover;width: 100%;height: 174px;position: absolute;top: -174px;z-index: 1;}
footer .footer .brand{position: relative; height: 100px;transition: all 0.3s ease;}
footer .footer .brand .logo{display: flex; width: 100%; height: 100%;}
footer .footer .brand .logo img{width: 100%; height: 100%; object-fit: contain; object-position: left;}
footer .footer .footer-content{position: relative;flex-shrink: 0;}
footer .footer .footer-action{display: flex;justify-content: flex-end;}
footer .footer .btn-action{display: flex; align-items: center; justify-content: center; gap: 20px;color: var(--shades01);}
footer .footer .btn-action:hover{color: var(--primary);}
footer .footer .btn-action .action-icon{flex-shrink: 0; height: 64px;}
footer .footer .btn-action .action-icon img{width: 100%; height: 100%; object-fit: contain;}
footer .footer .btn-action .action-label{font-size: 30px;font-weight: 500;}
footer .footer .footer-connections{display: flex; align-items: center; justify-content: flex-end;gap: 30px; margin: 40px 0 0;}
footer .footer .footer-connections .connection{font-size: 20px;color: var(--primary);}
footer .footer .footer-connections .connection span{font-size: 16px;font-weight: 300;color: var(--shades01);text-decoration: underline;transition: all 0.3s ease;}
footer .footer .footer-connections .connection:hover span{color: var(--primary);}
footer .copyright{font-size: 14px;font-weight: 300;color: var(--shades01);}
footer .copyright span{padding: 0 10px 0 0;margin: 0 10px 0 0;border-right: 1px solid rgba(var(--shades01-rgb), 0.2);}
footer .social{display: flex;justify-content: flex-end;align-items: center;gap: 16px;}
footer .social .social-item{font-size: 30px;display: flex;color: var(--shades01);}
footer .social .social-item:hover{color: var(--primary);}
/* ********|| FOOTER ENDS ||******** */

/* ********|| PAGE BANNER STARTS ||******** */
.section-page-banner{position: relative;padding: 100px 0;overflow: hidden; z-index: 0;}
.section-page-banner .page-banner-image{position: absolute; top: 0; left: 0; width:100%; height: 100%; z-index: -1; overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.section-page-banner .page-banner-image:before{ content:"";position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color:rgba(var(--primaryDarker-rgb), 0.8); z-index: 0;}
.section-page-banner .page-banner-image:after{content:"";position: absolute;bottom: -1px; left: 0; background-image: url(../images/wave-white.png);background-repeat: no-repeat;background-position: bottom center;background-size: auto 184px;width: 100%;height: 100%;z-index: 1;}
.section-page-banner.wave-alt .page-banner-image:after{background-image: url(../images/wave-light.png);}
.section-page-banner .page-banner-image img{width: 100%; height: 100%; object-fit: cover;}
.section-page-banner .page-banner-content{position: relative; padding: 0 0 40px;}
.section-page-banner .page-banner-content .banner-title{font-size: 30px;color: var(--primarySemiLight);margin: 0;font-weight: 700;}
.section-page-banner .page-banner-content .banner-description{font-size: 18px;color: var(--shades01);margin:20px 0 0;max-width: 880px; line-height: 1.6;}
/* ********|| PAGE BANNER ENDS ||******** */

/* ********|| CARWASHES STARTS ||******** */
/* ========| Carwashes Map |========*/
.section-map{position: relative; height: calc(100vh - 200px); overflow: hidden; display: flex;}
.section-map .map{width: 100%; height: 100%; display: flex;position: relative;}
.section-map .map:after{ content:"";position: absolute;bottom: 0; left: 0; background-image: url(../images/wave-light.png);background-repeat: no-repeat;background-position: bottom center;background-size: auto 184px;width: 100%;height:182px;z-index: 1;}
.section-map .map img{width: 100%; height: 100%; object-fit: cover;}
.map-marker-item{position: relative;}
.map-marker-item .map-marker-inner{position: relative;}
.map-marker-item .map-marker-icon{width: 30px;position: relative;overflow: hidden;}
.map-marker-item .map-marker-icon img{width: 100%;height: 100%;object-fit: contain;}
.map-marker-item .map-marker-details{position: absolute;bottom: 100%;left: 50%;transform: translate(-50%, 4px); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.map-marker-item .map-marker-details:after {content: '';position: absolute;width: 0;height: 0;border: solid transparent;border-width: 10px 8px;border-top-color: var(--shades01);bottom: -20px;left: 50%;transform: translateX(-50%);}
.map-marker-item:hover .map-marker-details{opacity: 1; visibility: visible;transform: translate(-50%, -4px);}
.map-marker-item .map-marker-content{position: relative;background-color: var(--shades01);padding: 8px;border-radius: 6px;overflow: hidden;box-shadow: 0px 1px 4px rgba(var(--shades02-rgb), 0.1);min-width: 220px;}
.map-marker-item .map-marker-title{font-size: 13px;font-weight: 700;margin: 0;}
.map-marker-item .map-marker-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 3px;margin: 10px 0 0;}
.map-marker-item .map-marker-meta .map-marker-meta-item{display: flex;align-items: center;border: 1px solid rgba(var(--shades02-rgb), 0.1);background-color: var(--shades01);border-radius: 4px;height: 24px;padding: 0 4px;gap: 4px;color: var(--shades02);}
.map-marker-item .map-marker-meta .map-marker-meta-icon{width: 16px;height: 16px;overflow: hidden;flex-shrink: 0;}
.map-marker-item .map-marker-meta .map-marker-meta-icon img{width: 100%;height: 100%;object-fit: contain;}
.map-marker-item .map-marker-meta .map-marker-meta-label{font-size: 11px;font-weight: 400; flex-shrink: 1; flex-grow: 1;}
.map-marker-item .map-marker-meta .map-marker-meta-label span{display: inline-block;font-weight: 600;margin: 0 2px 0 0;}
.gm-style div[role='button']:hover{z-index: 1;}
/* ========| Carwashes Filter |========*/
.section-carwashes{position: relative; padding: 60px 0 100px; background-color: var(--primaryLight);}
.section-carwashes .carwashes-filter{display: flex;align-items: center;justify-content: space-between;}
.section-carwashes .laudries-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 16px;padding: 0 0 16px;position: relative;}
.section-carwashes .laudries-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.section-carwashes .carwashes-options{display: flex;align-items: center;gap: 20px; margin: 0 0 0 auto;}
.section-carwashes .carwashes-options .dropdown{min-width: 280px;}
.section-carwashes .carwashes-options .dropdown .dropdown-toggle{display: flex;align-items: center;width: 100%;border: 1px solid rgba(var(--shades02-rgb), 0.1);height: 60px;background-color: var(--shades01);color: var(--shades02);font-size: 16px;border-radius: 6px;box-shadow: 0px 2px 4px rgba(var(--shades02-rgb), 0.05); padding: 0 20px;}
.section-carwashes .carwashes-options .dropdown .dropdown-toggle:after{color: var(--primary);right: 8px;font-size: 14px;}
.section-carwashes .carwashes-options .dropdown .dropdown-menu{width: 100%; border-radius: 6px; border-color: rgba(var(--shades02-rgb),0.1);}
.section-carwashes .carwashes-options .dropdown .dropdown-menu::-webkit-scrollbar{background-color: rgba(var(--primaryLight-rgb), 1) !important;}
.section-carwashes .carwashes-options .dropdown .dropdown-item.dropdown-item{padding: 10px 20px;}
.section-carwashes .clients{margin: 100px 0 0;}

/* ========| Carwashes List |========*/
.carwashes-list{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap:30px; row-gap: 40px; margin: 60px 0 0;}
.carwashes-list .carwashes-item{position: relative;display: flex;border: none;background-color: transparent;padding: 0; text-align: unset;}
.carwashes-list .carwashes-item .carwashes-item-badge{position: absolute;z-index: 1;top: -20px;right: -14px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.carwashes-list .carwashes-item .carwashes-item-badge .carwashes-item-badge-data{width: 66px;aspect-ratio: 1 / 1;background-color: var(--primary);display: flex;align-items: center;justify-content: center;font-size: 30px;font-weight: 800;color: var(--shades01);border: 4px solid var(--shades01);border-radius: 50%;box-shadow: 0px 0px 10px rgba(var(--shades02-rgb), 0.1);}
.carwashes-list .carwashes-item .carwashes-item-badge .carwashes-item-badge-label{background-color: var(--shades01);border-radius: 4px;font-size: 10px;font-weight: 600;text-transform: uppercase;white-space: nowrap;letter-spacing: -0.5px;padding: 6px 4px;margin: -12px 0 0;box-shadow: 0px 0px 10px rgba(var(--shades02-rgb), 0.1);}
.carwashes-list .carwashes-item .carwashes-item-inner{position: relative;background-color: var(--shades01);overflow: hidden;border-radius: 10px;display: flex;flex-direction: column;border: 1px solid rgba(var(--shades02-rgb), 0.05); transition: all 0.3s ease;}
.carwashes-list .carwashes-item .carwashes-item-image{width: 100%;aspect-ratio: 2 / 1;flex-shrink: 0;}
.carwashes-list .carwashes-item .carwashes-item-image img{width: 100%;height: 100%;object-fit: cover;}
.carwashes-list .carwashes-item .carwashes-item-content{flex-shrink: 1;flex-grow: 1;display: flex;flex-direction: column;padding: 20px 30px;}
.carwashes-list .carwashes-item .carwashes-item-title{font-size: 20px;font-weight: 300;margin: 0 0 16px;}
.carwashes-list .carwashes-item .carwashes-item-description{font-size: 14px;font-weight: 300; margin: 0 0 10px; color: rgba(var(--shades02-rgb), 0.78);}
.carwashes-list .carwashes-item:hover .carwashes-item-inner{box-shadow: 0px 2px 20px rgba(var(--shades02-rgb), 0.1);}

/* ========| Carwashes Sidepanel |========*/
.carwash-panel{position: relative; display: flex; flex-direction: column;flex-grow: 1;}
.carwash-panel .carwash-image{width: 100%; aspect-ratio: 18/7; overflow: hidden; flex-shrink: 0;}
.carwash-panel .carwash-image img{width: 100%; height:100%; object-fit:cover}
.carwash-panel .carwash-content{flex-grow: 1; flex-shrink: 1; display: flex; flex-direction: column;}
.carwash-panel .carwash-informations{position: relative;padding: 30px;background: linear-gradient(360deg, #F2F2F2 0%, #FFFFFF 100%);flex-shrink: 0;}
.carwash-panel .carwash-title{font-size: 24px;font-weight: 700;margin: 0 0 16px;}
.carwash-panel .carwash-meta{display: flex;align-items: center;flex-wrap: wrap;gap: 10px; margin: 24px 0 0;}
.carwash-panel .carwash-meta .meta-item{display: flex;align-items: center;border: 1px solid rgba(var(--shades02-rgb), 0.1);background-color: var(--shades01);border-radius: 6px;height: 44px;padding: 0 12px;gap: 8px;box-shadow: 0px 1px 4px rgba(var(--shades02-rgb), 0.1); color: var(--shades02);}
.carwash-panel .carwash-meta .meta-item .meta-icon{width: 20px;height: 20px;overflow: hidden;}
.carwash-panel .carwash-meta .meta-item .meta-icon img{width: 100%; height:100%; object-fit:contain}
.carwash-panel .carwash-meta .meta-item .meta-label{font-size: 16px;font-weight: 400;color: var(--shades05);}
.carwash-panel .carwash-meta .meta-item .meta-label span{display: inline-block;font-weight: 600;margin: 0 8px 0 0; color: var(--shades02);}
.carwash-panel .carwash-tabs{ display: flex; flex-direction: column; flex-grow: 1;}
.carwash-panel .carwash-tabs .nav.nav-tabs{padding: 0 30px; gap: 30px; flex-shrink: 0;}
.carwash-panel .carwash-tabs .nav-link{display: flex;align-items: center;justify-content: center;padding: 0;height: 56px;font-size: 18px;font-weight: 500;color: var(--shades06);border: none !important;position: relative;}
.carwash-panel .carwash-tabs .nav-link:after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; border-radius: 4px 4px 0 0; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.carwash-panel .carwash-tabs .nav-link:hover:after{opacity: 1; visibility: visible;background-color: rgba(var(--shades02-rgb), 0.2);}
.carwash-panel .carwash-tabs .nav-link.active{color: var(--primary);}
.carwash-panel .carwash-tabs .nav-link.active:after{opacity: 1; visibility: visible; background-color: var(--primary);}
.carwash-panel .carwash-tabs .tab-content{flex-grow: 1;padding: 20px 30px;}

/* ========| Carwashes Information Tab Content |========*/
.info-tab-content{position: relative;}
.info-tab-content .info-item{display: flex;align-items: flex-start;padding: 10px 0; gap: 16px;}
.info-tab-content .info-item .info-icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: rgba(var(--primary-rgb), 0.2);border-radius: 50%;padding: 10px; flex-shrink: 0;}
.info-tab-content .info-item .info-icon img{width: 100%;height: 100%;object-fit: contain;}
.info-tab-content .info-item .info-data{flex-grow: 1;flex-shrink: 1;padding: 8px 0;font-size: 16px;font-weight: 500;line-height: 1.4;color: var(--shades06);}
.info-tab-content .info-item .info-data span{display: block;}

/* ========| Carwashes Pricing Tab Content |========*/
.pricing-tab-content{position: relative; padding: 40px 0;color: var(--shades06);}
.pricing-tab-content ul.notes{list-style: disc;margin: 0 0 20px;}
.pricing-tab-content ul.notes li{font-size: 14px;line-height: 1.4;}
.pricing-tab-content ul.notes li+li{margin: 10px 0 0;}
.pricing-tab-content .data-container{position: relative; margin: 0 0 40px;}
.pricing-tab-content .table-title{font-size: 20px;font-weight: 700;margin: 0;color: var(--shades02);}
.pricing-tab-content table{width: 100%;border-collapse: collapse;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.pricing-tab-content table th{letter-spacing: -0.5px;font-size: 17px;line-height: 24px;color:var(--primaryAlt);text-align: left;vertical-align: top;padding: 8px 10px;}
.pricing-tab-content table td{vertical-align: top;padding:10px;border-top: 1px solid rgba(var(--shades02-rgb), 0.1); font-size: 13px; transition: all 0.3s ease;}
.pricing-tab-content table td a{font-weight: 400; color: var(--primary);}
.pricing-tab-content table td a:hover{color: var(--primaryAlt);}
.pricing-tab-content table tr.row-xs td:first-child {padding-left: 57px !important;background: url(../images/rox-xs-card.webp) no-repeat 10px bottom;border-top: 0 none;font-style: italic; color: rgba(var(--shades02-rgb), 0.6);}
.pricing-tab-content table tr.row-xs:hover td:first-child {background: rgba(var(--primary-rgb), 0.1) url(../images/rox-xs-card.webp) no-repeat 10px bottom !important;}
.pricing-tab-content table tr.row-xs td{border-top: 0 none !important;}
.pricing-tab-content table tr:hover td{background: rgba(var(--primary-rgb), 0.1);}
.table-image{display: block;background: no-repeat center -16px;width: 80px;text-align: center;padding-top: 34px;font-size: 10px;line-height: 14px;white-space: nowrap;}
.pricing-tab-content .tooltip-item{display: inline-flex;}
.pricing-tab-content .tooltip-item button{border: 0;background-color: transparent;padding: 0;font-size: 16px;color: var(--primaryAlt);}
.tooltips-content{--bs-tooltip-bg: var(--shades03);--bs-tooltip-opacity: 1;--bs-tooltip-color:var(--shades02); --bs-tooltip-font-size:13px; --bs-tooltip-max-width:280px}
.tooltip-inner{padding: 8px;}

/* ========| Carwashes Camera Tab Content |========*/
.camera-tab-content{position: relative; padding: 40px 0;}

/* ========| Carwashes Guide Tab Content |========*/
.guide-tab-content{position: relative; padding: 40px 0;}
/* ********|| Carwashes ENDS ||******** */

/* ********|| CONTACTS STARTS ||******** */
.section-contact{position: relative; padding: 60px 0 120px;}
.section-contact .contact{display: flex; gap: 80px; width: 100%;}
.section-contact .contact-information{position: relative;overflow: hidden; z-index: 0; border-radius: 10px; padding: 60px 80px; display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1;}
.section-contact .contact-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.section-contact .contact-image:after{ content:"";position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color:rgba(var(--primaryAlt-rgb), 0.94); z-index: 0;}
.section-contact .contact-image img{width:100%; height: 100%; object-fit: cover;}
.section-contact .information{position: relative; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around;}
.section-contact .information .info-item{display: flex;align-items: flex-start;gap: 20px;padding: 16px 0;}
.section-contact .information .info-item .info-icon{width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; background-color: var(--shades01); overflow: hidden; padding: 12px; display: flex; align-items: center; justify-content: center;}
.section-contact .information .info-item .info-icon img{width:100%; height: 100%; object-fit: contain;}
.section-contact .information .info-item .info-content{flex-grow: 1; flex-shrink: 1; padding: 4px 0;}
.section-contact .information .info-item .info-label{font-size: 16px;color: var(--primary);margin: 0 0 16px;}
.section-contact .information .info-item .info-data{font-size: 18px;font-weight: 600;color: var(--shades01);line-height: 1.2;}
.section-contact .information .info-item .info-data span{display: block;}
.section-contact .information .info-item .info-data a{color: var(--shades01);}
.section-contact .information .info-item .info-data a:hover{color: var(--primary); text-decoration: underline; text-underline-offset: 4px;}
.section-contact .contact-form{position: relative; flex-shrink: 0; width: 42%;}
.section-contact .contact-form .form-action{display: flex; margin: 30px 0 0;}
.section-contact .contact-form .btn-submit{display: flex;align-items: center;justify-content: center;padding: 0 20px;height: 50px;border: none;border-radius: 6px;background-color: var(--primary);color: var(--shades01);font-size: 18px;font-weight: 700;text-transform: uppercase;}
.section-contact .contact-form .btn-submit:hover{background-color: var(--primaryAlt);}

/* ========| Contact Offices |========*/
.section-offices{position: relative; padding: 160px 0; overflow: hidden;}
.section-offices .offices-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.section-offices .offices-image:after{content:"";position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color:rgba(var(--primaryAlt-rgb), 0.94); z-index: 0;}
.section-offices .offices-image img{width: 100%; height:100%; object-fit:cover;}
.section-offices .offices{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 120px; width: 100%;}
.section-offices .offices .office-item{width: 100%; position: relative;}
.section-offices .offices .office-label{font-size: 30px; font-weight: 700; color: var(--shades01); margin: 0 0 20px; padding: 0 0 20px; position: relative;}
.section-offices .offices .office-label:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--primary-rgb), 1);}
.section-offices .offices .office-label span{color: var(--primary);}
.section-offices .offices .office-data{font-size: 18px;font-weight: 400;color: rgba(var(--shades01-rgb),0.78);line-height: 1.4;}
.section-offices .offices .office-data span{display: block;}

/* ========| Teams |========*/
.section-teams{position: relative; padding: 100px 0; background-color: var(--primaryLight);}
.section-teams .team-title{font-size: 30px; font-weight: 800; color: var(--primary); margin: 0 0 16px; padding: 0 0 16px; position: relative;}
.section-teams .team-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.section-teams .teams{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; width: 100%; margin: 60px 0 0;}
.section-teams .teams .team-item{position: relative; background-color: var(--shades01); padding: 30px 30px; overflow: hidden; border-radius: 10px; border:1px solid rgba(var(--shades02-rgb), 0.1); text-align: center; transition: all 0.3s ease;}
.section-teams .teams .team-item:hover{box-shadow: 0px 2px 10px rgba(var(--shades02-rgb), 0.1);}
.section-teams .teams .team-item .team-image{width: 180px; height: 180px;overflow: hidden; border-radius: 50%; margin: 0 auto 40px;}
.section-teams .teams .team-item .team-image img{width: 100%; height:100%; object-fit:cover;}
.section-teams .teams .team-item .team-name{font-size: 20px; font-weight: 700; margin: 0 0 16px;}
.section-teams .teams .team-item .team-description{font-size: 16px; font-weight: 400; margin: 0 0 20px;}
.section-teams .teams .team-item .team-contacts{position: relative; font-size: 14px; font-weight: 400; line-height: 1.2;}
.section-teams .teams .team-item .team-contacts span{display: block;}
.section-teams .teams .team-item .team-contacts a{color: var(--primaryAlt); text-decoration: underline;}
.section-teams .teams .team-item .team-contacts a:hover{color: var(--primary);}
.section-teams .clients{margin: 100px 0 0;}
/* ********|| CONTACTS ENDS ||******** */

/* ********|| BLOGS STARTS ||******** */
.section-blogs{padding:40px 0 100px; position: relative; background-color: var(--primaryLight);}
.section-blogs .clients{margin: 100px 0 0;}
.blogs{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 50px; gap: 30px; position: relative;}
.blogs .blog-item{width: 100%; box-shadow: 0px 1px 3px rgba(var(--shades02-rgb), 0.1);position: relative; background-color: var(--shades01); overflow: hidden; border-radius: 10px; display: flex; flex-direction: column; border: 1px solid rgba(var(--shades02-rgb), 0.05); transition: all 0.3s ease;}
.blogs .blog-item:hover{box-shadow: 0px 2px 20px rgba(var(--shades02-rgb), 0.2);}
.blogs .blog-item .blog-image{width: 100%; aspect-ratio: 1 / 1; flex-shrink: 0;overflow: hidden;}
.blogs .blog-item .blog-image img{width: 100%; height: 100%; object-fit: cover;}
.blogs .blog-item .blog-content{padding: 20px 30px; flex-grow: 1; flex-shrink: 1;display: flex;flex-direction: column;}
.blogs .blog-item .blog-content .blog-title{font-weight: 600; font-size: 22px; margin: 0 0 16px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;color: var(--shades02);}
.blogs .blog-item .blog-content .blog-date{font-weight: 500;font-size: 14px;color: rgba(var(--primaryDarker-rgb), 0.8);display: flex;align-items: center;gap:10px; margin: auto 0 0;}
.blogs .blog-item .blog-content .blog-date i{font-size: 14px;}
/* ********|| BLOGS ENDS ||******** */

/* ********|| BLOGS DETAILS STARTS ||******** */
.section-blog-details{padding: 60px 0 100px; position: relative; background-color: var(--primaryLight);}
.section-blog-details .blog-details{width: 100%;display: flex;align-items: start;justify-content: space-between;gap: 40px;}
.section-blog-details .blog-details .blog-content{width:100%;position: relative;flex-shrink: 1; flex-grow: 1; display: flex; align-items: flex-start;gap: 40px;}
.section-blog-details .blog-details .blog-data{flex-shrink: 1; flex-grow: 1; display: flex; flex-direction: column;}
.section-blog-details .blog-details .blog-title{font-size: 35px;font-weight: 700;color: var(--shades02);margin-bottom: 25px;}
.section-blog-details .blog-details .blog-description{font-size: 16px;font-weight: 400;color: var(--shades02);line-height: 1.4;}
.section-blog-details .blog-details .blog-date{border-radius: 10px; background: var(--primary); width: 80px; flex-shrink: 0; align-items: center; justify-content: center; display: flex; flex-direction: column; padding: 12px 0; gap: 4px;}
.section-blog-details .blog-details .blog-date i{font-size: 20px;color: var(--primaryLight);}
.section-blog-details .blog-details .blog-date .date{font-size: 32px;color: var(--primaryLight);font-weight: 700;}
.section-blog-details .blog-details .blog-date .month{font-size: 13px;color: var(--primaryLight);font-weight: 700;}
.section-blog-details .blog-details .blog-image{width: 498px; aspect-ratio: 1 / 1; flex-shrink: 0;border-radius: 20px;overflow:hidden}
.section-blog-details .blog-details .blog-image img{width: 100%;height: 100%;object-fit: cover;}
.section-blog-details .blog-details ~ hr{margin: 100px 0; border-top: 1px solid rgba(var(--shades02-rgb), 0.4);} 
.blog-description  h1{font-size: 24px;font-weight: 700;color: var(--shades02);}
.blog-description  h2{font-size: 20px;font-weight: 700;color: var(--shades02);}
.blog-description  h3{font-size: 16px;font-weight: 700;color: var(--shades02);}
.blog-description  h4{font-size: 14px;font-weight: 700;color: var(--shades02);}
.blog-description  h5{font-size: 12px;font-weight: 700;color: var(--shades02);}
.blog-description  h6{font-size: 10px;font-weight: 700;color: var(--shades02);}
.blog-description a{color: var(--primary); text-decoration: none; transition: all 0.3s ease;}
.blog-description a:hover{color: var(--shades02);text-decoration: none;}
.blog-description pre{color: var(--shades02);text-decoration: none;}
.blog-description ul{list-style: none;padding: 0; margin:20px 0;}
.blog-description ul li{font-size: 16px; font-weight: 400; padding: 8px 0;}
.blog-description img{width: 100%; aspect-ratio: 1 /1; object-fit: cover;}
.section-blog-details .blogs{display: block; margin: 0 -15px;}
.section-blog-details .blogs .swiper-slide{height: auto; display: flex; padding: 15px 15px 30px;}
/* ========| Similar Blogs |========*/
.similar-blog-title{font-size: 30px; font-weight: 700; color: var(--primaryAlt); margin: 0 0 32px; padding: 0 0 16px; position: relative; width: 100%;}
.similar-blog-title::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 240px; border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.section-blog-details .clients{margin: 100px 0 0;}
/* ********|| BLOGS DETAILS ENDS ||******** */

/* ********|| REWARD CARD STARTS ||******** */
/* ========| Reward Cards |========*/
.section-reward-card{position: relative;padding: 0 0 80px;}
.section-reward-card .container{display: flex; justify-content: space-between; align-items: center;}
.section-reward-card .container+.container{margin-top: 100px;}
.section-reward-card .reward-card-content{position: relative;width: 100%;max-width: 500px; flex-shrink: 0;}
.section-reward-card .reward-card-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 24px;padding: 0 0 16px;position: relative;}
.section-reward-card .reward-card-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.section-reward-card .reward-card-description{font-size: 16px;font-weight: 400;line-height: 1.4;}
.section-reward-card .reward-card-image{position: relative;width: 100%;max-width: 55%;overflow: hidden;}
.section-reward-card .reward-card-image img{width: 100%; height: 100%; object-fit: contain; object-position: right;}

/* ========| Reward Cards Call to Action |========*/
.section-calltoaction{position: relative; padding: 80px 0; z-index: 0;}
.section-calltoaction .calltoaction-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;}
.section-calltoaction .calltoaction-image:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(var(--primaryDarker-rgb), 0.8);z-index: 0;}
.section-calltoaction .calltoaction-image img{width: 100%; height: 100%; object-fit: cover;}
.section-calltoaction .calltoaction-title{font-size: 32px;font-weight: 700;color: var(--primarySemiLight);text-align: center;margin: 0 0 24px;}
.section-calltoaction .calltoaction-description{font-size: 20px;font-weight: 400;color: var(--primaryLight);text-align: center;line-height: 1.4;max-width: 1024px;margin: 0 auto;}
.section-calltoaction .calltoaction-action{display: flex; align-items: center; justify-content: center; gap: 20px; margin: 30px 0 0;}
.section-calltoaction .btn-action{display: flex;align-items: center;justify-content: center;height: 60px;font-size: 20px;font-weight: 700;background-color: var(--primary);border-radius: 4px;color: var(--shades01);padding: 0 24px; border:1px solid var(--primary);}
.section-calltoaction .btn-action.alt{background-color: transparent; color: var(--primary);}
.section-calltoaction .btn-action:hover{background-color: var(--primaryAlt); border-color: var(--primaryAlt);}
.section-calltoaction .btn-action.alt:hover{background-color: var(--primary);color: var(--shades01);}

/* ========| Reward Cards Benefits |========*/
.section-benefits{position: relative; padding: 100px 0;}
.section-benefits .benefits-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 32px;padding: 0 0 16px;position: relative;}
.section-benefits .benefits-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.section-benefits .benefits{position: relative;}
.section-benefits .benefits .accordion{position: relative;border-radius: 0;}
.section-benefits .benefits .accordion-item{position: relative;border: 1px solid rgba(var(--shades02-rgb), 0.05);border-width: 0 0 2px;border-radius: 0 !important;}
.section-benefits .benefits .accordion-button{font-size: 22px;font-weight: 600;color: var(--primary);margin: 0;border-radius: 0 !important;background-color: transparent;border: 0 !important; padding: 40px 0;box-shadow: none !important;}
.section-benefits .benefits .accordion-button:after{content: "\f078"; font-family: "Font Awesome 6 Pro"; position: absolute;top: 38px;right: 0;background: none;font-weight: 300;transform-origin: center;width: auto;height: auto;font-size: 20px;}
.section-benefits .benefits .accordion-body{padding: 0 0 30px 0;}
.section-benefits .benefits .benefits-descriptions{font-size: 16px;line-height: 1.5;width: 100%;max-width: 960px;}
.section-benefits .benefits .benefits-descriptions p{margin: 0 0 20px;}

/* ========| Reward Cards mTasku |========*/
.section-mTasku{position: relative;padding: 100px 0; background-color: var(--primaryLight);}
.section-mTasku .mTasku{display: flex; align-items: center; justify-content: space-between; gap: 80px;}
.section-mTasku .mTasku .mTasku-content{position: relative;width: 100%;max-width: 560px; flex-shrink: 0;}
.section-mTasku .mTasku .mTasku-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 32px;padding: 0 0 16px;position: relative;}
.section-mTasku .mTasku .mTasku-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.section-mTasku .mTasku .mTasku-subtitle{font-size: 18px;line-height: 1.4;font-weight: 600;margin: 0 0 30px;}
.section-mTasku .mTasku .mTasku-description{font-size: 18px;line-height: 1.4;font-weight: 400;}
.section-mTasku .mTasku .mTasku-image{width: 100%; flex-grow: 1; flex-shrink: 1;}
.section-mTasku .mTasku .mTasku-image img{width: 100%;height: 100%;object-fit: contain;}
.section-mTasku .clients{ margin: 100px 0 0;}

/* ========| User Manual |========*/
.section-user-manual{position: relative;}
.section-user-manual .user-manual-infographics{position: relative; padding: 100px 0; background-color: var(--primaryAlt);}
.section-user-manual .user-manual-title-section{display: flex; justify-content: center;margin: 0 0 60px;}
.section-user-manual .user-manual-title{font-size: 30px;font-weight: 700;color: var(--shades01);margin: 0 0 32px;padding: 0 0 16px;position: relative;}
.section-user-manual .user-manual-title:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 160px;border-bottom: 1px solid var(--shades03);}
.section-user-manual .user-manual-title span{color: var(--shades01);}
.section-user-manual .infographics{display: flex; align-items: center; justify-content: center; gap: 80px;}
.section-user-manual .infographics .infographics-item{position: relative;}
.section-user-manual .infographics .infographics-inner{position: relative;width: 220px;aspect-ratio: 1 / 1;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 0;}
.section-user-manual .infographics .infographics-icon{width: 100%; height: 100%; margin: auto;}
.section-user-manual .infographics .infographics-icon img{width: 100%; height: 100%; object-fit: contain;}
.section-user-manual .infographics .infographics-label{font-size: 20px;font-weight: 600;color: var(--primary);}

/* ========| User Manual Information |========*/
.section-user-manual .user-manual-informations{position: relative;padding: 80px 0; background-color: var(--primaryLight2);}
.section-user-manual .informations{position: relative;font-size: 20px;line-height: 1.6;color: var(--primaryAlt);column-count: 2;column-gap: 40px;}
.section-user-manual .informations .information-list{padding: 0;list-style: none;margin: 0 0 30px;}
.section-user-manual .informations .information-list li{font-size: 18px;font-weight: 500;line-height: 1.6;color: var(--shades07);padding: 20px 20px 20px 80px;position: relative;display: flex;align-items: center;min-height: 85px;background-color: var(--shades01);border-radius: 10px;break-inside:avoid}
.section-user-manual .informations .information-list li:before{content: attr(data-number);position: absolute;width: 45px;aspect-ratio: 1 / 1;border-radius: 50%;background-color: var(--primary);color: var(--shades01);font-size: 20px;font-weight: 700;display: flex;align-items: center;justify-content: center;left: 20px;top: 20px;line-height: 1;padding: 2px 0 0;}
.section-user-manual .informations .information-list li+li{margin: 24px 0 0;}
/* ********|| REWARD CARD ENDS ||******** */

/* ********|| MANUAL WASH STARTS ||******** */
.section-manual-wash-services{position: relative;padding: 100px 0;}
.manual-wash-services{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 40px;}
.manual-wash-services .item-service{position: relative;overflow: hidden;border-radius: 10px;border: 1px solid rgba(var(--shades02-rgb), 0.1);display: flex; min-height: 200px;background-color: var(--shades01);}
.manual-wash-services .item-service-image{position: relative;width: 100px;flex-shrink: 0;background-repeat: no-repeat;background-size: cover;}
.manual-wash-services .item-service-image:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(var(--primaryAlt-rgb), 0.8);}
.manual-wash-services .item-service-title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 24px;font-weight: 800;color: var(--shades01); margin: 0;}
.manual-wash-services .item-service-title span{position: absolute;top: 50%;left: 50%;display: flex;transform: translate(-50%, -50%) rotate(-90deg);}
.manual-wash-services .item-service-content{position: relative;padding: 60px 40px;flex-grow: 1;flex-shrink: 1;}
.manual-wash-services .item-service-meta{position: relative;}
.manual-wash-services .item-service-meta .meta-item{position: relative;}
.manual-wash-services .item-service-meta .meta-item+.meta-item{margin: 24px 0 0;}
.manual-wash-services .item-service-meta .meta-label{font-size: 18px;font-weight: 600; color: var(--primary);}
.manual-wash-services .item-service-meta .meta-data{font-size: 18px;font-weight: 400;line-height: 1.4;margin: 6px 0 0;}

/* ========| Packages |========*/
.section-packages{position: relative;padding: 100px 0; background-color: var(--primaryLight);z-index: 0;}
.section-packages .packages-section-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 24px;padding: 0 0 16px;position: relative;}
.section-packages .packages-section-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.packages-slider{position: relative; margin: 60px 0 0;}
.packages-slider .swiper{margin-left: -5px;margin-right: -5px;padding: 0 5px;}
.packages-slider .swiper-wrapper{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;}
.packages-slider .swiper-slide{width: auto;height: auto;display: flex;}
.packages-slider .swiper-navigation{position: absolute;width: auto;display: none;align-items: center;top: -90px;right: 20px;}
.packages-slider .swiper-navigation > *:after{display: none;}
.packages-slider .swiper-navigation .swiper-button-prev{position: relative;top: auto;left: auto;right: auto;bottom: auto;opacity: 1;width: 40px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;font-size: 32px;color: var(--primary);transform: none;margin: 0;}
.packages-slider .swiper-navigation .swiper-button-next{position: relative;top: auto;left: auto;right: auto;bottom: auto;opacity: 1;width: 40px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;font-size: 32px;color: var(--primary);transform: none;margin: 0;}

.packages-slider .swiper-pagination{position: absolute;width: auto;display: none;align-items: center;bottom: -40px;left: 50%;transform: translateX(-50%);height: 40px;}
.packages-slider .swiper-pagination .swiper-pagination-bullet{width: 16px;height: 16px;transform: none;background-color: var(--shades01);border: 2px solid var(--primary);opacity: 1;margin: 0 2px;}
.packages-slider .swiper-pagination .swiper-pagination-bullet-active{background-color: var(--primary);}


.packages-slider .package-item{width: 100%;max-width: 620px;display: flex;position: relative;}
.packages-slider .package-item .package-rate{position: absolute;z-index: 1;top: 110px;right: -4px;overflow: hidden;border-radius: 6px 0 0 6px;}
.packages-slider .package-item .package-rate .package-rate-item{position: relative;background-color: var(--primary);padding: 10px;line-height: 1;}
.packages-slider .package-item .package-rate .package-rate-item.alt{background-color: var(--primaryAlt);}
.packages-slider .package-item .package-rate .package-rate-data{text-align: right;color: var(--shades01);font-size: 12px; font-weight: 700;}
.packages-slider .package-item .package-rate .package-rate-data+.package-rate-data{margin: 4px 0 0;}
.packages-slider .package-item .package-rate .package-rate-data.alt{font-size: 11px; font-weight: 400;}
.packages-slider .package-item .package-item-inner{position: relative; overflow: hidden; border-radius: 10px; border:1px solid rgba(var(--shades02-rgb), 0.1); background-color: var(--shades01); display: flex; flex-direction: column; width: 100%;}
.packages-slider .package-item .package-image{position: relative;width: 100%; aspect-ratio: 2/1; overflow: hidden; flex-shrink: 0;}
.packages-slider .package-item .package-image:after{content:""; position: absolute; inset: 0;background: linear-gradient(to bottom, transparent, rgba(var(--shades02-rgb), 0.6));}
.packages-slider .package-item .package-image img{width: 100%; height: 100%; object-fit: cover;}
.packages-slider .package-item .package-content{flex-grow: 1; flex-shrink: 1;display: flex;flex-direction: column;padding: 20px;}
.packages-slider .package-item .package-title{font-size: 20px;font-weight: 800;color: var(--primary);margin: 0;text-transform: uppercase;}
.packages-slider .package-item .package-description{position: relative;margin: 20px 0;}
.packages-slider .package-item .package-meta{position: relative;}
.packages-slider .package-item .package-meta .package-meta-item{position: relative;}
.packages-slider .package-item .package-meta .package-meta-item+.package-meta-item{margin: 20px 0 0;}
.packages-slider .package-item .package-meta .package-meta-label{font-size: 15px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 4px;}
.packages-slider .package-item .package-meta .package-meta-data{font-size: 13px;line-height: 1.4;}
.packages-slider .package-item .package-duration{position: relative;margin: 20px -20px;padding: 20px 20px;background-color: var(--primaryLight);}
.packages-slider .package-item .package-duration .duration{display: flex;align-items: center;gap: 12px;}
.packages-slider .package-item .package-duration .duration-icon{font-size: 16px;color: var(--primary); flex-shrink: 0;}
.packages-slider .package-item .package-duration .duration-data{font-size: 14px;font-weight: 500;color: var(--primary);flex-grow: 1;flex-shrink: 1;}
.packages-slider .package-item .package-actions{margin: auto 0 0;display: flex;align-items: center;justify-content: center;gap: 10px;}
.packages-slider .package-item .package-actions .btn-action{position: relative;height: 44px;background-color: var(--primary);width: 100%;border-radius: 4px;color: var(--shades01);display: flex;align-items: center;justify-content: center;font-size: 16px;gap: 4px; padding: 0 4px; text-align: center;  font-weight: 700;}
.packages-slider .package-item .package-actions .btn-action span{font-size: 13px;}
.packages-slider .package-item .package-actions .btn-action:hover{background-color: var(--primaryAlt);}
/* ********|| MANUAL WASH ENDS ||******** */

/* ********|| ABOUT STARTS ||******** */
.section-about{position: relative; padding: 100px 0;}
.section-about .about{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 80px;}
.section-about .about+.about{margin: 80px 0 0;}
.section-about .about .about-image{width: 100%; overflow: hidden; border-radius: 6px;}
.section-about .about .about-image img{width: 100%; height: 100%; object-fit: cover;}
.section-about .about .about-content{position: relative;}
.section-about .about .about-title{font-size: 30px; font-weight: 700; color: var(--primary); margin: 0 0 20px;}
.section-about .about .about-description{font-size: 18px; line-height: 1.4; margin: 40px 0 0;}
.section-about .about .about-description p{margin: 0 0 20px;}

/* ========| Steps |========*/
.section-steps{position: relative; padding: 100px 0; background-color: var(--primaryLight2);}
.section-steps .steps-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 32px;padding: 0 0 16px;position: relative;}
.section-steps .steps-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.section-steps .steps{position: relative; column-count: 2; gap: 40px;}
.section-steps .steps .steps-item{position: relative;padding: 16px 72px 16px 24px;display: flex;align-items: flex-start;background-color: var(--primary);border-radius: 6px; gap: 20px;}
.section-steps .steps .steps-item+.steps-item{margin: 20px 0 0;}
.section-steps .steps .steps-number{width: 45px;aspect-ratio: 1 / 1;border-radius: 50%;background-color: var(--shades01);display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 700;color: var(--primary); flex-shrink: 0;}
.section-steps .steps .steps-data{flex-shrink: 1; flex-grow: 1; display: flex; align-items: center; min-height: 45px; font-size: 18px; font-weight: 500; color: var(--shades01); line-height: 1.4;}

/* ========| Instructions |========*/
.section-instructions{position: relative; padding: 100px 0; background-color: var(--primaryAlt); z-index: 0;}
.section-instructions:before{content: ''; position: absolute; inset: 0; background-color: rgba(var(--shades02-rgb), 0.1);}
.section-instructions .instructions-title{font-size: 30px;font-weight: 700;color: var(--shades01);margin: 0 0 32px;padding: 0 0 16px;position: relative; text-align: center;}
.section-instructions .instructions-title:after{content: "";position: absolute;bottom: 0;left: 50%; transform: translateX(-50%); width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades01-rgb), 0.5);}
.instructions{position: relative;column-count: 2; gap: 40px; margin: 80px 0 0;}
.instructions .instruction-item{display: flex; align-items: flex-start; gap: 24px; padding: 30px 0;}
.instructions .instruction-item .instruction-icon{position: relative;width: 160px; aspect-ratio: 1/1; flex-shrink: 0;z-index: 0;padding: 0;}

.instructions .instruction-item .instruction-icon img{width: 100%; height: 100%; object-fit: contain;}
.instructions .instruction-item .instruction-number{width: 32px;aspect-ratio: 1 / 1;border-radius: 50%;background-color: var(--primary);display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 700;color: var(--shades01);flex-shrink: 0;}
.instructions .instruction-item .instruction-content{flex-shrink: 1; flex-grow: 1; max-width: 320px;}
.instructions .instruction-item .instruction-title{font-size: 20px;font-weight: 700;color: var(--primary);margin: 0;}
.instructions .instruction-item .instruction-description{font-size: 16px;color: var(--shades01);line-height: 1.4;margin: 20px 0 0;}
.instructions .instruction-item:nth-child(n+4){flex-direction: row-reverse; text-align: right;}

/* ========| Environment |========*/
.section-environment{position: relative; padding:  0 0 100px;}
.section-environment .environment{position: relative; z-index: 0; padding: 120px 0; display: flex; align-items: center;}
.section-environment .environment .environment-image{position: absolute; inset: 0; z-index: -1;}
.section-environment .environment .environment-image img{width: 100%; height: 100%; object-fit: cover;}
.section-environment .environment .environment-image img+img{display: none;}
.section-environment .environment .environment-content{width: 100%;max-width: 480px;}
.section-environment .environment .environment-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 32px;padding: 0 0 16px;position: relative;}
.section-environment .environment .environment-title:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;max-width: 240px;border-bottom: 1px solid var(--primary);}
.section-environment .environment .environment-description{font-size: 18px;font-weight: 300;line-height: 1.6;margin: 40px 0 0;}
.section-environment .environment .environment-description p{margin: 0 0 20px;}
.section-environment .environment .environment-description p:last-child{margin: 0;}
.section-environment .clients{margin: 100px 0 0;}
/* ********|| ABOUT ENDS ||******** */

/* ********|| WASHING STARTS ||******** */
.section-advantages{position: relative; padding: 100px 0;}
.section-advantages .advantages-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 32px;padding: 0 0 16px;position: relative;}
.section-advantages .advantages-title:after{content: "";position: absolute;bottom: 0;left: 0; width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}
.advantages{position: relative; margin: 40px 0 0; display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap:30px;}
.advantages .advantage-item{position: relative; overflow: hidden; border-radius: 10px; background-color: var(--primaryAlt);}
.advantages .advantage-item .advantage-image{width: 100%; aspect-ratio: 2/1; overflow: hidden;}
.advantages .advantage-item .advantage-image img{width: 100%; height: 100%; object-fit: cover;}
.advantages .advantage-item .advantage-content{position: relative;padding: 30px;}
.advantages .advantage-item .advantage-title{font-size: 20px;font-weight: 500;color: var(--shades01);margin: 0 0 20px;}
.advantages .advantage-item .advantage-description{font-size: 16px;color: var(--shades01);line-height: 1.4;margin: 20px 0;}

/* ========| Advantages Infographics |========*/
.section-advantages .infographics{ position: relative; display: flex; align-items: center; margin: 100px 0 0; gap: 20px; padding: 60px 0;}
.section-advantages .infographics .infographics-split-end{flex-shrink: 0;}
.section-advantages .infographics .infographics-content{flex-shrink: 1; flex-grow: 1;display: flex;align-items: center;}
.section-advantages .infographics .infographics-icon{width: 100px; aspect-ratio: 1/1;overflow: hidden;}
.section-advantages .infographics .infographics-icon img{width: 100%; height: 100%; object-fit: contain;}
.section-advantages .infographics .infographics-item{position: relative; width: 16.67%; aspect-ratio: 1/1; flex-shrink: 0; display: flex; align-items: center; justify-content: center; z-index: 0; margin: 0 -1px;}
.section-advantages .infographics .infographics-item::before{content: ''; position: absolute; inset: 0; z-index: -1; border:2px dashed transparent; border-radius: 50%; transform: rotate(-44deg);}
.section-advantages .infographics .infographics-item .infographics-number{width: 80px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--primaryAlt); color: var(--shades01); font-size: 24px; font-weight: 700;}
.section-advantages .infographics .infographics-item .infographics-title{position: absolute;font-size: 17px;font-weight: 600;text-align: center;left: 50%;transform: translateX(-50%);width: 240px;}
.section-advantages .infographics .infographics-item:nth-child(odd) .infographics-title{top: calc(100% - 20px);}
.section-advantages .infographics .infographics-item:nth-child(even) .infographics-title{bottom: calc(100% - 20px);}
.section-advantages .infographics .infographics-item:nth-child(1):before{border-top-color: #1D2C57;border-right-color: #1D2C57;}
.section-advantages .infographics .infographics-item:nth-child(2):before{border-bottom-color: #0D529A;border-left-color: #0D529A;}
.section-advantages .infographics .infographics-item:nth-child(3):before{border-top-color: #286EAA;border-right-color: #286EAA;}
.section-advantages .infographics .infographics-item:nth-child(4):before{border-bottom-color: #286EAA;border-left-color: #286EAA;}
.section-advantages .infographics .infographics-item:nth-child(5):before{border-top-color: #4C9ED4;border-right-color: #4C9ED4;}
.section-advantages .infographics .infographics-item:nth-child(6):before{border-bottom-color: #4C9ED4;border-left-color: #4C9ED4;}
.section-advantages .infographics .infographics-item:nth-child(1) .infographics-number{background-color: #233771;}
.section-advantages .infographics .infographics-item:nth-child(2) .infographics-number{background-color: #233F77;}
.section-advantages .infographics .infographics-item:nth-child(3) .infographics-number{background-color: #0D529A;}
.section-advantages .infographics .infographics-item:nth-child(4) .infographics-number{background-color: #286EAA;}
.section-advantages .infographics .infographics-item:nth-child(5) .infographics-number{background-color: #3480C0;}
.section-advantages .infographics .infographics-item:nth-child(6) .infographics-number{background-color: #4C9ED4;}

/* ========| Video |========*/
.section-video{position: relative; overflow: hidden;}
.section-video .video{position: relative; width: 100%; aspect-ratio: 2/1; overflow: hidden; display: flex;}
.section-video .video .video-link{display: flex; width: 100%; height: 100%; position: relative;}
.section-video .video .video-link:before{content: ""; position: absolute;inset: 0; background-color: rgba(var(--shades02-rgb), 0.5);}
.section-video .video .video-link:after{content: "\f144"; font-family: "Font Awesome 6 Pro"; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 80px;font-weight: 300; color: var(--primary);}
.section-video .video .video-link img{width: 100%; height: 100%; object-fit: cover;}

/* ========| Service Inclusion |========*/
.section-service-inclusion{position: relative; padding: 100px 0;}
.section-service-inclusion .service-inclusion-title{font-size: 30px;font-weight: 700;color: var(--primaryAlt);margin: 0 0 32px;padding: 0 0 16px;position: relative; text-align: center;}
.section-service-inclusion .service-inclusion-title:after{content: "";position: absolute;bottom: 0;left: 50%; transform: translateX(-50%); width: 100%;max-width: 240px;border-bottom: 1px solid rgba(var(--shades02-rgb), 0.1);}

/* ========| Service Inclusion Infographics |========*/
.section-service-inclusion .infographics{position: relative;width: 100%;max-width: 1280px;margin: 60px auto 0;padding: 140px 0;display: flex;align-items: center;justify-content: center; }
.section-service-inclusion .infographics .infographics-main{width: 400px; aspect-ratio: 1/1; position: relative;display: flex;align-items: center;justify-content: center; z-index: 0;}
.section-service-inclusion .infographics .infographics-main:before{content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: calc(100% + 40px); aspect-ratio: 1;border-radius: 50%;border: 5px solid var(--primary);z-index: -1;}
.section-service-inclusion .infographics .infographics-overlay{position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 1 / 1; z-index: 1; border-radius: 50%;}
.section-service-inclusion .infographics .infographics-overlay:before{content:''; position: absolute;width: 210px;height: 30px;background-color: var(--shades01);top: -22px;left: 50%;transform: translateX(-50%);}
.section-service-inclusion .infographics .infographics-overlay:after{content:''; position: absolute;width: 210px;height: 30px;background-color: var(--shades01);bottom: -22px;left: 50%;transform: translateX(-50%);}
.section-service-inclusion .infographics .infographics-overlay img{width: 100%; height:100%; object-fit:cover;}
.section-service-inclusion .infographics .infographics-image{width: calc(100% - 140px);aspect-ratio: 1 / 1;overflow: hidden;border-radius: 50%;}
.section-service-inclusion .infographics .infographics-image img{width: 100%; height:100%; object-fit:cover;}
.section-service-inclusion .infographics .infographics-data{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.section-service-inclusion .infographics .item{display: flex;gap: 16px; align-items: center; width: 380px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.section-service-inclusion .infographics .item.left-align{flex-direction: row-reverse; text-align: right;}
.section-service-inclusion .infographics .item.right-align{flex-direction: row; text-align: left;}
.section-service-inclusion .infographics .item .item-icon{width: 100px;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;border: 5px solid var(--primary); border-radius: 50%; flex-shrink: 0;position: relative;}
.section-service-inclusion .infographics .item .item-number{width: calc(100% - 16px);aspect-ratio: 1 / 1;overflow: hidden;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: var(--primaryAlt);color: var(--shades01);font-size: 30px;font-weight: 500;}
.section-service-inclusion .infographics .item .item-content{width: 100%; flex-shrink: 1;padding: 8px 0;}
.section-service-inclusion .infographics .item .item-title{font-size: 22px;font-weight: 700;line-height: 1;color: var(--primary);}
.section-service-inclusion .infographics .item .item-description{font-size: 14px;line-height: 18px;color: var(--primaryAlt);margin: 10px -8px 0 0;max-height: 108px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;display: -webkit-box;padding-right: 8px;}
.section-service-inclusion .infographics .item .item-description p{margin: 0;}
.section-service-inclusion .infographics .item .item-connector{position: absolute; top: 50%;  width: 60px; border-top: 5px solid var(--primary);}
.section-service-inclusion .infographics .item .item-connector:before{content:"";position: absolute;border-top: 5px solid var(--primary);}
.section-service-inclusion .infographics .item .item-connector:after{content:"";position: absolute;width: 24px;aspect-ratio: 1 / 1;background-color: var(--shades01);border: 5px solid var(--primary);border-radius: 50%;}
.section-service-inclusion .infographics .item.left-align .item-connector{right: -60px;}
.section-service-inclusion .infographics .item.right-align .item-connector{left: -60px;}
.section-service-inclusion .infographics .item:nth-child(1){margin: -250px 0px 0 -400px;}
.section-service-inclusion .infographics .item:nth-child(2){margin: 0px 0px 0 -480px;}
.section-service-inclusion .infographics .item:nth-child(3){margin: 250px 0px 0 -400px;}
.section-service-inclusion .infographics .item:nth-child(4){margin: -250px 0px 0 400px;}
.section-service-inclusion .infographics .item:nth-child(5){margin: 0px 0px 0 480px;}
.section-service-inclusion .infographics .item:nth-child(6){margin: 250px 0px 0 400px;}
.section-service-inclusion .infographics .item:nth-child(1) .item-connector:before{width: 75px;top: -5px; left: 60px; transform: rotate(48deg);transform-origin: top left;}
.section-service-inclusion .infographics .item:nth-child(2) .item-connector:before{width: 20px;top: -5px; left: 60px; transform: rotate(0deg);transform-origin: center;}
.section-service-inclusion .infographics .item:nth-child(3) .item-connector:before{width: 75px;top: -5px; left: 60px; transform: rotate(-48deg);transform-origin: bottom left;}
.section-service-inclusion .infographics .item:nth-child(4) .item-connector:before{width: 75px;top: -5px; right: 60px; transform: rotate(-48deg);transform-origin: top right;}
.section-service-inclusion .infographics .item:nth-child(5) .item-connector:before{width: 20px;top: -5px; right: 60px; transform: rotate(0deg);transform-origin: center;}
.section-service-inclusion .infographics .item:nth-child(6) .item-connector:before{width: 75px;top: -5px; right: 60px; transform: rotate(48deg);transform-origin: bottom right;}
.section-service-inclusion .infographics .item:nth-child(1) .item-connector:after{right: -60px; bottom: -66px;}
.section-service-inclusion .infographics .item:nth-child(2) .item-connector:after{right: -30px; bottom: -10px;}
.section-service-inclusion .infographics .item:nth-child(3) .item-connector:after{right: -64px; top: -76px;}
.section-service-inclusion .infographics .item:nth-child(4) .item-connector:after{left: -60px; bottom: -66px;}
.section-service-inclusion .infographics .item:nth-child(5) .item-connector:after{left: -30px; bottom: -10px;}
.section-service-inclusion .infographics .item:nth-child(6) .item-connector:after{left: -64px; top: -76px;}
/* ********|| WASHING ENDS ||******** */

/* ********|| SLIDE PANEL STARTS ||******** */
.slide-panel{position: fixed;top: 0;left: 0; width: 100%; height: 100%; z-index: 99; opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.slide-panel .slide-panel-close{position: absolute;top: 0;left: 0; width: 100%; height: 100%; background-color: rgba(var(--primaryAlt-rgb), 0.5);border: 0;}
.slide-panel .slide-panel-content{position: absolute;top: 0;right: 0;width: 100%;height: 100%;max-width: 900px;background-color: var(--shades01); display: flex; flex-direction: column; box-shadow: -4px 0px 20px rgba(var(--shades02-rgb), 0.1); transform: translateX(100%);transition: all 0.3s ease;}
.slide-panel .slide-panel-close-btn{position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;border-radius: 50%;border: 0;background-color: var(--shades01);color: var(--shades03);box-shadow: 0px 1px 10px rgba(var(--shades02-rgb), 0.4); z-index: 1; font-size: 20px; padding: 0;}
.slide-panel .slide-panel-close-btn:hover{color: rgba(var(--shades02-rgb), 0.8);}
.slide-panel .slide-panel-body{position: relative;overflow: auto;flex-grow: 1;max-height: 100%;display: flex;flex-direction: column;}
.slide-panel.active{opacity: 1; visibility: visible;}
.slide-panel.active .slide-panel-content.active{transform: translateX(0%);}
/* ********|| SLIDE PANEL ENDS ||******** */

/* ********|| MODAL STARTS ||******** */
/* ********|| MODAL ENDS ||******** */


/* ********|| RESPONSIVE STARTS ||******** */
@media screen and (min-width:2000px) {
.section-banner{height: 90vh;}
.section-banner:after{background-size: auto 410px;height: 320px;}
.section-map .map:after, .section-page-banner .page-banner-image:after{background-size: auto 206px;height: 190px;}
.section-page-banner{padding: 160px 0;}
footer .footer:before{height: 244px; top: -244px;}
footer .footer-banner{padding: 100px 0 260px;}
}
@media screen and (min-width:2500px) {
.section-map .map:after, .section-page-banner .page-banner-image:after{background-size: auto 244px;height: 210px;}
}
@media screen and (min-width:3000px) {
  .section-page-banner{padding: 200px 0;}
.section-map .map:after, .section-page-banner .page-banner-image:after{background-size: auto 366px;height: 310px;}
}
@media screen and (max-width: 1440px) {
  header .navigation-menu .menu-item + .menu-item{margin: 0 0 0 40px;}
  .section-banner{padding: 150px 0 240px;}
  .section-banner:after{background-size: auto 240px;height: 200px;}
  .section-banner .banner-cards .banner-card{padding: 30px;}
  .section-banner .banner-cards .banner-card .card-title{font-size: 24px;max-width: 320px;}
  .section-banner .banner-cards .banner-card .card-title span{font-size: 72px;}
  .section-banner .banner-cards .banner-card .card-subtitle{font-size: 16px;max-width: 300px;}
  .section-services{padding: 60px 0 100px;}
  .service-cards .card-item .card-icon{width: 70px;}
  .service-cards .card-item .card-title{font-size: 26px;}
  .service-cards .card-item .card-description{font-size: 16px;}
  .service-cards .card-item .btn-action{font-size: 14px;}
  .services .service-item .service-title .title{font-size: 16px;}
  .services .service-item .service-content{padding: 30px;}
  .services .service-item .service-content .list li{font-size: 14px;}
  .filter-outlet .filter-outlet-title .title{font-size: 26px;}
  .result-slider .result-item .result-item-badge{right: -12px;}
  .result-slider .result-item .result-item-badge .result-item-badge-data{width: 60px;font-size: 26px;}
  .result-slider .result-item .result-item-badge .result-item-badge-label{font-size: 9px;}
  .result-slider .result-item .result-item-content{padding: 20px;}
  .result-slider .result-item .result-item-title{font-size: 18px;font-weight: 400;}
  .filter-outlet-results .result-action .btn-action{font-size: 20px;height: 52px;}
  .filter-outlet-results .result-action .btn-action span{font-size: 16px;}
  .section-weather .weather-content .weather-title{font-size: 26px;}
  .section-weather .weather-content .weather-description{font-size: 16px;}
  .section-weather .weather-list .weather-item .weather-item-icon{width: 80px;height: 80px;}
  .section-weather .weather-list .weather-item .weather-item-data{font-size: 20px;}
  .section-campaigns .campaigns-section-title{font-size: 26px;}
  .section-raccoon-tv .raccoon-tv-content .raccoon-tv-title{font-size: 26px;}
  .section-raccoon-tv .raccoon-tv-content .raccoon-tv-description{font-size: 16px;}
  .default .default-title{font-size: 26px;}
  .default .default-description{font-size: 16px;font-weight: 400;}
  .default .default-action .btn-action{height: 52px;font-size: 16px;}
  footer .footer-banner{padding: 100px 0 160px;}
  footer .footer-banner .footer-banner-title{font-size: 36px;}
  footer .footer-banner .footer-banner-description{font-size: 18px;max-width: 440px;}
  footer .footer-banner .btn-action{height: 52px;}
  footer .footer-banner .btn-action span{font-size: 16px;}
  footer .footer .btn-action .action-icon{height: 60px;}
  footer .footer .btn-action .action-label{font-size: 26px;}
  footer .footer:before{height: 130px;top: -130px;}
  footer .footer .brand{height: 90px;}
  .section-map .map:after, .section-page-banner .page-banner-image:after{background-size: auto 140px;height: 160px;}
  .section-carwashes .laudries-title{font-size: 26px;}
  .carwashes-list .carwashes-item .carwashes-item-content{padding: 20px;}
  .carwashes-list .carwashes-item .carwashes-item-badge .carwashes-item-badge-data{width: 60px;font-size: 26px;}
  .carwashes-list .carwashes-item .carwashes-item-badge .carwashes-item-badge-label{font-size: 9px;}
  .carwashes-list .carwashes-item .carwashes-item-title{font-size: 18px;font-weight: 400;}
  .slide-panel .slide-panel-content{max-width: 760px;}
  .section-offices .offices .office-label{font-size: 26px;}
  .section-teams .team-title{font-size: 26px;}
  .section-contact .contact-form .btn-submit{height: 48px;font-size: 16px;}
  .blogs .blog-item .blog-content .blog-title{font-size: 20px;}
  .section-blog-details .blog-details .blog-title{font-size: 32px;}
  .similar-blog-title{font-size: 26px;}
  .section-reward-card .reward-card-title{font-size: 26px;}
  .section-calltoaction .calltoaction-title{font-size: 28px;}
  .section-calltoaction .calltoaction-description{font-size: 18px;}
  .section-calltoaction .btn-action{height: 52px;font-size: 16px;}
  .section-benefits .benefits-title{font-size: 26px;}
  .section-benefits .benefits .accordion-button{font-size: 20px;}
  .section-mTasku .mTasku .mTasku-title{font-size: 26px;}
  .section-mTasku .mTasku .mTasku-subtitle{font-size: 16px;}
  .section-mTasku .mTasku .mTasku-description{font-size: 16px;}
  .section-user-manual .user-manual-title{font-size: 28px;}
  .section-user-manual .infographics{gap: 60px;}
  .section-user-manual .infographics .infographics-inner{width: 200px;}
  .section-user-manual .informations{font-size: 18px;}
  .section-user-manual .informations .information-list li{font-size: 16px;}
  .section-manual-wash-services{padding: 60px 0;}
  .manual-wash-services .item-service-content{padding: 40px 30px;}
  .section-packages{padding: 80px 0;}
  .section-packages .packages-section-title{font-size: 26px;}
  .packages-slider{margin: 40px 0 0;}
  .packages-slider .package-item .package-rate{top: 80px;}
  .packages-slider .package-item .package-actions{flex-wrap: wrap;gap: 6px;}
  .packages-slider .package-item .package-actions .btn-action{gap: 8px;padding: 0 10px;font-size: 20px;}
  .packages-slider .package-item .package-actions .btn-action span{font-size: 14px;}
  .section-about{padding: 60px 0;}
  .section-about .about .about-title{font-size: 26px;}
  .section-about .about .about-description{font-size: 16px;margin: 30px 0 0;}
  .section-steps{padding: 80px 0;}
  .section-steps .steps-title{font-size: 26px;}
  .section-steps .steps .steps-data{font-size: 16px;}
  .section-instructions{padding: 80px 0;}
  .section-instructions .instructions-title{font-size: 26px;}
  .instructions{margin: 60px 0 0;}
  .section-environment{padding: 0 0 80px;}
  .section-environment .environment{padding: 100px 0;}
  .section-environment .environment .environment-content{max-width: 420px;}
  .section-environment .environment .environment-title{font-size: 26px;}
  .section-environment .environment .environment-description{font-size: 16px;}
  .section-environment .clients{margin: 80px 0 0;}
  .section-advantages{padding: 80px 0;}
  .section-advantages .advantages-title{font-size: 28px;}
  .advantages .advantage-item .advantage-description{font-size: 15px;}
  .section-advantages .infographics{margin: 80px 0 0;}
  .section-advantages .infographics .infographics-item .infographics-title{font-size: 16px;width: 220px;}
  .section-service-inclusion{padding: 80px 0;}
  .section-service-inclusion .service-inclusion-title{font-size: 28px;}
  .section-service-inclusion .infographics .infographics-main{width: 360px;}
  .section-service-inclusion .infographics .infographics-overlay:before{top: -23px;}
  .section-service-inclusion .infographics .infographics-overlay:after{bottom: -23px;}
  .section-service-inclusion .infographics .item{width: 320px;}
  .section-service-inclusion .infographics .item .item-number{font-size: 26px;}
  .section-service-inclusion .infographics .item .item-title{font-size: 18px;}
  .section-service-inclusion .infographics .item .item-description{font-size: 13px;}
  .section-service-inclusion .infographics .item:nth-child(1){margin: -230px 0px 0 -360px;}
  .section-service-inclusion .infographics .item:nth-child(2){margin: 0px 0px 0 -420px;}
  .section-service-inclusion .infographics .item:nth-child(3){margin: 230px 0px 0 -360px;}
  .section-service-inclusion .infographics .item:nth-child(4){margin: -230px 0px 0 360px;}
  .section-service-inclusion .infographics .item:nth-child(5){margin: 0px 0px 0 420px;}
  .section-service-inclusion .infographics .item:nth-child(6){margin: 230px 0px 0 360px;}
  .section-service-inclusion .infographics .item:nth-child(2) .item-connector:before{left: 40px;}
  .section-service-inclusion .infographics .item:nth-child(5) .item-connector:before{right: 40px;}
  .section-service-inclusion .infographics .item:nth-child(2) .item-connector:after{right: -20px;}
  .section-service-inclusion .infographics .item:nth-child(5) .item-connector:after{left: -20px;}
}
@media screen and (max-width: 1366px) {
  .section-banner{padding: 160px 0 240px;}
  .section-banner .banner-cards{margin: 30px 0 0;}
  .section-banner .banner-cards .banner-card{min-height: 200px;}
  .section-banner .banner-cards .banner-card .card-title{font-size: 20px;max-width: 280px;}
  .section-banner .banner-cards .banner-card .card-title span{font-size: 60px;}
}
@media screen and (max-width: 1024px) {
  header .btn-menu-trigger{display: flex;}
  header .navigation{gap:20px}
  header .navigation-wrapper{position: fixed;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;background-color: var(--primaryAlt);display: flex;flex-direction: column;transition: all 0.3s ease;transform: translateY(-100%);opacity: 0;visibility: hidden;}
  header .navigation-wrapper.active{transform: translateY(0%);opacity: 1;visibility: visible;}
  header .navigation-header{display: flex;}
  header .navigation-menu{flex-direction: column;overflow: auto;flex-grow: 1;flex-shrink: 1;padding: 20px 0;}
  header .navigation-menu .menu-item{padding: 0 60px;}
  header .navigation-menu .menu-item+.menu-item, header.scrolled .navigation-menu .menu-item + .menu-item{margin: 0;}
  header .navigation-menu .menu-item+.menu-item .menu-link{border-top: 1px solid rgba(var(--primary-rgb), 0.1);}
  header .navigation-menu .menu-link{font-size: 20px;padding: 20px 0;width: 100%; font-weight: 400;}
  header .navigation-menu .menu-link.active{font-weight: 700;}
  header .navigation-menu .menu-link span:first-child{display: inline-flex;}
  header .language .language-flag{height: 24px;}
  header.scrolled .navigation-header{height: 100px;}
  header.scrolled .navigation-wrapper .brand{height: 60px;}
  header.scrolled .navigation-menu .menu-link{font-size: 20px;}
  header.alt .navigation-menu .menu-item + .menu-item{margin: 0;}
  header.alt .navigation-menu .menu-link{font-size: 20px;padding: 20px 0;width: 100%; font-weight: 400;}
  header.alt .navigation-menu .menu-link.active{font-weight: 700;}
  .section-banner:after{background-size: auto 170px;}
  .section-banner .banner-title{font-size: 32px;}
  .section-banner .banner-cards .banner-card{min-height: 180px;}
  .section-services{padding: 40px 0 60px;}
  .section-services .services-features .card-inner{width: 560px;}
  .service-cards .card-item{gap: 20px;}
  .service-cards .card-item .card-icon{width: 60px;}
  .service-cards .card-item .card-title{font-size: 22px;}
  .service-cards .card-item .card-description{font-size: 14px;}
  .services{margin: 60px 0 0;gap: 16px;}
  .services .service-item .service-title .title{font-size: 14px;}
  .services .service-item:hover .service-title{width: 60px;}
  .services .service-item .service-overlay{width: calc(100% - 60px);}
  .services .service-item .service-content{padding: 16px;}
  .services .service-item .service-content .list li{font-size: 13px;}
  .services .service-item .service-content .btn-action{height: 42px;font-size: 13px;}
  .filter-outlet .filter-outlet-title .title{font-size: 22px;}
  .filter-outlet-results{padding: 60px 0;}
  .filter-outlet-results .result-title{font-size: 20px;margin: 0 0 30px;}
  .result-slider .result-item .result-item-badge .result-item-badge-data{width: 56px;font-size: 24px;}
  .result-slider .result-item .result-item-content{padding: 16px;}
  .result-slider .result-item .result-item-title{font-size: 16px;font-weight: 500;}
  .result-slider .result-item .result-item-description{font-size: 13px;}
  .result-slider .result-item .btn-action{height: 40px;}
  .result-slider .swiper-button-prev{left: -20px;}
  .result-slider .swiper-button-next{right: -20px;}
  .filter-outlet-results .result-action{margin: 20px 0 0;}
  .filter-outlet-results .result-action .btn-action{height: 48px;gap: 10px;}
  .filter-outlet-results .result-action .btn-action span{font-size: 14px;}
  .section-weather{padding: 80px 0;}
  .section-weather .container{gap: 40px;}
  .section-weather .weather-content{max-width: 360px;}
  .section-weather .weather-content .weather-title{font-size: 22px;}
  .section-weather .weather-content .weather-description{font-size: 14px;}
  .section-weather .weather-list .weather-item .weather-item-icon{width: 60px;height: 60px;}
  .section-weather .weather-list .weather-item .weather-item-data{font-size: 16px;}
  .section-campaigns{padding: 60px 0;}
  .section-campaigns .campaigns-section-title{font-size: 22px;}
  .campaigns-slider .campaigns-item .campaigns-image{border-radius: 10px;}
  .campaigns-slider .campaigns-item .campaigns-title{font-size: 18px;}
  .campaigns-slider .campaigns-item .campaigns-description{font-size: 14px;}
  .section-raccoon-tv .raccoon-tv-content .raccoon-tv-title{font-size: 22px;}
  .section-raccoon-tv .raccoon-tv-content .raccoon-tv-description{font-size: 14px;}
  .section-default{padding: 60px 0;}
  .default .default-title{font-size: 22px;}
  .default .default-description{font-size: 14px;}
  .default .default-action .btn-action{height: 48px;font-size: 14px;}
  .clients{margin: 60px 0 0;}
  .clients .container{max-width: 100%; padding: 0;}
  footer .footer-banner{padding: 80px 0 120px;}
  footer .footer:before{height: 92px;top: -92px;}
  footer .footer-banner .footer-banner-content{max-width: 520px;}
  footer .footer-banner .footer-banner-title{font-size: 30px;}
  footer .footer-banner .footer-banner-description{font-size: 16px;max-width: 420px;}
  .section-map .map:after, .section-page-banner .page-banner-image:after{background-size: auto 100px;height: 100px;}
  .section-carwashes{padding: 60px 0;}
  .section-carwashes .laudries-title{font-size: 22px;margin: 0;}
  .section-carwashes .carwashes-options .dropdown .dropdown-toggle{height: 50px;}
  .section-carwashes .clients{margin: 60px -48px 0;}
  .carwashes-list{column-gap: 24px;row-gap: 30px;}
  .carwashes-list .carwashes-item .carwashes-item-badge .carwashes-item-badge-data{width: 56px;font-size: 24px;}
  .carwashes-list .carwashes-item .carwashes-item-content{padding: 16px;}
  .carwashes-list .carwashes-item .carwashes-item-title{font-size: 16px;font-weight: 500;}
  .carwashes-list .carwashes-item .carwashes-item-description{font-size: 13px;}
  .slide-panel .slide-panel-content{max-width: 720px;}
  .carwash-panel .carwash-meta .meta-item .meta-label{font-size: 14px;}
  .carwash-panel .carwash-tabs .nav-link{font-size: 14px;height: 48px;}
  .info-tab-content .info-item .info-icon{width: 36px;height: 36px;padding: 8px;}
  .info-tab-content .info-item .info-data{font-size: 14px;}
  .pricing-tab-content .table-title{font-size: 18px;}
  .pricing-tab-content table th{font-size: 16px;}
  .section-page-banner .page-banner-content .banner-title{font-size: 24px;}
  .section-page-banner .page-banner-content .banner-description{font-size: 16px;max-width: 600px;}
  .section-contact{padding: 40px 0 80px;}
  .section-contact .contact{gap: 40px;}
  .section-contact .contact-information{padding: 40px 60px;}
  .section-contact .information .info-item .info-data{font-size: 16px;}
  .section-offices{padding: 120px 0;}
  .section-offices .offices{gap: 40px;}
  .section-offices .offices .office-label{font-size: 22px;}
  .section-offices .offices .office-data{font-size: 16px;}
  .section-teams{padding: 60px 0;}
  .section-teams .teams{gap: 10px;margin: 40px 0 0;}
  .section-teams .teams .team-item .team-image{width: 150px;height: 150px;margin: 0 auto 30px;}
  .section-teams .teams .team-item .team-name{font-size: 16px;}
  .section-teams .teams .team-item .team-description{font-size: 14px;}
  .section-teams .teams .team-item .team-contacts{font-size: 12px;line-height: 1.4;}
  .section-teams .clients{margin: 60px -48px 0;}
  .section-blogs{padding: 40px 0 60px;}
  .blogs{gap: 20px;}
  .blogs .blog-item .blog-content .blog-title{font-size: 18px;}
  .section-blogs .clients{margin: 60px -48px 0;}
  .section-blog-details .blog-details{gap: 30px;}
  .section-blog-details .blog-details .blog-content{gap: 30px;}
  .section-blog-details .blog-details .blog-date{width: 70px;}
  .section-blog-details .blog-details .blog-date .date{font-size: 24px;}
  .section-blog-details .blog-details .blog-date .month{font-size: 12px;}
  .section-blog-details .blog-details .blog-title{font-size: 28px;}
  .section-blog-details .blog-details .blog-description{font-size: 14px;}
  .section-blog-details .blog-details .blog-image{width: 400px;}
  .blog-description ul li{font-size: 14px; padding: 6px 0;}
  .section-blog-details .blog-details ~ hr{margin: 60px 0;}
  .similar-blog-title{font-size: 22px;}
  .section-blog-details .blogs{margin: 0 -10px;}
  .section-blog-details .blogs .swiper-slide{padding: 10px 10px 30px;}
  .section-blog-details .clients{margin: 60px -48px 0;}
  .section-reward-card{padding: 0 0 60px;}
  .section-reward-card .container{gap:40px}
  .section-reward-card .reward-card-content{max-width: 440px;}
  .section-reward-card .reward-card-title{font-size: 22px;}
  .section-reward-card .reward-card-description{font-size: 15px;}
  .section-calltoaction .calltoaction-title{font-size: 24px;}
  .section-calltoaction .calltoaction-description{font-size: 16px;}
  .section-calltoaction .btn-action{height: 48px;font-size: 14px;}
  .section-benefits{padding: 80px 0;}
  .section-benefits .benefits-title{font-size: 22px;}
  .section-benefits .benefits .accordion-button{font-size: 18px;padding: 30px 0;}
  .section-benefits .benefits .benefits-descriptions{font-size: 15px;}
  .section-mTasku{padding: 80px 0;}
  .section-mTasku .mTasku{gap: 40px;}
  .section-mTasku .mTasku .mTasku-content{max-width: 440px;}
  .section-mTasku .mTasku .mTasku-title{font-size: 22px;}
  .section-mTasku .mTasku .mTasku-subtitle{font-size: 15px;}
  .section-mTasku .mTasku .mTasku-description{font-size: 15px;}
  .section-mTasku .clients{margin: 60px -48px 0;}
  .manual-wash-services .item-service-image{width: 80px;}
  .manual-wash-services .item-service-title{font-size: 20px;}
  .manual-wash-services .item-service-meta .meta-label{font-size: 16px;}
  .manual-wash-services .item-service-meta .meta-data{font-size: 14px; margin: 6px 0 0;}
  .packages-slider .container{max-width: none; padding: 0;}
  .packages-slider .swiper-navigation{display: flex;}
  .packages-slider .swiper-pagination{display: flex;}
  .packages-slider .swiper{margin-left: auto;margin-right: auto;padding: 0;}
  .packages-slider .swiper-wrapper{display: flex; gap: unset;}
  .packages-slider .swiper-slide:first-child{padding-left: var(--padding);}
  .packages-slider .swiper-slide:last-child{padding-right: var(--padding);}
  .packages-slider .package-item{max-width: 360px;}
  .section-about{padding: 60px 0;}
  .section-about .about .about-title{font-size: 24px;}
  .section-about .about .about-description{font-size: 14px;margin: 20px 0 0;}
  .section-steps{padding: 60px 0;}
  .section-steps .steps-title{font-size: 24px;}
  .section-steps .steps{gap: 20px;}
  .section-steps .steps .steps-item{padding: 16px 16px 16px 24px;}
  .section-steps .steps .steps-data{font-size: 14px;}
  .section-instructions{padding: 60px 0;}
  .section-instructions .instructions-title{font-size: 24px;}
  .instructions .instruction-item{gap: 16px;}
  .instructions .instruction-item .instruction-icon{width: 120px;}
  .instructions .instruction-item .instruction-number{font-size: 16px;}
  .instructions .instruction-item .instruction-title{font-size: 16px;}
  .instructions .instruction-item .instruction-description{font-size: 14px;margin: 12px 0 0;}
  .section-environment{padding: 0 0 60px;}
  .section-environment .environment{padding: 120px 0;}
  .section-environment .environment .environment-content{max-width: 360px;}
  .section-environment .environment .environment-title{font-size: 24px;}
  .section-environment .environment .environment-description{font-size: 14px;font-weight: 400;margin: 20px 0;}
  .section-environment .clients{margin: 60px 0 0;}
  .section-advantages{padding: 60px 0;}
  .section-advantages .advantages-title{font-size: 24px;}
  .advantages{gap: 20px;}
  .advantages .advantage-item .advantage-image{aspect-ratio: 3 / 2;}
  .advantages .advantage-item .advantage-content{padding: 20px;}
  .advantages .advantage-item .advantage-title{font-size: 16px;}
  .advantages .advantage-item .advantage-description{font-size: 13px;line-height: 1.5;font-weight: 300;}
  .section-advantages .infographics{margin: 40px 0 0;padding: 40px 0;}
  .section-advantages .infographics .infographics-icon{width: 80px;}
  .section-advantages .infographics .infographics-item .infographics-number{width: 60px;}
  .section-advantages .infographics .infographics-item .infographics-title{font-size: 12px;width: 160px;}
  .section-service-inclusion{padding: 60px 0;}
  .section-service-inclusion .infographics{margin: 40px auto 0;}
  .section-service-inclusion .infographics .infographics-main{width: 320px;}
  .section-service-inclusion .infographics .item{width: 260px;}
  .section-service-inclusion .infographics .item .item-icon{width: 80px;}
  .section-service-inclusion .infographics .item .item-number{font-size: 24px;width: calc(100% - 10px);}
  .section-service-inclusion .infographics .item .item-title{font-size: 16px;}
  .section-service-inclusion .infographics .item .item-description{font-size: 12px; font-weight: 500;line-height: 16px;max-height: 96px;}
  .section-service-inclusion .infographics .item:nth-child(1){margin: -210px 0px 0 -330px;}
  .section-service-inclusion .infographics .item:nth-child(2){margin: 0px 0px 0 -360px;}
  .section-service-inclusion .infographics .item:nth-child(3){margin: 210px 0px 0 -330px;}
  .section-service-inclusion .infographics .item:nth-child(4){margin: -210px 0px 0 330px;}
  .section-service-inclusion .infographics .item:nth-child(5){margin: 0px 0px 0 360px;}
  .section-service-inclusion .infographics .item:nth-child(6){margin: 210px 0px 0 330px;}
  .section-service-inclusion .infographics .item:nth-child(2) .item-connector:after{right: -10px;}
  .section-service-inclusion .infographics .item:nth-child(5) .item-connector:after{left: -10px;}
  .section-user-manual .user-manual-infographics{padding: 60px 0;}
  .section-user-manual .user-manual-title-section{margin: 0 0 40px;}
  .section-user-manual .user-manual-informations{padding: 60px 0;}
  .section-user-manual .infographics{gap: 40px;}
  .section-user-manual .infographics .infographics-inner{width: 180px;}
}
@media screen and (max-width: 990px) {
  header .navigation-menu .menu-item{padding: 0px 30px;}
  .section-banner{ align-items: center; height: 100vh;}
	.section-banner:after{height: 240px;background-size: auto 160px;}
  .section-banner .banner-cards{margin: 60px 0 0;}
  .section-banner .banner-title{font-size: 40px;}
  .service-cards{gap: 40px;}
  .section-services .services-features{grid-template-columns: repeat(1, minmax(0, 1fr));margin: 0 0 100px;gap: 50px;}
  .section-services .services-features-content{display: flex;flex-direction: column;align-items: center;}
  .section-services .services-features .card-inner{position: relative;margin: 0 auto;bottom: auto;right: auto;}
  .section-services .services-stats{margin: 0;}
  .services .service-item .service-content{padding: 12px;}
  .services .service-item .service-content .list li{font-size: 11px;padding: 0 0 0 16px;}
  .services .service-item .service-content .list li + li{margin: 10px 0 0;}
  .services .service-item .service-content .action{margin: 20px 0 0;}
  .services .service-item .service-content .btn-action{height: 36px;font-size: 11px;padding: 0 10px;}
  .filter-outlet .container{flex-wrap: wrap; gap: 20px;}
  .filter-outlet .filter-outlet-title .title{font-size: 26px;}
  .filter-outlet .filter-outlet-query{margin: 0; width: 100%;}
  .filter-outlet .filter-outlet-query .dropdown{width: 100%;}
  .result-slider .swiper-button-prev{left: -25px;}
  .result-slider .swiper-button-next{right: -25px;}
  .filter-outlet-results .result-title{font-size: 22px;}
  .section-weather .container{gap: 20px;}
  .section-weather .weather-content .weather-title{font-size: 26px;}
  .section-weather .weather-content .weather-description{font-size: 16px;}
  .section-campaigns .campaigns-section-title{font-size: 26px;}
  .section-raccoon-tv .container{flex-direction: column-reverse; gap: 40px;}
  .section-raccoon-tv .raccoon-tv-content{text-align: center;}
  .section-raccoon-tv .raccoon-tv-content .raccoon-tv-title{font-size: 26px;}
  .section-raccoon-tv .raccoon-tv-content .raccoon-tv-title:after{left:50%; transform: translateX(-50%);}
  .section-raccoon-tv .raccoon-tv-content .raccoon-tv-description{font-size: 16px;}
  .section-raccoon-tv .raccoon-tv-image{max-width: 500px;margin: 0 auto;}
  .default{display: flex; flex-direction: column; gap: 40px;}
  .default .default-image{max-width: 500px; margin: 0 auto;}
  .default .default-content{max-width: 80%; margin: 0 auto;}
  .default .default-title{text-align: center;font-size: 26px;}
  .default .default-title:after{left:50%; transform: translateX(-50%);}
  .default .default-description{font-size: 16px;}
  .default .default-action{justify-content: center;}
  footer .container{flex-direction: column;gap: 40px;}
  footer .container + .container{gap: 20px;}
  footer .footer-banner .footer-banner-content{margin: 0 auto; text-align: center;}
  footer .footer-banner .footer-banner-description{margin: 0 auto;}
  footer .footer-banner .footer-banner-action{justify-content: center;}
  footer .footer .brand{margin:0 auto;}
  footer .footer .footer-action{justify-content: center;}
  footer .footer .footer-connections{justify-content: center;}
  footer .copyright{text-align: center;}
  footer .social{justify-content: center;}
  .section-map{height: calc(60vh - 100px);}
  .section-carwashes .carwashes-filter{flex-direction: column;}
  .section-carwashes .laudries-title{margin: 0 0 24px;font-size: 26px;}
  .section-carwashes .carwashes-options{margin: 0; justify-content: center;}
  .carwashes-list{grid-template-columns: repeat(3, minmax(0, 1fr));}
  .section-carwashes .clients{margin: 60px -30px 0;}
  .slide-panel .slide-panel-content{max-width: 640px;}
  .section-contact .contact-information{padding: 30px 30px;}
  .section-offices{padding: 80px 0;}
  .section-offices .offices{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 80px;}
  .section-teams .teams .team-item{padding: 16px 16px;}
  .section-teams .teams .team-item .team-image{width: 120px;height: 120px;}
  .section-teams .clients{margin: 60px -30px 0;}
  .blogs{gap: 16px;}
  .blogs .blog-item .blog-image{aspect-ratio: 4 / 3;}
  .blogs .blog-item .blog-content{padding: 20px 20px;}
  .blogs .blog-item .blog-content .blog-title{font-size: 16px;}
  .section-blogs .clients{margin: 60px -30px 0;}
  .section-blog-details{padding: 40px 0 60px;}
  .section-blog-details .blog-details{display: flex; flex-direction: column-reverse;}
  .section-blog-details .blog-details .blog-image{width: 100%;}
  .section-blog-details .blog-details .blog-title{font-size: 32px;}
  .section-blog-details .blog-details .blog-description{font-size: 16px;}
  .blog-description ul li{font-size: 16px;}
  .section-blog-details .clients{margin: 60px -30px 0;}
  .section-reward-card .container{gap: 20px;}
  .section-reward-card .reward-card-content{max-width: 320px;}
  .section-reward-card .reward-card-title{font-size: 20px;}
  .section-reward-card .reward-card-description{font-size: 14px;}
  .section-mTasku .mTasku{gap: 20px;}
  .section-mTasku .mTasku .mTasku-content{max-width: 320px;}
  .section-mTasku .mTasku .mTasku-title{font-size: 20px;}
  .section-mTasku .mTasku .mTasku-description{font-size: 14px;}
  .section-mTasku .clients{margin: 60px -30px 0;}
  .section-user-manual .infographics{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
  .section-user-manual .infographics .infographics-inner{margin: 0 auto;}
  .section-user-manual .informations{column-count: unset;}
  .section-user-manual .infographics .infographics-inner{width: 240px;}
  .section-manual-wash-services{padding: 40px 0;}
  .manual-wash-services{gap: 20px;}
  .manual-wash-services .item-service-content{padding: 30px 20px;}
  .manual-wash-services .item-service-meta .meta-item + .meta-item{margin: 16px 0 0;}
  .manual-wash-services .item-service-meta .meta-label{font-size: 14px; font-weight: 700;}
  .section-packages{padding: 60px 0;}
  .packages-slider{margin: 40px 0 0;}
  .packages-slider .package-item{max-width: 420px;}
  .packages-slider .package-item .package-rate{top: 100px;}
  .packages-slider .package-item .package-actions{display: grid; gap: 10px;justify-content: unset;}
  .section-about .about{gap: 30px;}
  .section-about .about + .about{margin: 60px 0 0;}
  .section-steps .steps{column-count: 1;}
  .instructions{column-count: 1;max-width: 520px;margin: 40px auto 0;}
  .instructions .instruction-item .instruction-content{max-width: 100%;}
  .instructions .instruction-item:nth-child(n+4){flex-direction: row; text-align: left;}
  .section-environment .environment{padding: 80px 0;}
  .section-advantages{padding: 40px 0;}
  .section-advantages .infographics .infographics-item .infographics-number{width: 50px;}
  .section-advantages .infographics .infographics-item .infographics-title{width: 120px;}
  .section-advantages .infographics .infographics-item:nth-child(odd) .infographics-title{top: 100%;}
  .section-advantages .infographics .infographics-item:nth-child(even) .infographics-title{bottom: 100%;}
  .section-service-inclusion .infographics{display: block; padding: 0;}
  .section-service-inclusion .infographics .infographics-main{width: 100%;aspect-ratio: 2 / 1;}
  .section-service-inclusion .infographics .infographics-main:before{display: none;}
  .section-service-inclusion .infographics .infographics-overlay{display: none;}
  .section-service-inclusion .infographics .infographics-image{width: 100%;aspect-ratio: auto;height: 100%;border-radius: 30px;overflow: hidden;}
  .section-service-inclusion .infographics .infographics-data{position: relative;top: auto;left: auto;transform: none;margin: 40px 0 0;}
  .section-service-inclusion .infographics .item{position: relative;top: auto;left: auto;transform: none;margin: 0 !important;width: 100% !important;padding: 20px 0;flex-direction: row !important;text-align: left !important;gap: 30px;align-items: flex-start;z-index: 0;}
  .section-service-inclusion .infographics .item .item-icon{position: static;}
  .section-service-inclusion .infographics .item .item-connector{width: auto !important;height: calc(100% - 80px);top: 100px;right: auto !important;left: 38px !important;transform: none !important;border-left: 4px solid var(--primary);z-index: -1;}
  .section-service-inclusion .infographics .item .item-connector:before, .section-service-inclusion .infographics .item .item-connector:after{display: none;}
  .section-service-inclusion .infographics .item:last-child .item-connector{display: none;}
  .section-service-inclusion .infographics .item .item-description{max-height: none;overflow: visible;-webkit-line-clamp: unset;}
}
@media screen and (max-width: 990px) and (orientation: landscape){
  .section-banner{height: auto;min-height: 700px;}
  .section-banner .banner-title{font-size: 32px;}
  .section-banner .banner-cards .banner-card{min-height: 160px;}
  .section-banner .banner-cards .banner-card:nth-child(3){background-position: -20px 0;}
  .section-map{min-height: 360px;}
  .packages-slider .package-item{max-width: 320px;}
  .packages-slider .package-item .package-image{aspect-ratio: 4 / 3;}
  .packages-slider .package-item .package-rate{top: 120px;}
  .packages-slider .package-item .package-rate .package-rate-item{padding: 10px 10px;}
  .packages-slider .package-item .package-rate .package-rate-data{font-size: 12px;font-weight: 600;}
  .packages-slider .package-item .package-rate .package-rate-data.alt{font-size: 12px;font-weight: 300;}
  .packages-slider .package-item .package-content{padding: 20px;}
  .packages-slider .package-item .package-title{font-size: 18px;}
  .packages-slider .package-item .package-meta .package-meta-data{font-size: 14px;}
  .packages-slider .package-item .package-duration{margin: 30px -20px;padding: 30px 20px;}
  .packages-slider .package-item .package-duration .duration-data{font-size: 14px;}
  .packages-slider .package-item .package-actions .btn-action{height: 44px;}
}
@media screen and (max-width: 640px) {
  .packages-slider .package-item{max-width: 360px;}
}
@media screen and (max-width: 480px) {
  header .brand{height: 60px;}
  .section-banner{padding: 140px 0; align-items: flex-start;height: auto;min-height: 100vh;}
  .section-banner:after{background-size: auto 120px;}
  .section-banner .banner-content{ padding:0 20px;}
  .section-banner .banner-title{text-align: center; font-size: 24px;}
  .section-banner .banner-cards{display: flex;flex-direction: column;margin: 30px 0 0;}
  .section-banner .banner-cards .banner-card{padding: 24px 12px; }
  .section-banner .banner-cards .banner-card:nth-child(1){grid-area: unset; height: 280px;min-height: 0;}
  .section-banner .banner-cards .banner-card:nth-child(2){grid-area: unset;height: 160px;min-height: 0;}
  .section-banner .banner-cards .banner-card:nth-child(3){grid-area: unset;height: 160px;min-height: 0;background-position:-20px 0}
  .section-banner .banner-cards .banner-card .card-title{line-height: 1; font-size: 18px;max-width: 240px;}
  .section-banner .banner-cards .banner-card .card-title span{font-size: 44px;}
  .section-banner .banner-cards .banner-card .card-subtitle{line-height: 1; font-size: 15px;}
  .section-services .services-features .services-action{width: 100%;}
  .section-services .services-features .btn-action{max-width: 100%;}
  .section-services .services-features .card-inner{width: 100%;}
  .service-cards{grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 80px;}
  .service-cards .card-item{flex-direction: column; align-items: center; text-align: center;}
  .service-cards .card-item .card-icon{width: 80px;}
  .service-cards .card-item .card-title{font-size: 24px;}
  .service-cards .card-item .card-title:after{left: 50%; transform: translateX(-50%);}
  .service-cards .card-item .card-description{font-size: 16px;max-width: 320px;line-height: 1.6;}
  .service-cards .card-item .card-action{justify-content: center;}
  .service-cards .card-item .btn-action{font-size: 16px;}
  .services{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .services .service-item .service-title .title{font-size: 20px;}
  .services .service-item .service-content{padding: 30px;}
  .services .service-item .service-content .list li{font-size: 15px;padding: 0 0 0 24px;}
  .services .service-item .service-content .list li + li{margin: 16px 0 0;}
  .services .service-item .service-content .action{margin: 40px 0 0;}
  .services .service-item .service-content .btn-action{height: 48px;font-size: 14px;}
  .services .service-item:hover .service-title{width: 80px;}
  .services .service-item:hover .service-overlay{width: calc(100% - 80px);}
  .filter-outlet{padding: 40px 0;}
  .filter-outlet .filter-outlet-title .title{font-size: 30px;}
  .filter-outlet .filter-outlet-query{gap: 20px;}
  .filter-outlet .filter-outlet-query .dropdown{min-width: 0;}
  .filter-outlet-results .result-title{text-align: center;}
  .result-slider{margin: 0 -12px;}
  .result-slider .result-item .result-item-image{aspect-ratio: 2 / 1.25;}
  .result-slider .result-item .result-item-title{font-size: 20px;}
  .result-slider .result-item .result-item-description{font-size: 14px;}
  .result-slider .swiper-button-prev, .result-slider .swiper-button-next{display: none;}
  .section-weather .container{flex-direction: column;gap: 40px;}
  .section-weather .weather-content{text-align: center;}
  .section-weather .weather-content .weather-title{font-size: 28px;}
  .section-weather .weather-content .weather-title:after{left: 50%; transform: translateX(-50%);}
  .section-weather .weather-content .weather-description{font-size: 18px;line-height: 1.6;}
  .section-weather .weather-list{grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 10px;row-gap: 40px;margin: 0;}
  .section-weather .weather-list .weather-item .weather-item-icon{width: 100px;height: 100px;}
  .section-weather .weather-list .weather-item .weather-item-data{font-size: 20px;}
  .section-campaigns .campaigns-section-title{text-align: center; font-size: 30px;}
  .section-campaigns .campaigns-section-title:after{left: 50%; transform: translateX(-50%);}
  .campaigns-slider{margin: 40px -12px;}
  .campaigns-slider .swiper{padding: 0 10px;}
  .campaigns-slider .swiper-slide{padding: 4px 10px;}
  .campaigns-slider .campaigns-item .campaigns-image{aspect-ratio: 4 / 3;}
  .campaigns-slider .campaigns-item .campaigns-title{font-size: 20px;}
  .campaigns-slider .campaigns-item .campaigns-description{font-size: 16px;line-height: 1.6;}
  .section-raccoon-tv .raccoon-tv-content .raccoon-tv-title{font-size: 30px;}
  .section-raccoon-tv .raccoon-tv-content .raccoon-tv-description{font-size: 18px;font-weight: 300;line-height: 1.6;}
  .section-raccoon-tv .raccoon-tv-content .raccoon-tv-description a{font-weight: 500;}
  .default .default-content{max-width: 100%;}
  .default .default-title{font-size: 30px;}
  .default .default-description{font-size: 18px;font-weight: 300;line-height: 1.6;}
  .default .default-action{gap: 10px;}
  .default .default-action .btn-action{height: 52px;width: 100%;padding: 0 10px;font-size: 15px;}
  footer .footer-banner .footer-banner-content{text-align: left;}
  footer .footer-banner .footer-banner-title{font-size: 24px;}
  footer .footer-banner .footer-banner-description{font-size: 16px; line-height: 1.6;}
  footer .footer-banner .footer-banner-action{margin: 0; gap: 10px;}
  footer .footer-banner .btn-action{padding: 0 10px; width: 100%;}
  footer .footer:before{height: 130px;top: -130px;background-position: 35% center;}
  footer .footer .brand{margin: 0 auto;}
  footer .footer .footer-content{display: flex; flex-direction: column-reverse;}
  footer .footer .btn-action .action-icon{height: 40px;}
  footer .footer .btn-action .action-label{font-size: 20px;}
  footer .footer .btn-action .action-label span{display: none;}
  footer .footer .footer-connections{flex-direction: column;align-items: flex-start;gap: 24px;margin: 20px auto;max-width: 240px;}
  footer .container + .container{border:0}
  footer .copyright{font-size: 16px; font-weight: 300;}
  footer .copyright span{border:0; padding: 0; margin: 0 0 4px 0; display: block;}
  .section-map{height: calc(90vh - 100px);}
  .gm-style .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom{bottom: 236px !important;}
  .section-carwashes{padding: 20px 0 60px;}
  .section-carwashes .carwashes-options{gap: 10px;width: 100%;}
  .section-carwashes .carwashes-options .dropdown{min-width:0; width: 100%;}
  .section-carwashes .carwashes-options .dropdown .dropdown-toggle{font-size: 14px;}
  .carwashes-list{grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 16px;}
  .carwashes-list .carwashes-item .carwashes-item-badge{right: -10px;}
  .carwashes-list .carwashes-item .carwashes-item-badge .carwashes-item-badge-label{white-space: wrap;max-width: 60px;text-align: center;padding: 4px;}
  .carwashes-list .carwashes-item .carwashes-item-image{aspect-ratio: 2 / 1.25;}
  .carwashes-list .carwashes-item .carwashes-item-title{font-size: 16px;}
  .carwashes-list .carwashes-item .carwashes-item-description{font-size: 14px;}
  .section-carwashes .clients{margin: 60px -12px 0;}
  .carwash-panel .carwash-image{aspect-ratio: 2 / 1;}
  .carwash-panel .carwash-informations{padding: 20px;}
  .carwash-panel .carwash-title{font-size: 20px;}
  .carwash-panel .carwash-meta .meta-item{height: 40px;padding: 0 10px;}
  .carwash-panel .carwash-meta{gap: 6px;}
  .carwash-panel .carwash-meta .meta-item .meta-label{font-size: 12px;font-weight: 500;}
  .carwash-panel .carwash-tabs .nav.nav-tabs{padding: 0 20px;gap: 16px;}
  .carwash-panel .carwash-tabs .nav-link{font-weight: 700;}
  .carwash-panel .carwash-tabs .tab-content{padding: 20px;}
  .camera-tab-content{padding: 0;}
  .pricing-tab-content{padding: 0;}
  .pricing-tab-content .table-container{overflow: auto;}
  .section-page-banner{padding: 100px 0;}
  .section-page-banner .page-banner-image:after{background-size: auto 60px;}
  .section-page-banner .page-banner-content{padding: 0;}
  .section-page-banner .page-banner-content .banner-title{font-size: 24px;}
  .section-page-banner .page-banner-content .banner-description{font-size: 14px;}
  .section-contact .contact{flex-wrap: wrap;}
  .section-contact .contact-form{width: 100%;}
  .section-contact .contact-form .btn-submit{height: 52px;font-size: 18px; width: 100%;}
  .section-offices .offices .office-item{padding: 0 30px;}
  .section-offices .offices .office-label{font-size: 26px;}
  .section-offices .offices .office-data{font-size: 18px;}
  .section-teams .team-title{text-align: center; font-size: 30px;}
  .section-teams .team-title:after{left: 50%;transform: translateX(-50%);}
  .section-teams .teams{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .section-teams .teams .team-item{padding: 24px 8px;}
  .section-teams .teams .team-item .team-name{font-size: 18px;}
  .section-teams .teams .team-item .team-description{font-size: 15px;}
  .section-teams .teams .team-item .team-contacts{font-size: 14px;}
  .section-teams .clients{margin: 60px -12px 0;}
  .blogs{grid-template-columns: repeat(2, minmax(0, 1fr));}
  .blogs .blog-item .blog-image{aspect-ratio: 1/1;}
  .blogs .blog-item .blog-content{padding: 16px 16px;}
  .blogs .blog-item .blog-content .blog-title{font-size: 18px;display: block;-webkit-box-orient: unset;-webkit-line-clamp: unset;}
  .section-blogs .clients{margin: 60px -12px 0;}
  .section-blog-details .blog-details .blog-content{display: flex; flex-direction: column;}
  .section-blog-details .blog-details .blog-date{position: absolute; top: 0; left: 0;}
  .section-blog-details .blog-details .blog-title{font-size: 24px;padding: 0 0 0 100px;}
  .section-blog-details .blog-details .blog-description{font-size: 15px;}
  .blog-description ul li{font-size: 15px;}
  .similar-blog-title{text-align: center; font-size: 24px;}
  .similar-blog-title::after{left: 50%; transform:translateX(-50%);}
  .section-blog-details .blogs{margin: 0 -12px;}
  .section-blog-details .blogs .swiper{padding: 0 6px;}
  .section-blog-details .blogs .swiper-slide{padding: 0 6px;}
  .section-blog-details .clients{margin: 60px -12px 0;}
  .section-reward-card{padding: 40px 0 60px;}
  .section-reward-card .container{flex-direction: column;}
  .section-reward-card .reward-card-content{max-width: 100%;}
  .section-reward-card .reward-card-title{font-size: 24px;}
  .section-reward-card .reward-card-description{font-size: 16px;}
  .section-reward-card .reward-card-image{max-width: 100%;}
  .section-reward-card .service-cards .card-item{align-items: flex-start; text-align: left;}
  .section-reward-card .service-cards .card-item .card-title:after{left: 0; transform: translateX(0);}
  .section-reward-card .service-cards .card-item .card-action{justify-content: flex-start;}
  .section-calltoaction .calltoaction-title{font-size: 28px;}
  .section-calltoaction .calltoaction-action{flex-wrap: wrap;}
  .section-calltoaction .btn-action{height: 52px;font-size: 16px;}
  .section-benefits{padding: 60px 0;}
  .section-benefits .benefits-title{font-size: 24px;}
  .section-benefits .benefits .accordion-button{font-size: 20px;padding: 20px 40px 20px 0;}
  .section-benefits .benefits .accordion-button:after{top: 22px;font-size: 16px;font-weight: 400;}
  .section-benefits .benefits .benefits-descriptions{font-size: 16px;}
  .section-mTasku{padding: 60px 0;}
  .section-mTasku .mTasku{flex-direction: column;}
  .section-mTasku .mTasku .mTasku-content{max-width: 100%;}
  .section-mTasku .mTasku .mTasku-title{font-size: 24px; text-align: center;}
  .section-mTasku .mTasku .mTasku-title:after{left:50%; transform: translateX(-50%);}
  .section-mTasku .clients{margin: 60px -12px 0;}
  .section-user-manual .user-manual-infographics{padding: 60px 0;}
  .section-user-manual .user-manual-title-section{margin: 0 0 20px;}
  .section-user-manual .user-manual-title{font-size: 24px; text-align: center;}
  .section-user-manual .infographics{gap: 20px;}
  .section-user-manual .infographics .infographics-inner{width: 160px;}
  .section-user-manual .user-manual-informations{padding: 60px 0;}
  .section-user-manual .informations{font-size: 16px;}
  .section-user-manual .informations .information-list li{font-size: 14px;padding: 10px 10px 10px 60px;min-height: 65px;}
  .section-user-manual .informations .information-list li:before{width: 40px;font-size: 20px; left: 10px; top: 10px;}
  .section-user-manual .informations .information-list li + li{margin: 12px 0 0;}
  .manual-wash-services{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .manual-wash-services .item-service-title{font-size: 24px;}
  .manual-wash-services .item-service-meta .meta-label{font-size: 16px;}
  .manual-wash-services .item-service-meta .meta-data{font-size: 15px;}
  .section-packages .packages-section-title{font-size: 30px; text-align: center;}
  .section-packages .packages-section-title:after{left: 50%; transform: translateX(-50%);}
  .packages-slider .swiper-navigation{/*position: relative;right: auto;width: 100%;justify-content: center;top: -20px;*/ display: none;}
  .packages-slider .swiper-slide:first-child{padding:0}
  .packages-slider .swiper-slide:last-child{padding:0}
  .packages-slider .package-item{max-width: none;}
  .packages-slider .package-item .package-image{aspect-ratio: 3/2;}
  .packages-slider .package-item .package-rate{top: 110px;right: -5px;}
  .packages-slider .package-item .package-rate .package-rate-item{padding: 10px 10px;}
  .packages-slider .package-item .package-rate .package-rate-data{font-size: 12px;font-weight: 600;}
  .packages-slider .package-item .package-rate .package-rate-data.alt{font-size: 12px;font-weight: 300;}
  .packages-slider .package-item .package-content{padding: 20px;}
  .packages-slider .package-item .package-title{font-size: 18px;}
  .packages-slider .package-item .package-meta .package-meta-data{font-size: 14px;}
  .packages-slider .package-item .package-duration{margin: 30px -20px;padding: 30px 20px;}
  .packages-slider .package-item .package-duration .duration-data{font-size: 14px;}
  .packages-slider .package-item .package-actions .btn-action{height: 44px;}
  .section-about{padding: 40px 0;}
  .section-about .about{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .section-about .about + .about{margin: 40px 0 0;}
  .section-about .about .about-image{order: 1;}
  .section-about .about .about-content{order: 2;}
  .section-about .about .about-description{font-size: 16px;}
  .section-steps{padding: 40px 0;}
  .section-steps .steps .steps-item + .steps-item{margin: 12px 0 0;}
  .instructions .instruction-item{gap: 12px;}
  .instructions .instruction-item .instruction-icon{width: 100px;}
  .instructions .instruction-item .instruction-number{font-size: 14px;width: 24px;}
  .instructions .instruction-item .instruction-title{font-size: 15px;}
  .section-environment{padding: 0 0 40px;}
  .section-environment .environment{padding: 40px 0 400px;}
  .section-environment .environment .environment-image img{display: none;}
  .section-environment .environment .environment-image img+img{display: block;}
  .section-environment .environment .environment-description{font-size: 16px;}
  .section-environment .clients{margin: 40px 0 0;}
  .advantages{grid-template-columns: repeat(1, minmax(0, 1fr));}
  .advantages .advantage-item .advantage-content{padding: 30px 20px;}
  .advantages .advantage-item .advantage-title{font-size: 18px;}
  .advantages .advantage-item .advantage-description{font-size: 14px;}
  .section-advantages .infographics{ flex-direction: column;}
  .section-advantages .infographics .infographics-icon{width: 120px;}
  .section-advantages .infographics .infographics-content{flex-direction: column;}
  .section-advantages .infographics .infographics-item{width: 140px;margin: -1px auto;}
  .section-advantages .infographics .infographics-item::before{transform: rotate(44deg);}
  .section-advantages .infographics .infographics-item .infographics-number{width: 60px;}
  .section-advantages .infographics .infographics-item .infographics-title{font-size: 16px; font-weight: 600; text-align: center;}
  .section-advantages .infographics .infographics-item:nth-child(odd) .infographics-title{top: 50%;transform: translateY(-50%);width: 120px;left: -100px; right:auto;bottom: auto;}
  .section-advantages .infographics .infographics-item:nth-child(even) .infographics-title{top: 50%;transform: translateY(-50%);width: 120px; left: auto; right: -100px;bottom: auto;}
  .section-video .video{aspect-ratio: 4 / 3;}
  .section-service-inclusion .service-inclusion-title{font-size: 26px;}
  .section-service-inclusion .infographics .infographics-main{display: none;}
  .section-service-inclusion .infographics .infographics-image{border-radius: 16px;}
  .section-service-inclusion .infographics .item{align-items: flex-start;gap: 20px;}
  .section-service-inclusion .infographics .item .item-title{font-size: 18px;}
  .section-service-inclusion .infographics .item .item-description{font-size: 14px;line-height: 20px;}
}
@media screen and (max-width:360px) {
  .section-banner{min-height: 760px;}
  .section-banner .banner-title{font-size: 36px;}
}
/* ********|| RESPONSIVE ENDS ||******** */