:root {
    --primary-color: #410202;
    --red-gradient: linear-gradient(to bottom, #970000, #cb0000, #970000);
    --blue-gradient: linear-gradient(to bottom, #023b95, #0248b7, #023b95);
}

/*** column css start ***/
header .top-header .u-row .u-col {
    flex: auto;
}

header .top-header .u-row #u_column_13 {
    max-width: 318px;
    margin-right: auto;
}

header .top-header .u-row #u_column_36 {
    max-width: 1092px;
    margin-left: auto;
}

/*** column css end ***/

/*** header contact info css start ***/
header #u_row_8 #u_column_36 #u_content_html_2 {
    margin-right: 44px;
}
/*** header contac info css end ***/
/** HEADER TOOLBAR TOP RIGHT **/
.d-wbr .header{
top:0;
}
div#u_content_custom_toolbar_3 {
    transform: translateX(-30px);
}

.d-toolbar > div {
    justify-content: flex-end;
    padding: 1em;
}

#u_content_custom_toolbar_3 .d-toolbar > div span, #u_content_custom_toolbar_3 .d-toolbar > div p, #u_content_custom_toolbar_3 .d-toolbar > div a:not(.d-toolbar-social-box a) {
    font-size: clamp(12px, .75vw, 14px) !important;
    font-weight: 600;
    color: #191919!important;
}

#u_content_custom_toolbar_3 .d-toolbar-social-box {
    font-size: clamp(16px, 1.5vw, 19px);
    display: flex;
}

/** NAV BACKGROUND **/

header ul.menu {
background: linear-gradient(to bottom, rgb(2 72 184 / 66%) 0%, rgba(2,72,184,1) 50%, rgb(2 72 184 / 76%) 100%);
    max-width: 772px;
}
nav.d-nav-links-info.d-header-nav {
    align-items: end;
}
/** NAV LIST  & APT BTN **/

header ul.menu, header .d-appointment-button-b {
    height: 71px !important;
}

header .d-appointment-button-b {
    background: var(--red-gradient);
    width: 100%;
    overflow: hidden;
    background-position-y: 0;
    font-weight: bold;
    transition: all 150ms ease-in-out;
    font-size: clamp(12px, 1vw, 1rem);
}

header .d-appointment-button-b:hover {
    color: #fff !important;
    background-position-y: 70px;
    transition: all 0.5s;
}

header ul.menu {
    min-width: max-content;
}

header ul.menu > li {
    text-transform: uppercase;
    font-weight: 600;
}

header #u_content_custom_navLinks_2 .d-nav-links-info.d-header-nav ul.menu>li>div a {
    color: #ffffff;
}
.header .top_navigation_bar ul.d-sub-menu.d-nav-link-active {
    background: var(--blue-gradient);
    border: none !important;
    min-width: 250px !important;
    left: -38px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0 -5px 5px -5px #3e3e3e;
    padding: 0px 30px !important;
}
.header .top_navigation_bar ul.d-sub-menu.d-nav-link-active li {
    border: none !important;
    height: inherit !important;
}
.header .top_navigation_bar ul.d-sub-menu.d-nav-link-active li a {
    padding: 8px 0px 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    border-bottom: 4px solid transparent;
    transition: all 0.3s;
}
.header .top_navigation_bar ul.d-sub-menu.d-nav-link-active li a:hover {
    border-bottom: 4px solid #fff !important;
}
.header .top_navigation_bar ul.d-sub-menu.d-nav-link-active li:last-child {
    padding-bottom: 10px !important;
}
#u_content_custom_navLinks_2 .d-nav-links-info.d-header-nav.underline ul.menu>li>div.selected>a {
    border-bottom: 4px solid #ffffff;
}
header .d-nav-links-info.d-header-nav ul.menu>li .selected a {
    font-weight: 700;
}
header .d-nav-links-info.d-header-nav ul.menu>li  a {
    font-weight: 600;
}
/** LOGO **/
#u_content_custom_logo_2 .d-logo {
    width: 100%!important;
    max-width: 375px;
}
header #u_content_custom_logo_2 .d-logo-box {
    top: -35px;
    left: 0px;
    position: absolute;
    margin-left: 105px;
    width: 318px;
    transform: translateY(-50%);
    margin-top: -28px;
}
.top-header .nav-top-left .columns:last-child {
    padding-top: 10px;
}

@media(max-width: 1500px){
header .top-header .nav-top-left .columns {
    padding-left: 40px;
}
header .top-header .nav-top-left .columns .call_us, 
header.top-header .nav-top-left .columns .call2,
header .top-header .nav-top-left .columns:last-child p.call2 a, 
header .top-header .nav-top-left .columns:last-child p.call2 span {
    font-size: 15px;
}
header #u_content_custom_logo_2 .d-logo-box {
    top: -36px;
    margin-left: 41px;
    width: 278px;
}
}


@media (max-width: 1280px) {
.top-header .nav-top-left .columns:last-child {
    padding-right: 5px !important;
}

header #u_row_12 .u-row .u-col#u_column_25 {
    flex: auto;
    max-width: 250px;
    margin-right: auto;
}

header #u_content_custom_logo_2 .d-logo-box {
    margin-left: 38px;
    width: 250px;
}

header .top-header .nav-top-left .columns {
    padding-left: 30px;
}
}

@media (max-width: 1200px) {
.top-header .nav-top-left .columns:last-child {
    display: none !important;
}
header #u_content_custom_logo_2 .d-logo-box {
    margin-top: 0;
}
.d-nav-links-info.d-header-nav ul.menu>li>div .d-dropdown {
    width: 2px;
}
header #u_content_custom_navLinks_2 .d-nav-links-info.d-header-nav ul.menu>li>div a, .top_navigation_bar .u-row .u-col.u-col-12p64 input.d-appointment-button-b {
    font-size: 14px !important;
}
}

@media (max-width: 1150px) {
    img.d-logo {
      width: auto!important;
      transition: all 150ms ease-in-out;
    }

   header #u_content_custom_appointmentButton_4 .d-con-usefor-header .d-appointment-button-b{
       padding: 7px 18px 8px;
   }
}

@media (max-width: 1100px) {
.top_navigation_bar .u-row .u-col.u-col-54p24 {
    flex: 0 0 52% !important;
    max-width: 52% !important;
}
.top_navigation_bar .u-row .u-col.u-col-12p64 {
    flex: 0 0 15% !important;
    max-width: 15% !important;
}
header ul.menu, header .d-appointment-button-b {
    height: 59px !important;
}
header #u_content_custom_logo_2 .d-logo-box {
    left: 30px;
}
header #u_content_custom_navLinks_2 .d-nav-links-info.d-header-nav ul.menu>li>div {
    padding: 0 14px 0 14px;
}

header #u_content_custom_appointmentButton_4 .d-con-usefor-header .d-appointment-button-b {
    font-size: 12px;
}

header .top-header .nav-top-left .columns {
    padding-left: 22px;
}
}

@media (max-width: 1024px) {
.top_navigation_bar .u-row .u-col.u-col-54p24 {
    flex: 0 0 55% !important;
    max-width: 55% !important;
}
header #u_content_custom_logo_2 .d-logo-box {
    left: 30px !important;
}
.d-con-mobile-navbar .d-navbar-appointment button {
    cursor: pointer;
    padding: 5px 12px;
}

header #u_content_custom_logo_2 .d-logo-box {
    top: -44px;
    margin-left: 0px;
    max-width: 221px;
}
}

@media (max-width: 991px) {
.d-con-mobile-navbar nav {
    height: 55px;
    background-color: #be0613;
}
.d-con-mobile-navbar .d-navbar-menu .navbar-toggle {
    background-color: #fff !important;
}
.d-con-mobile-navbar .d-navbar-menu .navbar-toggle .icon-bar {
    background: #be0613 !important;
}
div#u_content_custom_toolbar_4::before, div#u_content_custom_toolbar_4::after, .d-toolbar .d-cell1, .d-toolbar .d-cell2, .d-toolbar .d-cell3 {
    display: none !important;
}
.logo-center div#u_content_custom_logo_3 {
    padding: 0 0 18px !important;
}
.content-mobile-view {
    border-top: 4px solid #b61319;
}
.content-mobile-view div#u_content_text_6 p {
    line-height: 14px !important;
    font-weight: 700;
    margin: 0 auto;
    max-width: 50%;
}
.content-mobile-view div#u_content_text_6 p a {
    font-size: 11px;
}
.content-mobile-view a {
    text-decoration: none;
    transition: all 0.3s;
}
.content-mobile-view a:hover {
    color: #be0613 !important;
}
.content-mobile-view div#u_content_text_7 p span:last-child {
    position: relative;
    top: 15px !important;
}
.d-con-mobile-navbar .d-con-menu ul.navbar-nav .d-nav-item a {
    padding: 10px 15px;
    font-size: 15px !important;
    font-family: 'Open Sans',sans-serif !important;
    font-weight: 700;
    color: #be0613;
    border-bottom: 1px solid;
}
.d-con-mobile-navbar .d-con-menu ul.navbar-nav {
    background-color: #fff !important;
    border-top: 7px solid #be0613 !important;
}

}

@media (max-width: 575px) {
.content-mobile-view div#u_content_text_7 {
    padding-top: 0 !important;
}
.content-mobile-view div#u_content_text_6 {
    padding-bottom: 3px !important;
}
}

/** SLOGAN & SLIDER**/

.slogan-container {
    background: rgba(25 25 25 / 75%);
    color: white;
    font-size: clamp(25px, 2vw, 45px);
    text-transform: uppercase;
    font-weight: 800;
    padding: 1em;
}

#u_content_custom_slider_1 .d-con-slider .d-slider-caption {
    margin-bottom: 0px !important;
}

.d-con-slider-caption br {
    display: none;
}

#u_content_custom_slider_1 .d-con-slider {
    max-height: 700px;
}

/** ARROWS **/

.home .d-slider-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: unset !important;
    height: unset !important;
    text-align: center;
    padding: 10px 30px 15px;
    font-size: 2rem;
    background: rgba(255 255 255 / 70%)
}

.home .d-slider-arrow:hover {
    background: rgba(255 255 255);
}
.header .top_navigation_bar .d-nav-links-info.d-header-nav ul.menu>li>div .d-dropdown:after {
    border: 4px solid transparent;
    top: calc(50% - 3px);
    left: -5px;
}
@media (max-width: 768px) {
.home .d-slider-arrow {
    display: none !important;
}
}

/** MOBILE HEADER **/


div#u_content_custom_toolbar_4 {
    position: relative;
}

div#u_content_custom_toolbar_4::before {
    content: '';
    position: absolute;
    width: 6px;
    top: 0;
    left: 4px;
    bottom: 0;
    background: #ffbe54;
    border-right: 3px solid black;
}
div#u_content_custom_toolbar_4::after {
    content: '';
    position: absolute;
    width: 6px;
    top: 0;
    right: 4px;
    bottom: 0;
    background: #ffbe54;
    border-left: 3px solid black;
}

.top-header .nav-top-left {
    display: flex;
    align-items: center;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    justify-content: end;
}
.top-header .nav-top-left .columns a {
    text-decoration: none;
}
.top-header .nav-top-left .columns .address-title a {
    color: #ea0e3e;
    font-size: 18px;
    font-weight: 500;
line-height:26px;
}
.top-header .nav-top-left .columns .address-title a:hover {
    color: #ea0e3e;
}
.top-header .nav-top-left .columns .location {
    line-height: 11.2px;
}
.top-header .nav-top-left .columns .location a {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
}
.top-header .nav-top-left .columns {
    padding-left: 46px;
}
.top-header {
    border-top: 0.5em solid #0248b8;
}
.top-header .nav-top-left .columns .call_us, .top-header .nav-top-left .columns .call2 {
    color: #ea0e3e;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}
.top-header .nav-top-left .columns .call2 a {
    color: #ea0e3e;
}
.top-header .nav-top-left .columns .call2 a:hover {
    color: #fff;
}
.top-header .nav-top-left .columns .timing {
    color: #fff;
    font-size: 14px;
 font-weight: 600;
    line-height: 16.8px;
text-align:left;
}
.top-header .nav-top-left .columns:last-child p.call2 a, .top-header .nav-top-left .columns:last-child p.call2 span {
    font-size: 18px;
}
p.timing.shop {
    padding-top: 10px;
}
.top-header .nav-top-left .columns p.call {
    font-size: 11px;
    font-weight: 600;
}
.top-header .nav-top-left .columns p.call a {
    color: #fff;
}
.top-header .nav-top-left .columns p.call a:hover, .top-header .nav-top-left .columns .location a:hover {
    color: red;
}
.top-header .nav-top-left .columns .address-title {
    padding-bottom: 9px;
    padding-top: 10px;
}
.top-header {
    padding-top: 36px !important;
    padding-bottom: 30px !important;
}
.top_navigation_bar {
    font-family: 'Open Sans',sans-serif;
}
.top_navigation_bar .u-row .u-col.u-col-54p24 {
    flex: 0 0 49%;
    max-width: 49%;
}
.top_navigation_bar .u-row .u-col.u-col-12p64 {
    flex: 0 0 13.40%;
    max-width: 13.40%;
}
.top_navigation_bar .u-row {
    justify-content: end;
}
.top_navigation_bar .u-row .u-col.u-col-12p64 input.d-appointment-button-b {
    font-size: 15px;
    text-align: center;
    padding: 0 !important;
    line-height: 15px !important;
}