@charset "utf-8";

/* CSS Document */
:root {
  --gray: #7C7C7C;
  --white: #FFFFFF;
  --blue: #0074BC;
  --danger: #FF0000;
  --light-blue:#7AA1FA;
  --black: #171717;
  --i400: 'InterRegular';
  --i600: 'InterSemiBold';
  --a100: 'AnekLatinThin';
  --a200:'AnekLatinExtraLight';
  --a300:'AnekLatinLight';
  --a400:'AnekLatinRegular';
  --a500: 'AnekLatinMedium';
  --a600:'AnekLatinSemiBold';
  --a700: 'AnekLatinBold';
  --a800: 'AnekLatinExtraBold';
}

/*---------- Google Fonts ----------*/
body {
  font-family: var(--i400);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: var(--gray);
}

figure {
  margin: 0;
}

strong,
b {
  font-weight: 700 !important;
}

a,
input,
button,
textarea {
  outline: none !important;
}

a {
  text-decoration: none;
  color: var(--gray);
  transition: all ease-in-out 300ms;
  -webkit-transition: all ease-in-out 300ms;
  -ms-transition: all ease-in-out 300ms;
  -o-transition: all ease-in-out 300ms;
  -moz-transition: all ease-in-out 300ms;
}

a:hover {
  color: var(--blue);
}

p {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin-bottom: 20px;
}

ol,
ul {
  margin-bottom: 20px;
  padding-left: 20px;
}

ol ol,
ol ul,
ul ol,
ul {
  margin-top: 10px;
  margin-bottom: 10px;
}

ol li,
ul li {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

ol li::marker,
ul li::marker {
  color: #000000;
}

.container-fluid,
.container {
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row>* {
  padding-left: 15px;
  padding-right: 15px;
}

.alignnone {
  float: none;
  margin: 20px;
}

.alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}

.alignright {
  float: right;
  margin: 20px 0 20px 20px;
}

.aligncenter {
  float: none;
  display: block;
  margin: 20px auto;
}

blockquote {
  padding-left: 30px;
  border-left: 5px solid #000000;
  margin-bottom: 20px;
}

blockquote * {
  font-size: 150%;
  line-height: 180%;
}

.paragraph-medium {
  font-size: 18px;
  line-height: 133%;
}

.paragraph-large {
  font-size: 24px;
  line-height: 138%;
}

h1 {
  font-family: var(--a600);
  font-weight: 600;
  font-size: 36px;
  line-height: normal;
  margin-bottom: 0;
}

h2 {
  font-family: var(--a600);
  font-weight: 600;
  font-size: 24px;
  line-height: normal;
  color: var(--blue);
  margin-bottom: 0;
}

h3 {
  font-family: "";
  font-weight: 700;
  font-size: 55px;
  line-height: 120%;
  color: #000000;
  margin-bottom: 0;
}

h4 {
  font-family: "";
  font-weight: 700;
  font-size: 40px;
  line-height: 125%;
  color: #000000;
  margin-bottom: 0;
}

h5 {
  font-family: "";
  font-weight: 700;
  font-size: 33px;
  line-height: 125%;
  color: #000000;
  margin-bottom: 0;
}

h6 {
  font-family: "";
  font-weight: 700;
  font-size: 28px;
  line-height: 125%;
  color: #000000;
  margin-bottom: 0;
}

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

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

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

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

/* page-main-title */
.page-title {
  font-family: '';
  font-weight: 800;
  font-size: 64px;
  line-height: 116%;
  color: #000;
}

.page-title * {
  text-decoration: none;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  margin-top: 0;
  margin-bottom: 0;
  text-shadow: inherit;
}

.page-title a:hover {
  color: #000000;
}

/* page-main-title */

/* main-title */
.main-title {
  font-family: var(--a600);
  font-weight: 600;
  font-size: 36px;
  line-height: normal;
}

.main-title * {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.main-title a:hover {
  color: #000000;
}

/* main-title */

/* section-title */
.section-title {
  font-family: var(--a600);
  font-weight: 600;
  font-size: 24px;
  line-height: normal;
  color: var(--blue);
}

.section-title * {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin-bottom: 0;
}

.section-title a:hover {
  color: var(--white);
}

/* section-title */

/* block-title */
.block-title {
  font-family: var(--a600);
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  color: var(--gray);
}

.block-title * {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin-bottom: 0;
}

.block-title a:hover {
  color: #000000;
}

/* block-title */

/* small-title */
.small-title {
  font-family: '';
  font-weight: 800;
  font-size: 32px;
  line-height: 150%;
  color: #fff;
}

.small-title * {
  text-decoration: none;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

.second-small-title {
  font-family: '';
  font-weight: 100;
  font-size: 20px;
  line-height: 160%;
}

.second-small-title * {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin-bottom: 0;
}

/* small-title */

.btn {
  font-family: var(--a600);
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  padding: 7px 17px;
  display: inline-flex;
  align-items: center;
  border: 1px solid;
  border-radius: 0;
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.btn-video{
  height: 71px !important;
  width: 71px !important;
}

.btn-video:hover{
  opacity: 0.7;
}

.btn-blue{
  border-color: #0074BC;
  color: #0074BC;
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.btn-blue:hover{
  color: #fff !important;
  background-color: #0074BC !important;
}

.btn-blue:active{
  color: #fff !important;
  background-color: #0074BC !important;
  border-color: #0074BC !important;
}


.btn-white{
  border-color: var(--white);
  color: var(--white);
}

.btn-white:hover{
  color: var(--white) !important;
  border-color: transparent !important;
}


.btn-white:active{
  color: var(--white) !important;
  border-color: transparent !important;
}

/*==================================================================*/
/*========== Header Start ==========*/
/*==================================================================*/
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: #ffffff;
  transition: 0.3s ease-in all;
  z-index: 9;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.content{
  padding-top: 177px;
}

.navbar {
	padding: 0;
  align-items: center;
}

.navbar .navbar-brand {
  padding: 0;
  height: 65px;
  margin-right: 20px;
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.header .h-content .f-top{
  padding: 36px 0 20px;
  border-bottom: 1px solid #0074BC;
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.header .h-content .f-bottom{
  padding-top: 15px;
  padding-bottom: 7px;
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.header .h-content .f-bottom ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: end;
}

.header .h-content .f-bottom ul li{
  display: flex;
  margin-right: 10px;
}

.header .h-content .f-bottom ul li a{
  display: flex;
}

.header .h-content .f-bottom ul li:last-child{
  margin-right: 0;
}

.header .h-content .f-bottom ul li a img{
  margin-right: 9px;
}

.navbar .navbar-brand.brand-2{
  height: 25px;
  margin-top: 10px;
  margin-right: 0;
  transition: 0.3s ease-in all;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.navbar .navbar-brand *{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.navbar-toggler {
	width: 30px;
	height: 22px;
	padding: 0;
	box-shadow: none !important;
	border: none;
}

.navbar-toggler .hamburger {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
}

.navbar-toggler .hamburger-toggle {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.navbar-toggler .hamburger span {
	width: 100%;
	height: 2px;
	background-color: var(--blue);
	position: relative;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}

.navbar-toggler .hamburger span:first-child {
	top: 10px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.navbar-toggler .hamburger span:nth-child(2) {
	opacity: 0;
}

.navbar-toggler .hamburger span:last-child {
	margin: 0;
	top: -10px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}

.navbar-toggler.collapsed .hamburger span {
	opacity: 1 !important;
	top: auto !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
}

.navbar .navbar-collapse {
	justify-content: flex-end;
}

.navbar-nav {
	margin: 0;
}

.navbar-nav .nav-item {
	margin: 0 20px;
}

.navbar-nav .nav-item:first-child {
	margin-left: 0;
}

.navbar-nav .nav-item:last-child {
	margin-right: 0;
}

.navbar-nav .nav-item .nav-link {
  font-family: var(--a400);
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	text-transform: uppercase;
	color: var(--gray);
	display: flex;
	align-items: center;
	position: relative;
	padding: 0px 0;
	word-wrap: break-word;
}

.navbar-nav .dropdown > .dropdown-toggle:hover,
.navbar-nav .dropdown:hover > .dropdown-toggle,
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item.current-menu-item .nav-link,
.navbar-nav .nav-item.current-menu-parent .nav-link,
.navbar-nav .nav-item.current_page_parent .nav-link,
.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link.current-menu-item,
.navbar-nav .nav-item .nav-link.current-menu-parent,
.navbar-nav .nav-item .nav-link.current_page_parent,
.navbar-nav .nav-item .nav-link:hover {
	color: var(--blue);
}

.navbar-nav .dropdown .dropdown-toggle:after {
	content: "\f107";
	font-family: 'FontAwesome6FreeSolid900';
	border: none;
	transition: transform 0.4s;
	-webkit-transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
	-o-transition: transform 0.4s;
}

.navbar-nav .dropstart .dropdown-toggle:before,
.navbar-nav .dropend .dropdown-toggle:after {
	content: "\f107";
	font-family: 'FontAwesome6FreeSolid900';
	border: none;
}

.navbar-nav .dropdown .dropdown-menu {
	border: none;
	padding: 0;
	margin: 0;
	background: #16a1cc;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.navbar-nav .dropdown .dropdown-menu li .dropdown-item {
	font-size: 16px;
	line-height: 133%;
	padding: 10px 25px;
	color: #ffffff;
	word-wrap: break-word;
}

.navbar-nav .dropdown .dropdown-menu li.active > .dropdown-item,
.navbar-nav .dropdown .dropdown-menu li.current-menu-item > .dropdown-item,
.navbar-nav .dropdown .dropdown-menu li.current-menu-parent > .dropdown-item,
.navbar-nav .dropdown .dropdown-menu li.current_page_parent > .dropdown-item,
.navbar-nav .dropdown .dropdown-menu li .dropdown-item.active,
.navbar-nav .dropdown .dropdown-menu li .dropdown-item.current-menu-item,
.navbar-nav .dropdown .dropdown-menu li .dropdown-item.current-menu-parent,
.navbar-nav .dropdown .dropdown-menu li .dropdown-item.current_page_parent,
.navbar-nav .dropdown .dropdown-menu li .dropdown-item:hover {
	color: #0a4557;
	background: #ffffff;
}

.h-content .navbar .brands-wraper{
  display: flex;
}

/*==================================================================*/
/*========== Header End ==========*/
/*==================================================================*/

/*==================================================================*/
/*========== New Class Add Start ==========*/
/*==================================================================*/
/* banner */
.banner-right-wrap{
  display: flex;
  height: 100%;
  /* justify-content: end; */
}

.banner-img-block .banner-img{
  height: 100%;
}

.banner-section .banner-right{
  width: 71.5%;
}

.banner-img-block .banner-img *{
  height: 100%;
  object-fit: cover;
  object-position: left;
  filter: grayscale(100%);
}

.banner-img-block{
  max-width: 260px;
  position: relative;
}

.banner-img-block::after{
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 116, 188, 0.7) 0%, rgba(0, 116, 188, 0.7) 100%);
  opacity: 0.9;
}

.banner-img-block:hover::after{
  opacity: 0;
}

.banner-img-block:hover .banner-img *{
  filter: grayscale(0%);
}

.banner-img-block:hover{
  max-width: 100%;
}

.banner-section .banner-wraper{
  display: flex;
}

.banner-img-block .banner-img-details{
  font-family: var(--a400);
  font-weight: 400;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--white);
  z-index: 1;
  padding: 0px 19px 21px 19px;
}

.banner-wraper .banner-left{
  padding: 45px 5px 40px 130px;
  width: 40%;
  flex: 1 1 auto;
}

.banner-section{
  overflow: hidden;
}

.banner-left-details .section-title{
  color: var(--white);
  margin-bottom: 77px;
}

.banner-left-details .section-title span{
  font-family: var(--a400);
  font-weight: 400;
}

.banner-left-details .section-title:last-child{
  margin-bottom: 0;
}

/* banner */

/* our-team-section */
.our-team-section{
  padding: 36px 0 0px;
}

.our-team-wraper .our-team-title-wraper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 21px;
}

.our-team-block .team-img{
  height: 280px;
}

.our-team-block .team-details{
  font-family: var(--a600);
  font-weight: 600;
  color: var(--white);
  position: absolute;
  text-align: center;
  bottom: 18px;
  left: 0;
  right: 0;
  padding: 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  z-index: 1;
}

.our-team-cart .our-team-block::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 56.07%, rgba(0, 0, 0, 0.85) 100%);
}

.our-team-cart .our-team-block{
  position: relative;
  margin-bottom: 20px;
  height: calc(100% - 20px);
  overflow: hidden;
  cursor: pointer;
  display: block;
}



.our-team-block .team-img *{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.our-team-wraper .our-team-cart .row{
  margin: 0;
}

.our-team-wraper .our-team-cart .row>*{
  padding: 0;
}

/* our-team-section */

/* advantages-section */
.advantages-section{
  padding: 76px 0 83px;
}

.advantages-wraper .section-title{
  margin-bottom: 21px;
}

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

.accordion{
  border: 0;
}

.accordion-button:not(.collapsed){
  background-color: transparent;
  box-shadow: unset;
  color: var(--blue);
}

.accordion-body{
  color: var(--gray);
  opacity: 0;
  transition: 0.3s ease-in all;
  padding: 0px 15px 0px 0;
  -webkit-transition: 0.3s ease-in all;
  -moz-transition: 0.3s ease-in all;
  -ms-transition: 0.3s ease-in all;
  -o-transition: 0.3s ease-in all;
}

.accordion-collapse.show .accordion-body {
  opacity: 1;
  /* transform: translateY(0); */
}

.accordion-item{
  border-bottom: 1px solid var(--blue);
  border-right: 0;
  border-left: 0;
  border-top: 0;
}

.accordion-body>*{
  display: inline-block;
  margin-bottom: 20px;
}

.accordion-item:last-of-type{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.accordion-button{
  font-family: var(--a600);
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  color: var(--gray);
  padding: 19px 19px 19px 0;
}

.accordion-button::after{
  position: absolute;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewBox='0 0 16 11' fill='none'%3E%3Cpath d='M8 10.2476L0 1.93874L1.86667 0L8 6.37013L14.1333 0L16 1.93874L8 10.2476Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  background-size: 16px 11px;
  width: 16px;
  height: 11px;
}



.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='11' viewBox='0 0 16 11' fill='none'%3E%3Cpath d='M8 10.2476L0 1.93874L1.86667 0L8 6.37013L14.1333 0L16 1.93874L8 10.2476Z' fill='%230074BC'/%3E%3C/svg%3E");
}


.accordion-item:first-of-type{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.accordion-item:first-of-type>.accordion-header .accordion-button{
  padding-top: 0 !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

/* advantages-section */

/* current-section */
.current-section .current-wraper{
  display: flex;
}


.current-wraper .current-left{
  padding: 32px 20px 40px 130px;
  width: 100%;
}

.current-right .current-img-block{
  height: 100%;
}

.current-right .current-img-block *{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.current-wraper .current-right{
  flex: 0 0 auto;
} 

.current-left .current-details-block{
  max-width: 676px;
  /* padding-left: 130px;
  padding-right: 104px; */
}

.current-left .current-details-block .btn-content{
  margin-top: 38px;
}


.current-left .current-details-block .section-title{
  color: var(--white);
  margin-bottom: 14px;
}

.current-details-block .current-list ul{
  padding: 0;
  margin: 0 0 20px 0;
  list-style: none;
}

.current-details-block .current-list ul li{
  /* font-family: var(--i400);
  font-weight: 400; */
  color: var(--white);
}

.current-details-block .current-list ul li::before{
  content: "•";
  font-size: inherit;
  display: inline-block;
  margin: 0 4px 0 0;
}

.current-details-block .detail{
  color: var(--white);
}

.current-details-block .current-list ol li::marker, ul li::marker{
  color: #fff;
}

.current-details-block .btn-content .btn{
  padding: 9px 35px;
}

/* current-section */

/* personal-customer */
.personal-customer{
  padding: 86px 0 185px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.personal-customer .personal-customer-wraper .main-title{
  margin-bottom: 34px;
  color: var(--white);
}

.personal-customer .personal-customer-wraper .contact-details{
  display: flex;
  align-items: end;
}

.contact-details ul{
  padding: 0;
  margin: 0;
  list-style: none;
}

.contact-details ul li{
  font-family: var(--a600);
  font-weight: 600;
  font-size: 36px;
  line-height: normal;
  color: var(--white);
  display: flex;
  align-items: center;
  padding-left: 38px;
  position: relative;
}

.contact-details ul li img{
  position: absolute;
  left: 0px;
  bottom: 0;
}

.contact-details ul li a{
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.contact-details ul li a:hover{
  opacity: 0.5;
}



.personal-customer .personal-customer-wraper .contact-details .block-title{
  color: var(--white);
  margin-right: 16px;
}

/* personal-customer */


/* ~~~~~~~~~~~~ vehicles-page  ~~~~~~~~~~~~ */
.rental-main-details .section-title{
  margin-bottom: 25px;
}

.rental-section .rental-main-cart{
  padding-top: 4px;
}

.rental-section .rental-main-details{
  max-width: 676px;
}

.rental-main-cart .rental-block{
  height: calc(100% - 30px);
  margin-bottom: 30px;
}

.rental-main-details .details *{
  margin-bottom: 0;
}

.rental-main-cart .row{
  margin: 0 -10px;
}

.rental-main-cart .row>*{
  padding: 0 10px;
}

.rental-main-details .details{
  margin-bottom: 25px;
}

.rental-main-cart .rental-block .rental-img{
  height: 350px;
}

.rental-main-cart .rental-block .rental-img *{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.rental-block .rental-block-detail{
  display: flex;
  align-items: center;
}

.rental-block .rental-block-detail .rental-icon{
  padding: 17px 26px;
  flex: 0 0 auto;
}

.rental-block .rental-block-detail .title{
  font-family: var(--i600);
  font-size: 16px;
  font-weight: 600;
  padding: 0px 10px;
  color: var(--white);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

/* sale-section */
.sale-section .sale-section-wraper{
  width: 71%;
  padding: 37px 20px 56px 130px;
}

.sale-section{
  padding: 50px 0 34px;
}

.sale-section-wraper .sale-section-details *{
  color: var(--white);
}

.sale-section-wraper .sale-section-details .details *{
  margin-bottom: 36px;
}

.sale-section-details .section-title{
  color: var(--white);
  margin-bottom: 41px;
}

.sale-section-wraper .sale-section-details{
  max-width: 676px;
}

.sale-section-details ul{
  padding: 0;
  margin: 0;
  list-style: none;
}

.sale-section-details ul li::before{
  content: "-";
  display: inline-block;
  margin-right: 5px;
}

/* sale-section */

/* current-occasions-section */
.current-occasions-section{
  padding: 34px 0 12px;
}

.current-occasions-section .current-occasions-wraper{
  max-width: 1169px;
  margin: 0 auto;
}

.current-occasions-wraper .block-title{
  font-family: var(--a700);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 63px;
}

.current-occasions-wraper .current-occasions-img-block{
  position: relative;
}

.current-occasions-img-block .current-occasions-details{
  font-family: var(--a600);
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  color: var(--danger);
  position: absolute;
  left: 0;
  right: 0;
  top: 61px;
  padding: 0 60px;
}

.current-occasions-img-block .current-occasions-img{
  height: 970px !important;
}

.current-occasions-img-block .current-occasions-img *{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* current-occasions-section */

/* ~~~~~~~~~~~~ vehicles-page ~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~  vehicle-service-page ~~~~~~~~~~~~ */
.service-common-slick .service-common-img{
  height: 420px;
}

.service-common-slick .service-common-img *{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.services-benifits .services-benifits{
  margin-bottom: 30px;
  min-height: 175px;
}

.service-common-slick  .service-common-slick-item{
  padding: 0 10px;
}

.common-service-slider{
  padding: 5px 0 20px;
}

/* .common-title-wraper>*{
  width: 50%;
} */

.common-title-wraper{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--blue);
  margin-bottom: 40px;
  padding-bottom: 22px;
}

.common-title-wraper p{
  margin-bottom: 0;
}

.common-title-right .details{
  font-family: var(--a400);
  font-size: 20px;
  font-weight: 400;
  color: var(--blue);
  max-width: 709px;
  text-align: end;
}

.common-title-right .details p::before{
  content: "«";
  display: inline-block;
}

.common-title-right .details p::after{
  content: "»";
  display: inline-block;
}

.vehicle-block-section{
  padding: 20px 0 0;
}



.services-benifits .block-title{
  margin-bottom: 20px;
}

.services-benifits .row{
  margin: 0 -10px;
}

.services-benifits .row>*{
  padding: 0 10px;
}

/* ~~~~~~~~~~~~  vehicle-service-page ~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~  tire-service-page ~~~~~~~~~~~~ */
.vehicle-block-section.tire-services-page{
  padding: 12px 0 0;
}

.vehicle-block-section.tire-services-page .common-title-wraper{
  padding-bottom: 14px;
}

.wellness-main-title .main-title{
  color: var(--blue);
  margin-bottom: 24px;
}

.wellness-main-title .detail{
  font-family: var(--a400);
  font-weight: 400;
  font-size: 24px;
  line-height: normal;
  color: var(--blue);
}

.wellness-wraper .wellness-main-title{
  margin-bottom: 50px;
}

/* ~~~~~~~~~~~~  tire-service-page ~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~ new-building-page start ~~~~~~~~~~~~ */
.wellness-blocks-wraper .wallness-left{
  padding: 20px 15px 20px 0;
  border-top: 1px solid var(--light-blue);
  max-width: 643px;
}

.wellness-blocks-wraper .wallness-left .wallness-inner-details{
  max-width: 603px;
}

.wallness-inner-details .section-title span{
  font-family: var(--a400);
  font-weight: 400;
}

.wallness-inner-details .section-title {
  margin-bottom: 20px;
}

.wellness-blocks-wraper .wallness-block{
  margin-bottom: 20px;
}

.wellness-blocks-wraper .wallness-block .wallness-img{
  height: 250px;
  max-width: 500px;
  margin-left: auto;
  position: relative;
}

.wellness-blocks-wraper .wallness-block .wallness-img .btn-video{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.wellness-blocks-wraper .wallness-block .wallness-img *{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wellness-row{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}

.wellness-row >*{
  flex: 0 0 auto;
  padding: 0 20px;
}

/* .wellness-row >*:first-child{
  max-width: ;
} */

.wellness-section {
  padding-top: 10px;
}

.wellness-section .wellness-wraper{
  max-width: 1183px;
  padding-bottom: 20px;
  border-bottom: 1px solid #0074BC;
}


.galerie-section{
  padding: 101px 0 101px;
}

.galerie-main-right .all-projects{
  display: flex;
  align-items: center;
}

.galerie-main-right .all-projects .icon{
  margin-right: 8px;
}

.galerie-wraper .galerie-main-title{
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 44px;
}

.galerie-wraper .galerie-main-title .galerie-main-left{
  max-width: 724px;
}

.galerie-wraper .galerie-main-title .galerie-main-left .detail *{
  margin-bottom: 0;
}

.galerie-wraper .galerie-main-title .galerie-main-left .section-title{
  margin-bottom: 12px;
}

.galerie-main .slider-for .galerie-slick-item img{
  height: 400px;
  width: 100%;
  object-fit: cover;
}

.galerie-main .slider-navigation .galerie-slick-item img{
  height: 110px;
  width: 100%;
  object-fit: cover;
}

.galerie-section .galerie-wraper{
  max-width: 1170px;
  margin: 0 auto;
}


.slider-navigation .slick-slide { margin: 0 15px; }
.slider-navigation  .slick-list { margin: 0 -15px; }
.galerie-main .galerie-title-block {margin-bottom: 48px;}

.galerie-slider {
  overflow: hidden;
}

.galerie-main .slider-for{
  margin-bottom: 30px;
}

.galerie-main .slick-arrow{
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 50%;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.galerie-main .slick-arrow:hover{
  opacity: 0.5;
}

.galerie-main .slick-arrow.slick-prev{
  left: 25px;
}

.galerie-main .slick-arrow.slick-next{
  right: 25px;
}

.galerie-slider .slider-for {margin-bottom: 30px;}

/* highlights-section */
.highlights-section{
  padding: 39px 0 30px;
  margin-bottom: -1px;
}

.highlights-block .highlights-img{
  height: 266px;
}

.highlights-block .highlights-img *{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.highlights-wraper .main-title{
  color: var(--white);
  margin-bottom: 31px;
}

.highlights-block .highlights-details{
  padding: 21px 26px 5px 30px;
  /* min-height: 174px; */
}

.highlights-details .section-title{
  margin-bottom: 27px;
}

.highlights-cart-wraper .highlights-block{
  margin-bottom: 30px;
  height: calc(100% - 30px);
}

.highlights-cart-wraper .highlights-block .detail{
  max-width: 514px;
} 

.highlights-wraper .highlights-cart-wraper{
  max-width: 1169px;
  margin: 0 auto;
}
/* highlights-section */

/* ~~~~~~~~~~~~ new-building-page end ~~~~~~~~~~~~ */

/*==================================================================*/
/*========== New Class Add End ==========*/
/*==================================================================*/
/*==================================================================*/
/*========== Footer Start ==========*/
/*==================================================================*/

footer .f-top{
  padding: 83px 0 15px;
}

footer .f-top.bordered{
  padding-top: 0;
}

footer .f-top.bordered .f-top-wraper{
  padding: 40px 0 0px;
  border-top: 1px solid #0074BC;
}

footer .f-bottom{
  padding: 18px 0;
}

.f-block .f-title{
  font-family: var(--i600);
  font-weight: 600;
  font-size: 16px;
  line-height: normal;
  color: var(--black);
}

.f-block .detail ul{
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 22px;
}

.f-block .detail ul li{
  color: var(--black);
}

.f-block .detail ul li *{
  color: inherit;
}

.f-block .detail ul a:hover{
  color: var(--blue);
}

.f-block.f-right .logo{
  margin-bottom: 27px;
}

.f-block.f-right .logo a{
  display: inline-block;
  height: 65px;
}

.f-block.f-right .logo a img{
  width: 100%;
  height: 100%;
}

.social-icons ul{
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
}

.social-icons ul li{
  margin-right: 10px;
}

.social-icons ul li:last-child{
  margin-right: 0;
}

.social-icons ul li a:hover img{
  opacity: 0.5;
}


.f-block .section-title{
  margin-bottom: 15px;
}

.f-block.f-left .about-us{
  font-family: var(--i400);
  font-weight: 400;
  color: var(--black);
}

.f-block.f-left{
  max-width: 479px;
}

.f-bottom .f-quick-links ul{
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: wrap;
}

.f-bottom .f-quick-links ul li{
  font-family: var(--i400);
  font-weight: 400;
  font-size: 14px;
  margin-right: 27px;
  color: var(--white);
}

.f-bottom .f-quick-links ul li:last-child{
  margin-right: 0;
}

.f-bottom .f-quick-links ul li *{
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}

.f-bottom .f-quick-links ul li a:hover{
  text-decoration: underline;
  opacity: 0.8;
}

/* .footer .f-top .f-top-wraper{
  max-width: 886px;
} */
 

/*==================================================================*/
/*========== Footer End ==========*/
/*==================================================================*/