html,
body {
    font-family:"urw-din";
}

/* ---- hd-type :start ---- */
.brand-heading-1 {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.08;
    margin-bottom: 15px;
}
.brand-heading-2 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.08;
    margin-bottom: 15px;
}
/* ---- hd-type :end ---- */

/* ---- .btn-style :start ---- */
.btn-style-1 {
    color: #ffffff;
    background-color: #0099d4;
    border: 1px solid #0099d4;
}
.btn-style-1:hover {
    color: #0099d4;
    background-color: transparent;
    border-color: #0099d4;
}

.btn-style-2 {
    color: #0099d4;
    background-color: transparent;
    border: 1px solid #0099d4;
}
.btn-style-2:hover {
    color: #ffffff;
    background-color: #0099d4;
    border-color: #0099d4;
}
/* ---- .btn-style :end ---- */

/* ---- .toggle-2 :start ---- */
.toggle-2 .toggle-btn .toggle__label {
    background-color: #ffffff;
    border-color: #0099d4;
}
.toggle-2 .toggle-btn .toggle__label::after {
    background-color: #0099d4;
}
.toggle-2 .toggle-btn .toggle__input:checked + .toggle__label {
    background-color: #0099d4;
}
/* ---- .toggle-2 :end ---- */

/* ---- .brand-btn-1 :start ---- */
.brand-btn-1 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #030304;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0;
    padding: 12px 10px;
    margin: 0;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.brand-btn-1:hover {
    color: #ffffff;
    background-color: #0099d4;
    border-color: #0099d4;
}
/* ---- .brand-btn-1 :end ---- */

/* ---- .brand-btn-2 :start ---- */
.brand-btn-2 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
    background-color: #0099d4;
    border: 1px solid #0099d4;
    border-radius: 0;
    padding: 12px 10px;
    margin: 0;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.brand-btn-2:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}
/* ---- .brand-btn-2 :end ---- */

/* ---- .brand-btn-3 :start ---- */
.brand-btn-3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #0099d4;
    border-radius: 0;
    padding: 12px 10px;
    margin: 0;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.brand-btn-3:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}
/* ---- .brand-btn-3 :end ---- */

/* ---- owldots-2 :start ---- */
.owldots-2 .owl-dots .owl-dot span {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}
.owldots-2 .owl-dots .owl-dot:hover span {
    background-color: #000000;
    border-color: #000000;
}
.owldots-2 .owl-dots .owl-dot.active span {
    background-color: #0099d4;
    border-color: #0099d4;
}
/* ---- owldots-2 :end ---- */

/* ---- link-s1 :start ---- */
.link-s1 {
    color: #0099d4;
}
.link-s1:hover {
    color: #0099d4;
}
/* ---- link-s1 :end ---- */

/* ---- form-style-1 :start ---- */
.form-style-1 .form-control:focus {
    border-color: #0099d4;
}
/* ---- form-style-1 :end ---- */

.daterange-box:has(input:focus-within)::after {
    color: #0099d4;
}
.list-style-1 li::before {
    color: #0099d4;
}
.brand-color-1 {
    color: #0099d4;
}
.nice-select .option.selected.focus {
    background-color: #0099d4 !important;
}


/* Header top section :start */
.header-top {
    background-color: #393939;
}
.header-top .htop-inner ul.htlist-1 li {
    border-color: #5b5b5b;
}
.header-top .htop-inner ul.htlist-1 li a:hover {
    color: #0099d4;
}
.header-top .htop-inner ul.htlist-2 li.htl-s1 a {
    color: #ffffff;
    background-color: #0099d4;
}
.header-top .htop-inner ul.htlist-2 li.htl-s2 a em {
    /* color: #ffffff; */
    /* background-color: #0099d4; */
}
.header-top .htop-inner ul.htlist-2 li.htl-s2 a:hover {
    color: #0099d4;
    background-color: transparent;
}
.header-top .htop-inner ul.htlist-2 li.htl-s1 a:hover {
    color: #ffffff;
    background-color: #000000;
}


.header-top .htop-inner ul.htlist-2 {
    gap: 15px;
}
.header-top .htop-inner ul.htlist-2 li.htl-s1.htl-btngroup {
    display: inline-flex;
    gap: 1px;
    font-size: 11px;
}
.header-top .htop-inner ul.htlist-2 li.htl-s1.htl-btngroup a {
    padding: 10.5px 10px;
}
/* Header top section :end */

/* Header section :start */
.classynav ul li .active {
    color: #0099d4 !important;
}
.classynav>ul>li>a:before {
    background-color: #0099d4;
}
.classy-nav-container .classynav a {
    font-size: 16px;
    font-weight: 700;
    text-transform: initial;
}
.classy-nav-container .classynav a:hover, 
.classy-nav-container .classynav a:focus {
    color: #0099d4;
}
.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a:hover, 
.classy-nav-container .classy-navbar .classynav ul li.megamenu-item ul li a:hover {
    color: #ffffff !important;
    background-color: #0099d4;
}
/* Header section :end */

/* usedcar section :start */
.usedcarsearch-section {
  background-color: #343434;
}
.ucsearch-head {
    color: #000000;
    background-color: #dfdfdf;
}
.ucsearch-head p {
    color: #000000;
}
.ucsearch-head h6 {
    color: #ffffff;
    background-color: #0099d4;
}
.ucsearch-form {
    background-color: #ffffff;
}
.ucsearch-form .ucs-block {
    border-color: #d6d6d6;
}
.ucsearch-form .ucs-block label {
    color: #000000;
}
.ucsearch-form .ucs-block .nice-select {
    color: #000000;
}
.ucsearch-form .ucs-block .nice-select::after {
    color: #0099d4;
}
.ucsearch-form .ucs-block:has(.nice-select.open), 
.ucsearch-form .ucs-block:hover {
    background-color: #dfdfdf;
}
.ucsearch-form .ucs-block .searchBtn {
    color: #ffffff;
    background-color: #0099d4;
    border-color: #0099d4;
}
/* usedcar section :end */

.motability-block a.btn:hover {
    color: #ffffff;
    background-color: #0099d4;
    border-color: #0099d4;
}
.usedcar-slider-wrap .owl-nav .owl-next:hover,
.usedcar-slider-wrap .owl-nav .owl-prev:hover {
	background: #0099d4 !important;
}




@media (max-width: 1199px) {
    .brand-heading-1 {
        font-size: 32px;
    }

    .header-top .htop-inner ul.htlist-2 li.htl-s1.htl-btngroup.desktopnav {
        display: none;
    }
    .mobnav {
        display: block !important;
    }
}

@media (max-width: 991px) {
    .brand-heading-1 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .brand-heading-1 {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .brand-heading-1 {
        font-size: 26px;
    }
}