html {
    font-size: 62.5%;
    overflow-x: hidden;
}

body {font-family: "Roboto", sans-serif!important; margin: 0; padding: 0; font-size: 1.6rem; color: #000000; overflow-x: hidden; word-spacing: 0.08rem;}

b, strong{
     font-family: "Roboto", sans-serif!important;
}
h1, h2, h3, h4, h5, h6 { margin: 0;
 font-family: "Roboto", sans-serif!important;
}

tbody, td, tfoot, th, thead, tr{
    font-family: "Roboto", sans-serif!important;
}

a {-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; color: #00adb5; text-decoration: none;
font-family: "Roboto", sans-serif!important;
}

a:hover {text-decoration: none;}
a:focus {outline: none; -webkit-box-shadow: none !important; box-shadow: none !important;}
p {font-weight: 400; font-size: 1.4rem; line-height: 2.3rem;
font-family: "Roboto", sans-serif!important;
}
p:last-child {margin-bottom: 0;}
/*.btn {-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0 1.5rem; background: #ffffff; color: #ffffff; min-width: 10rem; min-height: 4rem; font-size: 1.8rem; border: 0.2rem solid transparent; border-radius: 10rem; font-weight: 400;}
.btn:hover {color: #00adb5; background: #ffffff;}*/
button {-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: transparent; border: none; outline: none;}
button:focus {outline: none; -webkit-box-shadow: none !important; box-shadow: none !important;}
input:focus {-webkit-box-shadow: none !important; box-shadow: none !important; outline: none;}
.nav-link:focus, .nav-link:hover { color: #f47637;}

@media (min-width: 1700px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1270px;}

}

@media (min-width: 1550px) {
    .middleC .container{max-width: 1486px !important;}
}




.labeled-btn {white-space: nowrap; line-height: 1.5; display: inline-block; vertical-align: middle; color: var(--TWhite); border: 0; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; border-radius: 0 20px 0 20px; padding: 10px 30px; position: relative; z-index: 0; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.label_btn{background: var(--TWhite); border-radius: 0 20px 0 20px; padding: 15px 20px 15px 60px; text-transform: capitalize; color: var(--SColor); position: relative; margin-top: 5px; display: inline-block; min-width: 164px; text-align: center; }
.label_btn i {line-height: 20px; font-size: 18px; padding: 17px 14px; border-radius: 0 0 0 19px; background: var(--SColor); text-align: center; position: absolute; top: 0; left: -10px; margin-left: 10px; color: var(--TWhite);}
.labeled-btn:hover { color: var(--TWhite);}
.labeled-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: var(--TColor); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.labeled-btn:hover:before {-webkit-transform: scale(2); transform: scale(2);}



.form-control {height: 7rem; border: none; font-size: 2rem; border-radius: 1.3rem; padding-left: 3rem; color: #000000; font-weight: 400; border: none !important; background: #ffffff; -webkit-transition: 0.3s; transition: 0.3s;}
.form-control:focus {-webkit-box-shadow: none !important; box-shadow: none !important; outline: none; -webkit-box-shadow: 5px 5px 10px rgba(228, 142, 117, 0.2) !important; box-shadow: 5px 5px 10px rgba(228, 142, 117, 0.2) !important;}
.form-control::-webkit-input-placeholder {color: #363636;}
.form-control:-ms-input-placeholder {color: #363636;}
.form-control::-ms-input-placeholder { color: #363636;}
.form-control::placeholder {color: #363636;}
.form-control:disabled {background-color: #ffffff; opacity: 1;}

img {max-width: 100%;}
ul {padding: 0;margin: 0;}
li {list-style: none;}
.btn-primary { background: #00adb5;}

.btn-primary:hover {background: transparent !important; border-color: #00adb5 !important; color: #00adb5 !important;}
.btn-primary:focus {background: transparent !important; border-color: #00adb5 !important; color: #00adb5 !important;}
.btn-primary:active {background: transparent !important; border-color: #00adb5 !important; color: #00adb5 !important;}

.btn-border {color: #00adb5; border-color: #00adb5;}
.btn-border:hover {background: #00adb5; color: #ffffff;}
.btn-border:focus {background: #00adb5; color: #ffffff;}
.btn-border:active {background: #00adb5;color: #ffffff;}

.btn-sm { font-size: 1.6rem;}
.btn-xs {font-size: 1.4rem; min-width: 10rem; font-size: 1.4rem; padding: 0.8rem 2rem;}
.btn-md {min-width: 15rem; padding: 1.5rem 1rem;}
.btn-white.btn {background-color: #ffffff !important; color: #00adb5 !important;}
.btn-white.btn:hover {background-color: #00adb5 !important; color: #ffffff !important;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

 #header {
    padding: 0px 0;
    transition: all 0.5s;
    z-index: 997;
    background: var(--PColor);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
body {
    padding-top: 189px;
}
.header_logo img {
    max-height: 100px;
}
.pul-left{display: none; visibility: hidden;}

header.fixed-header{-webkit-backdrop-filter: blur(10px); -o-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
header.fixed-header #logo img { max-height: 42px !important;}
#header.header-scrolled, #header.header-fixed {background: rgba(6, 12, 34, 0.98); height: 70px; padding: 15px 0; transition: all 0.5s;}
#header #logo h1 {font-size: 36px; margin: 0; padding: 6px 0; line-height: 1; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;}
#header #logo h1 span {color: var(--PDColor);}
#header #logo h1 a, #header #logo h1 a:hover { color: #fff;}
#header #logo img {padding: 0; margin: 0; max-height: 68px; transition: all 0.5s;}
#logo { align-self: center;}

.onlyfor_mob{display: none; opacity: 0; visibility: hidden;}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {margin: 0; padding: 0; list-style: none;}
.nav-menu ul {position: absolute; display: none; top: 100%; left: 0; z-index: 99;}
.nav-menu li {position: relative; white-space: nowrap;}
.nav-menu > li {}
.nav-menu ul ul {top: 0; left: 100%;}
.nav-menu ul li { min-width: 180px;}

/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {padding-right: 30px;}
.sf-arrows .sf-with-ul:after {content: "\f107"; position: absolute; right: 15px; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: normal;}
.sf-arrows ul .sf-with-ul:after { content: "\f105";}

/* Nav Meu Container */
#nav-menu-container { margin: 0; align-self: center; padding: 0px;}



/* Nav Meu Styling */
.nav-menu a {padding: 8px; text-decoration: none; display: inline-block; color: #ffffff; outline: none; text-transform: uppercase; cursor: pointer; font-weight: 400;}
.nav-menu a:hover {color: #f47637;}
.nav-menu .menu-active a, .nav-menu a:hover {color: var(--SColor);}
.nav-menu > li {margin-right: 30px; align-self: center;}
.nav-menu > li > a:before {content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background-color: var(--PDColor); visibility: hidden; transition: all 0.3s ease-in-out 0s;}
.nav-menu a:hover:before, .nav-menu li:hover > a:before, .nav-menu .menu-active > a:before {visibility: hidden; width: 100%;}
.nav-menu li.buy-tickets a {color: #fff; background: var(--PDColor); padding: 7px 22px; border-radius: 50px; border: 2px solid var(--PDColor); transition: all ease-in-out 0.3s; font-weight: 500; margin-left: 8px; margin-top: 2px; line-height: 1; font-size: 13px;}
.nav-menu li.buy-tickets a:hover { background: none;}
.nav-menu li.buy-tickets:hover a:before, .nav-menu li.buy-tickets.menu-active a:before { visibility: hidden;}

.nav-menu ul {margin: 4px 0 0 0; padding: 10px; box-shadow: 0px 0px 30px rgb(127 137 161 / 25%); background: #fff; border-radius: 3px; padding: 0px; border: 0px; border-radius: 0px; top: auto; margin-top: -5px; left: 0; border-bottom: 3px solid var(--PDColor);}
.nav-menu ul li {transition: 0.3s;}
.nav-menu ul li a {padding: 10px; color: #060c22; transition: 0.3s; display: block; font-size: 13px; text-transform: none; border-radius: 0px;}
#nav-menu-container .dropdown-toggle::after {content: '\f107' !important; font-weight: bold !important; border: 0px; margin: 0px; padding: 0px; display: block; position: absolute; top: 6px; right: -10px; font-family: "Font Awesome 5 Free";}
#nav-menu-container  li.nav-item.dropdown {margin-right: 40px;}
.nav-menu ul li:hover > a {background: var(--PDColor); color: #fff;}
.nav-menu ul ul {margin: 0;}
#nav-menu-container .dropdown-menu li a{position: relative;}
#nav-menu-container .dropdown-menu li:hover a{padding-left: 20px;}

/* Mobile Nav Toggle */
#mobile-nav-toggle {position: fixed; right: 0; top: 0; z-index: 999; margin: 15px 15px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer;}
#mobile-nav-toggle i {color: #fff;}



/* Mobile Nav Styling */
#mobile-nav {position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background: rgba(6, 12, 34, 0.9); left: -260px; width: 260px; overflow-y: auto; transition: 0.4s;}
#mobile-nav ul {padding: 0; margin: 0; list-style: none;}
#mobile-nav ul li {position: relative;}
#mobile-nav ul li a {color: #fff; font-size: 17px; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none;}
#mobile-nav ul li a:hover { color: var(--PDColor);}
#mobile-nav ul li li {padding-left: 30px;}
#mobile-nav ul .menu-has-children i {position: absolute; right: 0; z-index: 99; padding: 15px; cursor: pointer; color: #fff;}
#mobile-nav ul .menu-has-children i.fa-chevron-up {color: var(--PDColor);}
#mobile-nav ul .menu-item-active {color: var(--PDColor);}
#mobile-body-overly {width: 100%; height: 100%; z-index: 997; top: 0; left: 0; position: fixed; background: rgba(6, 12, 34, 0.8); display: none;}

/* Mobile Nav body classes */
body.mobile-nav-active { overflow: hidden;}
body.mobile-nav-active #mobile-nav { left: 0;}
body.mobile-nav-active #mobile-nav-toggle { color: #fff;}




span.mobileside_toggle { display: none;}

#main-menu-toggle,
#close-main-menu,
.black-layer{display: none;}
.coll.align-self-center { display: inline;}


/*--Extra CSS--*/

.section_repeat{padding: 70px 0px;}
.sec_title{font-size: var(--font36); color: var(--TBlack); font-weight: 500; padding-bottom: 40px;}
.onlink{position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer;}


.Head_Right{display: flex;}
.head_Like_BTN{width: 40px; align-self: center;}
.head_Srh_BTN{flex: 1; padding-left: 70px;}
.Head_likeBTN{position: relative;}
.Head_likeBTN i{color: var(--TWhite); font-size: var(--font34);}

.likes_num{display: inline-block; width: 24px; height: 24px; background: var(--SColor); border-radius: 100px; text-align: center; line-height: 23px; font-size: var(--font12); color: var(--TWhite); position: absolute; top: -6px; right: -18px; font-weight: 600;}
.topLogo_bar{background: var(--TColor); padding: 10px 0px;}
.navbar_ROW{padding: 15px;}
.ddr_heading{color: var(--TWhite); font-size: var(--font18); font-weight: 500; position: relative; max-width: 119px;}
.ddr_heading::after{content: '\f124'; position: absolute; top: 0; right: 150px; font-size: var(--font34); color: var(--TWhite);  font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: bold;}
.ddr_header{color: var(--SColor); font-size: var(--font28); font-weight: 500; cursor: pointer;}
.ddr_header:hover{color: var(--PColor);}
.ddr_header i{color: var(--TWhite); display: inline-block; vertical-align: middle;}
.header_contact {justify-content: flex-end; display: flex; position: relative;}

/*== Hero Section ==*/
.hero_section {background: url("/javax.faces.resource/images/hero-banner.jpg.xhtml?ln=esteemcars") no-repeat; background-size: cover; height: 500px; display: flex; object-fit: cover;}
.hero_section .container {align-self: center; }
.Hmain_heading{font-size: var(--font70); color: var(--TWhite); text-shadow: 0px 3px 6px #000000; font-weight: bold; max-width: 810px;}
.Hmain_heading span{font-size: var(--font44); color: var(--TWhite); text-shadow: 0px 3px 6px #000000; font-weight: 500;}
.hero_SBTN .label_btn i{background: var(--PDColor);}
.hero_SBTN .label_btn{color: var(--TBlack);}
.hero_SBTN .labeled-btn:hover {color: var(--TWhite);}
.hero_SBTN{ max-width: 810px; margin-top: 30px;}

/*== Search By Body ==*/
.carlist_RBX h6{font-size: var(--font18); color: var(--TBlack); margin-top: 10px;}

/*== Animation ==*/
.carlist_RBX{position: relative;}
.carlist_RBX img {height: 64px; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7;transition: all 0.2s ease-in-out; scale: 1;}
.carlist_RBX:hover img{filter: grayscale(0%); opacity: 1;  scale: 1.1;}
.listof_cars_inner {--speed: 90s; --gap: 0em; display: flex; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; gap: var(--gap); -webkit-mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0)); mask-image: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0)); white-space: nowrap; justify-content: right;}
.carlist_RBX_perent {flex-shrink: 0; display: flex; align-items: center; justify-content: space-around; gap:90px; min-width: 100%; animation: slide var(--speed) linear infinite; padding: 0px 40px;}

@media (prefers-reduced-motion: reduce) {
    .carlist_RBX_perent {
        animation-play-state: paused;
    }
}
@keyframes slide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(+100% - var(--gap, 0px)));
    }
}
/*== END Animation ==*/

/*== Featured vehicles ==*/
.featured_vehicles{background: url("/javax.faces.resource/images/featured_vehicles_BG.jpg.xhtml?ln=esteemcars") no-repeat; background-size: cover; background-position: top center;}
.feature_vehicle_PBX{background: var(--TWhite); box-shadow: 4px 9px 16px rgb(0 0 0 / 18%); position: relative;}
.FV_IMG_BX{overflow: hidden;}
.FV_IMG_BX img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.Pbox_title{color: var(--TBlack); font-size: var(--font26); font-weight: 500;}
.Pbox_price{color: var(--PColor); font-size: var(--font26); font-weight: bold;}
.img_content_BX p{color: var(--TextGray); font-size: var(--font16); font-weight: 400; line-height: 24px;}
.img_content_BX{padding: 36px 22px;}
.feature_vehicl_BTN .label_btn i{background: var(--PDColor);}
.feature_vehicl_BTN .label_btn{color: var(--TWhite); background: var(--PColor);}
.feature_vehicl_BTN .labeled-btn:hover {color: var(--TWhite);}
.tab_BTNS li a {background: var(--TColor); color: var(--TWhite); font-size: var(--font18); text-transform: uppercase; font-weight: 500; padding: 10px 24px; min-width: 174px; text-align: center;}
.tab_BTNS li a:hover{background: var(--TColor); color: var(--TWhite);}
.tab_BTNS li a.active{background: var(--PColor); color: var(--TWhite);}
.tab_BTNS li:nth-of-type(1) a{border-radius: 35px 0px 0px 0px;}
.tab_BTNS li:last-child a{border-radius: 0px 0px 35px 0px;}
.FV_tab {display: flex; justify-content: flex-end; max-width: 1486px; margin: auto;}

/*== Why buy from us ==*/
.why_us_section {padding-bottom: 150px;}
.why_us_BX{background: var(--TWhite);  box-shadow: 4px 9px 16px rgb(0 0 0 / 18%); padding: 44px 24px; transition: all 0.5s ease-in-out;}
.icon_BX_IN{width: 186px; height: 186px; border-radius: 100%;  background: var(--TWhite); justify-content: center; display: flex; position: relative; box-shadow: 11px 9px 6px rgb(0 0 0 / 21%);margin: auto; top: -126px;transition: all 0.5s ease-in-out;}
.icon_BX_IN::after{content: ''; position: absolute;width: 186px; height: 186px; border: 4px dashed var(--SColor); border-radius: 100%;transition: all 0.5s ease-in-out; z-index: 1;}
.icon_BX_IN img{align-self: center;}
.IB_numbers {width: 70px; height: 70px; border-radius: 100%; border: 4px dashed var(--TWhite); background: var(--SColor); justify-content: center; display: flex; font-size: var(--font36); font-weight: bold; color: var(--TWhite); position: absolute; top: -8px; right: -18px;line-height: 66px; z-index: 2;}
.why_BXtitle{font-size: var(--font36); color: var(--TBlack); font-weight: bold;}
.why_icon_BX { max-height: 100px;}
.why_boxex_perent{margin-top: 10rem;}
.why_BXtitle p {color: var(--TextGray); font-size: var(--font18); font-weight: 400; line-height: 24px;}
.why_BX_BTN .label_btn{width: 100%;}
.why_BX_BTN .label_btn{background: var(--PColor); color: var(--TWhite); padding-left: 20px; font-size: var(--font18);}
.why_us_BX:hover .icon_BX_IN::after{border: 20px dotted var(--PColor); }
.why_us_BX:hover .icon_BX_IN{background: var(--PColor);}


/*== car Finance ==*/
.car_finance_sec{background: url("/javax.faces.resource/images/car-finance-animation.svg.xhtml?ln=esteemcars") no-repeat; background-size: contain; height: 496px; position: relative;}
.car_finance_sec::after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(0 70 126 / 85%); z-index: 1;}
.car_finance_desc { position: relative; z-index: 2;}
.car_financeForm {top: -100px; left: 0;}
.car_finance_desc {max-width: 740px; position: relative; top: 50%; transform: translate(0px, -80%);}
.car_finance_desc .sec_title{color: var(--TWhite);}
.car_finance_desc p{color: var(--TWhite);}
.carFinance_BTN .label_btn i { background: var(--PDColor);}
.carFinance_BTN .label_btn{color: var(--PColor);}
.carFinance_BTN .label_btn:hover{color: var(--TWhite);}
.carFinance_BTN .label_btn{margin-right: 30px;}

.label_btn { padding: 15px 60px 15px 15px;}
.label_btn i {line-height: 20px; font-size: 18px; padding: 17px 14px; border-radius: 0 0 0 19px; background: var(--SColor); text-align: center; position: absolute; top: 0; left: -10px; margin-left: 0; color: var(--TWhite); right: 0px; left: auto; border-radius: 0px 19px 0px 0px;}

/*== car Finance form ==*/
.car_financeForm {background: #00467e; width: 325px; margin: auto; padding: 2.5rem 2rem 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; position: relative; z-index: 10;}
.car_financeForm .row {position: relative; z-index: 3;}
.car_financeForm .forinput_only {display: table; width: 100%;}
.car_financeForm label {font-size: 12px; color: rgba(255, 255, 255, .72); letter-spacing: 0; font-weight: 500; mdisplay: block; line-height: 1; padding-left: 0;    margin: 0; margin-bottom: 0.8rem;}
.car_financeForm .forinput_only .inp_perent_Div { position: relative;}
.form_inpt { font-size: 16px; font-weight: 500; letter-spacing: 0; padding-left: 1.625rem; margin-bottom: 1.5rem; height: 50px; line-height: 50px; border: 2px solid #1564b0; background: #1564b0; color: rgba(255, 255, 255, .72); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: all, .3s; -moz-transition: all, .3s; -o-transition: all, .3s; transition: all, .3s; width: 100%;}
.car_financeForm .forinput_only .inp_perent_Div input+span:before {content: "$"; font-size: 16px; font-weight: 500; color: rgba(255, 255, 255, .72); letter-spacing: 0; position: absolute; top: 0; left: 1rem; line-height: 50px; height: 50px; -webkit-transition: all, .3s; -moz-transition: all, .3s; -o-transition: all, .3s; transition: all, .3s;}
.car_financeForm .term-select { padding-bottom: 1.5rem;}
.car_financeForm .term-select ul { display: flex; justify-content: space-between;}
.car_financeForm .term-select li { padding: 0 .25rem;}
.car_financeForm .term-select li a {border: 2px solid #1564b0; text-align: center; vertical-align: middle; font-size: 16px; color: rgba(255, 255, 255, .72); padding: 0 .25rem; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transition: all, .2s; -moz-transition: all, .2s; -o-transition: all, .2s; transition: all, .2s; width: 38px; height: 38px; line-height: 36px;  font-weight: 500; background: #1564b0; position: relative; margin: auto; cursor: pointer;}
.car_financeForm .term-select li a:hover:before {border: 10px solid rgba(255, 255, 255, .1); top: -10px; right: -10px; bottom: -10px; left: -10px;}
.car_financeForm .term-select li a:before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0); -webkit-transition: all, .3s; -moz-transition: all, .3s; -o-transition: all, .3s; transition: all, .3s;}
.car_financeForm .bold-amount {font-weight: 600; font-size: 24px; color: #1b75bb; letter-spacing: 0; line-height: 58px; padding-left: .625rem;}
.car_financeForm .apply-btn {padding: .25rem .675rem 0;}
.home-btn:hover, .home-btn:focus, .home-btn:active {background: #2990e0; color: #fff;}
.car_financeForm .home-btn {width: 100%; display: block; text-align: center; margin: 1rem auto 0;}
.home-btn {font-size: 14px; font-weight: 600; text-transform: uppercase; color: #fff; display: inline-block; text-align: center; line-height: 48px; padding: 0 2rem; background: #1b75bb; -webkit-transition: all, .3s; -moz-transition: all, .3s; -o-transition: all, .3s; transition: all, .3s;}
.car_financeForm .home-calc-disclaimer {padding: 1.5rem 0 0; display: inline-block;}
.home-calc-disclaimer { min-height: 210px;}
.car_financeForm .home-calc-disclaimer p {font-size: 11px; color: rgba(255, 255, 255, .4); letter-spacing: 0; line-height: 18px; font-weight: 400; margin-bottom: 1.5rem;}
.car_financeForm .term-select li a.active {background: #1564b0; color: #fff; border-color: rgba(255, 255, 255, .5);}
.form_selc{border: 2px solid #1564b0; font-weight: 500; color: rgba(255, 255, 255, .72); background: #1564b0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; letter-spacing: 0; font-size: 14px; padding: 7px 7px 7px .875rem !important; -webkit-transition: all, .3s; -moz-transition: all, .3s; -o-transition: all, .3s; transition: all, .3s; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; min-width: 10rem; width: 100%; height: 2.938rem; line-height: 2rem; cursor: pointer; height: 50px; padding: 0px 15px; width: 100%;}

.form_selc:hover {background: #125799 !important; color: #fff;}
.form_selc:focus-visible {outline: -webkit-focus-ring-color auto 0px;}
.forinput_only input::-webkit-outer-spin-button, .forinput_only input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }

/*== END car Finance form ==*/

.easy_online_finance {padding-top: 110px;}
.easy_online_content{padding-left: 40px;}
.easy_online_content h3{font-size: var(--font30); color: var(--TBlack); font-weight: bold;}
.easy_online_listing li{position: relative; padding-left: 114px; margin-bottom: 20px;}
.easy_online_listing li::after{content: ''; position: absolute; top: 0; left: 0; width: 84px; height: 84px; background: url("/javax.faces.resource/images/icon01.png.xhtml?ln=esteemcars") no-repeat;background-size: contain;}
.easy_online_listing li h5{font-size: var(--font34); color: var(--PColor); font-weight: bold;}
.easy_online_listing li p{font-size: var(--font22); color: var(--TextGray); font-weight: 400; max-width: 370px;}
.easy_online_finance_BTN{padding-left: 114px;}

/*== Footer ==*/
footer{background: url("/javax.faces.resource/images/footer-bg.jpg.xhtml?ln=esteemcars") no-repeat; background-size: cover; padding-top: 74px;}
.footer_social li{position: relative;padding-left: 26px; left: 10px; margin-bottom: 15px;}
.footer_social li::after{content: ''; position: absolute; top: 0; left: -26px; width: 29px; height:29px; border-radius: 100px; background: var(--SColor); z-index: 1;}
.footer_social li::before {content: '\f879'; position: absolute; font-size: var(--font16); color: var(--TWhite); font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: bold; z-index: 2; left: -19px; top: 2px;}
.footer_social li p {color: var(--TWhite); font-size: var(--font14); margin-bottom: 0px; line-height: 0.9;font-weight: 300;}
.footer_social li strong{color: var(--TWhite); font-size: var(--font14); font-weight: bold;}
.footer_social li:nth-of-type(4):before{content: '\f0e0';}
.tabsection_footer .tab_BTNS li a{background: var(--TWhite); color: var(--TBlack);}
.tabsection_footer .tab_BTNS li a.active {background: var(--PColor); color: var(--TWhite);}
.footer_OHrs tr td strong{color: var(--TWhite); font-size: var(--font18); font-weight: bold;}
.footer_OHrs tr td{color: var(--TWhite); font-size: var(--font18); font-weight: 300; padding-bottom: 5px;}
.footer_OHrs tr td:nth-of-type(even) { padding-left: 30px;}


.tabsection_footer .FV_tab { justify-content: center; margin-top: 50px;}

.footer_title{font-size: var(--font34); color: var(--TWhite); font-weight: 500; position: relative; margin-bottom: 30px;}

.footer_title:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 26px;
    background: #ff5d00;
    left: -15px;
    top: 5px;
}

.footer_title:after {
    position: absolute;
    content: "";
    background: var(--TextGray);
    width: 3px;
    height: 7px;
    left: 0;
    top: 0;
    left: -15px;
    overflow: hidden;
    -webkit-animation: line 8s infinite;
    animation: downslide 8s infinite;
}

@-webkit-keyframes downslide {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(30px);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes downslide {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(30px);
    }
    to {
        transform: translateY(0);
    }
}


.footer_links{margin: auto; text-align: center;}
.footer_links li{display: inline-block;}
.footer_links li a{position: relative; padding: 0px 20px; font-size: var(--font14); color: rgb(255 255 255 / 27%);}
.footer_links li a::after{content: ''; position: absolute; left: 0; top: 5px; height: 10px; width: 2px; background: rgb(255 255 255 / 27%);}
.footer_links li a:hover{color: var(--TWhite);}
.footer_links li:nth-of-type(1) a::after{display: none;}

.copyright{color: var(--TWhite);}
.bootom_bar{background: #1f1e1e; padding: 15px 0px;}
.app_socials{position: relative;    margin-top: 40px;padding-left: 24px;}
.app_socials::after {content: 'Follow us'; position: absolute; width: 100px; height: 20px; top: -26px; left: 38px; color: var(--TWhite); font-size: var(--font12); text-transform: uppercase;}
.app_socials li{display: inline-block; margin-left: 10px;}
.app_socials li a {width: 30px; height: 30px; background: var(--TWhite); color: var(--PColor); font-size: var(--font14); border-radius: 100%; text-align: center; line-height: 30px;}
.app_socials li a:hover{color: var(--TWhite); background: var(--SColor);}


/*-- Location pop-up --*/
.location_modal_BX {position: absolute; background: #fafafa; padding: 1.5rem 1.5rem .75rem 1.5rem; z-index: 10; color: #2e3a4d; min-width: 430px; top: 52px; right: 0; -webkit-box-shadow: 5px 5px 10px rgba(70,70,70,.1); -moz-box-shadow: 5px 5px 10px rgba(70, 70, 70, .1); box-shadow: 5px 5px 10px rgba(70,70,70,.1); display: none; visibility: hidden; opacity: 0;}
.delar_location_BX {border-bottom: 1px solid rgba(0, 0, 0, .1); display: inline-block;  width: 100%;}
.icon-close {display: flex; justify-content: end; opacity: 0.6;position: relative; top: -5px; cursor: pointer;}

.map_BX {display: block; width: 100px; float: left; border: 3px solid rgba(70, 70, 70, .3); margin-bottom: 10px;}
.map_BX a {color: rgba(35, 31, 33, .58); -webkit-transition: all, .3s; -moz-transition: all, .3s; -o-transition: all, .3s; transition: all, .3s;}
.text_BX {width: 280px; float: left; padding: .5rem 0 0 1rem;}
.title_content {font-size: var(--font16); font-weight: bold !important; margin-bottom: .25rem; display: block;text-align: left; font-weight: 500; color: #333;}
.phone-link a, .email_link a{font-size: var(--font14); color: var(--TBlack);}
.hours_BX{font-size: var(--font12); color: var(--TBlack); display: block;}
.view_BTN{display: block;}
.view_BTN a{font-size: var(--font12); color: var(--PColor);}

.header_contact.active .location_modal_BX{display: inline-block; visibility: visible; opacity:1;}


.header_contact_num{position: relative; padding-left: 50px;}
.header_contact_num::after{content: '\f590';position: absolute; left: -10px; top: -2px; width: 40px; height: 40px; font-size: var(--font44); color: var(--SColor); font-family: "Font Awesome 5 Free"; font-weight: bold;}
.header_contact_num p{color: var(--SColor); font-size: var(--font16);margin: 0px;}
.header_contact_num span{color: var(--TWhite); font-size: var(--font44); font-weight: 600; margin-top: 5px;}


a.gotop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #f47637;
    color: #ffffff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}

a.gotop i {
    line-height: 42px;
}


a.gotop:hover {
    background: #ffffff;
    color: var(--SColor);
}

.bottombar {
    color: #2b4a8b;
    background-color: white;
    font-size: 10px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bottombar p {
    font-size: 12px;
    color: #ffffff;
}

.footer_links li {
    vertical-align: baseline;
}

.footer_links li a {
    color: var(--TWhite);
    font-family: "Roboto", sans-serif;
}

.footer_links li a:hover {
    color: var(--SColor);
}

.app_socials li a i {
    line-height: 30px;
}

.bottombar a {
    color: #2b4a8b;
}


.contactus_page .footer_links{margin: auto; text-align: center;}
.contactus_page .footer_links li{display: inline-block;}
.contactus_page .footer_links li a{position: relative; padding: 0px 20px; font-size: var(--font14); color: rgb(255 255 255 / 27%);}
.contactus_page .footer_links li a::after{content: ''; position: absolute; left: 0; top: 5px; height: 10px; width: 2px; background: rgb(255 255 255 / 27%);}
.contactus_page .footer_links li a:hover{color: var(--TBlack);}
.contactus_page .footer_links li:nth-of-type(1) a::after{display: none;}
.contactus_page .footer_social li p, .contactus_page .footer_social li strong{color: var(--TBlack);}
.contactus_page .footer_social li:nth-of-type(2):before {content: '\f0e0';}
.contactus_page .footer_social li:nth-of-type(3):before {content: '\f124';}
.contactus_page .footer_OHrs tr td strong, .contactus_page .footer_OHrs tr td { color: var(--TBlack);}
.map_title{font-size: var(--font16);}
.contactus_page .footer_social li{margin-bottom: 30px;}
.contactus_page .footer_title:after {position: absolute; content: ""; background: var(--TWhite); width: 3px; height: 7px; left: 0; top: 0; left: -15px; overflow: hidden; -webkit-animation: line 8s infinite; animation: downslide02 8s infinite;}
.footer_social li::after {background: transparent;}
.footer_social li::before{color: var(--TBlack); opacity: 0.3;top: -5px;}
.sales-team ul {padding: 2rem 0 1rem; padding-top: 2rem; border-top: 2px dotted #f5f5f5;display:flex; }
    ul.sales .salesPBX { width: 50%; margin-bottom: 20px;}
.sales-team ul li .contact-img {width: 30%; max-width: 110px; float: left;}
ul.sales .salesPBX img {-webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; width: 80px; margin-right: 5px; border: #c8ced5 solid 2px; background: #fff;}
.sales-team ul li .contact-info {width: 70%; float: left; font-size: 14px;}
ul.sales .salesPBX .name {font-size: 14px; font-weight: 700; line-height: 1.4;}
.sales-team ul li .contact-info a {font-size: 14px; border-bottom: 1px dotted #ededed; color: #a0a0a0; -webkit-transition: all, .3s; -moz-transition: all, .3s; -o-transition: all, .3s; transition: all, .3s;}
ul.sales .salesPBX span{display: block;color: #a0a0a0;}
.email a{color: #a0a0a0;}
.salesPBX .col-sm-4{width: 95px;}
.salesPBX .col-sm-8{flex: 1; padding-left: 20px;}
ul.sales{display: flex; flex-wrap: wrap;}
ul.sales li{width: 50%;}
.SP_phone, .name{color: #000000 !important; font-size: 14px; font-weight: 600;}
.form-control{ background-color: #f4f6f9; color: var(--TColor); font-weight: 600;}
.form-control:focus {color: var(--TColor); background-color: #f4f6f9;; border-color: var(--PColor); outline: 0; box-shadow: none; }
.form-control:hover{ border-color: var(--PColor);}
textarea.form-control{min-height: 140px;}
.contactus_page .form-control { border-radius: 0px;}
.contactus_page .form-control:focus {-webkit-box-shadow: 0px 3px 6px rgb(183 207 227 / 61%) !important; box-shadow: 0px 3px 6px rgb(183 207 227 / 61%) !important;}


.header_contact_num{position: relative; padding-left: 50px;}
.header_contact_num::after{content: '\f590';position: absolute; left: -10px; top: -2px; width: 40px; height: 40px; font-size: var(--font44); color: var(--SColor); font-family: "Font Awesome 5 Free"; font-weight: bold;}
.header_contact_num p{color: var(--SColor); font-size: var(--font16);margin: 0px;}
.header_contact_num span{color: var(--TWhite); font-size: var(--font44); font-weight: 600; margin-top: 5px;}

.applybutton {
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0%);
}
#carouselExampleFade {
    position: relative;
}