@charset "UTF-8";

/* table of content - start

==================================================================================================== */

/*



Project Name 	:  Rotors – Car Rental HTML5 Template

File 			:  CSS Base

Version 		:  1.0.0

Last change 	:  17 November 2020

Author 			:  Merkulove (https://themeforest.net/user/merkulove)

Developer:		:  Rakibul Islam Dewan

==================================================



01 - global gettings



# Common Sections -

02 - header

03 - footer

04 - breadcrumb

05 - sidebar



06 - home pages

	 06.1 - home v.1

	 06.2 - home v.2



07 - about page

08 - car page

00 - shop page

10 - blog page

11 - all details pages

12 - reservation page

13 - review page

14 - contact pages

15 - faq page

16 - register page

17 - account page

18 - cart page

19 - service page



*/

/* table of content - end

==================================================================================================== */

/* @import url("../css2");

@import url("../css2-1"); */

/* Gotham Book */

@font-face {

  font-family: 'Gotham';

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url('../fonts/suntek/Gotham-Book.otf') format('opentype');

}



/* Gotham Medium */

@font-face {

  font-family: 'Gotham';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url('../fonts/suntek/Gotham-Medium.otf') format('opentype');

}



/* Gotham Bold */

@font-face {

  font-family: 'Gotham';

  font-style: normal;

  font-weight: 800;

  font-display: swap;

  src: url('../fonts/suntek/Gotham-Bold.otf') format('opentype');

}



@font-face {

  font-family: 'Exo';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url('../fonts/suntek/Exo2.0-Medium.otf') format('opentype');

}

@font-face {

  font-family: 'Exo';

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url('../fonts/suntek/Exo2.0-Medium.otf') format('opentype');

}



/* 01 - global gettings - start

==================================================================================================== */

body {

  margin: 0px;

  padding: 0px;

  font-size: 18px;

  font-weight: 500;

  line-height: 1.65;

  font-style: normal;

  color: #ffffff;

  font-family: "Gotham", system-ui, sans-serif;

  background-color: #ffffff;

  text-rendering: optimizelegibility;

  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

}



::selection {

  color: #ffffff;

  background-color: #00529B;

}



::-moz-selection {

  color: #ffffff;

  background-color: #00529B;

}



/* Optional: accent colors */

.text-accent-red {

    color: #E31B23;

}



.text-accent-blue {

    color: #00529B;

}



main {

  overflow: hidden;

  position: relative;

}



a,

button {

  cursor: pointer;

  display: inline-block;

  text-decoration: none;

}

a:hover,

button:hover {

  text-decoration: none;

}



button {

  margin: 0px;

  padding: 0px;

  border: none;

  background: none;

}

button:focus {

  outline: none;

}



img {

  height: auto;

  max-width: 100%;

}



/* [data-bg-image] {

  width: 100%;

  background-size: 100% 100%;

  background-repeat: no-repeat;

  background-position: center center;

} */



[data-bg-image] {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}



h1, h2, h3, h4, h5, h6 {

  color: #000C21;

  font-family: "Gotham", cursive;

}



hr {

  height: 1px;

  width: 100%;

  border: none;

  display: block;

  margin: 30px 0px;

  background-color: #D8D8D8;

}



.form_item {

  position: relative;

  margin-bottom: 30px;

}

.form_item .input_icon {

  top: 50%;

  margin: 0px;

  right: 15px;

  padding: 5px;

  color: #6E7684;

  position: absolute;

  background-color: #ffffff;

  transform: translateY(-50%);

}

.form_item input, .form_item textarea {

  width: 100%;

  outline: none;

  display: block;

  color: #6E7684;

  font-size: 16px;

  padding: 0px 20px;

  border-radius: 4px;

  background-color: #ffffff;

  border: 1px solid #D8D8D8;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.form_item input:focus, .form_item textarea:focus {

  border-color: #000C21;

}

.form_item input {

  height: 60px;

}

.form_item textarea {

  min-height: 190px;

  padding: 15px 20px;

}



.input_title {

  font-size: 18px;

  font-weight: 700;

  margin-bottom: 10px;

  color: #1F2B3E;

  font-family: "Gotham", system-ui, sans-serif;

}



:-moz-placeholder {

  color: #6E7684;

  text-transform: capitalize;

}



::-moz-placeholder {

  color: #6E7684;

  text-transform: capitalize;

}



:-ms-input-placeholder {

  color: #6E7684;

  text-transform: capitalize;

}



::-webkit-input-placeholder {

  color: #6E7684;

  text-transform: capitalize;

}



.checkbox_input {

  position: relative;

  margin-bottom: 30px;

}

.checkbox_input input {

  float: left;

  width: 26px;

  height: 26px;

  outline: none;

  margin-top: 1px;

  cursor: pointer;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  position: relative;

  margin-right: 10px;

  border-radius: 4px;

  background: #ffffff;

  border: 1px solid #D8D8D8;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.checkbox_input input[type=radio] {

  border-radius: 100%;

}

.checkbox_input input:before {

  top: 50%;

  left: 50%;

  opacity: 0;

  font-size: 400;

  color: #ffffff;

  content: "";

  position: absolute;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  transform: translate(-50%, -50%);

  font-family: "Font Awesome 5 Pro";

}

.checkbox_input input:checked {

  background: #00529B;

  border-color: #00529B;

}

.checkbox_input input:checked:before {

  opacity: 1;

}

.checkbox_input label {

  margin: 0px;

  cursor: pointer;

  font-size: 16px;

  font-weight: 700;

}



.form_item .nice-select {

  width: 100%;

  float: none;

  height: 60px;

  color: #6E7684;

  display: block;

  font-size: 16px;

  text-align: left;

  line-height: 60px;

  padding: 0px 20px;

  border-radius: 4px;

  border: solid 1px #D8D8D8;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.form_item .nice-select:after {

  width: auto;

  border: none;

  float: right;

  height: auto;

  color: #6E7684;

  margin-top: 0px;

  content: "";

  font-weight: 700;

  position: static;

  transform: unset;

  display: inline-block;

  transform-origin: unset;

  font-family: "Font Awesome 5 Pro";

}

.form_item .nice-select .list {

  width: 100%;

  margin-top: 2px;

  min-width: 230px;

  border-radius: 4px;

  background-color: #ffffff;

  border: solid 1px #D8D8D8;

  box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.15);

}



.updown_style_wrap {

  z-index: 1;

  display: flex;

  position: relative;

}

.updown_style_wrap.minus_top {

  padding-top: -60px;

}

.updown_style_wrap.minus_bottom {

  margin-bottom: -60px;

}

.updown_style_wrap .updown_style {

  width: 50%;

}

.updown_style_wrap .updown_style:nth-child(2n+0) {

  padding-top: 60px;

}



/* pricing range - start

================================================== */

.price-range-area .slider-range {

  height: 6px;

  border: none;

  display: block;

  margin: 7px 0px;

  border-radius: 45px;

  background-color: #ededee;

}

.price-range-area .ui-slider-range {

  border: none;

  border-radius: 45px;

  background-color: #00529B;

}

.price-range-area .ui-state-default {

  top: -7px;

  width: 20px;

  height: 20px;

  border: none;

  outline: none;

  border-radius: 100%;

  border: 6px solid #ffffff;

  background-color: #00529B;

  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);

}

.price-range-area .input_title {

  margin-bottom: 17px;

}

.price-range-area input {

  border: none;

  padding: 0px;

  outline: none;

  display: block;

  margin-top: 18px;

  font-weight: 600;

  color: #000C21;

  background: transparent;

}



/* pricing range - end

================================================== */

/* bootstrap reset - start

================================================== */

.container {

  max-width: 92%;

}



.container-fluid {

  padding-left: 30px;

  padding-right: 30px;

}



.rotors_dropdown {

  margin: 0px;

  padding: 0px;

  border: none;

  font-size: 16px;

  min-width: 230px;

  margin-top: 15px;

  border-radius: 6px;

  color: #1F2B3E;

}

.rotors_dropdown.show {

  transform: translate3d(0px, 16px, 0px) !important;

}



/* bootstrap reset - end

================================================== */

/* slick slider settings - start

================================================== */

.slick-dots {

  left: 50%;

  bottom: 0px;

  margin: 0px;

  padding: 0px;

  display: flex;

  max-width: 1200px;

  padding: 0px 15px;

  align-items: center;

  justify-content: center;

  transform: translateX(-50%);

}

.slick-dots li {

  width: auto;

  height: auto;

  margin: 0px;

  padding: 0px;

  float: left;

}

.slick-dots li:not(:last-child) {

  margin-right: 10px;

}

.slick-dots li button {

  width: 20px;

  height: 8px;

  border: 0px;

  padding: 0px;

  opacity: 0.3;

  border-radius: 0px;

  background: #00529B;

}

.slick-dots li:hover button, .slick-dots li.slick-active button {

  opacity: 1;

  background-color: #00529B;

}



.slick-dotted.slick-slider {

  margin-bottom: 0px;

}



.slick-arrow {

  color: transparent;

  text-align: center;

}

.slick-arrow:before {

  font-weight: 400;

  color: #00529B;

  display: inline-block;

  font-family: "Font Awesome 5 Pro";

}



.slick-prev:before {

  content: "";

}



.slick-next:before {

  content: "";

}



.carousel_nav {

  display: flex;

  align-items: center;

  justify-content: center;

}

.carousel_nav button {

  line-height: 1;

  font-size: 36px;

  color: #1F2B3E;

}

.carousel_nav button:not(:last-child) {

  margin-right: 10px;

}

.carousel_nav button:hover {

  color: #00529B;

}

.carousel_nav.position_ycenter button {

  top: 50%;

  position: absolute;

  transform: translateY(-50%);

}

.carousel_nav.position_ycenter button:nth-child(1) {

  left: 0px;

}

.carousel_nav.position_ycenter button:nth-child(2) {

  right: 0px;

}



.slick-progress {

  left: 0px;

  z-index: 1;

  right: 0px;

  bottom: 0px;

  height: 5px;

  position: absolute;

}

.slick-progress span {

  width: 0px;

  opacity: 0.3;

  height: 100%;

  display: block;

  position: absolute;

  background: #00529B;

  transition: all 0s linear;

}

.slick-progress span.active {

  width: 100%;

}



/* slick slider settings - end

================================================== */

/* list style settings - start

================================================== */

.ul_li,

.ul_li_right,

.ul_li_center {

  margin: 0px;

  padding: 0px;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

}

.ul_li > li,

.ul_li_right > li,

.ul_li_center > li {

  float: left;

  list-style: none;

  display: inline-block;

}



.ul_li {

  justify-content: flex-start;

}



.ul_li_center {

  justify-content: center;

}



.ul_li_right {

  justify-content: flex-end;

}



.ul_li_block {

  margin: 0px;

  padding: 0px;

  display: block;

}

.ul_li_block > li {

  display: block;

  list-style: none;

}



/* list style settings - end

================================================== */

/* social links - start

================================================== */

.social_list_title {

  display: block;

  font-size: 18px;

  color: #000C21;

  font-family: "Gotham", cursive;

}



.primary_social_links li {

  font-size: 14px;

}

.primary_social_links li:not(:last-child) {

  margin-right: 30px;

}

.primary_social_links a {

  display: block;

  line-height: 1;

  color: #000C21;

}

.primary_social_links a:hover {

  color: #00529B;

}



.social-links {

    gap: 1rem; /* jarak antar ikon */

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.social-links a i {

    font-size: 1.3rem; /* ukuran ikon */

    transition: color 0.3s ease;

    color: #fff;

}



.social-links a:hover i {

    color: #00529B; /* warna merah saat hover */

}



/* social links - end

================================================== */

/* rating star - start

================================================== */

.rating_star li {

  color: #CDCDCD;

  font-size: 12px;

}

.rating_star li:not(:last-child) {

  margin-right: 2px;

}

.rating_star li.active {

  color: #00529B;

}



/* rating star - end

================================================== */

/* pagination - start

================================================== */

.pagination_nav li:not(:last-child) {

  margin-right: 6px;

}

.pagination_nav a {

  height: 43px;

  display: block;

  min-width: 43px;

  padding: 0px 6px;

  line-height: 43px;

  text-align: center;

  border-radius: 4px;

  color: #1F2B3E;

  background-color: #F1F1F1;

}

.pagination_nav li:hover a, .pagination_nav li.active a {

  color: #ffffff;

  background-color: #00529B;

  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.24);

}



/* pagination - end

================================================== */

/* post meta - start

================================================== */

.post_meta li {

  color: #6E7684;

  position: relative;

}

.post_meta li:after {

  content: "/";

  margin: 0px 8px;

  display: inline-block;

}

.post_meta li:last-child:after {

  display: none;

}

.post_meta a {

  color: #6E7684;

}

.post_meta a:hover {

  color: #00529B;

}



/* post meta - end

================================================== */

/* filters button group - start

================================================== */

.filters-button-group li:not(:last-child) {

  margin-right: 50px;

}

.filters-button-group button {

  display: block;

  line-height: 1;

  font-size: 20px;

  font-weight: 700;

  color: #000C21;

}

.filters-button-group button:hover, .filters-button-group button.active {

  color: #00529B;

}



/* filters button group - end

================================================== */

/* padding & margin setting - start

================================================== */

.sec_ptb_150 {

  padding: 150px 0px;

}



.sec_ptb_100 {

  padding: 100px 0px;

}



.mt__30 {

  margin-top: -30px;

}



.mb_15 {

  margin-bottom: 15px;

}



.mb_30 {

  margin-bottom: 30px;

}



.mb_60 {

  margin-bottom: 60px;

}



.mb_100 {

  margin-bottom: 100px;

}



/* padding & margin setting - end

================================================== */

/* button style - start

================================================== */

.custom_btn {

  height: 60px;

  color: #ffffff;

  font-size: 16px;

  font-weight: 700;

  min-width: 230px;

  padding: 0px 30px;

  line-height: 62px;

  border-radius: 0.5rem;

  text-align: center;

  display: inline-block;

  font-family: "Gotham", cursive;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.custom_btn:hover {

  color: #ffffff;

}

.custom_btn.btn_width {

  min-width: 330px;

}

.custom_btn img {

  margin-left: 10px;

  display: inline-block;

}

.custom_btn.bg_default_red:hover {

  background-color: #a50015;

}

.custom_btn.bg_default_black:hover {

  background-color: #000817;

}



.text_btn {

  align-items: center;

  display: inline-flex;

}

.text_btn span {

  line-height: 1;

  font-size: 18px;

  font-weight: 700;

  position: relative;

  color: #00529B;

  display: inline-block;

  font-family: "Gotham", cursive;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.text_btn span:before {

  width: 0px;

  left: auto;

  right: 0px;

  bottom: 0px;

  height: 1.5px;

  content: "";

  position: absolute;

  transition: width 0.2s linear;

  background-color: #E31B23;

}

.text_btn:hover span:before {

  left: 0px;

  width: 100%;

  right: auto;

}

.text_btn img {

  line-height: 1;

  margin-left: 10px;

  display: inline-block;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.text_btn:hover img {

  transform: translateX(5px);

}



/* button style - end

================================================== */

/* title text - start

================================================== */

.section_title .title_text {

  line-height: 1;

  font-size: 48px;

}

.section_title .title_text span {

  padding: 0px 40px;

  position: relative;

  display: inline-block;

}

.section_title .title_text span:before, .section_title .title_text span:after {

  top: 50%;

  width: 20px;

  height: 8px;

  content: "";

  position: absolute;

  display: inline-block;

  transform: translateY(-50%);

  background-color: #00529B;

}

.section_title .title_text span:before {

  left: 0px;

}

.section_title .title_text span:after {

  right: 0px;

}



.has_serial_number {

  padding-top: 78px;

}

.has_serial_number .serial_number {

  margin-top: -78px;

  padding-right: 30px;

  border-right: 1px solid #D8D8D8;

}

.has_serial_number .serial_number span {

  color: #6E7684;

  display: block;

  line-height: 0.6;

  font-size: 120px;

  margin-bottom: 20px;

  font-family: "Gotham", cursive;

}

.has_serial_number .serial_number h4 {

  font-size: 24px;

}



/* title text - end

================================================== */

/* back to top - start

================================================== */

#thetop {

  top: 0;

  left: 0;

  right: 0;

  z-index: -1;

  position: absolute;

}



.backtotop {

  right: 15px;

  width: 50px;

  height: 50px;

  z-index: 999;

  bottom: 40px;

  display: none;

  position: fixed;

  border-radius: 100%;

  background-color: #E31B23;

  /* box-shadow: 0px 10px 30px 1px rgba(234, 0, 30, 0.3); */

}

.backtotop .scroll {

  z-index: 1;

  width: 100%;

  height: 100%;

  display: block;

  color: #ffffff;

  font-size: 16px;

  line-height: 50px;

  text-align: center;

  position: relative;

}



/* back to top - end

================================================== */

/* preloader - start

================================================== */

.preloader {

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  display: flex;

  z-index: 9000;

  cursor: default;

  position: fixed;

  align-items: center;

  justify-content: center;

}

.preloader.loaded {

  visibility: hidden;

}

.preloader .animation_preloader {

  z-index: 10000;

}

.preloader .spinner {

  width: 3em;

  height: 3em;

  margin: auto;

  margin-bottom: 30px;

  border-radius: 100%;

  animation: spinner 1s infinite linear;

  border: 3px solid rgba(255, 255, 255, 0.8);

  border-top-color: #00529B

;

}

.preloader p {

  color: #ffffff;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 8px;

  text-transform: uppercase;

}

.preloader .loader {

  top: 0;

  left: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  font-size: 0;

  position: fixed;

  pointer-events: none;

}

.preloader .loader_section {

  padding: 0px;

}

.preloader .bg {

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #0a0b0b;

  /* background-color: #000C21; */

  transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);

}

.preloader.loaded .animation_preloader {

  opacity: 0;

  transition: 0.3s ease-out;

}

.preloader.loaded .loader_section .bg {

  width: 0;

  transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);

}

@keyframes spinner {

  to {

    transform: rotateZ(360deg);

  }

}

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

  .preloader .animation_preloader .spinner {

    height: 8em;

    width: 8em;

  }

}

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

  .preloader .animation_preloader .spinner {

    height: 7em;

    width: 7em;

  }

}

/* preloader - end

================================================== */

/* custom colors - start

================================================== */

.has_overlay {

  z-index: 1;

  position: relative;

}

.has_overlay .overlay {

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  z-index: -1;

  position: absolute;

}



.bg_default_red {

  background-color: #00529B;

}



.bg_default_blue {

  background-color: #0048B9;

}



.bg_default_black {

  background-color: #000C21;

}



/* custom colors - end

================================================== */

/* transition - start

================================================== */

a,

button {

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}



/* transition - end

================================================== */

/* 01 - global gettings - end

==================================================================================================== */

/* 02 - header - start

==================================================================================================== */

/* header sticky - start */

.sticky {

  top: 0px;

  left: 0px;

  right: 0px;

  height: auto;

  z-index: 999;

  position: absolute;

  top: 10px;

  left: 4%;

  right: 4%;

}

.sticky.stuck {

  position: fixed;

  background-color: #fffaff00;

  box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.08);

  animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;

  border-radius: 15px;

}



.secondary_header + main {

  margin-top: 0px;

}



/* header sticky - end */

/* header section - start */

.header_section .primary_social_links a {

  color: #ffffff;

}

.header_section .primary_social_links a:hover {

  color: #00529B;

}



.header_top {

  height: 40px;

  display: flex;

  padding: 6px 0px;

  align-items: center;

  background-color: rgba(22, 24, 41, 0.6);

  box-shadow: 0px 2px 8px 0px rgba(0, 6, 16, 0.9);

}



.stuck .header_top {

  display: none;

}



/* .stuck .header_bottom {

  display: none;

} */



.header_bottom {

  display: flex;

  min-height: 65px;

  padding: 10px 0px;

  align-items: center;

  border-radius: 12px;

}



.secondary_header .header_bottom {

  background-color: #000c2100;

}

.secondary_header.stuck .header_bottom {

  background-color: #fffffff5;

}



.header_section .brand_logo img:nth-child(2) {

  display: none;

}

.header_section.stuck .brand_logo img:nth-child(1) {

  display: none;

}

.header_section.stuck .brand_logo img:nth-child(2) {

  display: inline-block;

}



.header_contact_info li {

  font-size: 14px;

}

.header_contact_info li:not(:last-child) {

  margin-right: 40px;

}

.header_contact_info i {

  margin-right: 5px;

}



.header_action_btns > li:not(:last-child) {

  margin-right: 30px;

}

.header_action_btns button {

  color: #ffffff;

  display: block;

  line-height: 1;

  font-size: 16px;

  position: relative;

}

.header_action_btns button:hover, .header_action_btns button.active {

  color: #00529B;

}



.stuck .header_action_btns button {

  color: #0a0b0b;

  /* color: #1F2B3E; */

}

.stuck .header_action_btns button:hover, .stuck .header_action_btns button.active {

  color: #00529B;

}



.cart_btn .cart_counter {

  top: -12px;

  right: -12px;

  z-index: 2;

  height: 20px;

  color: #ffffff;

  min-width: 20px;

  font-size: 10px;

  font-weight: 700;

  line-height: 20px;

  text-align: center;

  position: absolute;

  border-radius: 45px;

  box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.2);

}



.collapse_search_body .search_body {

  padding: 10px 0px;

  background-color: rgba(0, 0, 0, 0.8);

}

.collapse_search_body .form_item {

  margin: 0px;

}

.collapse_search_body .form_item input {

  padding: 0px;

  border: none;

  color: #ffffff;

  background-color: transparent;

}

.collapse_search_body .form_item input:-moz-placeholder {

  color: rgba(255, 255, 255, 0.8);

}

.collapse_search_body .form_item input::-moz-placeholder {

  color: rgba(255, 255, 255, 0.8);

}

.collapse_search_body .form_item input:-ms-input-placeholder {

  color: rgba(255, 255, 255, 0.8);

}

.collapse_search_body .form_item input::-webkit-input-placeholder {

  color: rgba(255, 255, 255, 0.8);

}

.collapse_search_body .form_item button {

  top: 50%;

  right: 0px;

  color: #ffffff;

  font-size: 22px;

  position: absolute;

  transform: translateY(-50%);

}



.header_section .cart_dropdown,

.header_section .user_dropdown {

  float: right;

  right: 0px !important;

  left: unset !important;

  border-top-right-radius: 0px;

}



.cart_dropdown {

  border: none;

  min-width: 320px;

  padding: 25px 0px;

  box-shadow: 0px 10px 33.25px 1.75px rgba(0, 27, 103, 0.15);

}

.cart_dropdown .wrap_title {

  line-height: 1;

  font-size: 16px;

  font-weight: 700;

  padding: 0px 25px;

  margin-bottom: 0px;

  padding-bottom: 20px;

  font-family: "Gotham", system-ui, sans-serif;

  border-bottom: 1px solid #f4f8fb;

}

.cart_dropdown .cart_items_list {

  padding-top: 10px;

  padding-bottom: 10px;

  border-bottom: 1px solid #f4f8fb;

}

.cart_dropdown .cart_items_list > li {

  display: flex;

  padding: 10px 25px;

  padding-right: 30px;

  position: relative;

  align-items: center;

  border-bottom: 1px solid #f4f8fb;

}

.cart_dropdown .cart_items_list > li:last-child {

  border-bottom: none;

}

.cart_dropdown .cart_items_list .remove_btn {

  top: 50%;

  right: 30px;

  color: #000000;

  font-size: 18px;

  position: absolute;

  transform: translateY(-50%);

}

.cart_dropdown .cart_items_list .remove_btn:hover {

  color: #00529B;

}

.cart_dropdown .cart_items_list .item_image {

  width: 80px;

  overflow: hidden;

  margin-right: 20px;

}

.cart_dropdown .cart_items_list .item_title {

  line-height: 1;

  font-size: 16px;

  margin-bottom: 3px;

}

.cart_dropdown .cart_items_list .item_price {

  font-size: 14px;

}

.cart_dropdown .btns_group {

  display: block;

  padding: 20px 25px;

  padding-bottom: 0px;

}

.cart_dropdown .btns_group li {

  width: 100%;

  margin: 0px;

}

.cart_dropdown .btns_group li:not(:last-child) {

  margin-bottom: 10px;

}

.cart_dropdown .btns_group .custom_btn {

  height: 55px;

  display: block;

  font-size: 14px;

  line-height: 57px;

}



.user_dropdown {

  border: none;

  padding: 5px 0px;

  min-width: 220px;

  box-shadow: 0px 10px 33.25px 1.75px rgba(0, 27, 103, 0.15);

}

.user_dropdown .profile_info {

  padding: 20px;

  border-bottom: 1px solid #f4f8fb;

}

.user_dropdown .profile_info .user_thumbnail {

  float: left;

  width: 35px;

  height: 35px;

  overflow: hidden;

  margin-right: 10px;

  border-radius: 100%;

}

.user_dropdown .profile_info .user_content {

  display: table;

}

.user_dropdown .profile_info .user_name {

  margin-bottom: 0px;

}

.user_dropdown .profile_info .user_name > a {

  display: block;

  line-height: 1;

  font-size: 14px;

  font-weight: 500;

  color: #000C21;

  font-family: "Gotham", system-ui, sans-serif;

}

.user_dropdown .profile_info:hover .user_name > a {

  color: #00529B;

  text-decoration: underline;

}

.user_dropdown .profile_info .user_title {

  display: block;

  font-size: 14px;

  color: #00529B;

}

.user_dropdown > ul {

  padding: 9px 0px;

}

.user_dropdown > ul > li > a {

  line-height: 1;

  display: block;

  font-size: 14px;

  padding: 12px 20px;

  color: #1F2B3E;

}

.user_dropdown > ul > li > a > i {

  float: left;

  font-size: 20px;

  margin: -2px 0px;

  margin-right: 4px;

  margin-right: 13px;

  color: #000C21;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.user_dropdown > ul > li:hover > a {

  background-color: #f4f8fb;

}

.user_dropdown > ul > li:hover > a > i {

  color: #00529B;

}



/* header section - end */

/* main menu - start */

.main_menu > ul > li {

  padding: 10px 0px;

}

.main_menu > ul > li:not(:last-child) {

  margin-right: 7%;

}

.main_menu > ul > li > a {

  display: block;

  line-height: 1;

  color: #ffffff;

  font-size: 16px;

}

.main_menu > ul > li:hover > a, .main_menu > ul > li.active > a {

  color: #00529B;

}

.main_menu a {

  font-size: 16px;

}

.main_menu a:after {

  font-size: 12px;

  font-family: "Font Awesome 5 Pro";

}



.stuck .main_menu > ul > li > a {

  color: #0a0b0b;

}

.stuck .main_menu > ul > li:hover > a, .stuck .main_menu > ul > li.active > a {

  color: #00529B;

}



.main_menu .has_child {

  position: relative;

}

.main_menu .has_child .submenu {

  top: 100%;

  left: 0px;

  opacity: 0;

  z-index: 99;

  margin: 0px;

  min-width: 220px;

  padding: 20px 0px;

  visibility: hidden;

  position: absolute;

  border-radius: 6px;

  background: #ffffff;

  transform: translateY(15px);

  border-top-left-radius: 0px;

  transition: all 0.3s ease-in-out;

  box-shadow: 0px 2px 19px 3px rgba(0, 0, 0, 0.08);

}

.main_menu .has_child .submenu li {

  display: block;

}

.main_menu .has_child .submenu li:not(:last-child) {

  border-bottom: 1px solid #f5f6fa;

}

.main_menu .has_child .submenu li a {

  width: 100%;

  display: block;

  line-height: 1;

  font-size: 14px;

  padding: 13px 30px;

  white-space: nowrap;

  color: #1F2B3E;

}

.main_menu .has_child .submenu li:hover > a, .main_menu .has_child .submenu li.active > a {

  color: #00529B;

  background-color: #f5f6fa;

}

.main_menu .has_child:hover > .submenu {

  opacity: 1;

  visibility: visible;

  transform: translateY(0px);

}



.main_menu .has_child .submenu .has_child {

  position: relative;

}

.main_menu .has_child .submenu .has_child > a:after {

  float: right;

  content: "";

  transform: translateY(2.5px);

}

.main_menu .has_child .submenu .submenu {

  top: -20px;

  left: 100%;

}



/* main menu - end */

/* sidebar mobile menu - start */

/* .mobile_sidebar_menu {

  top: 0px;

  right: -100%;

  width: 100%;

  height: 100vh;

  z-index: 9999;

  color: #ffffff;

  position: fixed;

  padding: 50px 40px;

  overflow-y: scroll;

  background-color: #000C21;

  transition: 0.6s cubic-bezier(1, 0, 0, 1);

}

.mobile_sidebar_menu.active {

  right: 0px;

}

.mobile_sidebar_menu .mCustomScrollBox {

  overflow: visible !important;

}

.mobile_sidebar_menu .mb_60 {

  margin-bottom: 40px;

}

.mobile_sidebar_menu .menu_list li, .mobile_sidebar_menu .menu_list a {

  width: 100%;

  line-height: 1;

  display: block;

}

.mobile_sidebar_menu .menu_list > ul > li:not(:last-child) {

  margin-bottom: 20px;

}

.mobile_sidebar_menu .menu_list > ul > li > a {

  font-size: 16px;

  margin-bottom: 5px;

  color: rgba(255, 255, 255, 0.4);

}

.mobile_sidebar_menu .menu_list > ul > li:hover > a, .mobile_sidebar_menu .menu_list > ul > li.active > a {

  color: #ffffff;

}

.mobile_sidebar_menu .dropdown-menu {

  margin: 0px;

  width: 100%;

  float: none;

  border: none;

  display: none;

  line-height: 1;

  padding: 10px 0px;

  border-radius: 0px;

  transform: unset !important;

  position: static !important;

  background-color: rgba(255, 255, 255, 0.06);

}

.mobile_sidebar_menu .dropdown-menu.show {

  display: block;

  position: unset !important;

}

.mobile_sidebar_menu .dropdown-menu li, .mobile_sidebar_menu .dropdown-menu a {

  width: 100%;

  display: block;

  line-height: 1;

}

.mobile_sidebar_menu .dropdown-menu a {

  padding: 15px;

  font-size: 15px;

  color: rgba(255, 255, 255, 0.6);

}

.mobile_sidebar_menu .dropdown-menu > li:hover > a, .mobile_sidebar_menu .dropdown-menu > li.active > a {

  color: #ffffff;

  background-color: rgba(255, 255, 255, 0.07);

}

.mobile_sidebar_menu .dropdown-menu .dropdown-menu a {

  padding-left: 30px;

}

.mobile_sidebar_menu .dropdown-toggle:after {

  float: right;

  margin-top: 9px;

}



.mobile_sidebar_menu::-webkit-scrollbar {

  width: 0px;

}



.sidebar-menu-wrapper {

  display: block;

}

.sidebar-menu-wrapper .close_btn {

  top: 30px;

  right: 30px;

  line-height: 1;

  color: #ffffff;

  font-size: 18px;

  position: absolute;

}

.sidebar-menu-wrapper .close_btn:hover {

  color: #00529B;

}

.sidebar-menu-wrapper p {

  font-size: 14px;

}

.sidebar-menu-wrapper .custom_btn {

  height: 50px;

  display: block;

  min-width: 100%;

  font-size: 14px;

  line-height: 52px;

}

.sidebar-menu-wrapper .form_item {

  margin-bottom: 20px;

}

.sidebar-menu-wrapper .form_item .input_title {

  font-size: 14px;

  margin-bottom: 8px;

}

.sidebar-menu-wrapper .form_item input {

  height: 50px;

}

.sidebar-menu-wrapper .title_text {

  line-height: 1;

  font-size: 26px;

  margin-bottom: 15px;

}

.sidebar-menu-wrapper .overlay {

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  opacity: 0;

  z-index: 999;

  width: 100vw;

  height: 100vh;

  display: none;

  position: fixed;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  background: rgba(10, 41, 96, 0.57);

}

.sidebar-menu-wrapper .overlay.active {

  opacity: 1;

  display: block;

} */

/* sidebar mobile menu - start */

.mobile_sidebar_menu {

  top: 0px;

  right: -100%;

  width: 90%;

  max-width: 400px;

  height: 100vh;

  z-index: 9999;

  color: #0a0b0b;

  position: fixed;

  padding: 0;

  overflow-y: auto;

  background: #F7F7F7;

  transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);

  box-shadow: -5px 0 25px rgba(0, 0, 0, 0.3);

}



.mobile_sidebar_menu.active {

  right: 0px;

}



.mobile_sidebar_menu .mCustomScrollBox {

  overflow: visible !important;

}



.mobile_sidebar_menu .mb_60 {

  margin-bottom: 0;

}



.mobile_sidebar_menu .menu_list li,

.mobile_sidebar_menu .menu_list a {

  width: 100%;

  line-height: 1;

  display: block;

}



.mobile_sidebar_menu .menu_list > ul {

  padding: 80px 0 40px 0;

  margin: 0;

}



.mobile_sidebar_menu .menu_list > ul > li:not(:last-child) {

  margin-bottom: 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.mobile_sidebar_menu .menu_list > ul > li > a {

  font-size: 18px;

  font-weight: 600;

  padding: 20px 30px;

  margin-bottom: 0;

  color: #0a0b0b;

  transition: all 0.25s ease;

  position: relative;

  text-decoration: none;

  letter-spacing: 0.3px;

}



.mobile_sidebar_menu .menu_list > ul > li:hover > a,

.mobile_sidebar_menu .menu_list > ul > li.active > a {

  color: #00529B;

  background: rgba(217, 39, 46, 0.05);

}



.mobile_sidebar_menu .dropdown-menu {

  margin: 0;

  width: 100%;

  float: none;

  border: none;

  display: none;

  line-height: 1;

  padding: 0;

  border-radius: 0;

  transform: unset !important;

  position: static !important;

  background: rgba(255, 255, 255, 0.05);

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.mobile_sidebar_menu .dropdown-menu.show {

  display: block;

  position: unset !important;

}



.mobile_sidebar_menu .dropdown-menu li,

.mobile_sidebar_menu .dropdown-menu a {

  width: 100%;

  display: block;

  line-height: 1;

}



.mobile_sidebar_menu .dropdown-menu a {

  padding: 15px 30px 15px 50px;

  font-size: 16px;

  font-weight: 500;

  color: #606060;

  transition: all 0.25s ease;

  text-decoration: none;

  position: relative;

}



.mobile_sidebar_menu .dropdown-menu > li:not(:last-child) {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.mobile_sidebar_menu .dropdown-menu > li:hover > a,

.mobile_sidebar_menu .dropdown-menu > li.active > a {

  color: #00529B;

  background: rgba(217, 39, 46, 0.15);

}



.mobile_sidebar_menu .dropdown-menu .dropdown-menu a {

  padding-left: 70px;

  font-size: 15px;

  font-weight: 500;

}



.mobile_sidebar_menu .dropdown-toggle:after {

  float: right;

  margin-top: 2px;

  font-size: 12px;

  transition: transform 0.25s ease;

}



.mobile_sidebar_menu .dropdown-toggle[aria-expanded="true"]:after {

  transform: rotate(180deg);

}



.mobile_sidebar_menu::-webkit-scrollbar {

  width: 0px;

}



.sidebar-menu-wrapper {

  display: block;

}



.sidebar-menu-wrapper .close_btn {

  top: 25px;

  right: 25px;

  line-height: 1;

  color: #E31B23;

  font-size: 24px;

  position: absolute;

  width: 40px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 0.25s ease;

  cursor: pointer;

}



.sidebar-menu-wrapper .close_btn:hover {

  color: #00529B;

  background: rgba(255, 255, 255, 0.1);

  border-radius: 50%;

}



.sidebar-menu-wrapper p {

  font-size: 14px;

  line-height: 1.5;

  color: rgba(255, 255, 255, 0.8);

  margin: 0 30px 20px;

}



.sidebar-menu-wrapper .custom_btn {

  height: 48px;

  display: block;

  min-width: calc(100% - 60px);

  margin: 0 30px 20px;

  font-size: 15px;

  font-weight: 700;

  line-height: 48px;

  border-radius: 6px;

  background: #00529B;

  transition: all 0.25s ease;

  border: none;

  text-align: center;

  text-decoration: none;

  color: #ffffff;

  letter-spacing: 0.3px;

}



.sidebar-menu-wrapper .custom_btn:hover {

  background: #b91c24;

  transform: translateY(-1px);

}



.sidebar-menu-wrapper .form_item {

  margin: 0 30px 20px;

}



.sidebar-menu-wrapper .form_item .input_title {

  font-size: 13px;

  font-weight: 500;

  margin-bottom: 8px;

  color: #ffffff;

  text-transform: uppercase;

  letter-spacing: 0.5px;

}



.sidebar-menu-wrapper .form_item input {

  height: 48px;

  width: 100%;

  padding: 0 16px;

  border-radius: 6px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  background: rgba(255, 255, 255, 0.08);

  color: #ffffff;

  font-size: 14px;

  transition: all 0.25s ease;

}



.sidebar-menu-wrapper .form_item input::placeholder {

  color: rgba(255, 255, 255, 0.5);

}



.sidebar-menu-wrapper .form_item input:focus {

  outline: none;

  border-color: #00529B;

  box-shadow: 0 0 0 3px rgba(217, 39, 46, 0.1);

}



.sidebar-menu-wrapper .title_text {

  line-height: 1.2;

  font-size: 24px;

  font-weight: 700;

  margin: 0 30px 25px;

  color: #ffffff;

  letter-spacing: -0.5px;

}



.sidebar-menu-wrapper .overlay {

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  opacity: 0;

  z-index: 999;

  width: 100vw;

  height: 100vh;

  display: none;

  position: fixed;

  transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);

  background: rgba(0, 12, 33, 0.7);

}



.sidebar-menu-wrapper .overlay.active {

  opacity: 1;

  display: block;

}



/* Logo Llumar */

.sidebar-menu-wrapper .logo_suntek {

  position: absolute;

  top: 25px;

  left: 25px;

  width: 140px;

  height: 45px;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: left center;

}



@media (max-width: 480px) {

  .sidebar-menu-wrapper .logo_suntek {

    left: 20px;

    top: 20px;

    width: 140px;

    height: 45px;

  }

}

@media (max-width: 480px) {

  .mobile_sidebar_menu {

    width: 100%;

    max-width: none;

  }

  

  .sidebar-menu-wrapper .close_btn {

    top: 20px;

    right: 20px;

  }

  

  .sidebar-menu-wrapper .title_text {

    font-size: 20px;

    margin: 0 20px 20px;

  }

  

  .sidebar-menu-wrapper p,

  .sidebar-menu-wrapper .form_item {

    margin-left: 20px;

    margin-right: 20px;

  }

  

  .sidebar-menu-wrapper .custom_btn {

    margin-left: 20px;

    margin-right: 20px;

    min-width: calc(100% - 40px);

  }

  

  .mobile_sidebar_menu .menu_list > ul {

    padding: 60px 0 30px 0;

  }

  

  .mobile_sidebar_menu .menu_list > ul > li > a {

    padding: 18px 20px;

  }

  

  .mobile_sidebar_menu .dropdown-menu a {

    padding: 12px 20px 12px 40px;

  }

}



/* Clean and minimal design focus */

.mobile_sidebar_menu .menu_list > ul > li > a:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 3px;

  height: 100%;

  background: #00529B;

  transform: scaleY(0);

  transition: transform 0.25s ease;

}



.mobile_sidebar_menu .menu_list > ul > li:hover > a:before,

.mobile_sidebar_menu .menu_list > ul > li.active > a:before {

  transform: scaleY(1);

}





/* sidebar mobile menu - end */



/* sidebar mobile menu - end */



/* sidebar mobile menu - end */



/* sidebar mobile menu - end */



/* sidebar mobile menu - end */



/* sidebar mobile menu - end */

/* sidebar mobile menu - end */

/* 02 - header - end

==================================================================================================== */

/* 03 - footer - start

==================================================================================================== */

.footer_section {

  font-size: 16px;

}

.footer_section .primary_social_links a {

  color: #ffffff;

}

.footer_section .primary_social_links a:hover {

  color: #00529B;

}



.footer_bottom {

  padding: 22px 0px;

}



.copyright_text .author_links {

  position: relative;

}

.copyright_text .author_links:before {

  width: 0px;

  left: auto;

  right: 0px;

  bottom: 0px;

  height: 1px;

  content: "";

  position: absolute;

  background-color: #ffffff;

  transition: width 0.2s linear;

}

.copyright_text .author_links:hover:before {

  left: 0px;

  width: 100%;

  right: auto;

}



.footer_widget_title {

  line-height: 1;

  font-size: 20px;

  margin-bottom: 30px;

  color: #ffffff;

}



.footer_about {

  padding-right: 16px;

}



.footer_useful_links li:not(:last-child) {

  margin-bottom: 10px;

}

.footer_useful_links a {

  color: #ffffff;

  position: relative;

  color: inherit;

  text-decoration: none;

}

.footer_useful_links a::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 100%;

  height: 1px;

  background-color: #e50019;

  transform: scaleX(0);

  transform-origin: left;

  transition: transform 0.2s ease-in-out;

}



/* .footer_useful_links a:hover {

  color: #e50019;

} */



.footer_useful_links a:hover::after {

  transform: scaleX(1);

}

.footer_useful_links i {

  margin-right: 6px;

}



.footer_contact_info li:not(:last-child) {

  margin-bottom: 15px;

}

.footer_contact_info strong {

  font-weight: 700;

  color: #ffffff;

}

.footer_contact_info i {

  margin-right: 6px;

}



/* 03 - footer - end

==================================================================================================== */

/* 04 - breadcrumb - start

==================================================================================================== */

.page_title_area {

  min-height: 100vh;

  padding: 50px 0px;

}

.page_title_area .overlay {

  background-image: linear-gradient(0deg, rgba(10, 11, 11, 1), rgba(10, 11, 11, 0.3));

}



.page_title {

  font-size: 48px;

  font-weight: 600;

}



.page_title_section {

  font-size: 40px;

  font-weight: 600;

  line-height: 1.2;

}



.page_subtitle {

  font-size: 32px;

  font-weight: 400;

  line-height: 1.2;

}



.breadcrumb_nav {

  padding: 15px 0px;

}

.breadcrumb_nav li {

  line-height: 1;

  color: #6E7684;

  font-size: 15px;

  position: relative;

}

.breadcrumb_nav li:after {

  content: "/";

  margin: 0px 8px;

  display: inline-block;

}

.breadcrumb_nav li:last-child:after {

  display: none;

}

.breadcrumb_nav a {

  color: #6E7684;

}

.breadcrumb_nav a:hover {

  color: #00529B;

}



/* 04 - breadcrumb - end

==================================================================================================== */

/* 05 - sidebar - start

==================================================================================================== */

.sidebar_section {

  padding: 35px;

  border-radius: 4px;

}

.sidebar_section .sidebar_header {

  margin: -35px;

  padding: 20px;

  display: flex;

  min-height: 80px;

  margin-bottom: 40px;

  align-items: center;

  justify-content: center;

  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);

}

.sidebar_section .sidebar_header h3 {

  font-size: 24px;

}

.sidebar_section .input_title {

  font-size: 18px;

  font-weight: 700;

}

.sidebar_section .custom_btn {

  width: 100%;

  display: block;

}

.sidebar_section .form_item {

  margin: 0px;

}

.sidebar_section .form_item:not(:last-child) {

  margin-bottom: 20px;

}

.sidebar_section .checkbox_input {

  margin-bottom: 12px;

}

.sidebar_section .checkbox_input label {

  color: #6E7684;

}



.sb_widget:not(:last-child) {

  margin-bottom: 40px;

}



.sb_widget_title {

  line-height: 1;

  font-size: 36px;

  margin-bottom: 12px;

}



.sb_category_list a {

  font-size: 18px;

  font-weight: 700;

  color: #000C21;

}

.sb_category_list a:hover {

  color: #00529B;

}

.sb_category_list i {

  margin-right: 10px;

}

.sb_category_list li:not(:last-child) {

  margin-bottom: 5px;

}



/* faq sidebar - start */

.faq_sidebar {

  padding: 0px;

}

.faq_sidebar .sb_widget {

  padding: 35px;

  border-radius: 4px;

  background-color: #F6F6F6;

}



.sb_search_form .form_item input {

  padding-left: 45px;

}

.sb_search_form .form_item .input_icon {

  left: 20px;

  right: unset;

}



.sb_support_center li {

  font-size: 18px;

  font-weight: 700;

  color: #000C21;

}

.sb_support_center li:not(:last-child) {

  margin-bottom: 5px;

}

.sb_support_center i {

  margin-right: 10px;

}



/* faq sidebar - end */

/* 05 - sidebar - end

==================================================================================================== */

/* 06 - home pages - start

==================================================================================================== */

/* 06.1 - home v.1 - start

================================================== */

/* banner section - start */

.banner_section {

  min-height: 100vh;

  padding: 230px 0px;

}

.banner_section .overlay {

  background-image: linear-gradient(0deg, rgba(41, 45, 69, 0.8), rgba(12, 12, 15, 0.6));

}

.banner_section h1 {

  line-height: 1;

  font-size: 60px;

  margin-bottom: 12px;

}

.banner_section p {

  margin-bottom: 22px;

}

.banner_section .card {

  border: none;

  padding: 35px;

  border-radius: 4px;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  background-color: rgba(0, 12, 33, 0.8);

}

.banner_section .card:not(:last-child) {

  margin-bottom: 15px;

}

.banner_section .card .card-header {

  padding: 0px;

  border: none;

}

.banner_section .card .card-header button {

  display: block;

  line-height: 1;

  color: #ffffff;

  font-size: 24px;

  font-family: "Gotham", cursive;

}

.banner_section .card .card-body {

  padding: 0px;

  padding-top: 20px;

}

.banner_section .card p {

  margin: 0px;

  color: #CDCDCD;

  font-size: 16px;

}

.banner_section .card strong {

  display: block;

  font-size: 18px;

  font-weight: 700;

  margin-bottom: 5px;

  color: #00529B;

}

.banner_section .advance_search_form {

  margin-top: 130px;

}

.banner_section .advance_search_form button[type=submit] {

  width: 100%;

  display: block;

}

.banner_section hr {

  background-color: rgba(255, 255, 255, 0.23);

}



/* banner section - end */

/* gallery section - start */

.gallery_fullimage {

  overflow: hidden;

  position: relative;

}

.gallery_fullimage:before {

  left: 0px;

  right: 0px;

  bottom: 0px;

  content: "";

  z-index: 1;

  position: absolute;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  background-image: linear-gradient(0deg, #01000a, rgba(1, 0, 10, 0));

}

.gallery_fullimage:hover:before {

  top: 0px;

  transition-delay: 0.2s;

}

.gallery_fullimage > img {

  width: 100%;

  display: block;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.gallery_fullimage:hover > img {

  transform: scale(1.1);

}

.gallery_fullimage .item_content {

  left: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 2;

  opacity: 0;

  filter: blur(10px);

  padding: 55px 60px;

  position: absolute;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.gallery_fullimage:hover .item_content {

  opacity: 1;

  filter: blur(0px);

  transition-delay: 0.22s;

}

.gallery_fullimage .item_title {

  font-size: 40px;

}



.gallery_2col_carousel {

  z-index: 2;

  margin-top: -60px;

  position: relative;

}

.gallery_2col_carousel .item:nth-child(2n+0) {

  padding-top: 60px;

}



/* gallery section - end */

/* offer section - start */

.offer_content .item_title {

  font-size: 48px;

  margin-bottom: 15px;

}



.offer_info {

  margin-top: 40px;

  max-width: 350px;

}

.offer_info .item_icon {

  float: left;

  width: 30px;

  line-height: 1;

  margin-top: 5px;

  font-size: 24px;

  margin-right: 15px;

  color: #00529B;

}

.offer_info .item_content {

  display: table;

}

.offer_info .item_title {

  line-height: 1;

  font-size: 24px;

  margin-bottom: 10px;

}



/* offer section - end */

/* cars section - start */

.offers_car_carousel {

  margin-left: -15px;

  margin-right: -15px;

}

.offers_car_carousel .item {

  padding-left: 15px;

  padding-right: 15px;

}

.offers_car_carousel .slick-dots {

  max-width: 100%;

  position: static;

  transform: unset;

  margin-top: 40px;

  justify-content: center;

}

.offers_car_carousel .gallery_fullimage_2 {

  margin-top: 0px;

}



.gallery_fullimage_2 {

  overflow: hidden;

  margin-top: 30px;

  position: relative;

}

.gallery_fullimage_2:before {

  left: 0px;

  right: 0px;

  bottom: 0px;

  content: "";

  z-index: 1;

  position: absolute;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  background-image: linear-gradient(0deg, #01000a, rgba(1, 0, 10, 0));

}

.gallery_fullimage_2:hover:before {

  top: 0px;

  transition-delay: 0.2s;

}

.gallery_fullimage_2 > img {

  width: 100%;

  display: block;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.gallery_fullimage_2:hover > img {

  transform: scale(1.1);

}

.gallery_fullimage_2 .item_content {

  left: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 2;

  opacity: 0;

  filter: blur(10px);

  padding: 20px 25px;

  padding-right: 50px;

  position: absolute;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.gallery_fullimage_2:hover .item_content {

  opacity: 1;

  filter: blur(0px);

  transition-delay: 0.22s;

}

.gallery_fullimage_2 .item_price {

  height: 35px;

  color: #ffffff;

  min-width: 90px;

  font-size: 14px;

  font-weight: 700;

  line-height: 35px;

  padding: 0px 10px;

  text-align: center;

  border-radius: 4px;

  margin-bottom: 10px;

  display: inline-block;

}

.gallery_fullimage_2 .item_title {

  line-height: 1;

  font-size: 24px;

  margin-bottom: 3px;

}

.gallery_fullimage_2 .text_btn span {

  font-size: 16px;

}

.gallery_fullimage_2 .text_btn img {

  max-width: 30px;

}



/* cars section - end */

/* choose section - start */

.car_choose_carousel .thumbnail_carousel {

  margin-bottom: 25px;

}

.car_choose_carousel .btns_group {

  z-index: 2;

  margin-top: -30px;

  position: relative;

}

.car_choose_carousel .btns_group li:not(:last-child) {

  margin-right: 15px;

}

.car_choose_carousel .btns_group span {

  font-family: "Gotham", system-ui, sans-serif;

}

.car_choose_carousel .btns_group del {

  color: #CDCDCD;

  margin-right: 5px;

  display: inline-block;

}

.car_choose_carousel .custom_btn {

  outline: none;

}

.car_choose_carousel .item_head {

  padding: 20px;

  display: flex;

  align-items: center;

  background-color: #f6f6f6;

  justify-content: space-between;

}

.car_choose_carousel .item_title {

  line-height: 1;

  font-size: 40px;

  font-weight: 500;

}

.car_choose_carousel .review_text li:not(:last-child) {

  margin-right: 15px;

}

.car_choose_carousel .review_text strong, .car_choose_carousel .review_text span, .car_choose_carousel .review_text small {

  display: block;

  line-height: 1;

}

.car_choose_carousel .review_text strong {

  color: #0048B9;

  font-size: 18px;

}

.car_choose_carousel .review_text span {

  height: 35px;

  color: #ffffff;

  min-width: 90px;

  font-size: 14px;

  font-weight: 700;

  line-height: 35px;

  padding: 0px 10px;

  text-align: center;

  border-radius: 4px;

  display: inline-block;

}

.car_choose_carousel .item > img {

  width: 100%;

  display: block;

}

.car_choose_carousel .thumbnail_carousel_nav .item {

  opacity: 0.4;

  cursor: pointer;

  margin-right: 10px;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.car_choose_carousel .thumbnail_carousel_nav .item:hover, .car_choose_carousel .thumbnail_carousel_nav .item.item.slick-current.slick-active.slick-center {

  opacity: 1;

}

.car_choose_carousel .slick-arrow {

  top: 50%;

  position: absolute;

  transform: translateY(-50%);

}

.car_choose_carousel .slick-prev {

  left: -25px;

}

.car_choose_carousel .slick-next {

  right: -25px;

}



.car_choose_content .info_list li {

  color: #1F2B3E;

}

.car_choose_content .info_list li:not(:last-child) {

  margin-bottom: 8px;

}

.car_choose_content .info_list li strong {

  color: #6E7684;

  margin-right: 5px;

  display: inline-block;

}

.car_choose_content .info_list li i {

  margin-right: 8px;

  color: #0048B9;

}

.car_choose_content .terms_condition {

  color: #0048B9;

  font-size: 18px;

  font-weight: 700;

}

.car_choose_content .terms_condition:hover {

  color: #00529B;

  text-decoration: underline;

}



/* choose section - end */

/* feature section - start */

.feature_vehicle_filter {

  margin: 25px -15px 60px;

}

.feature_vehicle_filter .element-item {

  float: left;

  padding: 15px;

  width: 33.333%;

  display: inline-block;

}

.feature_vehicle_filter .feature_vehicle_item {

  margin: 0px auto;

}



.feature_vehicle_item {

  max-width: 370px;

  border-radius: 4px;

  margin: 30px auto 0px;

  background-color: #ffffff;

  box-shadow: 0px 1px 6px 1px rgba(108, 108, 108, 0.15);

}

.feature_vehicle_item .item_title {

  line-height: 1;

  padding: 16px 20px;

}

.feature_vehicle_item .item_title a {

  font-size: 18px;

  color: #000C21;

}

.feature_vehicle_item:hover .item_title a {

  color: #00529B;

}

.feature_vehicle_item .image_wrap {

  display: block;

  overflow: hidden;

  position: relative;

}

.feature_vehicle_item .image_wrap img {

  width: 100%;

  display: block;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.feature_vehicle_item:hover .image_wrap img {

  transform: scale(1.05);

}

.feature_vehicle_item .item_price {

  left: 15px;

  bottom: 15px;

  height: 35px;

  color: #ffffff;

  min-width: 90px;

  font-size: 14px;

  font-weight: 700;

  line-height: 35px;

  padding: 0px 10px;

  text-align: center;

  border-radius: 4px;

  position: absolute;

  display: inline-block;

}

.feature_vehicle_item .info_list {

  text-align: center;

  justify-content: center;

}

.feature_vehicle_item .info_list li {

  font-size: 14px;

  padding: 10px 17px;

}

.feature_vehicle_item .info_list li:not(:last-child) {

  border-right: 1px solid #D8D8D8;

}



.feature_carousel_wrap {

  z-index: 1;

  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);

}

.feature_carousel_wrap .slideshow1_slider {

  margin-top: 130px;

  margin-bottom: -100px;

}

.feature_carousel_wrap .slick-dots {

  top: -35px;

  bottom: unset;

}

.feature_carousel_wrap .carousel_nav button {

  top: 50%;

  font-size: 46px;

  position: absolute;

  color: #00529B;

  transform: translateY(-50%);

}

.feature_carousel_wrap .carousel_nav .s1_left_arrow {

  left: -60px;

}

.feature_carousel_wrap .carousel_nav .s1_right_arrow {

  right: -60px;

}



.feature_fullimage {

  overflow: hidden;

  position: relative;

}

.feature_fullimage:before {

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  content: "";

  z-index: 1;

  position: absolute;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  background-image: linear-gradient(0deg, rgba(1, 0, 10, 0.8), rgba(1, 0, 10, 0));

}

.feature_fullimage > img {

  width: 100%;

  display: block;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.feature_fullimage:hover > img {

  transform: scale(1.1);

}

.feature_fullimage .item_price {

  height: 35px;

  color: #ffffff;

  min-width: 90px;

  font-size: 14px;

  font-weight: 700;

  line-height: 35px;

  padding: 0px 10px;

  text-align: center;

  border-radius: 4px;

  margin-bottom: 20px;

  display: inline-block;

}

.feature_fullimage .item_content {

  left: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 2;

  padding: 50px 60px;

  position: absolute;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.feature_fullimage .item_title {

  font-size: 40px;

}



/* feature section - end */

/* world location section - start */

.world_location .custom_btn[type=submit] {

  width: 100%;

  display: block;

}

.world_location .form_item .input_icon {

  left: 20px;

  right: unset;

}

.world_location .form_item input {

  padding-left: 50px;

}

.world_location #mapBox {

  height: 450px;

  margin-top: 30px;

  border-radius: 4px;

}

.world_location .location_content {

  top: 50%;

  left: 50%;

  z-index: 1;

  width: 250px;

  padding: 30px;

  font-size: 15px;

  border-radius: 4px;

  position: absolute;

  transform: translate(-50%, -50%);

  background-color: rgba(255, 255, 255, 0.9);

  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14);

}

.world_location .location_content h4 {

  font-size: 18px;

  margin-bottom: 15px;

}

.world_location .location_content p {

  line-height: 1.4;

  margin-bottom: 15px;

}

.world_location .location_content .save_btn a {

  color: #000C21;

}

.world_location .location_content .save_btn a i {

  margin-right: 5px;

}

.world_location .location_content .text_btn {

  margin-top: 15px;

}

.world_location .location_content .text_btn span {

  font-size: 12px;

}

.world_location .location_content .text_btn img {

  max-width: 26px;

}



/* world location section - end */

/* world location section - start */

.testimonial_contants_wrap .item_title {

  font-size: 48px;

}



.testimonial_item {

  margin-bottom: 50px;

  padding-bottom: 50px;

  border-bottom: 1px solid #D8D8D8;

}

.testimonial_item .admin_info_wrap {

  display: flex;

  align-items: center;

  margin-bottom: 25px;

}

.testimonial_item .admin_info_wrap .admin_image {

  min-width: 82px;

  min-height: 82px;

  overflow: hidden;

  margin-right: 15px;

  border-radius: 100%;

}

.testimonial_item .admin_info_wrap .admin_name {

  line-height: 1;

  font-size: 24px;

  margin-bottom: 6px;

}

.testimonial_item .rating_star li {

  font-size: 18px;

}

.testimonial_item .review_image {

  margin-top: 30px;

  position: relative;

  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);

}

.testimonial_item .review_image img {

  width: 100%;

  display: block;

}

.testimonial_item .overlay {

  z-index: 1;

  position: absolute;

}

.testimonial_item .play_btn {

  top: 50%;

  left: 50%;

  z-index: 2;

  color: #ffffff;

  font-size: 48px;

  position: absolute;

  transform: translate(-50%, -50%);

  text-shadow: 0px -5px 13px rgba(174, 11, 32, 0.4);

}

.testimonial_item .play_btn:hover {

  color: #0048B9;

}

.testimonial_item p {

  font-size: 20px;

  font-style: italic;

}



.testimonial_item2 {

  max-width: 730px;

  margin: 0px auto;

}

.testimonial_item2 .admin_image {

  width: 82px;

  height: 82px;

  overflow: hidden;

  border-radius: 100%;

  display: inline-block;

}

.testimonial_item2 p {

  font-size: 20px;

  font-style: italic;

}

.testimonial_item2 .admin_name {

  line-height: 1;

  font-size: 24px;

  margin-top: 6px;

  margin-bottom: 10px;

}



.testimonial_carousel_wrap .carousel_nav.position_ycenter button {

  top: 15%;

  transform: translateY(-15%);

}

.testimonial_carousel_wrap .carousel_nav.position_ycenter button:nth-child(1) {

  left: 80px;

}

.testimonial_carousel_wrap .carousel_nav.position_ycenter button:nth-child(2) {

  right: 80px;

}



/* world location section - end */

/* 06.1 - home v.1 - end

================================================== */

/* 06.2 - home v.2 - start

================================================== */

/* banner section - start */

.main_slider .item {

  /* width: 100%; */

  min-height: 100vh;

  background-size: cover;

  

  position:relative;

  padding: 0;

  /* background-attachment: fixed; */

}

.main_slider .item .overlay {

  background-image: linear-gradient(0deg, rgba(10, 11, 11, 0.25), rgba(10, 11, 11, 0.3));

}

.main_slider .item h3 {

  line-height: 1;

  font-size: 60px;

  margin-bottom: 15px;

}

.main_slider .item p {

  margin-bottom: 35px;

}

.main_slider .slick-dots {

  bottom: 130px;

}

.main_slider .slick-dots li:not(:last-child) {

  margin-right: 20px;

}

.main_slider .slick-dots li:hover a, .main_slider .slick-dots li.slick-active a {

  opacity: 1;

  background-color: #00529B;

  width: 50px;

}

.main_slider .slick-dots span {

  display: none;

}

.main_slider .slick-dots a {

  width: 8px;

  opacity: 0.85;

  height: 8px;

  border-radius: 0.5rem;

  display: block;

  line-height: 1;

  background-color: rgba(255, 255, 255, 0.9);

}



.slider_section .main_left_arrow,

.slider_section .main_right_arrow {

  top: 50%;

  z-index: 1;

  width: auto;

  height: auto;

  line-height: 1;

  font-size: 42px;

  font-weight: bolder;

  overflow: visible;

  position: absolute;

  transform: translateY(-50%);

  color: rgba(255, 255, 255, 0.344);

}

.slider_section .main_left_arrow:hover,

.slider_section .main_right_arrow:hover {

  color: #00529B;

}

.slider_section .main_left_arrow {

  left: 60px;

  text-shadow: 2px 0px 6px rgba(0, 0, 0, 0.2);

}

.slider_section .main_right_arrow {

  right: 60px;

  text-shadow: -2px 0px 6px rgba(0, 0, 0, 0.2);

}



/* banner section - end */

/* search section - start */

.advance_search_form2 {

  z-index: 1;

  padding: 40px;

  margin-top: -60px;

  border-radius: 4px;

  position: relative;

  box-shadow: 0px -5px 12px 1px rgba(10, 41, 46, 0.32);

}

.advance_search_form2 .form_item {

  margin-bottom: 0px;

}

.advance_search_form2 .price-range-area input {

  color: #ffffff;

}



/* search section - end */

/* newsletter - start */

.newsletter_form1 .form_title {

  line-height: 1;

  font-size: 40px;

}



/* newsletter - end */

/* 06.2 - home v.2 - end

================================================== */

/* 06 - home pages - end

==================================================================================================== */

/* 07 - about page - start

==================================================================================================== */

.funfact_item {

  margin-top: 60px;

}

.funfact_item .counter_text {

  line-height: 1;

  font-size: 80px;

}

.funfact_item .line {

  width: 20px;

  height: 8px;

  margin: 25px 0px;

  display: inline-block;

}

.funfact_item .item_title {

  line-height: 1;

  font-size: 18px;

}



/* 07 - about page - end

==================================================================================================== */

/* 08 - car page - start

==================================================================================================== */

.item_shorting {

  padding: 30px;

  border-radius: 4px;

  background-color: #ffffff;

  box-shadow: 0px 1px 6px 1px rgba(108, 108, 108, 0.15);

}

.item_shorting .item_available {

  color: #6E7684;

  display: block;

  font-size: 18px;

  font-weight: 700;

}

.item_shorting .form_item .nice-select {

  height: 36px;

  float: right;

  max-width: 210px;

  line-height: 34px;

}



.pagination_wrap {

  margin-top: 40px;

  padding-top: 40px;

  border-top: 1px solid #D8D8D8;

}

.pagination_wrap .page_number {

  color: #6E7684;

  display: block;

  font-size: 18px;

  font-weight: 700;

}



/* 08 - car page - end

==================================================================================================== */

/* 09 - shop page - start

==================================================================================================== */

/* 09 - shop page - end

==================================================================================================== */

/* 10 - blog page - start

==================================================================================================== */

.blog_fullimage {

  overflow: hidden;

  position: relative;

}

.blog_fullimage:before {

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  content: "";

  z-index: 1;

  position: absolute;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  background-image: linear-gradient(0deg, #01000a, rgba(1, 0, 10, 0));

}

.blog_fullimage > img {

  width: 100%;

  display: block;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.blog_fullimage:hover > img {

  transform: scale(1.1);

}

.blog_fullimage .item_content {

  left: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 2;

  padding: 55px 60px;

  position: absolute;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.blog_fullimage .item_title {

  font-size: 40px;

}



.blog_wrap .wrap_title {

  line-height: 1;

  font-size: 40px;

}



.blog_child {

  max-width: 270px;

  margin-top: 30px;

}

.blog_child .item_image {

  display: block;

  overflow: hidden;

  position: relative;

  margin-bottom: 15px;

}

.blog_child .item_image img {

  width: 100%;

  display: block;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.blog_child:hover .item_image img {

  transform: scale(1.1);

}

.blog_child .item_title {

  line-height: 1;

}

.blog_child .item_title a {

  font-size: 24px;

  color: #000C21;

}

.blog_child:hover .item_title a {

  color: #00529B;

}



.blog_small_grid:not(:last-child) {

  margin-bottom: 20px;

}

.blog_small_grid .item_image {

  display: block;

  overflow: hidden;

  position: relative;

  margin-bottom: 10px;

}

.blog_small_grid img {

  width: 100%;

  display: block;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.blog_small_grid:hover img {

  transform: scale(1.05);

}

.blog_small_grid .item_title {

  line-height: 1;

  margin-bottom: 7px;

}

.blog_small_grid .item_title a {

  font-size: 24px;

  color: #000C21;

}

.blog_small_grid:hover .item_title a {

  color: #00529B;

}

.blog_small_grid .post_date {

  color: #6E7684;

  display: block;

  font-size: 15px;

  line-height: 1.2;

}



.blog_standard:not(:last-child) {

  margin-bottom: 50px;

}

.blog_standard .item_image {

  display: block;

  overflow: hidden;

  position: relative;

  margin-bottom: 15px;

}

.blog_standard .item_image img {

  width: 100%;

  display: block;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

}

.blog_standard:hover .item_image img {

  transform: scale(1.07);

}

.blog_standard .post_meta {

  margin-bottom: 10px;

}

.blog_standard .item_title {

  line-height: 1;

  margin-bottom: 10px;

}

.blog_standard .item_title a {

  font-size: 40px;

  color: #000C21;

}

.blog_standard:hover .item_title a {

  color: #00529B;

}



/* 10 - blog page - end

==================================================================================================== */

/* 11 - all details pages - start

==================================================================================================== */

.details_section .list_title {

  font-size: 18px;

  font-weight: 700;

  margin-bottom: 20px;

  font-family: "Gotham", system-ui, sans-serif;

}

.details_section .primary_social_links a {

  font-size: 18px;

}



blockquote .line {

  width: 20px;

  height: 10px;

  margin-bottom: 10px;

  display: inline-block;

}

blockquote p {

  font-size: 23px;

  font-style: italic;

  margin-bottom: 25px;

}

blockquote h4 {

  font-size: 20px;

}



.comment_btn {

  font-size: 16px;

  color: #1F2B3E;

}

.comment_btn:hover {

  color: #00529B;

}



.prev_next_post {

  padding: 30px 0px;

  position: relative;

  align-items: flex-start;

  border-top: 1px solid #D8D8D8;

  border-bottom: 1px solid #D8D8D8;

}

.prev_next_post:before {

  top: 50%;

  left: 50%;

  width: 1px;

  height: 60px;

  content: "";

  position: absolute;

  background-color: #D8D8D8;

  transform: translate(-50%, -50%);

}

.prev_next_post li {

  width: 50%;

  padding: 0px 40px;

}

.prev_next_post span {

  display: block;

  line-height: 1;

  color: #6E7684;

  font-size: 14px;

  font-weight: 700;

  margin-bottom: 15px;

}

.prev_next_post a {

  line-height: 1;

  font-size: 24px;

  position: relative;

  color: #000C21;

}

.prev_next_post a:hover {

  color: #00529B;

}

.prev_next_post i {

  top: 0px;

  font-size: 26px;

  position: absolute;

}

.prev_next_post li:nth-child(1) i {

  left: -40px;

}

.prev_next_post li:nth-child(2) i {

  right: -40px;

}



.blog_details h2 {

  font-size: 60px;

}

.blog_details h3 {

  font-size: 32px;

}

.blog_details .child_image {

  margin-top: 30px;

  position: relative;

  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);

}

.blog_details .child_image img {

  width: 100%;

  display: block;

}

.blog_details .comment_btn {

  float: right;

  font-size: 18px;

}



/* 11 - all details pages - end

==================================================================================================== */

/* 12 - reservation page - start

==================================================================================================== */

.reservation_offer_checkbox .checkbox_input:not(:last-child) {

  margin-bottom: 15px;

}



.reservation_customer_details .customer_gender li:not(:last-child) {

  margin-right: 20px;

}

.reservation_customer_details .terms_condition {

  font-size: 16px;

  font-weight: 700;

  color: #0048B9;

}

.reservation_customer_details button[type=submit] {

  width: 100%;

  display: block;

}

.reservation_customer_details .bonus_program {

  font-size: 14px;

  font-weight: 700;

  color: #0048B9;

}



/* 12 - reservation page - end

==================================================================================================== */

/* 13 - review page - start

==================================================================================================== */

.comment_form_section .overlay {

  background-image: linear-gradient(to top left, rgba(41, 45, 69, 0.93), rgba(22, 24, 41, 0.93));

}

.comment_form_section .form_item textarea {

  min-height: 190px;

}



/* 13 - review page - end

==================================================================================================== */

/* 14 - contact pages - start

==================================================================================================== */

.main_office_section .item_title {

  line-height: 1;

  font-size: 48px;

  margin-bottom: 14px;

}

.main_office_section .office_info {

  padding-left: 20px;

}

.main_office_section .office_info li {

  font-size: 18px;

}

.main_office_section .office_info li:not(:last-child) {

  margin-bottom: 15px;

}

.main_office_section .office_info i {

  margin-right: 15px;

}



.contact_form_section .form_item textarea {

  min-height: 190px;

}



#mapBox {

  height: 950px;

}



.contact_details_wrap {

  z-index: 1;

  padding: 50px;

  border-radius: 4px;

  position: relative;

  margin-top: -110px;

  box-shadow: 1px -2px 4px 0px rgba(0, 0, 0, 0.35);

}

.contact_details_wrap .item_title {

  line-height: 1;

  font-size: 32px;

}

.contact_details_wrap li {

  font-size: 18px;

}

.contact_details_wrap li:not(:last-child) {

  margin-bottom: 15px;

}

.contact_details_wrap li i {

  margin-right: 15px;

}



/* 14 - contact pages - end

==================================================================================================== */

/* 15 - faq page - start

==================================================================================================== */

.faq_accordion .card {

  padding: 0px;

  border: none;

  border-radius: 0px;

}

.faq_accordion .card:not(:last-child) {

  margin-bottom: 30px;

}

.faq_accordion .card-header {

  border: none;

  padding: 0px;

  background-color: transparent;

}

.faq_accordion .card-header a {

  font-size: 18px;

  font-weight: 700;

  padding-left: 30px;

  position: relative;

  color: #000C21;

}

.faq_accordion .card-header a:before {

  top: 0px;

  left: 0px;

  content: "";

  font-weight: 400;

  position: absolute;

  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);

  font-family: "Font Awesome 5 Pro";

}

.faq_accordion .card-header a:not(.collapsed) {

  color: #00529B;

}

.faq_accordion .card-header a:not(.collapsed):before {

  content: "";

  transform: rotate(360deg);

}

.faq_accordion .card-body {

  padding: 0px;

  padding-top: 10px;

  padding-left: 30px;

}



/* 15 - faq page - end

==================================================================================================== */

/* 16 - register page - start

==================================================================================================== */

.register_card {

  padding: 50px;

}

.register_card .section_title .title_text {

  font-size: 40px;

}

.register_card .reg_image img {

  width: 100%;

  display: block;

}

.register_card .form_title {

  line-height: 1;

  font-size: 40px;

  margin-bottom: 5px;

}

.register_card p {

  font-size: 16px;

  margin-bottom: 15px;

}

.register_card .reset_pass,

.register_card .new_account {

  display: block;

  line-height: 1;

  font-size: 18px;

  font-weight: 700;

  color: #000C21;

}

.register_card .reset_pass a,

.register_card .new_account a {

  color: #0048B9;

}

.register_card .reset_pass a:hover,

.register_card .new_account a:hover {

  color: #00529B;

}

.register_card .checkbox_input {

  color: #6E7684;

}

.register_card .form_item {

  margin-bottom: 10px;

}

.register_card .custom_btn {

  width: 100%;

  display: block;

  margin-bottom: 20px;

}



/* 16 - register page - end

==================================================================================================== */

/* 17 - account page - start

==================================================================================================== */

.account_tabs_menu {

  padding: 35px;

  border-radius: 4px;

}

.account_tabs_menu .list_title {

  line-height: 1;

  font-size: 32px;

}

.account_tabs_menu ul {

  margin-left: -35px;

  margin-right: -35px;

}

.account_tabs_menu a {

  width: 100%;

  line-height: 1;

  display: flex;

  font-size: 18px;

  font-weight: 700;

  padding: 15px 35px;

  align-items: center;

  color: #000C21;

}

.account_tabs_menu a:hover, .account_tabs_menu a.active {

  color: #00529B;

  background-color: #ffffff;

}

.account_tabs_menu i {

  margin-right: 10px;

}

.account_tabs_menu .arrow {

  margin-left: 20px;

}



.account_info_list:not(:last-child) {

  margin-bottom: 50px;

  padding-bottom: 50px;

  border-bottom: 1px solid #D8D8D8;

}

.account_info_list li {

  font-weight: 700;

  color: #000C21;

}

.account_info_list li:not(:last-child) {

  margin-bottom: 10px;

}

.account_info_list span {

  color: #6E7684;

  font-weight: 400;

  margin-right: 15px;

  display: inline-block;

}

.account_info_list .text_btn {

  margin-top: 30px;

}

.account_info_list .text_btn span {

  color: #00529B;

}



/* 17 - account page - end

==================================================================================================== */

/* 18 - cart page - start

==================================================================================================== */

.cart_address_item {

  margin-top: 30px;

}

.cart_address_item h4 {

  line-height: 1;

  font-size: 18px;

  font-weight: 700;

  margin-bottom: 8px;

  font-family: "Gotham", system-ui, sans-serif;

}

.cart_address_item p {

  font-size: 15px;

  position: relative;

  padding-left: 20px;

}

.cart_address_item i {

  margin-right: 5px;

  margin-left: -20px;

}



.cart_info_content .title_text {

  line-height: 1;

  font-size: 18px;

  font-weight: 700;

  font-family: "Gotham", system-ui, sans-serif;

}

.cart_info_content hr {

  margin: 40px 0px;

}



.cart_info_list {

  margin-top: 20px;

}

.cart_info_list li {

  padding-left: 20px;

}

.cart_info_list li:not(:last-child) {

  margin-bottom: 10px;

}

.cart_info_list i {

  margin-left: -20px;

  margin-right: 10px;

}



.cart_info_list2 li:not(:last-child) {

  margin-bottom: 10px;

}

.cart_info_list2 strong {

  font-size: 18px;

  min-width: 170px;

  margin-right: 25px;

  display: inline-block;

  color: #000C21;

}



.rental_calltoaction .register_btn {

  font-size: 16px;

  font-weight: 700;

  color: #0048B9;

}

.rental_calltoaction .register_btn:hover {

  color: #00529B;

}



.cart_bottom_content .abtn_wrap {

  float: right;

  margin-top: 30px;

}



.cart_price_info {

  margin-top: 30px;

}

.cart_price_info li {

  line-height: 1;

  color: #6E7684;

  font-size: 24px;

}

.cart_price_info li span {

  min-width: 80px;

  display: inline-block;

}

.cart_price_info li:not(:last-child) {

  margin-bottom: 15px;

}

.cart_price_info li:last-child {

  color: #000C21;

}

.cart_price_info li:last-child span {

  font-weight: 700;

}



/* 18 - cart page - end

==================================================================================================== */

/* 19 - service page - start

==================================================================================================== */

.service_primary {

  max-width: 320px;

  margin: 60px auto 0px;

}

.service_primary .item_icon {

  line-height: 1;

  font-size: 48px;

  margin-bottom: 20px;

  color: #00529B;

}

.service_primary .item_title {

  line-height: 1;

  font-size: 32px;

  margin-bottom: 15px;

}

.service_primary.text-white p {

  color: #fcffff;

}



.booking_section .overlay {

  opacity: 0.9;

}

.booking_section .title_text {

  font-size: 40px;

  margin-bottom: 20px;

}

.booking_section .booking_info_list li {

  position: relative;

  padding-left: 40px;

}

.booking_section .booking_info_list li:not(:last-child) {

  margin-bottom: 15px;

}

.booking_section .booking_info_list i {

  top: 5px;

  left: 0px;

  position: absolute;

}



.booking_form {

  padding: 45px;

  border-radius: 4px;

  box-shadow: 0px -5px 12px 0px rgba(10, 41, 96, 0.32);

}

.booking_form .custom_btn {

  width: 100%;

  display: block;

}



/* 19 - service page - end

==================================================================================================== */

/*

==================================================

*	Project Name 	:  Rotors – Car Rental HTML5 Template

*	File 			:  CSS Base

*	Version 		:  1.0.0

*	Last change 	:  17 November 2020

*	Author 			:  Merkulove (https://themeforest.net/user/merkulove)

*	Developer:		:  Rakibul Islam Dewan



*	css code for responsive layout To make Responsive

==================================================

*	1 - media screen and (max-width: 1440px)

*	2 - media screen and (max-width: 1280px)

*	3 - media screen and (max-width: 1199px)

*	4 - media screen and (max-width: 991px)

*	5 - media screen and (max-width: 767px)

*	6 - media screen and (max-width: 680px)

*	7 - media screen and (max-width: 580px)

*	8 - media screen and (max-width: 480px)

*	9 - media screen and (max-width: 320px)

==================================================

*/

/*  ====================================================================================================

1 - media screen and (max-width: 1440px) - start

==================================================================================================== */

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

  /* global - start */

  .custom_btn.btn_width {

    min-width: auto;

  }



  .text_btn span {

    font-size: 16px;

  }



  .text_btn img {

    max-width: 35px;

  }



  /* global - end */

  /* home 1 - start */

  .banner_section .advance_search_form {

    margin-top: 100px;

  }



  .gallery_fullimage .item_content {

    padding: 30px;

  }



  .gallery_fullimage .item_title {

    font-size: 30px;

  }



  .gallery_fullimage p {

    font-size: 15px;

  }



  .gallery_fullimage_2 .item_content {

    padding: 20px;

  }



  .gallery_fullimage_2 .item_title {

    font-size: 18px;

  }



  .gallery_fullimage_2 .text_btn span {

    font-size: 12px;

  }



  .gallery_fullimage_2 .item_price {

    height: 30px;

    min-width: auto;

    font-size: 12px;

    line-height: 30px;

    padding: 0px 10px;

    margin-bottom: 6px;

  }



  .blog_fullimage .item_content {

    padding: 20px;

  }



  .blog_fullimage .item_title {

    font-size: 26px;

  }



  .blog_fullimage p {

    font-size: 16px;

    margin-bottom: 10px;

  }



  .blog_fullimage .text_btn span {

    font-size: 14px;

  }



  /* home 1 - end */

  /* contact - start */

  #mapBox {

    height: 500px;

  }



  /* contact - end */

}

/* ====================================================================================================

1 - media screen and (max-width: 1440px) - end

==================================================================================================== */

/*  ====================================================================================================

2 - media screen and (max-width: 1280px) - start

==================================================================================================== */

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

  /* about - start */

  .account_tabs_menu .list_title {

    font-size: 26px;

  }



  .account_tabs_menu {

    padding: 30px;

  }



  .account_tabs_menu ul {

    margin-left: -30px;

    margin-right: -30px;

  }



  .account_tabs_menu a {

    font-size: 16px;

    padding: 15px 30px;

  }



  .account_tabs_menu .arrow {

    max-width: 32px;

    margin-left: 15px;

  }



  .account_info_list li {

    font-size: 16px;

  }



  .account_info_list .list_title {

    font-size: 24px;

    margin-bottom: 20px;

  }



  /* about - end */

}

/* ====================================================================================================

2 - media screen and (max-width: 1280px) - end

==================================================================================================== */

/*  ====================================================================================================

3 - media screen and (max-width: 1199px) - start

==================================================================================================== */

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

  /* global - start */

  .primary_social_links li:not(:last-child) {

    margin-right: 25px;

  }



  .backtotop {

    width: 40px;

    height: 40px;

  }



  .backtotop .scroll {

    font-size: 14px;

    line-height: 42px;

  }



  /* global - end */

  /* header - start */

  .main_menu > ul > li:not(:last-child) {

    margin-right: 25px;

  }



  .header_action_btns > li:not(:last-child) {

    margin-right: 25px;

  }



  .header_contact_info li:not(:last-child) {

    margin-right: 30px;

  }



  /* header - end */

  /* sidebar - start */

  .sidebar_section {

    padding: 30px;

  }



  .sb_widget_title {

    font-size: 26px;

  }



  .blog_small_grid .item_title a {

    font-size: 18px;

  }



  .blog_small_grid .post_date {

    font-size: 14px;

  }



  .sb_category_list a {

    font-size: 16px;

  }



  .sidebar_section .sidebar_header {

    margin: -30px;

    margin-bottom: 40px;

  }



  .sb_support_center li {

    font-size: 16px;

  }



  /* sidebar - end */

  /* home 1 - start */

  .gallery_fullimage .item_title {

    font-size: 24px;

  }



  .gallery_fullimage p {

    margin-bottom: 10px;

  }



  .gallery_fullimage .item_content {

    padding: 20px;

  }



  .car_choose_carousel .slick-prev {

    left: 15px;

  }



  .car_choose_carousel .slick-next {

    right: 15px;

  }



  .feature_vehicle_item .info_list li {

    font-size: 12px;

    padding: 10px 15px;

  }



  .feature_vehicle_filter .element-item {

    width: 50%;

  }



  /* home 1 - end */

  /* blog - start */

  .blog_standard .item_title a {

    font-size: 36px;

  }



  /* blog - end */

}

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

  /* global - start */

  body {

    font-size: 16px;

  }



  .custom_btn {

    height: 55px;

    font-size: 14px;

    min-width: auto;

    line-height: 57px;

  }



  .custom_btn img {

    max-width: 35px;

  }



  .section_title .title_text {

    font-size: 40px;

  }



  .input_title {

    font-size: 16px;

  }



  .form_item input {

    height: 55px;

  }



  .form_item .nice-select {

    height: 55px;

    line-height: 55px;

  }



  /* global - end */

  /* home 1 - start */

  .banner_section .card .card-header button {

    font-size: 20px;

  }



  .banner_section .card {

    padding: 25px;

  }



  .banner_section .card .card-body {

    padding-top: 15px;

  }



  .banner_section .card strong {

    font-size: 16px;

  }



  .banner_section .card p {

    margin: 0px;

    color: #CDCDCD;

    font-size: 14px;

  }



  .banner_section h1 {

    font-size: 54px;

  }



  .blog_fullimage p {

    font-size: 14px;

  }



  .blog_fullimage .item_title {

    font-size: 22px;

  }



  .blog_fullimage .text_btn span {

    font-size: 12px;

  }



  .blog_fullimage .text_btn img {

    max-width: 28px;

  }



  /* home 1 - end */

  /* home 2 - start */

  .service_primary .item_title {

    font-size: 22px;

  }



  .service_primary {

    max-width: 270px;

  }



  .feature_carousel_wrap {

    max-width: 770px;

    margin: 0px auto;

  }



  .blog_wrap .wrap_title,

.newsletter_form1 .form_title {

    font-size: 30px;

  }



  .blog_child .item_title a {

    font-size: 20px;

  }



  /* home 2 - end */

}

/* ====================================================================================================

3 - media screen and (max-width: 1199px) - end

==================================================================================================== */

/* ====================================================================================================

4 - media screen and (max-width: 991px) - start

==================================================================================================== */

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

  /* global - start */

  .order-last {

    order: 0;

  }



  .sec_ptb_150 {

    padding: 100px 0px;

  }



  .sec_ptb_100 {

    padding: 80px 0px;

  }



  .mb_100 {

    margin-bottom: 80px;

  }



  .backtotop {

    width: 40px;

    height: 40px;

  }



  .backtotop .scroll {

    font-size: 14px;

    line-height: 42px;

  }



  /* global - end */

  /* header - start */

  .main_menu,

.header_top {

    display: none;

  }



  .stuck .header_bottom {

    min-height: 65px;

  }



  .cart_dropdown {

    padding: 15px 0px;

  }



  .cart_dropdown .cart_items_list .item_image {

    width: 60px;

    margin-right: 10px;

  }



  .cart_dropdown .cart_items_list .item_title {

    font-size: 14px;

    margin-bottom: 0px;

  }



  .cart_dropdown .cart_items_list {

    padding-top: 5px;

    padding-bottom: 5px;

  }



  .cart_dropdown .btns_group {

    padding: 15px 25px;

    padding-bottom: 0px;

  }



  .cart_dropdown {

    min-width: 280px;

    padding: 20px 0px;

  }



  .cart_dropdown .btns_group .custom_btn {

    height: 50px;

    font-size: 12px;

    line-height: 52px;

  }



  .secondary_header + main {

    margin-top: 0px;

  }



  /* header - end */

  /* breadcrumb - start */

  .breadcrumb_nav ul {

    justify-content: center;

  }



  /* breadcrumb - end */

  /* sidebar - start */

  .sidebar_section {

    margin-top: 40px;

  }



  .filter_sidebar {

    margin-top: 0px;

    margin-bottom: 40px;

  }



  /* sidebar - end */

  /* home 1 - start */

  .banner_section {

    background-position: center center !important;

  }



  .banner_section .banner_content {

    max-width: 570px;

    text-align: center;

    margin: 0px auto 45px;

  }



  .banner_section .banner_accordion {

    max-width: 700px;

    margin: 0px auto;

  }



  .banner_section {

    padding: 150px 0px;

  }



  .advance_search_form {

    max-width: 700px;

    margin: 60px auto 0px;

  }



  .gallery_2col_carousel {

    max-width: 700px;

    margin: -60px auto 0px;

  }



  .gallery_2col_carousel .item:nth-child(2n+0) {

    padding-top: 0px;

  }



  .offer_content .item_title {

    font-size: 36px;

  }



  .car_choose_carousel .item_head {

    display: block;

  }



  .car_choose_carousel .review_text {

    margin-top: 10px;

    justify-content: flex-start;

  }



  .car_choose_carousel .review_text li {

    text-align: left !important;

  }



  .offer_info .item_title {

    font-size: 20px;

  }



  .world_location .custom_btn[type=submit] {

    margin-top: 15px;

  }



  .testimonial_contants_wrap .item_title {

    font-size: 38px;

  }



  .testimonial_item p {

    font-size: 18px;

  }



  .blog_fullimage p {

    font-size: 13px;

    margin-bottom: 0px;

  }



  .blog_fullimage .text_btn span {

    font-size: 10px;

  }



  .blog_fullimage .text_btn img {

    max-width: 25px;

  }



  .blog_fullimage .item_title {

    font-size: 18px;

  }



  /* home 1 - end */

  /* home 2 - start */

  .main_slider .item h3 {

    font-size: 48px;

  }



  .main_slider .slick-dots a {

    width: 8px;

    height: 8px;

  }



  .slider_section .main_left_arrow {

    left: 30px;

  }



  .slider_section .main_right_arrow {

    right: 30px;

  }



  .main_slider .item {

    min-height: 100dvh;

  }



  .advance_search_form2 .custom_btn {

    width: 100%;

    display: block;

  }



  .advance_search_form2 .form_item,

.advance_search_form2 .price-range-area {

    margin-top: 30px;

    margin-bottom: 0px;

  }



  .advance_search_form2 {

    padding-top: 10px;

  }



  .feature_carousel_wrap .carousel_nav .s1_left_arrow {

    left: -30px;

  }



  .feature_carousel_wrap .carousel_nav .s1_right_arrow {

    right: -30px;

  }



  .feature_fullimage .item_content {

    padding: 30px;

  }



  .feature_fullimage .item_title {

    font-size: 30px;

    margin-bottom: 0px;

  }



  .feature_fullimage .text_btn span {

    font-size: 14px;

  }



  .feature_fullimage .text_btn img {

    max-width: 28px;

  }



  .feature_fullimage .item_price {

    margin-bottom: 10px;

  }



  .blog_wrap {

    text-align: center;

  }



  .blog_child {

    margin: 30px auto 0px;

  }



  .newsletter_form1 {

    margin-top: 40px;

    text-align: center;

  }

  .newsletter_form1 .primary_social_links {

    justify-content: center;

  }

  .newsletter_form1 .form_title {

    margin-bottom: 10px;

  }

  .newsletter_form1 .custom_btn {

    margin-top: 15px;

  }



  .testimonial_carousel_wrap .carousel_nav.position_ycenter button:nth-child(1) {

    left: 0px;

  }



  .testimonial_carousel_wrap .carousel_nav.position_ycenter button:nth-child(2) {

    right: 0px;

  }



  .testimonial_carousel_wrap {

    padding: 0px 15px;

  }



  /* home 2 - end */

  /* about - start */

  .funfact_item .counter_text {

    font-size: 60px;

  }



  .funfact_item .item_title {

    font-size: 16px;

  }



  .funfact_item .line {

    width: 30px;

    height: 5px;

    margin: 15px 0px;

  }



  /* about - end */

  /* account - start */

  .account_tabs_menu {

    margin-bottom: 40px;

  }



  .account_info_list:not(:last-child) {

    margin-bottom: 30px;

    padding-bottom: 30px;

  }



  .account_info_list .text_btn {

    margin-top: 20px;

  }



  /* account - end */

  /* blog details - start */

  .blog_details h2 {

    font-size: 48px;

  }



  .blog_details h3 {

    font-size: 26px;

  }



  /* blog details - end */

  /* car details - start */

  .car_choose_carousel .item_title {

    font-size: 32px;

  }



  /* car details - end */

  /* cart - start */

  .cart_info_content {

    margin-top: 40px;

  }



  /* cart - end */

  /* contact - start */

  #mapBox {

    height: 400px;

  }



  .contact_details_wrap {

    max-width: 770px;

    margin: -70px auto 0px;

  }

  .contact_details_wrap .image_area {

    margin-bottom: 30px;

  }



  /* contact - end */

  /* register - start */

  .register_card {

    padding: 30px;

    max-width: 770px;

    margin: 0px auto 40px;

  }

  .register_card .reg_image {

    display: none;

  }



  /* register - end */

  /* reservation - start */

  .reservation_form {

    margin-top: 40px;

  }

  .reservation_form .bonus_program {

    margin-bottom: 15px;

  }

  .reservation_form button[type=submit] {

    margin-top: 30px;

  }



  /* reservation - end */

  /* service - start */

  .booking_form {

    margin-top: 40px;

  }



  /* service - end */

}

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

  /* global - start */

  .social_list_title {

    font-size: 15px;

  }



  .primary_social_links li:not(:last-child) {

    margin-right: 20px;

  }



  .text_btn span {

    font-size: 14px;

  }



  .text_btn img {

    max-width: 30px;

  }



  /* global - end */

  /* home 2 - start */

  .feature_carousel_wrap .carousel_nav .s1_left_arrow {

    left: 30px;

  }



  .feature_carousel_wrap .carousel_nav .s1_right_arrow {

    right: 30px;

  }



  /* home 2 - end */

  /* blog - start */

  .blog_standard .item_title a {

    font-size: 30px;

  }



  /* blog - end */

  /* car details - start */

  .details_section .primary_social_links a {

    font-size: 14px;

  }



  /* car details - end */

  /* contact - start */

  .main_office_section .office_info {

    padding-left: 0px;

  }



  .main_office_section .office_info li:not(:last-child) {

    margin-bottom: 10px;

  }



  .main_office_section .office_info li {

    font-size: 16px;

  }



  .main_office_section .item_title {

    font-size: 42px;

  }



  /* contact - end */

}

/* ====================================================================================================

4 - media screen and (max-width: 991px) - end

==================================================================================================== */

/* ====================================================================================================

5 - media screen and (max-width: 767px) - start

==================================================================================================== */

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

  /* global - start */

  .section_title .title_text {

    font-size: 30px;

  }



  .sec_ptb_150 {

    padding: 80px 0px;

  }



  .sec_ptb_100 {

    padding: 60px 0px;

  }



  .mb_100 {

    margin-bottom: 60px;

  }



  .pagination_wrap {

    text-align: center;

  }

  .pagination_wrap .pagination_nav {

    margin-top: 15px;

    justify-content: center;

  }



  /* global - end */

  /* footer - start */

  .footer_contact_info,

.footer_useful_links {

    margin-top: 40px;

  }



  .footer_bottom {

    text-align: center;

  }

  .footer_bottom .primary_social_links {

    margin-top: 15px;

    justify-content: center;

  }



  /* footer - end */

  /* breadcrumb - start */

  .page_title_area {

    min-height: 60vh;

    padding: 10px 0px;

  }



  .page_title {

    font-size: 38px;

  }



  .page_title_section {

      font-size: 38px;

      font-weight: 600;

    }



  .page_subtitle {

    font-size: 28px;

    font-weight: 400;

  }



  /* breadcrumb - end */

  /* home 1 - start */

  .advance_search_form .custom_btn.btn_width {

    margin-top: 30px;

  }



  .has_serial_number .serial_number {

    padding: 0px;

    border: none;

    margin: 0px auto;

    margin-bottom: 20px;

    display: inline-block;

    text-align: left !important;

  }



  .has_serial_number {

    padding-top: 0px;

  }



  .car_choose_carousel .item_title {

    font-size: 36px;

  }



  .car_choose_carousel .review_text {

    margin-top: 15px;

  }



  .links_erap .primary_social_links {

    margin-top: 15px;

    justify-content: flex-start;

  }



  .testimonial_item {

    margin-bottom: 40px;

    padding-bottom: 40px;

  }



  .blog_fullimage {

    height: 370px;

    display: flex;

  }

  .blog_fullimage > img {

    object-fit: cover;

  }



  /* home 1 - end */

  /* home 2 - start */

  .main_slider .slider_content {

    max-width: 470px;

    margin: 0px auto;

    padding: 0px 0px;

  }



  .main_slider .item h3 {

    font-size: 36px;

  }



  .advance_search_form2 .custom_btn {

    margin-top: 15px;

  }



  .advance_search_form2 .form_item,

.advance_search_form2 .price-range-area {

    margin-top: 15px;

    margin-bottom: 0px;

  }



  .advance_search_form2 {

    padding: 20px;

    padding-top: 5px;

  }



  /* home 2 - end */

  /* blog details - start */

  .blog_details h2 {

    font-size: 36px;

  }



  .blog_details .comment_btn {

    float: none;

    margin-top: 20px;

  }



  .prev_next_post a {

    font-size: 20px;

  }



  /* blog details - end */

  /* contact - start */

  .main_office_section .office_info {

    margin-top: 30px;

  }



  .main_office_section .item_title {

    font-size: 36px;

  }



  /* contact - end */

  /* register - start */

  .register_card .section_title .title_text {

    font-size: 30px;

  }



  /* register - end */

}

/* ====================================================================================================

5 - media screen and (max-width: 767px) - end

==================================================================================================== */

/* ====================================================================================================

6 - media screen and (max-width: 680px) - start

==================================================================================================== */

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

  /* home 1 - start */

  .feature_vehicle_item .info_list li {

    width: 50%;

    border: none;

    font-size: 14px;

  }

  .feature_vehicle_item .info_list li:nth-child(1), .feature_vehicle_item .info_list li:nth-child(2) {

    border-bottom: 1px solid #D8D8D8;

  }



  .feature_vehicle_item .item_title a {

    font-size: 16px;

  }



  .updown_style_wrap .updown_style {

    width: 100%;

  }



  .updown_style_wrap .updown_style:nth-child(2n+0) {

    padding: 0px;

  }



  .updown_style_wrap {

    display: block;

  }



  /* home 1 - end */

  /* home 2 - start */

  .testimonial_carousel_wrap {

    padding: 0px 30px;

  }



  .testimonial_item2 p {

    font-size: 16px;

  }



  /* home 2 - end */

  /* blog details - start */

  .prev_next_post li {

    width: 100%;

    padding: 30px 40px;

  }



  .prev_next_post:before {

    width: 100%;

    height: 1px;

  }



  .prev_next_post {

    padding: 0px;

  }



  /* blog details - end */

}

/* ====================================================================================================

6 - media screen and (max-width: 680px) - end

==================================================================================================== */

/* ====================================================================================================

7 - media screen and (max-width: 580px) - start

==================================================================================================== */

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

  /* home 1 - start */

  .feature_vehicle_filter .element-item {

    width: 100%;

  }



  .filters-button-group li:not(:last-child) {

    margin-right: 0px;

  }



  .filters-button-group {

    margin: -10px;

  }



  .filters-button-group li {

    padding: 10px;

  }



  /* home 1 - end */

  /* home 2 - start */

  .slider_section .main_left_arrow,

.slider_section .main_right_arrow {

    font-size: 30px;

  }



  .slider_section .main_left_arrow {

    left: 15px;

  }



  .slider_section .main_right_arrow {

    right: 15px;

  }



  .main_slider .slick-dots a {

    width: 8px;

    height: 8px;

  }



  .main_slider .slick-dots li:not(:last-child) {

    margin-right: 10px;

  }



  .feature_fullimage {

    height: 370px;

    display: flex;

  }

  .feature_fullimage > img {

    object-fit: cover;

  }



  .feature_fullimage .item_title {

    font-size: 24px;

  }



  .feature_fullimage .item_price {

    height: 28px;

    min-width: 80px;

    font-size: 12px;

    line-height: 28px;

  }



  /* home 2 - end */

  /* blog details - start */

  .blog_details h3 {

    font-size: 22px;

  }



  /* blog details - end */

  /* contact - start */

  .contact_details_wrap {

    padding: 30px;

  }



  .contact_details_wrap .item_title {

    font-size: 26px;

  }



  .contact_details_wrap li {

    font-size: 15px;

  }



  .main_office_section .item_title {

    font-size: 28px;

  }



  /* contact - end */

  /* service - start */

  .booking_section .title_text {

    font-size: 32px;

  }



  .booking_form {

    padding: 30px;

  }



  /* service - end */

}

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

  /* header - start */

  .mobile_sidebar_menu {

    width: 100%;

    right: -100%;

    padding: 50px 30px;

  }



  /* header - end */

  /* home 1 - start */

  .testimonial_item .admin_info_wrap .admin_image {

    min-width: 60px;

    min-height: 60px;

  }



  .testimonial_item .admin_info_wrap .admin_name {

    font-size: 20px;

  }



  .testimonial_item .rating_star li {

    font-size: 12px;

  }



  /* home 1 - end */

  /* blog details - start */

  .blog_details h2 {

    font-size: 30px;

  }



  /* blog details - end */

  /* car - start */

  .item_shorting {

    text-align: center;

  }



  .item_shorting .form_item .nice-select {

    float: none;

    margin: 0px auto;

    margin-top: 15px;

  }



  /* car - end */

}

/* ====================================================================================================

7 - media screen and (max-width: 580px) - end

==================================================================================================== */

/* ====================================================================================================

8 - media screen and (max-width: 480px) - start

==================================================================================================== */

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

  /* header - start */

  .header_action_btns > li:not(:last-child) {

    margin-right: 15px;

  }



  .collapse_search_body .form_item input {

    height: 35px;

    font-size: 15px;

  }



  .collapse_search_body .form_item button {

    font-size: 15px;

  }



  .header_section .cart_dropdown {

    right: -45px !important;

  }



  /* header - end */

  /* breadcrumb - start */

  .page_title_area {

    min-height: 60vh;

    padding: 10px 0px;

  }



  .page_title {

    font-size: 32px;

  }



  .page_title_section {

    font-size: 32px;

    font-weight: 600;

  }



  .page_subtitle {

    font-size: 20px;

     font-weight: 400;

  }



  /* breadcrumb - end */

  /* home 1 - start */

  .gallery_fullimage {

    height: 300px;

    display: flex;

  }



  .gallery_fullimage > img {

    object-fit: cover;

  }



  .gallery_fullimage .item_title {

    font-size: 20px;

  }



  .gallery_fullimage p {

    font-size: 13px;

  }



  .offer_content .item_title {

    font-size: 30px;

  }



  .car_choose_carousel .btns_group {

    margin-top: 15px;

  }



  .car_choose_carousel .btns_group li:not(:last-child) {

    margin-right: 0px;

    margin-bottom: 10px;

  }



  .car_choose_carousel .btns_group li {

    width: 100%;

    display: block;

  }



  .car_choose_carousel .btns_group li .custom_btn {

    width: 100%;

    display: block;

  }



  .car_choose_carousel .thumbnail_carousel {

    margin-bottom: 15px;

  }



  .offer_info .item_title {

    font-size: 20px;

  }



  .testimonial_contants_wrap .item_title {

    font-size: 30px;

  }



  /* home 1 - end */

  /* home 2 - start */

  .main_slider .item h3 {

    font-size: 28px;

  }



  /* home 2 - end */

}

/* ====================================================================================================

8 - media screen and (max-width: 480px) - end

==================================================================================================== */

/* ====================================================================================================

9 - media screen and (max-width: 320px) - start

==================================================================================================== */

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

  /* global - start */

  .post_meta li {

    font-size: 15px;

  }



  /* global - end */

  /* blog - start */

  .blog_standard .item_title a {

    font-size: 22px;

  }



  /* blog - end */

  /* blog details - start */

  .blog_details h2 {

    font-size: 26px;

  }



  /* blog details - end */

}

/* ====================================================================================================

9 - media screen and (max-width: 320px) - end

==================================================================================================== */



/*--------------------------------------------------------------

# products

--------------------------------------------------------------*/

.products  {

  background: #f0f4f8;

}

.products .nav-tabs {

  border: 0;

}



.products .nav-link {

  border: 1px solid #b5ccdb;

  padding: 15px;

  transition: 0.3s;

  color: #15222b;

  border-radius: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}



.products .nav-link i {

  padding-right: 15px;

  font-size: 48px;

}



.products .nav-link h4 {

  font-size: 18px;

  font-weight: 600;

  margin: 0;

}



.products .nav-link:hover {

  color: #00529B;

}



.products .nav-link.active {

  background: #00529B;

  color: #fff;

  border-color: #00529B;

}



@media (max-width: 768px) {

  .products .nav-link i {

    padding: 0;

    line-height: 1;

    font-size: 36px;

  }

}



@media (max-width: 575px) {

  .products .nav-link {

    padding: 15px;

  }

  .products .nav-link i {

    font-size: 24px;

  }

}



.products .tab-content {

  margin-top: 30px;

}



.products .tab-pane h3 {

  font-weight: 600;

  font-size: 22px;

}



.products .tab-pane ul {

  list-style: none;

  padding: 0;

}



.products .tab-pane ul li {

  padding-bottom: 10px;

}



.products .tab-pane ul i {

  font-size: 20px;

  padding-right: 4px;

  color: #00529B;

}



.products .tab-pane p:last-child {

  margin-bottom: 0;

}



.btn-outline-suntek {

  color: #00529B;

  border: 1px solid #00529B;

  background-color: transparent;

  transition: all 0.2s ease-in-out;

}



.btn-outline-suntek:hover,

.btn-outline-suntek:focus {

  background-color: #00529B;

  color: #ffffff;

}



.btn-menu {

  background-color: #00529B;

  color: #ffffff;

  transition: all 0.2s ease-in-out;

  border-radius: 0.5rem;

}



.btn-menu:hover,

.btn-menu:focus {

  background-color: #153262;

}

/* LANGUAGE */



.lang-toggle {

    border: 2px solid #00529B !important;

    border-radius: 0.5rem;

    display: inline-flex;

    align-items: center;

    gap: 0.25rem;

    background-color: #95989c61;

    color: #ffffff;

    line-height: 1.35rem;

}



.main_menu .lang-toggle:hover {

  color: #00529B;

}



.stuck .main_menu .lang-toggle {

  color: #1F2B3E;

}

.stuck .main_menu .lang-toggle:hover {

  color: #00529B;

}



.lang-dropdown {

    min-width: auto;

    border-radius: 0.5rem;

    padding: 0.18rem;

}



.lang-option {

    display: flex;

    align-items: center;

    gap: 0.25rem;

    font-weight: 500;

    padding: 0.25rem 0.5rem;

    line-height: 1.35rem;

}



.lang-option:hover {

    background-color: #f8d7da;

    color: #cf0a2c;

}



/* CLIENTS SECTION */

.client-slider {

  height: 70px;

  overflow: hidden;

  position: relative;

}



.client-track {

  display: flex;

  width: max-content;

  animation: scrollClients 30s linear infinite;

  align-items: center; /* pastikan logo align center */

}



.client-logo {

  max-height: 55px;

  max-width: 155px;

  width: auto;

  height: auto;

  object-fit: contain;

  transition: transform 0.3s ease;

}



.client-logo:hover {

  transform: scale(1.05);

}



@keyframes scrollClients {

  0% {

    transform: translateX(0);

  }

  100% {

    transform: translateX(-50%);

  }

}



.image-wrapper {

  position: relative;

  width: 100%;

}



.overlay-above-image {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 95%; /* setengah bagian bawah */

  background: linear-gradient(to top, rgb(10, 11, 11), rgb(32 34 34 / 4%));

  z-index: 1;

  pointer-events: none;

}





/* Dropdown mega */

.dropdown-mega {

  position: absolute;

  left: 0;

  right: 0;

  top: 100%;

  margin-top: 10px;

  border-radius: 12px;

  z-index: 1000;

  display: none;

  background-color: #F7F7F7;

  /* border-top: 1px solid #b3b3b3; */

  padding: 3rem;

  box-shadow: 0 4px 16px rgba(0,0,0,0.1);

}



.dropdown-mega.show {

  display: block;

}



.dropdown-mega .column-title {

  font-weight: 600;

  margin-bottom: 0.75rem;

  font-size: 1.1rem;

  color: #00529B;

}



.dropdown-mega a {

  text-decoration: none;

  display: block;

  margin-bottom: 0.4rem;

  color: #0a0b0b;

  font-size: 0.9rem;

}



.dropdown-mega a:hover {

  color: #00529B;

}





.vertical-separator {

  width: 1px;

  background-color: #E31B23;

  height: auto;

  align-self: stretch; /* penting agar mengikuti tinggi kontennya */

  margin: 0rem;

}



.nav-item.dropdown.position-static.show > .nav-link,

.nav-link:focus {

  border-bottom: 4px solid #00529B;

  padding-bottom: 24px; /* tambah ruang bawah teks */

  margin-bottom: -24px; /* supaya garis bawah tidak menambah jarak total */

}



.mega-menu-grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));

  gap: 1rem;

  width: 100%;

}



.mega-menu-card {

  position: relative;

  width: 100%;

  aspect-ratio: 4 / 3; /* agar proporsional */

  border-radius: 12px;

  background-size: cover;

  background-position: center;

  overflow: hidden;

  cursor: pointer;

  transition: transform 0.3s ease;

}



.mega-menu-card:hover {

  transform: scale(1.03);

}



.mega-menu-card .overlay {

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.45);

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

}



.mega-menu-card .title {

  color: #fff;

  font-size: 1.5rem;

  font-weight: bold;

  padding: 0 8px;

}



.mega-menu-link {

  text-decoration: none;

  color: inherit;

  display: block;

}



.blur {

  -webkit-backdrop-filter: blur(1rem);

  backdrop-filter: blur(1rem);

  background-color: rgba(44,53,70,.4); /* --overlay-light */

  display: block;

  height: 100vh;

  left: 0;

  opacity: 0;

  position: fixed;

  top: 0;

  transition: background-color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;

  visibility: hidden;

  width: 100%;

  z-index: 200;

  pointer-events: none;

}



.blur.active {

  opacity: 1;

  visibility: visible;

  pointer-events: none;

}



/* SECTION CATEGORY */

.category-tag-wrapper {

  display: inline-block;

  background: #fff;

  transform: skewX(-10deg); /* sudut kemiringan lebih kecil */

  padding: 0px 5px; /* lebih sempit */

  border-radius: 4px;

  line-height: 1.2;

}



.category-tag-text {

  display: inline-block;

  transform: skewX(10deg);

  font-weight: bold;

  color: #1f2e3b;

  font-size: 0.7rem;

  font-family: 'Gotham', system-ui, sans-serif;

  font-style: italic;

  vertical-align: -0.1vw;

}



.demo-content-title{

  color: #fff;

}



.gradient-text {

  background: linear-gradient(90deg, #e31b23, #00529B, #e31b23);

  background-size: 200% auto;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  animation: gradientMove 3s linear infinite;

  display: inline-block;

}



@keyframes gradientMove {

  0% {

    background-position: 0% center;

  }

  100% {

    background-position: 200% center;

  }

}



.logo-equal-height {

  max-height: 150px;

  max-width: 275px;

  width: auto;

  height: auto;

  object-fit: contain;

}



.brand-equal-height {

  max-height: 6rem;

  max-width: 13rem;

  width: auto;

  height: auto;

  object-fit: contain;

}



/* Aturan khusus untuk layar kecil (≤576px) */

@media (max-width: 576px) {

  .brand-equal-height {

    max-height: 4rem;   /* Tinggi diperkecil agar muat di layar kecil */

    max-width: 10rem;   /* Lebar disesuaikan proporsional */

  }

}



/* Opsional untuk ukuran sedang (tablet) */

@media (max-width: 768px) {

  .brand-equal-height {

    max-height: 5.5rem;

    max-width: 14rem;

  }

}



body {

  background-color: #0a0b0b;

  

}