/***************************************/
/************* ROOOT *******************/
/***************************************/
:root {
    --global-color-01: #121213;
    --global-color-02: #ffffff;
    --global-color-03: #d6ae73;
    --global-color-04: #1a1a1a;
    --global-color-05: #212731;
    --global-color-06: #aaadb2;
    --global-color-07: #161921;




    --animation-duraton-1000: 1.0s;
    --animation-duraton-1500: 1.5s;
    --animation-duraton-2000: 2.0s;
    --animation-duraton-2500: 2.5s;
    --animation-duraton-3000: 3.0s;

    --border-radius-05: 5px;
    --border-radius-10: 10px;
    --border-radius-15: 15px;
    --border-radius-20: 20px;
    --border-radius-25: 25px;
    --border-radius-30: 30px;

    --row-gap-05: 5px;
    --row-gap-10: 10px;
    --row-gap-15: 15px;
    --row-gap-20: 20px;
    --row-gap-25: 25px;
    --row-gap-30: 30px;
    --row-gap-30: 35px;
    --row-gap-40: 40px;
    --row-gap-40: 45px;
    --row-gap-50: 50px;

    --row-gap-100: 100px;

    --row-gap-150: 150px;
}

/*******************************************/
/************* SCROLLBAR *******************/
/*******************************************/
::-webkit-scrollbar-button {
    background-image: url();
    background-repeat: no-repeat;
    width: 5px;
    height: 0
}

::-webkit-scrollbar-track {
    background-color: var(--global-color-01);
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0x;
    background-color: var(--global-color-03);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--global-color-03);
}

::-webkit-resizer {
    background-image: url();
    background-repeat: no-repeat;
    width: 5px;
    height: 0;
}

::-webkit-scrollbar {
    width: 10px;
}

/***************************************/
/************* ESSENTIAL ***************/
/***************************************/
html{
    user-select: none;
}
html,
body {
    overflow-x: hidden;
}

body {
    padding-right: 0px !important;
}

html,
body {
    overflow-x: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
br,
hr,
span,
strong,
b,
i,
em,
u,
mark,
small,
del,
ins,
sub,
sup,
ul,
ol,
li,
dl,
dt,
dd,
a,
button,
img,
figure,
figcaption,
audio,
video,
source,
iframe,
form,
input,
textarea,
label,
select,
option,
optgroup,
fieldset,
legend,
datalist,
output,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
caption,
colgroup,
col,
header,
nav,
section,
article,
aside,
footer,
main,
summary,
details,
script,
noscript,
meta,
link,
style,
title,
base {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
h1.section-header,
h2.section-header,
h3.section-header,
h4.section-header,
h5.section-header {
    font-family: "700-Exo2-Bold" !important;
}
h5.section-header {
    font-size: 25px !important;
}
p,
a,
ul,
label {
    font-size: 18px !important;
    font-family: "500-Exo2-Medium" !important;
}
a {
    text-decoration: none !important;
}
a:hover {
    cursor: pointer;
}
ul.list-style-none {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
button:focus,
button:active,
input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active {
    box-shadow: none !important;
    outline: none !important;
}
.row {
    gap: var(--row-gap-30) 0px !important;
}
.row_second_layer {
    gap: var(--row-gap-10) 0px !important;
}
.block-description {
    gap: var(--row-gap-10);
    display: flex;
    flex-direction: column;
}
.section-step {
    padding: 50px 0px;
}
img {
    width: 100%;
}
img.logo{
    width: 120px;
}
/*****************************************/
/*************** HEADER ******************/
/*****************************************/
header {
    position: fixed;
    z-index: 10;
    width: 100%;
}
header nav {
    background: var(--global-color-01) !important;
}
header nav ul{
    gap: 0px var(--row-gap-10) !important;
}
header nav ul li a {
    color: var(--global-color-02) !important;
    transition: var(--animation-duraton-1000) !important;
    font-size: 16px !important;
}
header nav ul li a:hover {
    color: var(--global-color-03) !important;
}
header .nav_item_lang_pc{
    border: 1px solid var(--global-color-06);
    border-radius: var(--border-radius-10);
    transition: var(--animation-duraton-1000) !important;
}
header .nav_item_lang_pc:hover{
    border: 1px solid transparent;
}
header .nav_item_lang_pc > ul.dropdown-menu{
    max-width: max-content;
    min-width: auto;
}
header nav ul li a.nav-item-number {
    color: var(--global-color-03) !important;
    font-size: 20px !important;
}
header nav ul li a.nav-book-now {
    background: var(--global-color-03);
    color: var(--global-color-01) !important;
    width: 150px;
    text-align: center;
    border-radius: var(--border-radius-10);
}
header nav ul li.dropdown_submenu_depth_02>ul.dropdown-menu {
    background: var(--global-color-04);
    border-radius: var(--border-radius-15);
    border-radius: 15px;
    padding: 10px;
    border: 1px solid var(--global-color-05);
}
header .nav_item_lang_mb{
    display: none;
}
/*****************************************/
/*************** FOOTER ******************/
/*****************************************/
footer{
    background: var(--global-color-04);
    border-top: 1px solid var(--global-color-06);
}
footer p.sub-header{
    color: var(--global-color-06);
}
footer .block-menu h6.section-header{
    color: var(--global-color-02);
    font-size: 24px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

footer .block-menu h6.section-header span{
    display: inline-block;
    width: 4px;
    height: 18px;
    background: var(--global-color-03);
    border-radius: 2px;
}
footer .block-menu ul li,
footer .block-menu ul li a{
    color: var(--global-color-06);
    transition: var(--animation-duraton-1000) !important;
} 
footer .block-menu ul{
    padding: 0px;
    margin: 0px;
}
footer .block-menu ul li:hover,
footer .block-menu ul li:hover a,
footer .block-menu ul li a:hover{
    color: var(--global-color-03) !important;
    cursor: pointer;
}
footer .block-menu ul{
    list-style-type: none;
}
footer .social-networks{
    display: flex;
    flex-direction: row;
    gap: var(--row-gap-10);
}
footer .social-networks img{
    width: 45px;
}








footer p.copyright{
    text-align: center;
    color: var(--global-color-06);
}
footer p.copyright span{
    font-family: "500-Exo2-Medium-Italic" !important;
}
.back-to-top{width:45px;height:45px;background:var(--global-color-03);text-align:center;line-height:45px;font-size:20px;color:var(--global-color-04);border:1px solid var(--global-color-03);border-radius:5px;position:fixed;bottom:15px;right:15px;z-index:1;cursor:pointer;opacity:0;transition-duration:var(--animation-duraton-1000)}
.back-to-top i{color:var(--global-color-02)!important}
.back-to-top:hover{background:var(--color-const-04)}
.back-to-top:hover i{color: var(--global-color-02);}
.back-ask-question{bottom:80px}
/*****************************************/
/*************** MAIN PAGE ***************/
/*****************************************/
/***** PAGE-MAIN_INTRODCUTION ****/
.page-main_section-introduction {
    position: relative;
}
.page-main_section-introduction,
.page-main_section-introduction img.img-background {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}
.page-main_section-introduction .introduction-form {
    position: absolute;
    padding: 0px 12.5% 0px 30px;
    background: var(--global-color-01);
    z-index: 2;
    top: 0px;
    width: 45%;
    height: 100vh;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    z-index: 5;
}
.page-main_section-introduction .line-1,
.page-main_section-introduction .line-2 {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    top: 0px;
    width: calc(45% + 30px);
    height: 100vh;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
    height: 100vh;
    z-index: 4;
}
.page-main_section-introduction .line-2 {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: calc(45% + 60px);
    height: 100vh;
    z-index: 3;
}
.page-main_section-introduction .introduction-form h1.section-header {
    font-size: 65px;
    color: var(--global-color-02);
}
.page-main_section-introduction .introduction-form h1.section-header span {
    color: var(--global-color-03);
}
.page-main_section-introduction .introduction-form p.sub-header {
    color: var(--global-color-06);
}
.page-main_section-introduction .introduction-form form label {
    color: var(--global-color-02);
    font-size: 12px !important;
}
.page-main_section-introduction .introduction-form .item-mb{
    display: none;
}
/***** PAGE-MAIN_YOUR-NEEDS ****/
.page-main_section-your-needs{
    background: var(--global-color-01);
}
.page-main_section-your-needs h2.section-header{
    font-size: 40px;
    color: var(--global-color-02);
    text-align: center;
}
.page-main_section-your-needs h2.section-header span{
    color: var(--global-color-03);
}
.page-main_section-your-needs p.sub-header{
    color: var(--global-color-06);
    text-align: center;
}
.page-main_section-your-needs .service-card {
    background: var(--global-color-04);
    padding: 30px;
    border: 1px solid var(--global-color-05);
    border-radius: 16px;
    height: 100%;
    transition: var(--animation-duraton-1000);
}
.page-main_section-your-needs .service-card:hover {
    border-color: var(--global-color-03);
    cursor: pointer;
}
.page-main_section-your-needs .service-card .service-icon {
    font-size: 32px;
    color: var(--global-color-03);
    margin-bottom: 20px;
}
.page-main_section-your-needs .service-card p.section-header {
    color: var(--global-color-02);
    font-size: 22px;
    margin-bottom: 10px;
}
.page-main_section-your-needs .service-card p {
    color: var(--global-color-06);
}
/***** PAGE-MAIN_OUR-ELITE-FLEET ****/
.page-main_section-our-elite-fleet{
    background: var(--global-color-04);
}
.page-main_section-our-elite-fleet h3.section-header{
    font-size: 40px;
    color: var(--global-color-02);
    text-align: center;
}
.page-main_section-our-elite-fleet h3.section-header span{
    color: var(--global-color-03);
}
.page-main_section-our-elite-fleet p.sub-header{
    color: var(--global-color-06);
    text-align: center;
}
.page-main_section-our-elite-fleet .fleet-filters-inline {
    background: var(--global-color-01);
    padding: 5px;
    border-radius: var(--border-radius-10);
    border: 1px solid var(--global-color-01);
    gap: var(--row-gap-10);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: fit-content;
}
.page-main_section-our-elite-fleet .fleet-filters-inline .filter-btn {
    background: transparent;
    border: none;
    color: var(--global-color-02);
    padding: 10px;
    font-size: 14px;
    border-radius: var(--border-radius-10);
    transition: var(--animation-duraton-1000) !important;
}
.page-main_section-our-elite-fleet .fleet-filters-inline .filter-btn.active,
.page-main_section-our-elite-fleet .fleet-filters-inline .filter-btn:hover {
    background: var(--global-color-03);
    color: var(--global-color-04);
}
.page-main_section-our-elite-fleet .fleet-card img.img-car{
    width: 100%;
    height: 250px !important;
    object-fit: cover;
}
.page-main_section-our-elite-fleet .fleet-card {
    background: var(--global-color-01);
    border: 1px solid var(--global-color-05);
    border-radius: var(--border-radius-15);
    overflow: hidden;
    transition: var(--animation-duraton-1000) !important;
}
.page-main_section-our-elite-fleet .fleet-card:hover{
    cursor: pointer;
}
.page-main_section-our-elite-fleet .fleet-card:hover {
    border-color: var(--global-color-03);
}
.page-main_section-our-elite-fleet .fleet-card .fleet-card-body {
    padding: 10px 20px;
}
.page-main_section-our-elite-fleet .fleet-card .fleet-card-body p.section-header{
    color: var(--global-color-02);
    font-size: 20px;
}
.page-main_section-our-elite-fleet .fleet-card .fleet-card-body p.car-price {
    color: var(--global-color-03);
}
.page-main_section-our-elite-fleet .fleet-card .fleet-card-body hr{
    width: 100%;
    opacity: 0.5;
    height: 2px;
    background: var(--global-color-06);
}
.page-main_section-our-elite-fleet .fleet-card .fleet-card-body span.car-parameter{
    display: flex;
    flex-direction: row;
    gap: var(--row-gap-10);
    color: var(--global-color-06);
    align-self: center;
    font-size: 12px;
}
.page-main_section-our-elite-fleet .fleet-card .fleet-card-body span.car-parameter i{
    align-self: center;
    font-size: 12px;
}
.page-main_section-our-elite-fleet .fleet-pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 30px;
}
.page-main_section-our-elite-fleet .fleet-pagination .pagination-btn {
  padding: 10px 15px;
  border: 1px solid var(--global-color-03);
  background: var(--global-color-04);
  color: var(--global-color-03);
  cursor: pointer;
  border-radius: var(--border-radius-05);
  transition: var(--animation-duraton-1000) !important;
}
.page-main_section-our-elite-fleet .fleet-pagination .pagination-btn:hover{
    background: var(--global-color-03);
  color: var(--global-color-05);
}
.page-main_section-our-elite-fleet .fleet-pagination .pagination-btn.active {
  background: var(--global-color-03);
  color: var(--global-color-05);
}
.page-main_section-our-elite-fleet .fleet-card  .swiper-pagination-bullet{
    background: var(--global-color-04) !important;
    width: 30px;
    height: 5px;
    border-radius: 0px;
    opacity: 1;
    border: 0px !important;
}
.page-main_section-our-elite-fleet .fleet-card  .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--global-color-02) !important;
}
.page-main_section-our-elite-fleet .fleet-card a.order-button{
    width: 100%;
    display: block;
    border-radius: var(--border-radius-05);
    background: var(--global-color-04);
    color: var(--global-color-06);
    border: 1px solid var(--global-color-05);
    text-align: center;
    height: 25px;
    font-size: 12px !important;
    justify-content: center;
    align-items: center;
    display: flex;
}
/***** PAGE-MAIN_OUR-ELITE-BENEFITS ****/
.page-main_section-benefits{
    background: var(--global-color-01);
}
.page-main_section-benefits h3.section-header{
    font-size: 40px;
    color: var(--global-color-02);
}
.page-main_section-benefits h3.section-header span{
    color: var(--global-color-03);
}
.page-main_section-benefits p.sub-header{
    color: var(--global-color-06);
}
.page-main_section-benefits .benefits-block{
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: var(--row-gap-20);
}
.page-main_section-benefits .benefits-block .benefits-icon{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--global-color-04);
  color: var(--global-color-03);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0; 
  border: 1px solid var(--global-color-03);
}
.page-main_section-benefits .benefits-block .benefits-text p.section-header{
    color: var(--global-color-02);
}
.page-main_section-benefits .benefits-block .benefits-text p{
    color: var(--global-color-06);
}
/***** PAGE-MAIN_OUR-ELITE-FEEDBACK ****/
.page-main_section-feedback{
    background: var(--global-color-01);
}
.page-main_section-feedback h4.section-header{
    font-size: 40px;
    color: var(--global-color-02);
    text-align: center;
}
.page-main_section-feedback h4.section-header span{
    color: var(--global-color-03);
    text-align: center;
}
.page-main_section-feedback p.sub-header{
    color: var(--global-color-06);
    text-align: center;
}
.page-main_section-feedback .row_feedback > div{
    display: flex !important;
}
.page-main_section-feedback .block-feedback{
    padding: 30px;
    border-radius: var(--border-radius-15);
    border: 1px solid var(--global-color-06);
    transition: var(--animation-duraton-1000);
    position: relative;
}
.page-main_section-feedback .block-feedback i{
    position: absolute;
    top: 15px;
    left: 15px;
    color: var(--global-color-03);
}
.page-main_section-feedback .block-feedback:hover{
    border: 1px solid var(--global-color-03);
    cursor: pointer;
}
.page-main_section-feedback .block-feedback p{
    color: var(--global-color-06);
    font-size: 14px !important;
}
.page-main_section-feedback .block-feedback .block-feedback-details{
    display: flex;
    flex-direction: row;
    gap: var(--row-gap-15);
}
.page-main_section-feedback .block-feedback .block-feedback-details .block-photo .img-user{
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}
.page-main_section-feedback .block-feedback .block-feedback-details .block-description p.section-header{
    color: var(--global-color-02);
}
/*****************************************/
/*********** PAGE ABOUT US ***************/
/*****************************************/
.page-main_section-about{
    background: var(--global-color-04);
}
.page-main_section-about img.img-background{
    height: 400px;
    object-fit: cover;
}
.page-main_section-about h5.section-header{
    font-size: 40px;
    color: var(--global-color-02);
}
.page-main_section-about h5.section-header span{
    color: var(--global-color-03);
    text-align: center;
    font-family: "500-Exo2-Medium-Italic" !important;

}
.page-main_section-about p.sub-header{
    color: var(--global-color-06);
}
.page-main_section-about p{
    color: var(--global-color-02);
}
/*****************************************/
/*************** PAGE BLOG ***************/
/*****************************************/
.page-blog_section-news{
    background: var(--global-color-01);
}
.page-blog_section-news h1.section-header{
    font-size: 40px;
    color: var(--global-color-02);
    text-align: center;
}
.page-blog_section-news h1.section-header span{
    color: var(--global-color-03);
}
.page-blog_section-news p.sub-header{
    color: var(--global-color-06);
    text-align: center;
}
.page-blog_section-news #newsContainer > div{
    display: flex;
}
.page-blog_section-news .news-card img.img-car{
    width: 100%;
    height: 250px !important;
    object-fit: cover;
}
.page-blog_section-news .news-card {
    background: var(--global-color-01);
    border: 1px solid var(--global-color-05);
    border-radius: var(--border-radius-15);
    overflow: hidden;
    transition: var(--animation-duraton-1000) !important;
}
.page-blog_section-news .news-card:hover{
    cursor: pointer;
    box-shadow: 0 0 0 0px rgba(210, 170, 112, 0.15), 0 10px 5px rgba(210, 170, 112, 0.2), 0 0 60px rgba(210, 170, 112, 0.12);
}
.page-blog_section-news .news-card:hover {
    border-color: var(--global-color-03);
}
.page-blog_section-news .news-card .news-card-body {
    padding: 10px 20px;
}
.page-blog_section-news .news-card .news-card-body p.section-header{
    color: var(--global-color-03);
    font-size: 20px;
}
.page-blog_section-news .news-card .news-card-body p.news-text{
    color: var(--global-color-06) !important;
}
.page-blog_section-news .news-card .news-card-body a.read-more{
    color: var(--global-color-03) !important;
}
.page-blog_section-news .blog-pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 30px;
}
.page-blog_section-news .blog-pagination .blog-btn {
  padding: 10px 15px;
  border: 1px solid var(--global-color-03);
  background: var(--global-color-04);
  color: var(--global-color-03);
  cursor: pointer;
  border-radius: var(--border-radius-05);
  transition: var(--animation-duraton-1000) !important;
}
.page-blog_section-news .blog-pagination .blog-btn:hover{
    background: var(--global-color-03);
  color: var(--global-color-05);
}
.page-blog_section-news .blog-pagination .blog-btn.active {
  background: var(--global-color-03);
  color: var(--global-color-05);
}
/*****************************************/
/*************** PAGE NEWS ***************/
/*****************************************/
.page-news_section-introduction{
    background: var(--global-color-01);
}
.page-news_section-introduction h1.section-header{
    font-size: 40px;
    color: var(--global-color-02);
}
.page-news_section-introduction h1.section-header span{
    color: var(--global-color-03);
}
.page-news_section-introduction img.img-background{
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.page-news_section-introduction p{
    color: var(--global-color-06);
}
/*****************************************/
/********* PAGE CONTACT US ***************/
/*****************************************/
.page-contat-us_section-form{
    background: var(--global-color-01);
}
.page-contat-us_section-form h1.section-header{
    font-size: 40px;
    color: var(--global-color-02);
    text-align: center;
}
.page-contat-us_section-form h1.section-header span{
    color: var(--global-color-03);
}
.page-contat-us_section-form p.sub-header{
    color: var(--global-color-06);
    text-align: center;
}
.page-contat-us_section-form .block-section{
    background: var(--global-color-04);
    border: 1px solid var(--global-color-06);
    border-radius: var(--row-gap-15);
    padding: 30px;
}
.page-contat-us_section-form .block-section p.section-header{
    color: var(--global-color-02);
}
.page-contat-us_section-form .block-section p.sub-header{
    text-align: left !important;
}
.page-contat-us_section-form .block-section .contact-block{
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: var(--row-gap-20);
}
.page-contat-us_section-form .block-section .contact-block .contact-icon{
  width: 36px;
  height: 36px;
  border-radius: 50%;
background-color: rgb(210 170 112 / 0.1);
  color: var(--global-color-03);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  flex-shrink: 0; 
}
.page-contat-us_section-form .block-section .contact-block .contact-text p.sub-header{
    font-size: 14px !important;
    color: var(--global-color-02);
}
.page-contat-us_section-form .block-section .contact-block .contact-text p.contact-info{
    font-size: 12px !important;
}
.page-contat-us_section-form .block-section .contact-block .contact-text p.contact-info a{
    color: var(--global-color-06);
    font-size: 12px !important;
    transition: var(--animation-duraton-1000);
}
.page-contat-us_section-form .block-section .contact-block .contact-text p.contact-info a:hover{
    color: var(--global-color-03) !important;
}
.page-contat-us_section-form .block-section .contact-block .social-networks{
    display: flex;
    flex-direction: row;
    gap: var(--row-gap-10);
}
.page-contat-us_section-form .block-section .contact-block .social-networks img{
    width: 35px;
    height: 35px;
}
/*****************************************/
/********* PAGE BOOK SERVICE *************/
/*****************************************/
.page-book-service_introduction{
    background: var(--global-color-01);
}
.page-book-service_introduction h1.section-header{
    font-size: 40px;
    color: var(--global-color-02);
}
.page-book-service_introduction h1.section-header span{
    color: var(--global-color-03);
}
.page-book-service_introduction img.img-background{
    height: 400px;
}
.page-book-service_introduction p{
    color: var(--global-color-02);
}
.page-book-service_introduction a.order-button{
    width: 100%;
    display: block;
    border-radius: var(--border-radius-05);
    background: var(--global-color-03);
    color: var(--global-color-04);
    border: 1px solid var(--global-color-03);
    text-align: center;
    height: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
}
/***********************************************/
/*************** GLOBAL MODALS ******************/
/************************************************/
.modal .modal-body{
    background: var(--global-color-04);
    border: 2.5px solid var(--global-color-05);
}
.modal .modal-content,
.modal .modal-content .modal-body{
    border-radius: var(--border-radius-15);
}
.modal .modal-body button.button-close{
    background: none;
    border: 0px;
    color: var(--global-color-06);
    right: 5px;
    position: absolute;
    top: 5px;
}
.modal .modal-body p.section-header{
    color: var(--global-color-02);
    text-align: center;
    font-size: 25px !important;
}
.modal .modal-body p.sub-header{
    color: var(--global-color-06);
    text-align: center;
}
.modal .modal-body .row_second_layer p.section-header{
    text-align: left;
}
.modal .modal-body p{
    color: var(--global-color-06);
}
/***********************************************************/
/*************** GLOBAL BREADCRUMBS ******************/
/***********************************************************/
.section-breadcrumb{
    background: var(--global-color-04);
    padding-top: 100px;
    padding-bottom: 30px;
}
.section-breadcrumb a,
.section-breadcrumb i,
.section-breadcrumb span{
    color: var(--global-color-03) !important;
    font-size: 16px !important;
}
.section-breadcrumb a:nth-child(1) i{
    margin-left: 2.5px;
    margin-right: 2.5px;
}
.section-breadcrumb a,
.section-breadcrumb span{
    font-family: "500-Exo2-Medium" !important;
    transition: var(--animation-duraton-1000);
}
.section-breadcrumb i{
    font-size: 14px !important;
    margin-left: 10px;
    margin-right: 10px;
}
.section-breadcrumb a:hover{
    color: var(--global-color-02) !important;
}
/***********************************************************/
/***************** GLBOAL FORM STYLE ***********************/
/***********************************************************/
.form-global input,
.form-global textarea {
    background-color: var(--global-color-07);
    color: var(--global-color-06);
    border: 1px solid var(--global-color-06);
    height: 40px;
    width: 100%;
}
.form-global input:focus,
.form-global textarea:focus {
    background-color: var(--global-color-07);
    color: var(--global-color-06);
    border: 1px solid var(--global-color-02);
    outline: none;
}
.form-global label {
    color: var(--global-color-02);
    font-size: 12px !important;
}
.form-global textarea{
    height: 120px;
    padding: .375rem .75rem;
}
.form-global input::placeholder,
.form-global textarea::placeholder {
    color: var(--global-color-06);
}
.form-global button.button {
    background: var(--global-color-03);
    color: var(--global-color-01);
    width: 100%;
    border: 0px !important;
    border-radius: var(--border-radius-10);
    height: 40px;
    transition: var(--animation-duraton-1000);
}
.form-global button.button:hover{
    background: var(--global-color-02);
}












@media (max-width:1199.98px){  
    /*****************************************/
    /*************** HEADER ******************/
    /*****************************************/
    header nav ul {
        gap: 0px var(--row-gap-05) !important;
    }
    header nav ul li a{
        font-size: 14px !important;
    }
    header nav ul li a.nav-book-now{
        width: 110px;
    }
    /*****************************************/
    /*************** MAIN PAGE ***************/
    /*****************************************/
    /***** PAGE-MAIN_INTRODCUTION ****/
    .page-main_section-introduction .introduction-form{
        width: 55%;
    }
    .page-main_section-introduction .line-1{
        width: calc(55% + 30px);
    }
    .page-main_section-introduction .line-2{
        width: calc(55% + 60px);
    }
}
@media (max-width:991.98px){
    /*****************************************/
    /*************** HEADER ******************/
    /*****************************************/
    header nav ul li a{
        font-size: 18px !important;
    }
    header .navbar-toggler {
        width: 48px;
        height: 48px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header .navbar-toggler i {
        position: absolute;
        font-size: 22px;
        color: #fff !important;
        transition: opacity .2s ease, transform .2s ease;
    }
    header .navbar-toggler .fa-xmark {
        opacity: 0;
    }
    header .navbar-toggler[aria-expanded="true"] .fa-bars {
        opacity: 0;
    }
    header .navbar-toggler[aria-expanded="true"] .fa-xmark {
        opacity: 1;
    }
    header .nav_item_lang_pc{
        display: none;
    }
    header .nav_item_lang_mb{
        display: block !important;
    }
    header .nav_item_lang_mb ul{
        display: flex;
        flex-direction: row;
        gap: var(--row-gap-10)
    }
    header .nav_item_lang_mb ul li{
        background: var(--global-color-03);
        padding: 0px 10px;
    }
    header .nav_item_lang_mb ul li a{
        color: var(--global-color-04) !important;
    }
    /*****************************************/
    /*************** MAIN PAGE ***************/
    /*****************************************/
    /***** PAGE-MAIN_INTRODCUTION ****/
    .page-main_section-introduction .introduction-form{
        width: 60%;
    }
    .page-main_section-introduction .line-1{
        width: calc(60% + 30px);
    }
    .page-main_section-introduction .line-2{
        width: calc(60% + 60px);
    }
}
@media (max-width:767.98px){
    /*****************************************/
    /*************** MAIN PAGE ***************/
    /*****************************************/
    .page-main_section-introduction{
        height: inherit !important;
        background: var(--global-color-01);
    }
    .page-main_section-introduction img.img-background{
        height: 70vh;
    }
    .page-main_section-introduction .introduction-form{
        position: relative;
        width: 100%;
        padding: 0px;
        clip-path: border-box;
        display: block;
        background: none;
        max-width: 540px;
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
        height: 30vh !important;
        display: flex;
        justify-content: center;
        
    }
    .page-main_section-introduction .introduction-form form,
    .page-main_section-introduction .line-1,
    .page-main_section-introduction .line-2{
        display: none;
    }
    .page-main_section-introduction .introduction-form h1.section-header{
        text-align: center;
        font-size: 40px;
    }
    .page-main_section-introduction .introduction-form p.sub-header{
        text-align: center;
    }
    .page-main_section-introduction .introduction-form .item-mb{
        border-radius: var(--border-radius-05);
        background: var(--global-color-03);
        color: var(--global-color-04);
        border: 1px solid var(--global-color-03);
        text-align: center;
        height: 40px;
        justify-content: center;
        align-items: center;
        display: flex;
        width: 100%;
    }
}
@media (max-width:575.98px){
/*****************************************/
/*************** HEADER ******************/
/*****************************************/
header .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--row-gap-05);
    text-align: center;
}
header .navbar-nav .arrow_dropdown {
    font-size: 12px;
    line-height: 1;
}
header .nav_item_lang_mb ul{
    justify-content: center;
}
header .nav_item_lang_mb ul li,
header .nav_item_lang_mb ul li.nav-item.active{
    border: 0px;
    background: none !important;
    /* 
    border-radius: var(--border-radius-10);
    background: var(--global-color-04); */
}
header .nav_item_lang_mb ul li.nav-item.active{
    border: 1px solid var(--global-color-06);
    border-radius: var(--border-radius-05);
}
header .nav_item_lang_mb ul li a,
header .nav_item_lang_mb ul li.nav-item.active span{
    color: var(--global-color-06) !important;
}
header .nav_item_lang_mb ul li{
    width: calc(100% / 5);
    text-align: center;
}
header .nav-item-number a{
    text-align: center !important;
}
header .dropdown-menu{
    max-height: max-content !important;
}
header nav ul li a.nav-book-now{
    width: 100%;
}
header ul.navbar-nav li.dropdown_submenu_depth_02 > a, header ul.navbar-nav li.dropdown_submenu_depth_03 > a, header ul.navbar-nav li.dropdown_submenu_depth_04 > a{
    justify-content: center !important;
    list-style-type: none;
}
header .dropdown_submenu_depth_02 > a > i, header .dropdown_submenu_depth_03 > a > i, header .dropdown_submenu_depth_04 > a > i{
    margin-left: inherit !important;
}
header ul li.dropdown_submenu_depth_02 > ul > li > a::before, header ul li.dropdown_submenu_depth_03 > ul > li > a::before, header ul li.dropdown_submenu_depth_04 > ul > li > a::before{
    opacity: 0 !important;
}
/*****************************************/
/*************** MAIN PAGE ***************/
/*****************************************/
    /***** PAGE-MAIN_OUR-ELITE-FLEET ****/
    .page-main_section-our-elite-fleet .fleet-filters-inline {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--row-gap-10);
        width: 100%;
    }



}