/* @import "~ngx-owl-carousel-o/lib/styles/scss/owl.carousel";
@import "~ngx-owl-carousel-o/lib/styles/scss/owl.theme.default"; */

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: var(--primary-ff);
    height: 100%;
    width: 100%;
    -webkit-user-select: none;
    user-select: none;
    background: #fff!important;
}

input,
textarea,
button,
select,
ul,
li,
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.normalcontainer {
    height: 100%;
    max-height: 100%;
    position: relative;
}

.listbox {
    display: flex !important;
}

.fgroup_box input,
.fgroup_box select,
.fgroup_box button,
input,
select,
button {
    font-family: var(--primary-ff);
}

.backmainbtn {
    /* width: 10%; */
    white-space: nowrap;
    /* margin-left: 40px; */
    padding-right: 10px;
    padding-left: 10px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    border-left: 1px solid #FFCC33;
    color: #fff;
    cursor: pointer;
}

.backmainbtn span.backtext {
    padding-left: 6px;
    font-size: 14px;
}

.main-wrapper {
    margin: 0;
    height: 100%;
    padding: 0;
    /* display: inline-block; */
    /* position: relative; */
    width: 100%;
    overflow: hidden;
}

.main-wrapper .content_wrapper {
    /* position: relative; */
    z-index: 99;
}

.maincar {
    text-align: center;
    height: calc(100vh - 80px);
    background: #000;
}

.main-wrapper .content_wrapper .maincar img {
    object-fit: cover;
    position: relative;
    z-index: 9;
    width: 100%;
}

.main-wrapper .content_wrapper .maincar .main_car_images {
    /* height: calc(100% - 45px) !important; */
    height: 100%;
}

.main-wrapper .content_wrapper .maincar .main_car_video {
    width: 100vw !important;
    object-fit: cover !important;
}

.main-wrapper .content_wrapper .maincar video {
    max-width: 120%;
    max-height: auto;
}

.main-wrapper .content_wrapper button.inec_btn:focus {
    outline: 0;
}

.main-wrapper .content_wrapper button.inec_btn {
    width: 202px;
    height: 40px;
    background: #999999 0% 0% no-repeat padding-box;
    border: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.main-wrapper .content_wrapper button.inec_btn .intext {
    font: normal normal bold 18px var(--primary-ff);
    margin-right: 5px;
}

.main-wrapper .content_wrapper .inicon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.main-wrapper .content_wrapper .inicon img {
    width: 38px;
}

.main-wrapper .content_wrapper .inicon i {
    display: flex;
}

.main-wrapper .content_wrapper .inex_btn_box {
    position: absolute;
    top: 0;
    margin-top: 5px;
    margin-left: 5px;
}

.main-wrapper ul {
    margin: 0;
    padding: 0!important;
}

.main-wrapper ul li {
    list-style-type: none;
}

.main-wrapper .topheader {
    width: 100%;
    height: 53px;
    background-color: #fff;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    box-sizing: border-box;
    padding-bottom: 5px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    z-index: 9999;
}

.main-wrapper .topheader .pricetag {
    float: left;
    display: inline-block;
    width: 250px;
    padding: 5px 10px;
    text-align: left;
    position: absolute;
    left: 0;
    margin-left: 5px;
    color: #333333;
    text-transform: capitalize;
}

@media (max-width:740px) {
    .logobox .desktop_logo {
        display: none;
    }
}

.logobox .mobile_logo {
    display: none;
}

.main-wrapper .topheader .logobox {
    float: right;
    display: inline-block;
}

.main-wrapper .topheader .logobox img {
    width: 136px;
}

.main-wrapper .detail_wrapper {

    /* display: flex; */
    /* background-color: rgba(51, 51, 51, 0.9);
    border-bottom: 1px solid #232222; */
    width: 100%;
}

.main-wrapper .detail_wrapper ul.dmenubox {
    display: none;
}

.colorcwrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.main-wrapper .detail_wrapper ul.detail_menu {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 100%;
}

.main-wrapper .detail_wrapper ul.detail_menu li.subactive {
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFCC33 !important;
}

/* .main-wrapper .detail_wrapper ul.detail_menu li {
    text-transform: none;
    font-size: 12px;
    color: #E8E8E8;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #666666;
    height: 100%;
    cursor: pointer;
} */

.list-group-item,
.detail_menu li {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.main-wrapper .detail_wrapper ul.detail_menu li span,
.list-group-item span {
    /* padding: 10px; */
    display: block;
}

.extriorsrcoll .extlistwrap ul.detail_menu li {
    min-width: 125px;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.yellowcolor {
    background-color: #FFCC33;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.yellowcolor i {
    background-color: #FFCC33;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.redcolor {
    background-color: #D32D12;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.redcolor i {
    background-color: #D32D12;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.silvercolor {
    background-color: #C0C0C0;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.silvercolor i {
    background-color: #C0C0C0;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.bluecolor {
    background-color: #1E33AC;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.bluecolor i {
    background-color: #1E33AC;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.whitecolor {
    background-color: #fff;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.whitecolor i {
    background-color: #ffffff;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.colorbox {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.colorbox i {
    display: block;
    padding: 6px;
    border-radius: 50%;
    border: 3px solid #fff;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.carbox {
    margin-right: 9px;
}

.main-wrapper .detail_wrapper ul.detail_menu li span.carbox img {
    width: 24px;
}

/* .main-wrapper .detail_wrapper ul.detail_menu li:last-child {
    border-right: 0px solid #666666;
} */

.main-wrapper .rightbox.savedownload .achekbox {
    border-bottom: 1px solid #aeaeae;
    padding-bottom: 7px;
    padding-top: 5px;
}

.main-wrapper .rightbox.savedownload .achekbox .checkboxwrap {
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    line-height: 14px;
    text-align: left;
}

.main-wrapper .rightbox.savedownload .achekbox .checkboxwrap span.agtext {
    color: #E8E8E8;
    font-size: 12px;
}

.main-wrapper .rightbox.savedownload button.sbt_btn {
    width: 193px !important;
}

.main-wrapper .rightbox {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../assets/black_bg.png);
    width: 335px;
    background-size: cover;
    height: 100%;
    background-repeat: no-repeat;
    display: none;
    z-index: 99;
}

.main-wrapper .rightbox.bookonline,
.main-wrapper .rightbox.booktestdrive {
    width: 100%;
    background-color: #fff;
    z-index: 9999 !important;
}


.main-wrapper .rightbox .sidebox {
    text-align: center;
    /* margin: auto; */
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 99;
    height: calc(100vh - 106px)!important;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    margin-bottom: 20px;
    /* The container */
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */
}

#loginbox .sidebox {
    width: 100%;
    display: flex;
    height: calc(100vh - 106px)!important;
    padding: 0px!important;
}

.main-wrapper .rightbox.bookonline .sidebox,
.main-wrapper .rightbox.booktestdrive .sidebox {
    width: 100% !important;
    display: flex;
    height: calc(100vh - 20px)!important;
    padding: 0px!important;
}

.cardetailbox {
    width: calc(100% - 320px);
    float: left;
    background: #fff;
    padding: 15px;
    overflow-y: auto;
}

.borderbox {
    border: 1px solid #dedede;
    padding: 15px;
    position: relative;
}

.innerdetailbox {
    border-bottom: 1px solid #dedede;
    text-align: left;
    padding-bottom: 20px;
}

.innerdetailbox h1 {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0px 0px;
}

.innerdetailbox table tr td {
    vertical-align: top;
}

.innerdetailbox .carname {
    font-size: 15px;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 2px;
    margin-top: 10px;
    display: block;
}

.innerdetailbox .carprice {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-align: right;
    display: block;
    margin-bottom: 2px;
}

.accessname {
    font-size: 14px;
    color: #999;
    text-transform: capitalize;
    margin-bottom: 2px;
}

.accessprice {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    display: block;
    color: #000;
    margin-bottom: 2px;
}

.martop10px {
    margin-top: 10px;
}

.innerdetailbox .carpriceex {
    font-size: 12px;
    color: #999;
    text-align: right;
    position: relative;
    display: block;
}

.innerdetailbox .carpriceex .infoiconbtn img {
    max-width: 14px;
    margin-left: 5px;
}

.innerdetailbox .carpriceex .infoiconbtn .tooltiptext {
    right: 0px!important;
}

.innerdetailbox .carnote {
    font-size: 12px;
    color: #999;
    display: block;
}

.formdivide {
    display: flex;
    position: relative;
    margin-bottom: 15px;
}

.formdivide .title {
    /* width: 60px!important; */
    width: 120px!important;
    margin-bottom: 0px!important;
}

.formdivide .title select {
    width: 100%!important;
    height: 35px!important;
}

#popupForm .formdivide .title select {
    height: 30px!important;
}

.formnamebox {
    width: calc(100% - 75px)!important;
    margin-left: 28px;
    margin-bottom: 0px!important;
}

.booksidebox {
    width: 320px;
    float: left;
    padding: 15px;
    position: relative;
    padding-bottom: 20px;
}

.formdivide .help-block {
    color: #fdcc33;
    font-size: 13px;
    position: absolute;
    bottom: -18px;
    left: 0px;
}

.sidebox input:-internal-autofill-selected {
    background: transparent!important;
}

.main-wrapper .rightbox .sidebox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(202, 92, 92, 0.3) !important;
    background-color: #F5F5F5 !important;
    border-radius: 10px !important;
}

.main-wrapper .rightbox .sidebox::-webkit-scrollbar {
    width: 5px !important;
    background-color: #F5F5F5 !important;
}
.main-wrapper .rightbox.summarybox .sidebox::-webkit-scrollbar {
    width: 2px !important;
    background-color: #666666 !important;
}

.main-wrapper .rightbox .sidebox::-webkit-scrollbar-thumb {
    border-radius: 5px !important;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.72, rgb(198, 198, 199)), color-stop(0.72, rgb(198, 198, 199)), color-stop(0.72, rgb(198, 198, 199))) !important;
}

.main-wrapper .rightbox .sidebox h2 {
    color: #e60121;
    margin-bottom: 20px;
    text-align: left;
    font-size: 30px;
}

.main-wrapper .rightbox .sidebox .fclosebtn {
    position: fixed;
    right: 13px;
    top: 54px;
    /* margin-top: 27px; */
    cursor: pointer;
    z-index: 9999;
}

.main-wrapper .rightbox .sidebox .fbbox {
    margin-top: 15px;
    margin-bottom: 15px;
}

.main-wrapper .rightbox .sidebox .fbbox input.fgiput {
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #707070;
    width: 100%;
    height: 32px;
    border-radius: 0px;
    color: #fff;
    transition: background 0s ease-out 0s;
}

.main-wrapper .rightbox .sidebox .fbbox input.fgiput::placeholder {
    color: #fff;
}

.main-wrapper .rightbox .sidebox .fbbox input.fgiput::placeholder {
    color: #fff;
}

.main-wrapper .rightbox .sidebox .fbbox input.fgiput:focus {
    outline: 0;
}

.main-wrapper .rightbox .sidebox .fbbox select.fgslect {
    width: 100%;
    height: 32px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #707070;
    color: #fff;
}


/* new css added for login form*/

.titleLoginForm {
    margin-top: 12px !important;
}

.lastNameLoginForm {
    margin-left: 6px !important;
}


/* new css added for login form*/

.main-wrapper .rightbox .sidebox .fbbox select.fgslect option {
    color: #000;
}

.main-wrapper .rightbox .sidebox .fbbox select.fgslect:focus {
    outline: 0;
}

.main-wrapper .rightbox .sidebox .checkboxwrap {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    user-select: none;
}

.main-wrapper .rightbox .sidebox .checkboxwrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.main-wrapper .rightbox .sidebox span.agtext {
    color: #fff;
    font-size: 9px;
}

.main-wrapper .rightbox .sidebox .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

.main-wrapper .rightbox .sidebox .checkboxwrap:hover input~.checkmark {
    background-color: #ccc;
}

.main-wrapper .rightbox .sidebox .checkboxwrap input:checked~.checkmark {
    background-color: #FFCC33;
}

.main-wrapper .rightbox .sidebox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.main-wrapper .rightbox .sidebox .checkboxwrap input:checked~.checkmark:after {
    display: block;
}

.main-wrapper .rightbox .sidebox .checkboxwrap .checkmark:after {
    left: 6px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.main-wrapper .rightbox .sidebox .btnbox {
    padding-top: 20px;
    text-align: right;
}

.main-wrapper .rightbox .sidebox button.sbt_btn {
    background: #e60121;
    border: 0px solid #fff;
    color: #fff;
    border: 0px;
    width: 100%;
    height: 37px;
    font-size: 14px;
    font-family: var(--primary-ff);
    cursor: pointer;
    border-radius: .42rem;
}

.main-wrapper .rightbox .sidebox button.sbt_btn:focus {
    outline: 0;
}

.main-wrapper .mainwrapper {
    /* position: absolute; for bottom menu uplift issue when customer and advsior connects */
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

/* @media only screen and (min-width: 850px) {
    .advisorSectionWebRtc .main-wrapper .mainwrapper {
        position: absolute;
        position: sticky !important;
        bottom: 0;
        width: 100%;
        z-index: 99;
    }
} */

.main-wrapper .mainwrapper .exterrios.detailbox.exterios_lst_box {
    width: 430px;
    padding: 15px;
}

.exterios_lst_box.arrow-active {
    transition: ease all 1s;
    left: -430px;
}

.main-wrapper .mainwrapper .exterrios.detailbox {
    width: 459px;
    height: auto;
    background: rgba(51, 51, 51, 0.9);
    border: 1px solid #707070;
    border-radius: 0px 10px 0px 0px;
    display: inline-block;
    padding-left: 15px;
    box-sizing: border-box;
    padding-top: 15px;
    padding-right: 10px;
    position: absolute;
    bottom: 110px;
    padding-bottom: 15px;
}

.exterrios.detailbox.arrow-active {
    transition: ease all 1s;
    left: -459px;
}

.exterrios.detailbox.exterios_lst_box.arrow-active {
    transition: ease all 1s;
    left: -430px!important;
}

.main-wrapper .mainwrapper .exterrios.detailbox .exteriortab_wrap {
    width: 100%;
    display: flex;
    padding-top: 22px;
}

.main-wrapper .mainwrapper .slider .exterrios_content {
    float: left;
    width: 220px;
}

.main-wrapper .mainwrapper .slider .exterrios_content .exterios_amout {
    padding-top: 14px;
    font-size: 22px;
    color: #fff;
}

.main-wrapper .mainwrapper .slider .exterrios_content .exterios_amout span.qtitle_value {
    font-size: 13px;
    padding-left: 5px;
}

.main-wrapper .mainwrapper .exterrios.detailbox .exteriortab_wrap .exterioslist {
    float: left;
    padding-left: 15px;
    display: flex;
}

.main-wrapper .mainwrapper .slider .exteriosbox {
    display: flex;
    float: left;
    cursor: pointer;
}

.main-wrapper .mainwrapper .slider .exteriosbox .eximgbox img {
    max-width: 80px;
}

.main-wrapper .mainwrapper .slider .exteriosbox .eximgbox.selectex {
    position: relative;
}

.main-wrapper .mainwrapper .slider .exteriosbox .eximgbox.selectex img {
    position: relative;
    z-index: 9;
}

.main-wrapper .mainwrapper .slider .exteriosbox .eximgbox.selectex:after {
    content: "";
    background-color: #fff;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    filter: blur(18px);
    opacity: 0.5;
}

.main-wrapper .mainwrapper .exterrios.detailbox h2.extitle {
    text-align: left;
    font: normal normal bold 39px/46px var(--primary-ff);
    letter-spacing: 0px;
    color: #FFCC33;
    text-shadow: 0px 3px 6px #00000029;
    font-size: 28px;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    clear: both;
    padding-top: 11px;
}

.main-wrapper .mainwrapper .exterrios.detailbox p {
    color: #ccc;
    width: 100%;
    margin: 0;
    font-size: 14px;
    padding-top: 8px;
    text-align: left;
}

.list-group-item label {
    padding: 10px;
}

.detail_menu li span {
    display: block;
}

.main-wrapper .mainwrapper .exterrios.detailbox .btn_box {
    position: absolute!important;
    right: 8px!important;
    top: 5px!important;
    padding-top: 1px;
    padding-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}

.main-wrapper .mainwrapper .exterrios.detailbox .btn_box button.btn_slide {
    border: 0;
    background-color: transparent;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-wrapper .mainwrapper .exterrios.detailbox .btn_box button.btn_slide:hover {
    color: #FFCC33;
}

.main-wrapper .mainwrapper .exterrios.detailbox .btn_box button.btn_slide:focus {
    outline: 0;
}

.main-wrapper .mainwrapper .exterrios.detailbox .btn_box button.btn_next {
    border-right: 1px solid #AFAAAA !important;
}

.main-wrapper .mainwrapper .exterrios.detailbox .btn_box button.btn_next span {
    margin-right: 5px;
}

.main-wrapper .mainwrapper .exterrios.detailbox .btn_box button.btn_prv {
    border-right: 1px solid #AFAAAA !important;
}

.main-wrapper .mainwrapper .exterrios.detailbox .btn_box button.btn_prv i {
    margin-right: 5px;
}

.panel-heading {
    padding: 0px !important;
}

.accordion-toggle .btn btn-link {
    text-decoration: none;
    pointer-events: none;
}

.accordion-toggle .btn btn-link:focus {
    text-decoration: none;
    pointer-events: none;
}

.btn-link:focus,
.btn-link:hover {
    text-decoration: none;
}

.main-wrapper .mainmenucontainer {

    width: 100%;

    position: relative;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    overflow: auto;

}

/* .main-wrapper .mainmenucontainer .active img {
    filter: brightness(0.1) !important;
} */

.main-wrapper .mainmenucontainer .mainmenu {

    color: #fff;
    display: flex;
    display: flex;
    flex-direction: column;

}


.drag-scroll-content .drag_scroll_item-list {
    font-size: 14px !important;
}

.accessory_backmainbtn {
    font-size: 14px !important;
}

.main-wrapper .mainmenucontainer .mainmenu li {
    list-style-type: none;
    padding-left: 5px;
    padding-right: 5px;
    color: #FFCC33;
    font-size: 14px;
    width: 100%;

    /* height: 100%; */
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: ease all .5s;
}

.mainmenu li:hover,
.detail_menu li:hover {
    transition: ease all .5s;

}

.main-wrapper .mainmenucontainer .mainmenu li:focus {
    outline: none;
    transition: ease all .5s;

}

.main-wrapper .mainmenucontainer .mainmenu li:last-child {
    border-right: 0px solid;
}

.main-wrapper .mainmenucontainer .mainmenu li.active,
.detail_menu li.active {
    background: transparent !important;
    color: #E7151D !important;
    font-weight: 700;
}

.main-wrapper .mainmenucontainer ul.bookmenu.rightmenu {

    color: #FFCC33;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    padding-right: 0px;
}



svg:hover {
    fill: red!important;
}

.main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn {
    height: 100%;
    margin-right: 0px;

    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;

    padding-right: 15px!important;
    padding-left: 15px !important;
    cursor: pointer;
    color: #FFCC33;
}


.main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn i {
    float: left;
    margin-right: 11px;
}

.main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn i img {
    position: relative;
    width: 28px;
}

.panel-body.card-block.card-body .wraper-heder .hedertop {
    height: auto!important;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #FFCC33!important;
}

.modalweapper .modal-box .modal-content .fgroup_box input::placeholder {
    /* Edge */
    color: #3F4254;
}

select {
    border-radius: 0px!important;
}

@media only screen and (min-width: 600px) and (max-width: 699px) {
    .profilewrapper .profilecontainer .carwrapper .carbox {
        width: 98% !important;
        height: auto !important;
    }
    .profilewrapper .profilecontainer {
        bottom: 43px !important;
    }
    .carwrapper br {
        display: none;
    }
    .carwrapper {
        width: 60% !important;
    }
    .profilesection {
        width: 39.8% !important;
        margin-top: 0 !important;
    }
    .profileimgbox .pfimg {
        display: none;
    }
    .famout_dwnbox {
        width: 100% !important;
        border-radius: .42rem;
    }
    .main-wrapper .rightbox .sidebox {
        width: 95% !important;
    }
    .profileimgbox .pfimg {
        float: left !important;
    }
    .profilebox {
        height: 79px !important;
    }
    .main-wrapper .rightbox .sidebox {
        height: calc(100vh -234px)!important;
    }
    .profilenumber {
        font-size: 12px !important;
    }
    .profilelocation {
        font-size: 12px !important;
    }
    .rightbox.summarybox p.pincontent {
        margin-bottom: 4px !important;
    }
    .pnotecontent {
        margin-bottom: 52px !important;
    }
    .profilenumber i {
        margin-right: 4px;
    }
    .slctbox span.satilteb {
        font-size: 12px !important;
    }
    .famout_dwnbox .famoutbox {
        width: 100% !important;
        height: 32px !important;
        font-size: 12px !important;
    }
    span.ncicon img {
        width: 11px;
    }
    span.bkicon img {
        width: 15px;
    }
    .ptitle {
        padding-top: 0 !important;
    }
    .summarybox i.fa.fa-sign-out {
        position: relative;
        top: 4px;
        float: right;
        z-index: 9;
        margin-right: 7px;
    }
    /*profile_pagecssend*/
    .main-wrapper .mainwrapper .exterrios.detailbox.exterios_lst_box {
        width: 230px;
        padding: 15px;
        bottom: 90px;
    }
    .listofinteriorprice .owl-stage {
        width: 200px !important;
    }
    .listofinteriorprice .extitle {
        font-size: 14px !important;
    }
    .listofinteriorprice .exterios_value {
        font-size: 14px !important;
    }
    .exterios_lst_box.arrow-active {
        transition: ease all 1s;
        left: -285px;
    }
    .mainwrapper .exterrios.detailbox.exterios_lst_box .exteriortab_wrap .exterioslist {
        float: left;
        display: block;
        padding-left: 28px;
        padding-top: 20px;
    }
    .mainwrapper .exterrios.detailbox.exterios_lst_box.arrow-active {
        left: -228px !important;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox {
        width: 334px;
        bottom: 76px;
    }
    .detailbox.arrow-active,
    .exterios_lst_box.arrow-active {
        transition: ease all 1s;
        left: -285px!important;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox h2.extitle {
        font-size: 18px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox button.btn_slide {
        display: flex;
    }
    /* For removing layout issue in bottom of screen */
    /*.main-wrapper .mainmenucontainer {
         display: inherit;
    }*/
    .drag-scroll-content .drag_scroll_item-list {
        font-size: 10px !important;
    }
    .detail_menu li span {
        font-size: 10px !important;
    }
    .accessory_backmainbtn {
        font-size: 10px !important;
    }
    .main-wrapper .mainmenucontainer .mainmenu li {
        font-size: 14px;
        /*width: 70px !important;*/
        width: auto !important;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn {
        font-size: 10px !important;
    }
    /* .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn span {
        display: none !important;
    } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn i {
        display: block !important;
        margin-right: 0 !important;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn i img {
        position: relative;
        width: 23px !important;
    }
    /* .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn span {
        display: none !important;
    } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn i {
        display: block !important;
        margin-left: 0 !important;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn i img {
        width: 18px !important;
    }
}

.drag-scroll-content {
    display: flex !important;
}

.feature-category .drag-scroll-content {
    margin-left: 0px !important;
}

@media only screen and (min-width: 300px) and (max-width: 999px) {
    .titleLoginForm {
        margin-top: 2px !important;
    }
    /* .backmainbtn{
    width: 50% !important;
  } */
    .btnMarginAbove {
        top: 11.5vh;
        left: 9vw
    }
    .btnMargin {
        top: 18.5vh;
        left: 9vw
    }
    .main-wrapper .mainwrapper .exterrios.detailbox h2.extitle {
        font-size: 14px !important;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox p {
        font-size: 12px !important;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox {
        bottom: 80px !important;
        padding-top: 0px !important;
    }
    .mainwrapper .exterrios.detailbox.exterios_lst_box.arrow-active {
        left: -228px !important;
    }
    .backmainbtn span.backtext {
        font-size: 9px !important;
    }
    .logobox .desktop_logo {
        display: none;
    }
    .logobox .mobile_logo {
        display: block;
        width: 50px !important;
    }
    .feature-category .drag-scroll-content {
        margin-left: 0px !important;
    }
    .feature-category .drag-scroll-content {
        width: calc(100% - 0px) !important;
        height: 100% !important;
    }
    .sub-feature-category .detail_wrapper .drag-scroll-content {
        width: 100% !important;
        height: 100% !important;
    }
    .detail_wrapper .drag-scroll-content .drag_scroll_item-list {
        font-size: 10px !important;
        /* min-width: 120px !important; */
        max-width: 180px !important;
    }
    .main-wrapper .rightbox.bookonline .sidebox,
    .main-wrapper .rightbox.booktestdrive .sidebox {
        width: 100% !important;
        height: calc(100vh - 0px)!important;
    }
    .header-box {
        width: 25.1%;
    }
    .main-wrapper .topheader {
        height: 44px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn span,
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn span {
        /* display: none; */
        font-size: 9px;
        line-height: 1;
    }
    .owl-carousel .owl-item img {
        max-width: 100%!important;
        max-height: 70px!important;
        object-fit: contain;
    }
    .main-wrapper .topheader .pricetag {
        width: 110px;
        margin-left: 5px;
        font-size: 12px;
    }
    .main-wrapper .topheader .logobox img {
        width: 104px;
    }
    .main-wrapper .rightbox.loginbox .sidebox h2 {
        color: #FFCC33;
        margin-bottom: 2px;
        text-align: left;
        margin-top: 0;
    }
    .main-wrapper .rightbox.loginbox .sidebox .fbbox {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .main-wrapper .rightbox.loginbox .sidebox .btnbox {
        padding-top: 0px;
        text-align: right;
    }
    .main-wrapper .rightbox.loginbox .sidebox button.sbt_btn {
        background: #FFCC33;
        border: 0px;
        width: 100%;
        height: 37px;
        font-size: 14px;
        font-family: var(--primary-ff);
        cursor: pointer;
        border-radius: .42rem;
        margin-top: 15px;
    }
    /* .main-wrapper .detail_wrapper {
        height: 35px!important;
    } */
    .feature-category {
        top: 4px;
    }
    .sub-feature-category .drag-scroll-content {
        height: calc(100% + 4px) !important;
    }
    .main-wrapper .detail_wrapper ul.detail_menu li {
        font-size: 10px;
    }
    /* .main-wrapper .detail_wrapper ul.detail_menu li span {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-tap-highlight-color: transparent;
    } */
    /* ::selection {
    color: transparent;
  } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn {
        height: 100%;
        font-size: 11px;
        text-align: center;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn i {
        display: none;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn {
        float: left;
        margin-right: 0px;
        font-size: 11px;
        padding-right: 10px !important;
        padding-left: 10px !important;
        text-transform: uppercase;
    }
    /* .main-wrapper .mainmenucontainer {
        height: 38px;
    } */
    .main-wrapper .mainwrapper .exterrios.detailbox {
        /* bottom: 75px; */
        bottom: 88px;
    }
    .drag-scroll-content .drag_scroll_item-list {
        font-size: 10px !important;
    }
    .detail_menu li span {
        font-size: 20px !important;
    }
    .accessory_backmainbtn {
        font-size: 10px !important;
    }
    .main-wrapper .mainmenucontainer .mainmenu li {
        padding-left: 1px;
        padding-right: 4px;
        font-size: 14px;
        /*width: 62px;*/
    }
    /* .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu {
        float: right;
        color: #FFCC33;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 35%;
        margin-right: 0px;
        margin-right: 15px;
        margin-right: 30px;
        padding-top: 3px;
        padding-bottom: 3px;
        box-sizing: border-box;
        padding-right: 2px;
        padding-left: 3px;
    } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn i {
        float: left;
        margin-left: 8px;
        display: none;
    }
    /* .exterrios.detailbox h2.extitle {
    font-size: 16px!important;
  } */
    .main-wrapper .mainwrapper .exterrios.detailbox.exterios_lst_box {
        width: 230px !important;
        padding: 8px !important;
        bottom: 84px !important;
    }
    .listofinteriorprice .owl-stage {
        width: 200px !important;
    }
    /* .exterrios.detailbox h2.extitle {
    font-size: 14px !important;
  } */
    .listofinteriorprice .exterios_value {
        font-size: 14px !important;
    }
    .main-wrapper .mainwrapper .slider .exterrios_content .exterios_amout {
        font-size: 16px;
    }
    .main-wrapper .mainwrapper .slider .exterrios_content {
        width: 180px;
    }
    .main-wrapper .mainwrapper .slider .exteriosbox .eximgbox img {
        max-width: 50px;
    }
    .main-wrapper .rightbox .sidebox h2 {
        font-size: 18px;
        margin: 5px 0px 0px;
    }
    .main-wrapper .rightbox .sidebox .fclosebtn {
        margin-top: 0px;
        top: 54px;
    }
    .main-wrapper .rightbox .sidebox {
        height: calc(100vh - 106px)!important;
    }
    .main-wrapper .rightbox .sidebox {
        overflow-y: hidden;
    }
    .main-wrapper #summarys.rightbox .sidebox {
        overflow-y: scroll!important;
        /* The container */
        /* Hide the browser's default checkbox */
        /* Create a custom checkbox */
        /* On mouse-over, add a grey background color */
        /* When the checkbox is checked, add a blue background */
        /* Create the checkmark/indicator (hidden when not checked) */
        /* Show the checkmark when checked */
        /* Style the checkmark/indicator */
    }
    .booksidebox,
    .cardetailbox {
        overflow-y: scroll!important;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn,
    .login_btn {
        padding-right: 10px!important;
        padding-left: 10px!important;
    }
}

.main-wrapper .mainwrapper .exterrios.detailbox {
    padding-bottom: 30px;
}

@media only screen and (min-width: 900px) and (max-width: 999px) {
    .logobox .desktop_logo {
        display: none;
    }
    .logobox .mobile_logo {
        display: block;
        width: 50px !important;
    }
    .main-wrapper .mainmenucontainer {
        display: flex !important;
        flex-direction: column;
        /* justify-content: space-between; */
    }
    .profilewrapper .profilecontainer .carwrapper .carbox {
        width: 47% !important;
        height: 210px !important;
    }
    .profilewrapper .profilecontainer {
        bottom: 43px !important;
    }
    .carwrapper br {
        display: none;
    }
    .carwrapper {
        width: 60% !important;
    }
    .profilesection {
        width: 39.8% !important;
        margin-top: 0 !important;
    }
    .profileimgbox .pfimg {
        display: none;
    }
    .famout_dwnbox {
        width: 100% !important;
    }
    .main-wrapper .rightbox .sidebox {
        width: 95% !important;
    }
    .profileimgbox .pfimg {
        float: left !important;
    }
    .profilebox {
        height: 79px !important;
    }
    .main-wrapper .rightbox .sidebox {
        height: calc(100vh -234px)!important;
    }
    .profilenumber {
        font-size: 12px !important;
    }
    .profilelocation {
        font-size: 12px !important;
    }
    .rightbox.summarybox p.pincontent {
        margin-bottom: 4px !important;
    }
    .pnotecontent {
        margin-bottom: 52px !important;
    }
    .profilenumber i {
        margin-right: 4px;
    }
    .slctbox span.satilteb {
        font-size: 12px !important;
    }
    .famout_dwnbox .famoutbox {
        width: 147px !important;
        height: 32px !important;
        font-size: 12px !important;
        margin-right: 10px;
    }
    span.ncicon img {
        width: 11px;
    }
    span.bkicon img {
        width: 15px;
    }
    .ptitle {
        padding-top: 0 !important;
    }
    .summarybox i.fa.fa-sign-out {
        position: relative;
        top: 4px;
        float: right;
        z-index: 9;
        margin-right: 7px;
    }
    /*profile_pagecssend*/
    .main-wrapper .mainmenucontainer .mainmenu li {
        width: 100% !important;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox {
        width: 285px;
        padding-bottom: 30px!important;
    }
    .detailbox.arrow-active {
        transition: ease all 1s;
        left: -285px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox h2.extitle {
        font-size: 18px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox button.btn_slide {
        font-size: 10px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.btnfloat {
    width: 30px;
    height: 30px;
    /* top: 13.5vh; */
    /* left: 10vw; */
    background-color: #00b4ff;
    color: white;
    border-radius: 25px;
    text-align: center;
}

.btnfloatTopRight {
    width: 30px;
    height: 30px;
    top: 13.5vh;
    right: 20vw;
    background-color: red;
    color: white;
    border-radius: 25px;
    text-align: center;
}

.float {
    position: fixed;
    width: 30px;
    height: 30px;
    /* top: 13.5vh; */
    left: 10vw;
    background-color: #00b4ff;
    color: white;
    border-radius: 25px;
    text-align: center;
}

.floatBottom {
    position: fixed;
    width: 30px;
    height: 30px;
    /* top: 19vh; */
    left: 10vw;
    background-color: #00b4ff;
    color: white;
    border-radius: 25px;
    text-align: center;
}

.float-icon {
    margin-top: 8px;
}

@media only screen and (min-width: 800px) and (max-width: 2000px) {
    .btnMarginAbove {
        top: 10.5vh;
    }
    .btnMargin {
        top: 16vh;
    }
}

@media only screen and (min-width: 800px) and (max-width: 899px) {
    .btnMarginAbove {
        top: 11.5vh;
    }
    .btnMargin {
        top: 16vh;
    }
    .logobox .desktop_logo {
        display: none;
    }
    .logobox .mobile_logo {
        display: block;
        width: 50px !important;
    }
    .profilewrapper .profilecontainer .carwrapper .carbox {
        width: 98% !important;
    }
    .profilewrapper .profilecontainer {
        bottom: 43px !important;
    }
    .carwrapper br {
        display: none;
    }
    .carwrapper {
        width: 60% !important;
    }
    .profilesection {
        width: 39.8% !important;
        margin-top: 0 !important;
    }
    .profileimgbox .pfimg {
        display: none;
    }
    .famout_dwnbox {
        width: 100% !important;
    }
    .main-wrapper .rightbox .sidebox {
        width: 95% !important;
    }
    .profileimgbox .pfimg {
        float: left !important;
    }
    .profilebox {
        height: 79px !important;
    }
    .main-wrapper .rightbox .sidebox {
        height: calc(100vh -234px)!important;
    }
    .profilenumber {
        font-size: 12px !important;
    }
    .profilelocation {
        font-size: 12px !important;
    }
    .rightbox.summarybox p.pincontent {
        margin-bottom: 4px !important;
    }
    .pnotecontent {
        margin-bottom: 52px !important;
    }
    .profilenumber i {
        margin-right: 4px;
    }
    .slctbox span.satilteb {
        font-size: 12px !important;
    }
    .famout_dwnbox .famoutbox {
        width: 141px !important;
        height: 32px !important;
        font-size: 12px !important;
        margin-right: 7px;
    }
    .profilewrapper span.ncicon {
        right: 7px !important;
    }
    span.ncicon img {
        width: 11px;
    }
    span.bkicon img {
        width: 15px;
    }
    .ptitle {
        padding-top: 0 !important;
    }
    .summarybox i.fa.fa-sign-out {
        position: relative;
        top: 4px;
        float: right;
        z-index: 9;
        margin-right: 7px;
    }
    /*profile_pagecssend*/
    .main-wrapper .mainwrapper .exterrios.detailbox.exterios_lst_box {
        width: 315px;
        padding: 15px;
    }
    .exterios_lst_box.arrow-active {
        transition: ease all 1s;
        left: -315px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox {
        width: 285px!important;
        padding-bottom: 30px;
    }
    .exterrios.detailbox.arrow-active {
        transition: ease all 1s;
        left: -285px!important;
    }
    .exterrios.detailbox.exterios_lst_box.arrow-active {
        transition: ease all 1s;
        left: -285px!important;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox h2.extitle {
        font-size: 18px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox button.btn_slide {
        font-size: 10px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* .main-wrapper .mainmenucontainer .mainmenu li {
        width: 107px !important;
    } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn {
        font-size: 10px !important;
    }
    /* .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn span {
        display: none !important;
    } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn i {
        display: block !important;
        margin-right: 0 !important;
    }
    .btnMarginAbove {
        top: 14vh;
        left: 9.5vw
    }
    .btnMargin {
        top: 21vh;
        left: 9.5vw
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn i img {
        position: relative;
        width: 23px !important;
    }
    /* .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn span {
        display: none !important;
    } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn i {
        display: block !important;
        margin-left: 0 !important;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn i img {
        width: 18px !important;
    }
}

@media only screen and (min-width: 700px) and (max-width: 799px) {
    .logobox .desktop_logo {
        display: none;
    }
    .btnMarginAbove {
        top: 14vh;
        left: 9vw
    }
    .btnMargin {
        top: 20.5vh;
        left: 9vw
    }
    .logobox .mobile_logo {
        display: block;
        width: 50px !important;
    }
    .profilewrapper .profilecontainer .carwrapper .carbox {
        width: 95% !important;
        height: auto !important;
    }
    .profilewrapper .profilecontainer {
        bottom: 43px !important;
    }
    .carwrapper br {
        display: none;
    }
    .carwrapper {
        width: 60% !important;
    }
    .profilesection {
        width: 39.8% !important;
        margin-top: 0 !important;
    }
    .profileimgbox .pfimg {
        display: none;
    }
    .famout_dwnbox {
        width: 100% !important;
    }
    .main-wrapper .rightbox .sidebox {
        width: 95% !important;
    }
    .profileimgbox .pfimg {
        float: left !important;
    }
    .profilebox {
        height: 79px !important;
    }
    .main-wrapper .rightbox .sidebox {
        height: calc(100vh -234px)!important;
    }
    .profilenumber {
        font-size: 12px !important;
    }
    .profilelocation {
        font-size: 12px !important;
    }
    .rightbox.summarybox p.pincontent {
        margin-bottom: 4px !important;
    }
    .pnotecontent {
        margin-bottom: 52px !important;
    }
    .profilenumber i {
        margin-right: 4px;
    }
    .slctbox span.satilteb {
        font-size: 12px !important;
    }
    .famout_dwnbox .famoutbox {
        width: 221px !important;
        height: 32px !important;
        font-size: 12px !important;
    }
    span.ncicon img {
        width: 11px;
    }
    span.bkicon img {
        width: 15px;
    }
    .ptitle {
        padding-top: 0 !important;
    }
    .summarybox i.fa.fa-sign-out {
        position: relative;
        top: 4px;
        float: right;
        z-index: 9;
        margin-right: 7px;
    }
    /*profile_pagecssend*/
    .main-wrapper .mainwrapper .exterrios.detailbox.exterios_lst_box {
        width: 315px;
        padding: 15px;
        bottom: 87px;
    }
    /* .mainwrapper .exterrios.detailbox.exterios_lst_box.arrow-active {
    left: -314px !important;
  } */
    .exterios_lst_box.arrow-active,
    .exterios_lst_box.arrow-active {
        transition: ease all 1s;
        left: -315px!important;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox {
        width: 285px;
        padding-bottom: 30px;
        bottom: 87px;
    }
    .detailbox.arrow-active {
        transition: ease all 1s;
        left: -285px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox h2.extitle {
        font-size: 18px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox button.btn_slide {
        display: flex;
    }
    /* For removing layout issue in bottom of screen */
    /* .main-wrapper .mainmenucontainer {
         display: inherit;
    } */
    .main-wrapper .mainmenucontainer .mainmenu li {
        width: 100px;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn {
        font-size: 10px !important;
    }
    /* .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn span {
        display: none !important;
    } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn i {
        display: block !important;
        margin-right: 0 !important;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn i img {
        position: relative;
        width: 23px !important;
    }
    /* .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn span {
        display: none !important;
    } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn i {
        display: block !important;
        margin-left: 0 !important;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn i img {
        width: 18px !important;
    }
}

@media only screen and (min-width: 1020px) and (max-width: 1120px) {
    /* .main-wrapper .content_wrapper .maincar video {
        width: 100% !important;
        height: auto !important;
        min-width: 132% !important;
        position: relative !important;
        left: -118px !important;
    } */
    /* .colortab ul {
        margin: auto;
        position: absolute;
        right: 20px;
        height: 25vh !important;
        top: -96px !important;
        overflow: auto;
        width: 190px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    } */
}

@media only screen and (min-width: 1300px) and (max-width: 1399px) {
    .main-wrapper .mainwrapper .exterrios.detailbox {
        width: 420px;
    }
    .detailbox.arrow-active {
        transition: ease all 1s;
        left: -420px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox h2.extitle {
        font-size: 26px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox button.btn_slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
    /* .main-wrapper .mainmenucontainer {
        display: flex !important;
        justify-content: space-between;
    } */
    .profilewrapper .profilecontainer .carwrapper .carbox {
        width: 47% !important;
        height: 210px !important;
    }
    .profilewrapper .profilecontainer {
        bottom: 43px !important;
    }
    .carwrapper br {
        display: none;
    }
    .carwrapper {
        width: 60% !important;
        top: 25px !important;
    }
    .profilesection {
        width: 39.8% !important;
        margin-top: 0 !important;
        top: 34px !important;
    }
    .profileimgbox .pfimg {
        display: none;
    }
    .famout_dwnbox {
        width: 100% !important;
    }
    .main-wrapper .rightbox .sidebox {
        width: 95% !important;
    }
    .profileimgbox .pfimg {
        float: left !important;
    }
    .profilebox {
        height: 79px !important;
    }
    .main-wrapper .rightbox .sidebox {
        height: calc(100vh -234px)!important;
    }
    .profilenumber {
        font-size: 12px !important;
    }
    .profilelocation {
        font-size: 12px !important;
    }
    .rightbox.summarybox p.pincontent {
        margin-bottom: 4px !important;
    }
    .pnotecontent {
        margin-bottom: 89px !important;
    }
    .profilenumber i {
        margin-right: 4px;
    }
    .slctbox span.satilteb {
        font-size: 12px !important;
    }
    .famout_dwnbox .famoutbox {
        width: 147px !important;
        height: 32px !important;
        font-size: 12px !important;
        margin-right: 10px;
    }
    span.ncicon img {
        width: 11px;
    }
    span.bkicon img {
        width: 15px;
    }
    .ptitle {
        padding-top: 0 !important;
    }
    .summarybox i.fa.fa-sign-out {
        position: relative;
        top: 4px;
        float: right;
        z-index: 9;
        margin-right: 7px;
    }
    .main-wrapper>.login_btn {
        padding-right: 10px!important;
    }
    /* .main-wrapper ul li {
        background: none !important;
        width: auto !important;
    } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu {
        padding-right: 10px !important;
    }
    /*profile_pagecssend*/
}

@media only screen and (min-width: 600px) and (max-width: 1299px) {
    .profilesection .rightbox.summarybox i.fa.fa-sign-out:before {
        content: "Log Out" !important;
        font-size: 14px;
        font-family: var(--primary-ff);
    }
    .summarybox i.fa.fa-sign-out {
        top: 0px !important;
        margin-right: 8px !important;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1299px) {
    .main-wrapper .mainwrapper .exterrios.detailbox {
        width: 420px;
    }
    .detailbox.arrow-active {
        transition: ease all 1s;
        left: -420px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox h2.extitle {
        font-size: 26px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox button.btn_slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (min-width: 600px) and (max-width: 900px) {
    html {
        height: 100vh;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
    /* .main-wrapper .mainmenucontainer {
        display: flex !important;
        justify-content: space-between;
    } */
    .profilewrapper .profilecontainer .carwrapper .carbox {
        width: 47% !important;
        height: 210px !important;
    }
    .profilewrapper .profilecontainer {
        bottom: 43px !important;
    }
    .carwrapper br {
        display: none;
    }
    .carwrapper {
        width: 60% !important;
        top: 25px !important;
    }
    .profilesection {
        width: 39.8% !important;
        margin-top: 0 !important;
        top: 34px !important;
    }
    .profileimgbox .pfimg {
        display: none;
    }
    .famout_dwnbox {
        width: 100% !important;
    }
    .main-wrapper .rightbox .sidebox {
        width: 99% !important;
    }
    .profileimgbox .pfimg {
        float: left !important;
    }
    .profilebox {
        height: 79px !important;
    }
    .main-wrapper .rightbox .sidebox {
        height: calc(100vh -234px)!important;
    }
    .profilenumber {
        font-size: 12px !important;
    }
    .profilelocation {
        font-size: 12px !important;
    }
    .rightbox.summarybox p.pincontent {
        margin-bottom: 4px !important;
    }
    .pnotecontent {
        margin-bottom: 89px !important;
    }
    .profilenumber i {
        margin-right: 4px;
    }
    .slctbox span.satilteb {
        font-size: 12px !important;
    }
    .famout_dwnbox .famoutbox {
        width: 147px !important;
        height: 32px !important;
        font-size: 12px !important;
        margin-right: 10px;
    }
    span.ncicon img {
        width: 11px;
    }
    span.bkicon img {
        width: 15px;
    }
    .ptitle {
        padding-top: 0 !important;
    }
    .summarybox i.fa.fa-sign-out {
        position: relative;
        top: 4px;
        float: right;
        z-index: 9;
        margin-right: 7px;
    }
    .main-wrapper>.login_btn {
        padding-right: 10px!important;
    }
    /* .main-wrapper ul li {
        background: none !important;
        width: auto !important;
    } */
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu {
        padding-right: 10px !important;
    }
    .drag-scroll-content .drag_scroll_item-list {
        font-size: 14px !important;
    }

    .accessory_backmainbtn {
        font-size: 14px !important;
    }
    /*profile_pagecssend*/
    .main-wrapper .mainmenucontainer .mainmenu li {
        list-style-type: none;
        padding-left: 6px;
        padding-right: 6px;
        color: #FFCC33;
        font-size: 14px;
        border-right: 1px solid #666666;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn {
        height: 100%;
        margin-right: 0px;
        background-color: #333333;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        padding-left: 5px;
        line-height: 1;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .login_btn {
        float: left;
        /* width: 136px; */
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox {
        width: 411px;
    }
    .detailbox.arrow-active {
        transition: ease all 1s;
        left: -411px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox h2.extitle {
        font-size: 26px;
    }
    .main-wrapper .mainwrapper .exterrios.detailbox button.btn_slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.rightbox.summarybox .sidebox {
    text-align: left;
}

.rightbox.summarybox {
    justify-content: left !important;
    text-align: left;
    align-items: center;
}

.rightbox.summarybox b.sftitle {
    font: normal normal normal 18px var(--primary-ff);
    display: inline-block;
}

.rightbox.summarybox .sftitle {
    font-size: 14px;
    color: #fff;
}

.rightbox.summarybox .scamount_box_Car {
    display: inline-block;
    position: relative;
    width: auto;
}

.rightbox.summarybox .scamount_box_Car .sabox_mini {
    float: left;
    padding-top: 6px;
}

.rightbox.summarybox .scamount_box_Car .sabox_mini .caramout {
    color: #fff;
    font-size: 22px;
}

.rightbox.summarybox .scamount_box_Car .sabox_mini p {
    font-size: 10px;
    margin: 0;
    color: #ddd;
}

.rightbox.summarybox .scamount_box_Car .sabox_mini_img {
    float: right;
}

.rightbox.summarybox .scamount_box_Car .sabox_mini_img img {
    width: 87px;
}

.rightbox.summarybox p.pincontent {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #cecece;
    margin-bottom: 22px;
}

.slctbox {
    background-color: #fff;
    border-radius: 5px;
    padding: 7px;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.slctbox span.sctitle {
    font-size: 12px;
    float: left;
}

.slctbox span.sccirlce {
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid blue;
    border-radius: 50%;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    box-sizing: border-box;
    float: right !important;
}

.slctbox span.sccirlce .iscirlce {
    width: 100%;
    height: 100%;
    background-color: blue;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    box-sizing: border-box;
    align-items: center;
}

.slctbox span.satilteb {
    float: right;
}

.slabeltitle {
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.viewbreakup_box {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inherit;
}

.viewbreakup_box .vewbtn_box_wrap {
    width: 100%;
    border-bottom: 1px solid #a5a5a5;
    display: inline-block;
    padding-bottom: 9px;
}

.viewbreakup_box .vewbtn_box_wrap .viewb_btn {
    float: right;
    width: auto;
    display: flex;
    text-align: revert;
    color: #fff;
    font-size: 12px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.viewbreakup_box .vewbtn_box_wrap .viewb_btn span {
    padding-right: 5px;
}

.viewbreakup_box .vewbtn_box_wrap .viewb_btn i {
    line-height: 0;
}

.viewbreakup_box .viewbreak_list_wrapper {
    width: 100%;
    display: none;
    position: relative;
}

.viewbreakup_box .viewbreak_list_wrapper .vb_content {
    position: relative;
    height: 115px;
}

.viewbreakup_box .viewbreak_list_wrapper .vb_content .viewbreak_list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 12px;
    overflow-x: hidden;
}

.viewbreakup_box .viewbreak_list_wrapper .vb_content .viewbreak_list::-webkit-scrollbar {
    width: 4px;
    /* width of the entire scrollbar */
}

.viewbreakup_box .viewbreak_list_wrapper .vb_content .viewbreak_list::-webkit-scrollbar-track {
    background: #121212;
    /* color of the tracking area */
}

.viewbreakup_box .viewbreak_list_wrapper .vb_content .viewbreak_list::-webkit-scrollbar-thumb {
    background-color: #fff;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 0px solid orange;
    /* creates padding around scroll thumb */
}

.viewbreakup_box .viewbreak_list_wrapper .viewb_box {
    display: inline-block;
    width: 100%;
    position: relative;
    color: #fff;
    border-bottom: 1px solid #8d8d8d;
    font-size: 13px;
}

.viewbreakup_box .viewbreak_list_wrapper .viewb_box .satitle {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    left: 0;
}

.viewbreakup_box .viewbreak_list_wrapper .viewb_box .samout_ctbn {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
}

.viewbreakup_box .viewbreak_list_wrapper .viewb_box .samout_ctbn span.sa_amount_title {
    float: left;
}

.viewbreakup_box .viewbreak_list_wrapper .viewb_box .samout_ctbn span.sa_close_icon {
    float: left;
    padding-top: 7px;
    display: inherit;
}

.viewbreakup_box .viewbreak_list_wrapper .viewb_box .samout_ctbn span.sa_close_icon img {
    width: 31px;
}

.famout_dwnbox {
    width: 100%;
    display: inline-block;
}

.famout_dwnbox .famoutbox {
    float: left;
    display: flex;
    width: 215px;
    height: 37px;
    background: #FFCC33 0% 0% no-repeat padding-box;
    justify-content: center;
    align-items: center;
}

.famout_dwnbox .dwnload_btnbox {
    float: left;
    display: flex;
    width: 54px;
    height: 37px;
    background: #FFCC33 0% 0% no-repeat padding-box;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
}

.pnotecontent {
    width: 100%;
    float: left;
    display: inline-block;
    font-size: 9px;
    color: #fff;
    padding-top: 9px;
}

.sftopbox {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #cecece;
}

.sftopbox p {
    margin: 0;
    color: #fff;
    font-size: 10px;
}

.sftopbox .sftitle_second {
    font-size: 12px;
    color: #fff;
    margin-bottom: 4px;
}

span.famount-title {
    padding-left: 8px;
}

.firstlable {
    display: inline;
    padding: 5px;
    background-color: #000000;
    color: #fff;
    box-sizing: border-box;
    font-size: 12px;
}

.re-animate-right {
    position: relative;
    animation: animateright 0.4s;
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0;
    }
    to {
        right: 0;
        opacity: 1;
    }
}

.re-animate-bottom {
    position: relative;
    /* animation: animatebottom 0.4s; */
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0;
    }
    to {
        bottom: 0;
        opacity: 1;
    }
}

#warning-message {
    display: none;
    width: 100%;
    text-align: center;
    height: 100%;
    background: #FFCC33;
}

#warning-message img {
    /* max-width: 100px;
  width: 75px; */
    width: 150px !important;
}

.msgforlandscape {
    position: absolute;
    text-align: center;
    padding: 0px 30px;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 14px;
    color: #ffffff;
    margin: auto;
    height: 150px;
}

.msgforlandscape p {
    font-weight: 400;
    margin: 0px;
    padding: 0px;
}

.msgforlandscape p strong,
.msgfooter strong {
    font-weight: 800!important;
    font-size: 16px;
    color: #ffffff;
}

.msgfooter {
    position: absolute;
    bottom: 30px;
    font-size: 14px;
    color: #333;
    left: 0px;
    right: 0px;
}

*::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
}


/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
}


/* New shadow dom for play button */


/* This one works! */

*::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
}

video::-webkit-media-controls {
    display: none;
    -webkit-appearance: none;
}

video::-webkit-media-controls-overlay-play-button {
    display: none;
}

@media only screen and (orientation:portrait) {
    .main-wrapper {
        display: none;
    }
    #warning-message {
        display: block;
    }
    #MobileViewPortait {
        display: flex;
    }
    #MobileLandscapViewPortait {
        display: none;
    }
}

@media only screen and (orientation:landscape) {
    #warning-message {
        display: none;
    }
    #MobileViewPortait {
        display: none;
    }
    #MobileLandscapViewPortait {
        display: flex;
    }
    .landscap-color-manu {
        top: -50% !important;
    }
}

.btnwrapper {
    position: absolute;
    z-index: 999999999999!important;
    height: 100vh;
    overflow: hidden;
    background: #fff;
}

button {
    cursor: pointer;
}

.fbbox {
    position: relative;
}

.main-wrapper .rightbox .sidebox .fbbox input::placeholder {
    color: #fff;
}

@media screen and (min-width: 600px) and (max-width: 869px) {
    .btnwrapper {
        position: fixed!important;
    }
    ul.detail_menu li,
    .backmainbtn span.backtext {
        font-size: 10px!important;
        text-transform: none !important;
    }
    /* .main-wrapper .content_wrapper {
        height: calc(100vh - 82px)!important;
    } */
    .main-wrapper {
        position: fixed;
    }
    .main-wrapper .topheader {
        position: absolute!important;
        width: 100%;
        top: 0px;
    }
    .main-wrapper .mainwrapper {
        /* position: absolute!important; */
        position: fixed !important;
        bottom: 0px!important;
    }
    .full_content_wrapper {
        height: 100vh !important;
        top: 0px !important;
    }
    /* .main-wrapper .content_wrapper {
        top: -22px !important;
        height: calc(100% - 16px)!important;
        position: fixed;
        width: 100%!important;
        overflow: hidden!important;
    } */
    .maincar {
        height: 100%!important;
    }
    /* #streamingVideo {
    top: 44px!important;
  } */
    .modalweapper {
        position: fixed!important;
    }
    .title-text {
        font-size: 13px!important;
        padding-top: 10px!important;
    }
    .wraper-heder .hedertop {
        width: calc((100% / 4) - 14px)!important;
        padding: 6px 7px!important;
    }
}

*::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
}


/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
}


/* New shadow dom for play button */


/* This one works! */

*::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
}

video::-webkit-media-controls {
    display: none !important;
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

.custom-video-controls {
    z-index: 2147483647;
}

@media (max-width: 640px) {
    .wheelsiconbtn {
        margin-left: -70px;
        background-size: 22px;
        padding-left: 5px;
    }
}

@media (max-width: 612px) {
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu .book_btn {
        padding: 0px 15px !important;
        font-size: 9px;
        width: 44px;
        background-size: 18px;
    }
    .login_btn {
        background-size: 15px;
    }
    .drag-scroll-content .drag_scroll_item-list {
        font-size: 8px !important;
    }

    .accessory_backmainbtn {
        font-size: 8px !important;
    }
    /* .main-wrapper .mainmenucontainer .mainmenu li {
        width: 80px;
        font-size: 8px;
    } */
    .wheelsiconbtn {
        background-size: 20px;
        padding-left: 3px;
    }
    .bookonlinebtn {
        background-size: 17px;
    }
    .login_btn {
        background-size: 17px;
        padding-left: 30px;
        padding-right: 20px!important;
    }
}

@media (max-width: 520px) {
    .drag-scroll-content .drag_scroll_item-list {
        font-size: 7px !important;
    }
    .accessory_backmainbtn {
        font-size: 7px !important;
    }
    .main-wrapper .mainmenucontainer .mainmenu li {
        padding-right: 3px!important;
        background-size: 19px;
        width: 46px;
        font-size: 10px;
    }
    .login_btn {
        background-size: 15px;
    }
    .drag-scroll-content .drag_scroll_item-list {
        font-size: 8px !important;
    }
    /* .detail_menu li span {
        font-size: 10px !important;
    } */
    .accessory_backmainbtn {
        font-size: 8px !important;
    }
    .main-wrapper .mainmenucontainer .mainmenu li {
        width: 56px;
        font-size: 14px;
    }
}

@media (max-width:568px) {
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu {
        margin-right: 6px;
        width: 42%;
    }
    .login_btn {
        background-size: 17px;
        padding-left: 9px;
    }
}

@media (max-width: 640px) {
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu {
        width: 27%;
    }
}

@media (max-width: 568px) {
    .drag-scroll-content .drag_scroll_item-list {
        font-size: 8px !important;
    }
    /* .detail_menu li span {
        font-size: 10px !important;
    } */
    .accessory_backmainbtn {
        font-size: 8px !important;
    }
    .main-wrapper .mainmenucontainer .mainmenu li {
        width: 100% !important;
        font-size: 14px !important;
        margin: 0px !important;
        padding-left: 5px !important;
        /* height: 40px!important; */
    }

    .main-wrapper .mainmenucontainer .mainmenu li .menu-item-icon {
        padding: 5px 7px;
    }

    .main-wrapper .mainmenucontainer .mainmenu {
        width: 100% !important;
    }
    .main-wrapper .mainmenucontainer ul.bookmenu.rightmenu {
        width: 25%;
    }
    .appSidenav .mainmenu.leftmenu {
        padding-top: 20px!important;
    }
}

@media (max-width: 568px) and (orientation: portrait) {
    .appSidenav .mainmenu.leftmenu {
        padding-top: 10px!important;
    }
}

@media (max-width: 389px) and (orientation: portrait) {
    app-footer-menus .menu-item-container {
        padding: 2% 0.5rem !important;
    }
}

@media (min-width: 390px) and (max-width: 500px) and (orientation: portrait) {
    app-footer-menus .menu-item-container {
        padding: 4% 0.5rem !important;
    }
}

@media (min-width: 501px) and (max-width: 1000px) and (orientation: portrait) {
    app-footer-menus .menu-item-container {
        padding: 2.5% 0.5rem !important;
    }
}

/* .main-wrapper .mainmenucontainer .mainmenu li:hover img {
    filter: brightness(0.1);
} */

/* .main-wrapper .mainmenucontainer .mainmenu li.active img {
    filter: brightness(0.1);
} */

.list-group-item.close-btn {
    padding-left: 10px!important;
}

.list-group-item.close-btn img {
    filter: brightness(0.1)!important;
}

*::-webkit-media-controls-panel {
    display: none!important;
    -webkit-appearance: none;
}


/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
    display: none!important;
    -webkit-appearance: none;
}


/* New shadow dom for play button */


/* This one works! */

*::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none;
}

video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

video::-webkit-media-controls {
    display: none !important;
}


/* personalize popup style */

.modalweapper .modal-box .modal-content .fgroup_box {
    margin-top: 15px !important;
    margin-left: 5px;
}

.modalweapper .modal-box .modal-content .titleLoginForm select {
    margin-top: -5px;
}

.modalweapper .modal-box .modal-content .formnamebox {
    margin-left: 13px !important;
}

.modalweapper .modal-box .modal-content button,
.modalweapper .modal-box .modal-contentinput,
.modalweapper .modal-box .modal-contentselect,
.modalweapper .modal-box .modal-contenttextarea {
    font-size: inherit !important;
}


/* personalize popup style */


/* Custom Styling */

@media only screen and (min-width:1025px) {
    .remote {
        margin-top: 220px !important;
        /* margin-left: 70px !important; */
        min-width: 160px;
        min-height: auto;
    }
}

.remote.full-screen {
    width: 100% !important;
    height: 76% !important;
    max-width: 100% !important;
    margin: 0px !important;
    position: absolute;
    object-fit: fill
}

@media only screen and (max-width:2000px) {
    .advisor-video.remoteCustomer {
        min-width: 160px !important;
        min-height: 97px !important;
        max-width: 160px !important;
        max-height: 97px !important;
        top: -10px !important;
        z-index: 99;
    }
    /* .local {
        min-width: 160px;
        min-height: 97px;
        max-width: 160px;
        max-height: 97px;
    } */
    .callIcon.forscreenshot {
        top: 167px !important;
        left: 135px !important;
    }
    .callIcon.forscreenshot.fullscreenshow {
        top: 10px !important;
        right: 10px !important;
        height: auto !important;
        width: auto;
        position: absolute;
        left: inherit !important;
    }
    .xyz,
    .callIcon {
        left: 135px !important;
        top: 64px !important;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        height: 92px;
    }
    .callIcon p {
        margin: 4px 0px;
        width: 25px;
        height: 25px;
    }
    .callIcon p .float-icon {
        margin-top: 7px;
        font-size: 12px;
    }
    .remote {
        min-width: 160px;
        margin-top: 168px !important;
        left: 20px;
    }
    .remote.full-screen {
        width: 100% !important;
        height: 76% !important;
        max-width: 100% !important;
        margin: 0px !important;
        position: absolute;
        object-fit: fill
    }
}

@media only screen and (max-width:815px) and (min-width:811px) {
    .full-screen {
        position: absolute !important;
        max-height: inherit;
        bottom: 0px;
        object-fit: fill
    }
}

@media only screen and (max-width:991px) {
    .callIcon.forscreenshot.fullscreenshow {
        z-index: 9999999;
        top: 10px !important;
        right: 10px !important;
        height: auto !important;
        width: auto;
        position: fixed;
        left: inherit !important;
    }

    .scroll_detail_wrapper.re-animate-bottom{
        height: 36px !important;
    }

    .accessory_backmainbtn,
    .scroll_detail_wrapper.re-animate-bottom #Extlist{
        height: 37px;
    }
    .drag_scroll_item{
        bottom: 39px;
    }
    #bottombar .scroll_detail_wrapper.re-animate-bottom .exterior-close-btn {
        padding: 9px 9px;
    }
    .main-wrapper .detail_wrapper{
        height: 36px;
    }
    #Extlist .accessory_backmainbtn .backtext{
        padding-bottom: 0px !important;
    }
    .drag_scroll_item{
        bottom: 37px !important;
        left: 101px !important;
    }
    .drag-scroll-content .drag_scroll_item-list{
        line-height: 18px;
        height: 35px !important;
    }
    /* .scroll_detail_wrapper.re-animate-bottom,
    .accessory_backmainbtn{
        height: 36px !important;
    } */
    /* .drag-scroll-content .drag_scroll_item-data {
        top:12px !important;
    } */
    /* .main-wrapper .detail_wrapper {
        height: 35px;
    }
    .feature-category {
        top: 1px;
    } */
    .feature-category {
        height: 40px !important;
    }
    .feature-category .drag-scroll-content .drag_scroll_item-data {
        position: relative;
        align-items: center;

    }
    .sub-feature-category .scroll_detail_wrapper{
        height: 36px;
    }
   .accessoryChild .accessory_backmainbtn{
    height: 36px !important;
    }

    #bottombar .scroll_detail_wrapper.re-animate-bottom .exterior-close-btn,
    .exterior-close-btn,
    .feature-category .exterior-close-btn {
        width: 43px;
    height: 36px;
    /* padding: 8px 11px !important; */
    padding: 9px 10px !important;
    }
    .accessoryChild .scroll_detail_wrapper{
        height: 36px;
    }
    .accessoryChild .exterior-close-btn{
        width: 37px !important;
    }
    .accessoryChild .addedicon{
        top: -4px !important;
    }
    .accessoryChild .drag_scroll_item-data .addediconSpan{
        top: 14px !important;
        margin-top: -4px;
    float: left;

    }

    .feature-category .drag-scroll-content .drag_scroll_item-list{
        height: 33px !important;
    }

}


/* wait modal css */
.connect-expert-form {
    padding: 15px;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
}
.disabled-content {
    pointer-events: none;
    opacity: 0.4;
}
.invalid-feedback {
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.show-date {
    text-decoration: underline;
    cursor: pointer;
}

.date-picker {
    margin-left: -4px;
}

.timeslot-styles {
    padding-top: 15px;
    padding-bottom: 0px;
}

.slots-row {
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
}
.modal-body .slots-row:last-child {
    margin-bottom: 0px;
}
.time-slot-div {
    cursor: pointer;
    border: 2px solid #e60121;
    padding: 5px;
    border-radius: 100px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e60121;
    text-align: center;
}
.time-slot-div img{
    width: 18px;
    height: 18px;
    margin-left: 10px;
    object-fit: contain;
}
.bs-datepicker-container{
    padding-top: 0px;
}
.right-check-icon{
    margin: 20px 0px;
}
.right-check-icon img{
    width: 50px;
    object-fit: contain;
}

.wait-while-we-connect {
    white-space: nowrap;
}

.time-remaining {
    color: #000;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.5;
}

.waiting-modal-body {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    display: flex;
    border: 1px solid #e60121;
    color: #e60121;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 57px;
}

.summarybox .agreeChekboxs{     padding: 5px 0;}

 .agreeChekboxs .checkboxwrap {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    min-height: 21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }


  .agreeChekboxs .checkboxwrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }


  .agreeChekboxs .checkboxwrap .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #bababa;
    border-radius: 4px;
  }




  .agreeChekboxs .checkboxwrap input:checked ~ .checkmark {
    background-color: #e60c20;
    border-color: #e60c20;
  }


  .agreeChekboxs .checkboxwrap .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }


  .agreeChekboxs .checkboxwrap input:checked ~ .checkmark:after {
    display: block;
  }


  .agreeChekboxs .checkboxwrap .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }



.ai-assistance-car-intro-container {
    position: absolute;
    bottom: 100px;
    margin: 0 auto;
    left: 0;
    text-align: center;
    right: 0;
    opacity: 0;
    transform: translateY(100%);
    animation: fade-in-bottom 1s ease-in-out forwards;
}

.ai-assistance-car-intro-container .intro-text {
    font-size: 20px;
    color: #BEBEBE;
}

.ai-assistance-car-intro-container .intro-car-name {
    background: -webkit-linear-gradient(#FFFFFF, #C9C9C9);
    font-size: 50px;
    line-height: 55px;
    font-weight: 500;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 10px;
}

@keyframes fade-in-bottom {
    0% {
      opacity: 0;
      transform: translateY(100%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .ai-assistance-car-drive-type-container,
  .ai-assistance-car-transmission-type-container,
  .ai-assistance-show-features-one-by-one-container,
  .ai-assistance-book-car-option-container {
    position: absolute;
    bottom: 100px;
    margin: 0 auto;
    left: 0;
    text-align: center;
    right: 0;
    opacity: 0;
    transform: translateY(100%);
    animation: fade-in-bottom 1s ease-in-out forwards;
    z-index: 9;
    width: max-content;
  }

  .ai-assistance-car-drive-type-container  .drive-type-btns-container,
  .ai-assistance-car-transmission-type-container  .transmission-type-btns-container {
      display: flex;
      justify-content: center;
  }

  .ai-assistance-book-car-option-container .car-book-options-btn-container {
    display: flex;
    justify-content: space-between;
    width: 600px;
}

  .ai-assistance-car-drive-type-container  .drive-type-btns-container .drive-type-btn-tooltip {
      font-size: 8px;
      text-align: end;
      margin-right: 5px;
  }

  .ai-assistance-car-drive-type-container .drive-type-btn,
  .ai-assistance-car-transmission-type-container .transmission-type-btn,
  .car-book-options-btn-container .car-book-type-btn {
    background: -webkit-linear-gradient(#FFFFFF, #C9C9C9);
    color: black;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 15px;
    text-transform: uppercase;
    width: 180px;
    cursor: pointer;
}

.ai-assistance-feature-text,
.ai-assistance-transmission-drive-type-desc,
.ai-assistance-car-book-option-desc {
    background: rgba(0,0,0, .5);
    color: white;
    width: fit-content;
    padding: 5px 20px;
    margin: 35px auto 0;
    border-radius: 28px;
}

.ai-assistance-show-feature-one-by-one-desc {
    background: rgba(0,0,0, .5);
    color: white;
    width: fit-content;
    padding: 5px 20px;
    margin: 25px auto 0;
    border-radius: 28px;
}

.ai-assistance-car-drive-type-desc {
    background: rgba(0,0,0, .5);
    color: white;
    width: fit-content;
    padding: 5px 20px;
    margin: 15px auto 0;
    border-radius: 28px;
}

.ml-50px {
    margin-left: 50px;
}

.gap-between-btns {
    margin-left: 50px;
}

.ai-assistance-show-feature-container {
    position: absolute;
    bottom: 125px;
    margin: 0 auto;
    left: 0;
    text-align: center;
    right: 0;
    opacity: 0;
    transform: translateY(100%);
    animation: fade-in-bottom 1s ease-in-out forwards;
}

.ai-assistance-select-car-version-container {
    position: absolute;
    bottom: 100px;
    margin: 0 auto;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translateY(100%);
    animation: fade-in-bottom 1s ease-in-out forwards;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9;
    max-width: 900px;
  }

  .ai-assistance-select-car-version-box-container {
    display: flex;
    max-width: 900px;
    overflow-x: scroll;
    -ms-overflow-style: initial;  /* IE and Edge */
    scrollbar-width: 4px;
  }

  .ai-assistance-select-car-version-box-container::-webkit-scrollbar {
    width: 4px!important;
    height: 4px!important;
    display: block;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }

  .ai-assistance-select-car-version-box-container::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }

  .ai-assistance-select-car-version-box-container::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
  }

.ai-assistance-select-car-version-container .car-version-box {
    background: -webkit-linear-gradient(#FFFFFF, #F4F4F4);
    margin: 0 15px 5px;
    padding: 2px;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid #FFFFFF;
}

.ai-assistance-select-car-version-container .car-version-box:hover,
.ai-assistance-select-car-version-container .selected-car-version-box {
    box-shadow: rgba(255, 0, 0, 0.16) 0px 3px 6px, rgba(255, 0, 0, 0.23) 0px 3px 6px;
    border: 1px solid red;
}

.car-version-box-header {
    display: flex;
    padding: 10px 10px 0;
}

.car-version-box-header-text {
    font-size: 22px;
    text-transform: uppercase;
}

.car-version-box-header-version-text {
    font-weight: 500;
    margin-left: 10px;
    font-size: 22px;
    text-transform: uppercase;
    padding: 0 10px;
}

.car-version-highlight-text {
    font-size: 12px;
    margin-top: 10px;
    font-weight: bold;
    padding: 0 10px;
}
.car-version-highlight-point-ol {
    list-style-type: circle;
}

.car-version-highlight-point {
    font-size: 12px;
}

.car-version-price {
    background: -webkit-linear-gradient(#1E1E1E, #272727);
    color: white;
    border-radius: 12px;
    font-size: 15px;
    padding: 5px 12px;
    margin-top: 15px;
}

.car-version-footer {
    margin-top: 25px;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 700px;
    margin: 35px auto 0;
}

.car-features-footer {
    margin-top: 25px;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 250px;
    margin: 20px auto 0;
}

.ai-assistance-car-version-footer-text {
    background: rgba(0,0,0, .5);
    color: white;
    width: fit-content;
    padding: 5px 20px;
    border-radius: 28px;
    cursor: pointer;
}

.br-1px-white {
    border: 1px solid white;
}

.car-version-footer .back-btn,
.car-features-footer .back-btn {
    background: rgba(0, 0, 0, .5);
    border-radius: 50%;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: auto;
}

.car-version-footer .back-btn img,
.car-features-footer .back-btn img {
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
}

.ml-15px {
    margin-left: 15px;
}

.ai-assistance-voice-btn {
    width: 40px;
    height: 40px;
    margin: 25px auto 0;
    max-width: 40px;
    max-height: 40px;
}

.ai-car-show-features-voice-btn {
    width: 40px;
    height: 40px;
    max-width: 40px;
    max-height: 40px;
    margin-right: auto;
    margin-left: 20px;
}

.ai-assistance-voice-btn-img {
    width: 40px;
    height: 40px;
    margin: auto;
    max-width: 40px;
    max-height: 40px;
}

.ai-assistance-features-container {
    display: flex;
    align-items: end;
    justify-content: center;
}

.ai-assistance-feature-card {
    height: 150px;
    background: white;
    width: 300px;
    border-radius: 12px;
    position: relative;
}

.ai-assistance-feature-card-nav-btn {
    background: rgba(0, 0, 0, .5);
    color: white;
    border: 1px solid white;
    border-radius: 18px;
    padding: 5px 10px;
    font-size: 12px;
}

.ai-assistance-feature-card-nav-count {
  color: white;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.ai-assistance-feature-card-header {
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 12px;
    padding: 5px 5px 5px 10px;
    margin: 1px;
    text-transform: uppercase;
    text-align: left;
}

.ai-assistance-feature-card-content {
    margin-top: 10px;
    font-size: 14px;
    text-align: justify;
    padding: 0 15px;
}

.ai-assistance-feature-card-footer-text {
    color: #E60121;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 10px;
}

@media only screen and (max-width: 1000px) and (orientation : portrait) {
    .drive-type-btns-container .drive-type-btn,
    .ai-assistance-car-transmission-type-container .transmission-type-btn {
        font-size: 13px;
        width: 140px;
    }

    .gap-between-btns {
       margin-left: 20px;
    }

    .ai-assistance-car-drive-type-desc,
    .ai-assistance-feature-text,
    .ai-assistance-transmission-drive-type-desc,
    .ai-assistance-car-version-footer-text,
    .ai-assistance-car-version-footer-text,
    .ai-assistance-show-feature-one-by-one-desc {
        font-size: 12px;
        margin-left: 5px;
        margin-right: 5px;
        width: unset;
    }

    .back-btn {
        display: none!important;
    }

    .car-version-footer {
        justify-content: center;
        margin-top: 20px;
    }

    .ai-assistance-voice-btn {
        margin-top: 15px;
    }

    .ai-assistance-feature-card-nav-btn {
        padding: 2px 5px;
        font-size: 10px;
    }

    .ai-assistance-feature-card {
        width: calc(100% - 130px);
    }

    .ai-assistance-features-container {
        max-width: 375px;
    }

    .ai-car-show-features-voice-btn {
        margin: auto;
    }

    .car-book-options-btn-container {
        max-width: 375px;
        flex-wrap: wrap;
        justify-content: space-around!important;
    }

    .car-book-type-btn {
        font-size: 13px!important;
        max-width: 160px;
        margin-bottom: 15px;
    }

    .ai-assistance-car-book-option-desc {
        margin-top: 5px!important;
    }
}

.d2c-info-modal-wrapper {
    display: none;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100000;
    padding: 16px;
    border-radius: 16px;

}

.d2c-info-modal-title {
    color: #E60121;
    font-size: 1.3125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
}

.popup-button {
    font-weight: 600;
    padding: 8px 10px !important;
    min-width: unset !important;
    line-height: 20px !important;
    font-size: 18px !important;

}

.d2c-image {
    width: 100%;
    height: 220px;
    background-image: url(../../assets/images/d2c-cover.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}

.d2c-image img {
    width: 100%;
    height: 100%;
}

.d2c-text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin: 8px;
    text-align: center;
}

.phone-icon {
    background-image: url(./d2c-assets/call.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    width: 36px!important;
    height: 36px!important;
}

.green-button {
    background-color: #0B9D55 !important;
    height: 64px;
    width: 100%;
    margin: 0!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    border-radius: 8px;
    gap: 8px;
    transition: all 0.3s ease-in-out;
}

.green-button p {
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    margin: 00;
}

.green-button:hover {
    background-color: #07a657 !important;
}

/* .d2c-model-points {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    height: 160px;

}

.d2c-model-point.point-1 {
    background-image: url(./d2c-assets/one-one.png) ;
    background-position: center;
    background-size:contain;
    background-repeat: no-repeat;
}

.d2c-model-point.point-2 {
    background-image: url(./d2c-assets/questions.png) ;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
} */


@media screen and (max-width: 768px){
    .modal-custom-css {
        max-width: 300px;
        margin: 10vh auto;
    }

    .d2c-info-modal-title {
        font-size: 18px;
    }
    /* .d2c-model-points {
        height: 120px;
    } */

    .green-button {
        height: 48px;
    }

    .green-button p {
        font-size: 18px;
    }

    .d2c-image {
        height: 280px;
    }

}

@media screen and (max-width: 1000px) and (orientation : landscape){

    .modal-custom-css {
        max-width: 320px!important;
        margin: 8px auto!important;
    }

    .d2c-image {
        height: 200px;
    }

    /* .d2c-model-points {
        height: 90px;
    } */

    .green-button p {
        font-size: 14px;
    }
}





.qr-code-container {
    right: 5px;
    bottom: 5px;
    position: absolute;
}

.qr-code-class {
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(15px 15px 15px #1c1717);
    opacity: 1;
}
    .qr-code-class img {
        width: 135px;
        height: 135px;
    }

.qr-code-header {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    background: rgba(255, 255, 255, .5);
    border-radius: 8px;
}