body {
    overflow-x: hidden;
}

.main-logo-link {
    position: absolute;
}

.main-logo-link img {
    height: 150px;
    margin-bottom: -110px;
}

.main-nav-desk {
    padding-left:200px;
}

.main-nav-desk .nav-item {
    padding-left:10px;
    padding-right:10px;
}

.main-nav-desk .nav-item a {
    /* font-weight: bold; */
    color: #2a3b81;
    padding-bottom: 15px;
}

.main-nav-desk .nav-item a.active {
    color: #e16758;
}

.main-nav-desk .nav-item a.active {
    color: #e16758;
    border-bottom: solid 3px #e16758;
}


.main-contianer {
    margin-top:-80px;
}

.main-nav-container {
    height: 80px;   
}

@media only screen and (max-width: 767px) {
    .about-container {
        margin-top:-90px;
    }
}  

.float-right {
    float: right;
}

.overflow-hidden {
    overflow: hidden;
}

.banner-row {
    height: 700px;
}

.banner-row .col-6 {
    height: 700px;
}

.banner-diamon {
    position:absolute;
    width: 100%;
    /* text-align: right; */
}

.banner-diamon.blue-diamon img {
    margin-right:100px;
    height: 700px;
}

.banner-cars {
    position: absolute;
    width: 100%;
    /* text-align: right; */
}

.banner-cars.banner-elf img {
    margin-top: 200px;
    margin-left: 200px;
}

.banner-cars.banner-innova img {
    margin-top: 370px;
    margin-left: 0px;
}

.banner-cars.banner-avanza img {
    margin-top: 385px;
    margin-left: 250px;
}

.nav-on-scroll {
    background-color: rgba(255, 255, 255, 0.8) !important;
    width: 100% !important;
    margin-top: 0px !important;
    border-radius: 0px !important;
}

.main-logo-link.logo-on-scroll img {
    height: 65px;
    margin-top:10px;
    margin-bottom: 10px;
}

.main-nav img {
    transition: all 1s ease;
}

/* mobile nave here */

@media only screen and (min-width: 768px) {
    .main-nav {
        transition: all 1s ease;
        background-color: rgba(255, 255, 255, 0.9);
        /* background-color: #2a3b81cb; */
        width: 90%;
        margin: 0 auto;
        margin-top: 15px;
        border-radius: 20px;
    }

    .sub-page-container .col-12 {
        padding-top:200px;
    }

    .sub-nav-bottom {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .main-nav {
        width: 100%;
        margin: 0;
        border-radius: 0;
        background-color: #fff;
    }

    .main-nav-desk {
        background-color: #fff;
        width: 100%;
        padding: 20px 18px 29px 21px;
        position: absolute;
        top: 0px;
        left: 0px;
        margin-top: 78px;
        height: 100vh;
        transition: all 1s ease;
        background: linear-gradient(to bottom, #ffffff 13%, #111833 89%)
    }

    .nav-on-scroll {
        background-color: #fff;
    }

    .main-logo-link {
        position: absolute;
        z-index: 25;
        right: 0px;
    }

    .main-logo-link img {
        height: 65px !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .sub-page-container {
        height: 300px !important;
    }

    .sub-page-container .col-12 {
        padding-top: 120px;
    }

    .sub-nav-bottom {
        text-align: center;
        margin-top: 35px;
    }

    .sub-nav-bottom h4 {
        font-size: 23px;
        font-family: 'Khand';
        font-weight: bold;
    }

    .sub-nav-bottom a img {
        border-radius: 8px;
        height: 35px;;
    }

    .about-container {
        margin-top: 0px !important;
    }

    
}  

.main-mobile-banner {
    margin-top:25px;
}

.banner-text {
    position: absolute;
}

.banner-text.banner-main-title {
    margin-top: 290px;
    margin-left: 20px;
}

.banner-text.banner-main-title img {
    height: 83px;
    max-width: 100%;
}

.banner-text.banner-secondary-title {
    margin-top: 405px;
    margin-left: 20px;
}

.banner-text.banner-secondary-title img {
    height: 100px;
    max-width: 100%;
}

.banner-text.banner-sub-title {
    margin-top: 539px;
    margin-left: 20px;
}

.banner-sub-title img {
    display: block;
}

.mini-sub-title-link {
    margin-top:10px;
    margin-right: 20px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5e5e5e;

}

.about-container {
    min-height: 300px;
    background-color: #efb61c;
}

.about-container h1 {
    text-align: center;
    /* font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; */
    font-family: 'Khand';
    font-weight: bold;
    font-size: 30px;
    color: #222222;
    margin:0 auto;
    margin-top:40px;
    margin-bottom: 40px;
    border-bottom:solid 3px #2a3b81;
    display: inline-block;
    padding-bottom: 15px;
}

.about-container p {
    font-size: 15px;
    font-family:sans-serif;
}
.right-blue {
    background: linear-gradient(to right, transparent 80%, #293780 70%);
}

.tour-container {
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 50px;;
}

.tour-container h1 {
    text-align: center;
    /* font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; */
    font-family: 'Khand';
    font-weight: bold;
    font-size: 30px;
    color: #2a3b81;
    margin:0 auto;
    margin-top:40px;
    margin-bottom: 40px;
    border-bottom:solid 3px #2a3b81;
    display: inline-block;
    padding-bottom: 15px;

    
}

.tour-card {
    border-radius: 10px;
    width: 100%;
    height: 300px;
    /* border: solid 1px #000; */
    margin-top:25px;
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;

}

.tour-card h3 {
    font-size: 19px;
}

.tour-card img {
    width: inherit;
    height: inherit;
    border-radius: 15px;
    object-position: center;
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

.tour-card-desc {
    background: linear-gradient(180deg, transparent, black);
    height:inherit;
    width: 100%;
    border-radius: 15px;
    transition: all 1s ease;
}

.tour-card-desc:hover {
    background: linear-gradient(180deg, transparent, #2a3b81);
}

.tour-card-long {
    height: 625px;
}

.rour-card-text-container {
    position: absolute;
    bottom: 0px;
    padding: 1.5rem;
    width: 100%;
}

.tour-see-more {
    width: 35px !important;
    height: 35px !important;
    z-index: 1 !important;
    right: 0px !important;
    position: absolute !important;
    margin-right: 1rem !important;
    bottom: 23px;
}

.car-container {
    background-color: #2a3b81;
    padding-bottom: 80px;

    background-image: url('../img/full-color-ornament-right.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 14%;
}

.car-container h1 {
    text-align: center;
    font-family: 'Khand';
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    margin:0 auto;
    margin-top:40px;
    margin-bottom: 40px;
    border-bottom:solid 3px #efb61c;
    display: inline-block;
    padding-bottom: 15px;
}




.cars-container {
    border-radius: 10px;
    width: 100%;
    height: 700px;
    /* border: solid 1px #000; */
    margin-top:25px;
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.cars-container h3 {
    text-align: left;
    font-family: 'Khand';
    font-size: 30px;
    margin-top: 10px;
}

.cars-container h4 {
    text-align: left;
    font-family: 'Khand';
    font-size: 20px;
    margin-top: 10px;
}

.cars-container h4 span {
    color: rgb(239, 182, 28);
}

.cars-container .desc {
    width: 100%;
    margin: 0 auto;
}

.cars-container ul {
    list-style-type: none;
    padding-left: 20px;
}

.cars-container ul li {
    list-style-image: url('../img/checklist-icon.svg');
}

.cars-container button {
    border-radius: 20px;
    
}

.cars-bg-ornament {
    background-color: #efb61c;
    height: 300px;
    width: 300px;
    border-radius: 30px;
    margin:0 auto;
}

.cars-bg-ornament img {
    width: 120%;
    margin-top: 20%;
    position: absolute;
    left: -65px;
    top: -47px;
}

.car-see-more {
    position: absolute;
    height: 35px;
    top: 9px;
    right: 39px;
    z-index: 2;
}

.main-footer {
    background-color: #111833;
    padding-top:50px;
    padding-bottom: 50px;
}

.main-footer h4 {
    text-align: left;
    font-family: 'Khand';
    font-size: 20px;
    color: #efb61c;
}

.main-footer ul {
    list-style: none;
    text-align: left;
    padding-left: 0px;;
}

.main-footer ul li a {
    text-decoration: none;
    color: #888;
    font-size: 14px;
    margin-top:5px;
}

.main-footer ul li a:hover {
    color: #fff;
}

.footer-logo {
    height: 120px;
}

.social-media-container {
    text-align: left;
}

.social-media-container img {
    height:30px;
    border-radius: 7px;
}

.social-media-container a {
    text-decoration: none;
}

.banner-fluid-contianer {
    overflow: hidden;
    margin-top:-60px;
}

.btn-primary-suprime {
    border-radius: 40px;
    background-color: #2a3b81;
    border: solid 1px #2a3b81;
}

.btn-other-cars {
    margin-top:180px;
    border-radius: 30px;;
}

.cars-desk-container {
    padding-left: 20%;
    padding-top: 25px;
}

.pre-footer-container {
    background-color: #efb61c;
    background-image: url('../img/pre-footer-ornament.svg');
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 15%;
}

.pre-footer-container h5 {
    font-size: 28px;
    margin-bottom: 28px;
}

.footer-ilustration {
    height: 220px;
}

.sub-page-container {
    height: 450px;
    background-image: url('../img/blue-full-bg.svg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-top: -60px;
}

.sub-page-container p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.page-main-title {
    text-align: center;
    font-size: 30px;
    font-family: 'Khand';
    font-weight: bold;
    color: #fff;
}

.title-main-comming-soon {
    height: 60px;
    position: absolute;
    margin-top: 18px;
    margin-left: -25px;
}