/* TypoGraphy */
.header { z-index: 111; background: #ffffff; background-color: rgb(255, 255, 255);padding: 20px 0;}
.header .logo-top a { display:block; }
.logo-top { width: 93px; position: relative;}
.header-main-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; padding: 0px 0px 0px; }
.header-right-section { display: flex; flex-wrap: wrap; align-items: center; width: calc(100% - 191px); justify-content: space-between; }
.header.sticky { position: sticky; top: 0; }
.header .container {
    max-width: 1315px;
}
/*======Header navigation css start=====*/
/* body.mobile-menu { overflow: hidden; }
*/
body.mobile-menu .humberge-menu span.first { display: none; }
body.mobile-menu .humberge-menu span.middle { transform: rotate(45deg); width: 30.5px; margin: 0px; position: relative; top: 2px; }
body.mobile-menu .humberge-menu span.last { transform: rotate(-45deg); width: 30.5px; margin: 0px; }
.humberge-menu { cursor: pointer; transition: 1s; width: 52px; height: 52px; background-color: #fff; border-radius: 50%; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.humberge-menu span { margin: 2px 0; background-color: #fff; width: 16px; height: 3px; border-radius: 3px; transition: .5s; }
.humberge-menu span.first { width: 11.5px; }
.humberge-menu span.last { width: 17.5px; }
.menu-bar.in .humberge-menu span.first { -webkit-animation: none; animation: none; }
.menu-bar.in .humberge-menu span.middle { -webkit-animation: none; animation: none; }
.menu-bar.in .humberge-menu span.last { -webkit-animation: none; animation: none; }
.humberge-menu a { width: 24px; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; }
.header-side-nav { position: relative; z-index: 9; }
.humberge-menu span { width: 100%; background-color: #000; }
.mobile-menu .humberge-menu span.first { transform: rotate(-45deg); margin: 7px 0 0; }
.mobile-menu .humberge-menu span.last { transform: rotate(45deg); margin: -16px 0 0; }
.navigation .moblelogo { display: none; }
.main-nav .menu-bar { display: none; }
.nav-manu { display: flex; align-items: center; justify-content: space-between; }
.nav-manu ul { margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; list-style-type: none; }
.nav-manu ul.mobile-menu-header-show { display: none; }
.nav-manu ul li { padding: 0; position: relative; margin: 0 16px 0;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.2px;
color: #141843;
text-transform: uppercase;
}
.nav-manu ul li.highlight-active {
    margin-right: 0px;
}

.nav-manu ul li::before { display: none; }
.nav-manu ul li.active-menu a { color: #D5192A; }
.nav-manu ul li a { color: #141843; padding: 10px 0px; display: inline-block; position: relative; }
.nav-manu ul li a:hover { position: relative; color: #D5192A; }
.nav-manu ul li a:hover::after { width: 100%; }
.main-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
/** SUB MENU **/
.navigation ul li ul.sub-menu { position: absolute; display: block; top: 100%; width: auto; transition: all 0.5s;opacity: 0; visibility: hidden; min-width: 245px; padding: 0; left: 0; z-index: 1999; padding: 0; width: auto; 

    transform: perspective(500px) rotatex(-20deg);
    transform-origin: 50% 0%;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    box-shadow: 0px 86px 60px 0px rgba(0, 0, 0, 0.07);

}
.navigation ul li ul.sub-menu.shop-submenu { left: auto; right: 0; }
.navigation ul li:hover>ul.sub-menu { opacity: 1; visibility: visible; 

visibility: visible;
transform: perspective(500px) rotatex(0);
}
.navigation ul li ul.sub-menu.shop-submenu::before { left: auto; right: 40px; }
.navigation ul li ul.sub-menu li { padding: 0; width: 100%; margin: 0px 0 0; transition: .4s; background-color: #ffffff; border-bottom: none; position: relative; box-shadow: 0 20px 30px rgba(88 91 93 / 15%); border-radius: 0; border-bottom: 1px solid #dfdfdf; text-transform: capitalize; text-align: left; }
.navigation ul li ul.sub-menu li::after { display: none; }
.navigation ul li ul.sub-menu li a { display: block; padding: 15px 15px; /* white-space: nowrap; */
    line-height: 20px; /* transform: skewX(10deg); -webkit-transform: skewX(10deg); -ms-transform: skewX(10deg); */
    color: #000; }
.navigation ul li ul.sub-menu li a::after { display: none; }
.navigation ul li ul.sub-menu li:last-child a { border-bottom: none; }
.navigation ul li ul.sub-menu li a::before { right: 10px; transform: rotate(-90deg); top: 38%; }
.nav-manu ul li.current-menu-item a { color: #ff7873; }
.nav-manu ul li.current-menu-item.menu-item-has-children>a::after { width: 100%; }
.navigation ul li ul.sub-menu li.current-menu-item { background-color: #003262; }
.navigation ul li ul.sub-menu li.current-menu-item a { color: #fff; }
.navigation ul li>ul.sub-menu>li:hover>a { color: #fff; background: #003262; }
.navigation ul li ul.sub-menu ul.sub-menu { left: 100%; top: 0; width: max-content; margin-left: 3px; }
.navigation ul li ul.sub-menu li:last-child { border-bottom: none; }
.navigation ul li ul.sub-menu ul.sub-menu li { border-left: 0; }
.navigation ul li.menu-item-has-children { padding-right: 15px; }
.navigation .menu-item-has-children>a::before { content: ""; position: absolute; top: 56%; right: -17px; width: 7px; height: 7px; transform: translateY(-50%); transition: 0.4s; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #000; margin-top: 1px; }
.navigation ul li.menu-item-has-children:hover a::before { border-top-color: #697565; transition: 0.4s; }
.navigation ul li.current-menu-item ul.sub-menu li a::before { top: 43%; }
.navigation ul li ul.sub-menu li:hover::before { border-color: #fff; }
/*======Header navigation css end=====*/

.nav-manu ul li.highlight-active a{
    padding: 12px 24px;
    background: #D5192A;
    border-radius: 4px; 
    display: inline-flex;
    color: #fff;
}
.nav-manu ul li.highlight-active a:hover {
    background: #0c0f26;
}
/*========================*/
.home-banner-section {
    transform: scale(1);
    border-radius: 0;
    transition: transform .8s ease, border-radius .8s ease;
    overflow: hidden;
}

.home-banner-section.clip-inset-collapsed {
    transform: scale(.95);
    border-radius: 64px;
}

.slider-video{
    overflow: hidden;
    position: relative;
}
.slider-video img, .slider-video video {
    width: 100%;
    height: 765px;
    object-fit: cover;
    display: block;

}
.slider-video video {
    object-position: bottom;
}
.slider-video::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #adaca0;
    mix-blend-mode: multiply;
}

.slider-caption {
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    transform: translate(0px, -50%);
    transition: 1s;
}
.clip-inset-collapsed .slider-caption {
    top: 50%;
}
.slider-caption-info {
    text-align: center;
    max-width: 1106px;
    margin: 0 auto;
}
.slider-caption-info h1{
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 60px;
    line-height: 110%;
    color: #FFFFFF;
}
.slider-caption-info h1 strong {
    color: #D5192A;
}
.slider-caption-info small{
    font-family: "Open Sans", sans-serif;   
    background: #D5192A;
    border-radius: 8px;   
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 3px;
    color: #FFFFFF;
    width: 494px;
    padding: 10px 15px;
    display: inline-block;
        margin-bottom: 10px;
}
.slider-caption-info p{
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #FFFFFF;
}

.btn-banner{
    padding-top: 24px;
}
.btn-banner a {
    display: inline-block;
}
.btn-banner svg path {
    transition: 1s;
}
.btn-banner svg:hover path {
    fill: #ffffff;
}