@charset "utf-8";

@font-face {
    font-family: 'Faktum';
    src: url('../fonts/font.woff') format('woff2'),
        url('../fonts/font.woff2') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Moderat';
    src: url('../fonts/Moderat-Medium.woff') format('woff2'),
        url('../fonts/Moderat-Medium.woff2') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Moderat';
    src: url('../fonts/Moderat-Light.woff') format('woff2'),
        url('../fonts/Moderat-Light.woff2') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Moderat';
    src: url('../fonts/Moderat-Bold.woff') format('woff2'),
        url('../fonts/Moderat-Bold.woff2') format('woff');
    font-weight: 600;
    font-display: swap;
}


body {font-size: 1rem; font-weight: normal; line-height: 1.5; color: #252a32; background: #fff;}
* {padding: 0; margin: 0; box-sizing: border-box; list-style: none; text-decoration: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
/* a, button {-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} */
.clear {clear: both;}
.flex {display: flex; align-items: center; flex-wrap: wrap;}
.inFlex {display: inline-flex; align-items: center; flex-wrap: wrap;}
.hidden {display: none;}
.header {width: 100%; height: auto;}
.header .navbar {display: flex; z-index: 3; flex-direction: row; flex: 1; flex-basis: auto; justify-content: space-between; align-items: center;  width: 100%; padding: 1rem 2rem; margin: 0 auto;}
.header .navbar .brand {font-family: inherit; font-weight: 700; line-height: inherit; text-transform: capitalize; color: #252a32;}
.header .navbar .menu {display: flex; flex-direction: row; flex: 1; flex-basis: auto; justify-content: center; align-items: center; margin: 0px; padding: 0px;}
.header .navbar .menu-item:not(:first-child) {margin-left: 2rem;}
.header .navbar .menu-item a {font-style: normal; font-weight: 400; font-size: 17px; line-height: 20px; color: #000000; text-transform: capitalize; text-decoration: none; font-family: 'Moderat';}
.header .navbar .menu-item:hover a {color: #9468FC;}
.header .navbar .menu-item {position: relative;}
.header .navbar .menu-item ul {white-space: nowrap; display: none; margin-left: 100%; width: auto; position: absolute;  top: 20px;  height: auto; background: #fff; left: -15px;  padding:0px 15px 10px 15px; margin-left: 0;}
.header .navbar .menu-item ul li {margin:8px 0;}
.header .navbar .menu-item ul li:last-child{margin-bottom: 0px;}
.header .navbar .menu-item ul li a{font-style: normal; font-weight: 400; font-size: 14px; line-height: 125%; color: #000000 !important;}
.header .navbar .menu-item a > span{width: 15px; height: 15px; background: url(../images/arrow_down_icon.svg) no-repeat 3px 6px !important; display: inline-block;}
.header .navbar .menu-item a:hover span{width: 15px; height: 15px; background: url(../images/arrow_up_icon.svg) no-repeat 3px 6px !important; display: inline-block;}
.header .navbar .menu-item:hover ul {display: block;}
.header .navbar .menu-item ul li a:hover {color: #9468FC !important;}
.header .navbar li.menu-item a.menu_btn {border: solid 1px #000; padding: 5px 10px 6px 10px; display: inline-block !important;}
.header .navbar li.menu-item a.menu_btn:hover {border-color: #9468FC;}

.header .masthead{margin: 0px; padding: 0px; width: 100%;  position: relative;}
.header .masthead_inner{margin: 0px; padding: 0px; width: 100%; height: calc(100vh - 0px); position: relative;}

.header .masthead img, .header .masthead video, .header .masthead_inner img{margin: 0px; padding: 0px; max-width: 100%;}
.header .masthead h1, .header .masthead_inner h1 {position: absolute; top: 200px; z-index: 1; font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 80px; line-height: 100%; color: #FFFFFF;}
.header .masthead .masking_box{background: #FFFFFF;; position: absolute; top: 0; left: 0; width: 0%; height: 100%;}
.masthead.banner_animation .welcome{opacity: 0; transition-delay: 1s; }
.header .masthead > .welcome{position: absolute; top: 50%; left: -45px; transform: translate(0, -50%); z-index: 3; width: auto; opacity: 1;}
.header .masthead > .welcome ul{margin: 0px; padding: 0px;}
.header .masthead > .welcome ul li{ rotate: 90deg; margin: 45px 0; display: flex; align-items: center; justify-content: center;}
.header .masthead > .welcome ul li a{text-decoration: none; color: #000000; opacity: 0.5; font-family: 'Moderat';}
.header .masthead > .welcome ul li a.active{opacity: 1; color: #000000;}

nav.navbar{background: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
nav.navbar.active {position: fixed; top: 0; z-index: 3;}

/* dark header CSS */
.header.dark{background: #1C0035; color: #FFFFFF;}
.header.dark .navbar .menu-item a{color: #FFFFFF;}
.header.dark .navbar .menu-item a:hover {color: #9468FC !important;}
.header.dark .navbar .menu-item:hover ul {display: block;}
.header.dark .navbar li.menu-item a.menu_btn {border: solid 2px #fff; padding: 5px 10px 6px 10px;}
.header.dark .navbar li.menu-item a.menu_btn:hover {border-color: #9468FC;}
.header.dark .navbar .menu-item a > span{width: 15px; height: 15px; background: url(../images/expand_icon_white.svg) no-repeat 3px 6px; display: inline-block;}
.header .navbar .menu-item a:hover span{width: 15px; height: 15px; background: url(../images/arrow_up_icon.svg) no-repeat 3px 6px; display: inline-block;}

/* @media only screen and (max-width: 768px) {
.header .navbar {padding: 1rem 2rem; margin: 0 auto; min-height: 60px;}
.header .navbar .wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; display: none; background: #f1f5f8; transition: all 0.3s ease;}
.header .navbar .wrapper .menu {display: flex; flex-direction: column; position: absolute; top: 30px; width: 100%;}
.header .navbar .wrapper .menu-item {padding-bottom: 1rem; width: 100%; text-align: left;}
.header .navbar .wrapper .menu-item:nth-child(1) a {transition-delay: 0.2s;}
.header .navbar .wrapper .menu-item:nth-child(2) a {transition-delay: 0.3s;}
.header .navbar .wrapper .menu-item:nth-child(3) a {transition-delay: 0.4s;}
.header .navbar .wrapper .menu-item:nth-child(4) a {transition-delay: 0.5s;}
.header .navbar .wrapper .menu-item:nth-child(5) a {transition-delay: 0.6s;}
.header .navbar .wrapper .menu-item:not(:first-child) {margin-left: 0;}
.header .navbar .wrapper .menu-item a {padding: 1rem 2rem; opacity: 0; color: #252a32 !important; font-size: 1rem; font-weight: 600; transform: translateX(-20px); transition: all 0.3s ease-in-out;}
.header .navbar .nav-toggle {display: block; position: fixed; right: 1rem; top: 1rem; width: 2.5rem; height: 2.5rem; cursor: pointer; z-index: 999;}
.header .navbar .nav-toggle span {display: block; width: 20px; height: 2px; background: #252a32; border-radius: 2px; margin-left: 14px;}
.header .navbar .nav-toggle span:nth-child(1) {margin-top: 5px;}
.header .navbar .nav-toggle span:nth-child(2) {margin-top: 4px; opacity: 1;}
.header .navbar .nav-toggle span:nth-child(3) {margin-top: 4px;}
.header .navbar #nav:checked + .nav-toggle {transform: rotate(45deg);}
.header .navbar #nav:checked + .nav-toggle span {background: #252a32; transition: transform 0.5s ease;}
.header .navbar #nav:checked + .nav-toggle span:nth-child(1) {transform: translateY(6px) rotate(180deg);}
.header .navbar #nav:checked + .nav-toggle span:nth-child(2) {opacity: 0;}
.header .navbar #nav:checked + .nav-toggle span:nth-child(3) {transform: translateY(-6px) rotate(90deg);}
.header .navbar #nav:checked ~ .wrapper {z-index: 99; opacity: 1; display: inline-block;}
.header .navbar #nav:checked ~ .wrapper .menu-item a {opacity: 1; transform: translateX(0); display: flex; align-items: center; justify-content: space-between;}
}  */

.sitenavigation ul li.nav-dropdown a::before {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    padding: 0;
    display: block;
    width: 20px;
    right: -25px;
    top: 2px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.header .navbar.white-color a {color:#FFFFFF}
.header .navbar .sitenavigation li ul li a::before{display: none;}
.sitenavigation ul li.nav-dropdown:hover a::before {color: #9468FC; transform: rotate(180deg);}
.sitenavigation li ul{white-space: nowrap; display: none; margin-left: 100%; width: auto; top: 20px; height: auto; background: #fff; left: -15px; padding: 0px 15px 10px 15px; margin-left: 0;}
.sitenavigation li:hover ul {display: block; background: #fff;}


.brand_logo_bx{width: 100%; margin: 30px 0;}
.brand_logo {width: 100%;}
.brand_logo ul{width: 100%; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0px;}
.brand_logo ul li{margin-right: 50px; margin-bottom: 0px; height: 80px; display: flex; align-items: center;}
.brand_logo ul li:last-child{margin-right: 0px;}
.brand_logo ul li img{width: 100%;}
.brand_box{width: 100%; min-height: 175px; padding-top: 60px; background: #FFFFFF; display: flex; align-items: center; position: relative; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.brand_logos {width: 80%; margin: auto; height: auto; display: flex; align-items: center;}
.brand_logos ul{width: 100%; display: flex; align-items: end; justify-content: space-between !important; margin: 0; padding: 0px;}
.brand_logos ul li{margin-right: 50px; margin-bottom: 0px;}
.brand_logos ul li img{width: 100%;}
.brand_logos ul li:last-child{margin-right: 0px; top: 5px; position: relative;}
.brand_box .left_menu{opacity: 0; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.brand_box .left_menu ul{margin: 0px 0 0 -15px; padding: 0px;}
.brand_box .left_menu ul li{ rotate: 90deg; margin: 45px 0; display: flex; align-items: center; justify-content: center;}
.brand_box .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.brand_box .left_menu ul li a.active{opacity: 1; color: #000000;}
.brand_box .brands_links{width: 80%; margin: auto;  margin-top: 40px; text-align: left !important;}
.brand_box .brands_links a{margin-top: 20px; background: #F7F7F7; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #1C0035; padding: 5px 15px 8px 15px; text-decoration: none; display: inline-block;}
.brand_box .brands_links a:hover{color: #FFFFFF; background: #9468FC;}
/* .brand_box .brands_links, .brand_box .left_menu{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} */
.brand_box.brand_animation .brands_links, .brand_box.brand_animation .left_menu{opacity: 1; transition-delay: 1s;}
.brand_box.brand_animation .brand_logos {width:90%; margin: auto;}
.brand_box.brand_animation .brands_links {width: 90%; margin: auto;}
.brand_box.brand_animation .left_menu{opacity: 1; transition-delay: 1s; position: fixed; left: 0; top: 50%; transform: translate(0, -50%); z-index: 99;}

body.homeBody .left_menu{position: fixed; left: 0; top: 50%; transform: translate(0, -50%); z-index: 3; width: auto; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
body.homeBody .left_menu.visible{opacity: 1;}

body.aboutusBody .left_menu, body.brandsBody .left_menu, body.mediahubBody .left_menu, body.contactBody .left_menu{position: fixed; left: 0; top: 50%; transform: translate(0, -50%); z-index: 3; width: auto; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
body.aboutusBody .left_menu.visible, body.brandsBody .left_menu.visible, body.mediahubBody .left_menu.visible, body.contactBody .left_menu.visible{opacity: 1;}

/* .left_menu{position: fixed; left: 0; top: 50%; transform: translate(0, -50%); z-index: 3; width: auto; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.left_menu.visible{opacity: 1;} */

.left_menu ul{margin: 0px; padding: 0px;}
.left_menu ul li{ rotate: 90deg; margin: 60px 0; display: flex; align-items: center; justify-content: center; }
.left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.8; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
.left_menu ul li a.active{opacity: 1; color: #000000;}

.masthead.banner_animation::after, .masthead.banner_animation::before {width: 0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.content_bx{padding: 100px 0; position: relative; background: #F7F7F7;  min-height:100vh; display: flex; align-items: center; justify-content: center;}
.content_bx .left_menu{position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.content_bx .left_menu ul{margin: 0px; padding: 0px;}
.content_bx .left_menu ul li{ display: flex; align-items: center; justify-content: center; transform: rotate(90deg); transform-origin: left top 0; margin-left: 35px; margin-top: 50px; margin-bottom: 50px;}
.content_bx .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.content_bx .left_menu ul li a.active{opacity: 1; color: #000000;}
.content_bx .content_left{margin: 0;}
.content_bx .content_left .quot_bx{text-align: center; margin-top: 0px;}
.content_bx .content_left .quot_bx h2{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 60px; line-height: 110%; text-align: center; color: #1C0035;}
.content_bx .content_left .quot_bx img {margin-bottom: 15px;}
.content_left .quot_bx img.quote_icon{width: 40px; margin: 7px auto 5px auto;}
.content_bx .content_left h1{font-style: normal; font-weight: 400; font-size: 80px; line-height: 100%; color: #1C0035; font-family: 'Faktum';}
.content_bx .content_right p{font-style: normal; font-weight: 300; font-family: 'Moderat'; font-size: 20px; line-height: 135%; color: #363636; margin-bottom: 20px;}
.content_bx .content_right p.color_txt{font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #9468FC; font-family: 'Moderat';}
.content_bx .content_right a.right_btn{margin-top: 20px; background: #1C0035; font-style: normal; font-weight: 500; font-size: 16px; line-height: 135%;  color: #FFFFFF; padding: 5px 15px 8px 15px; text-decoration: none; display: inline-block;}
.content_bx .content_right a:hover.right_btn{background: #9468FC;}
.content_dark_bx{padding: 100px 0; position: relative; background: #1C0035;  display: flex; align-items: center; justify-content: center; min-height: 100vh;}
.content_dark_bx .left_menu{position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.content_dark_bx .left_menu ul{margin: 0px; padding: 0px;}
.content_dark_bx .left_menu ul li{ rotate: 90deg; margin: 45px 0; display: flex; align-items: center; justify-content: center;}
.content_dark_bx .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.content_dark_bx .left_menu ul li a.active{opacity: 1; color: #FFFFFF;}
.content_dark_bx .content_left{margin: 0;}
.content_dark_bx .content_left h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 65px; line-height: 100%; color: #FFFFFF;}
.content_dark_bx .content_right p{font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #FFFFFF; margin-bottom: 20px; font-family: 'Moderat';}
.content_dark_bx .content_right p.color_txt{font-style: normal; font-weight: 500; font-size: 20px; line-height: 135%; color: #9468FC; font-family: 'Moderat';}
.content_dark_bx .content_right ul{margin: 0px; padding: 0px;}
.content_dark_bx .content_right ul li{font-family: 'Faktum';  font-style: normal; font-weight: 400; font-size: 36px; line-height: 100%; color: #FFFFFF; opacity: 0.5;  margin-bottom: 20px;}
.content_dark_bx .content_right a.right_btn{margin-top: 20px; background: #9468FC; font-style: normal; font-weight: 500; font-size: 16px; line-height: 135%;  color: #1C0035; padding: 5px 15px 8px 15px; text-decoration: none; display: inline-block;}
.content_dark_bx .content_right a:hover.right_btn{background: #FFFFFF;}
.media_news{padding: 100px 0; position: relative; background: #FFFFFF; min-height:100vh; display: flex; align-items: center; justify-content: center;}
.media_news .left_menu{position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.media_news .left_menu ul{margin: 0px; padding: 0px;}
.media_news .left_menu ul li{ rotate: 90deg; margin: 45px 0; display: flex; align-items: center; justify-content: center;}
.media_news .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.media_news .left_menu ul li a.active{opacity: 1; color: #000000;}
.media_news .media_news_heading h2{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 70px; line-height: 100%; margin-bottom: 50px; max-width: 550px;}
.media_news .news_carousel .carousel_content .carousel_slider_img .newslogo {position: absolute; left: 30px; top: 30px;}
.media_news .news_carousel .carousel_content .carousel_slider_img .newslogo img {width: 140px;}
.media_news .news_carousel .carousel_content .carousel_slider_img .newslogo{position: absolute;}
.media_news .news_carousel .carousel_content .carousel_slider_img img{max-width: 1300%; object-fit: cover;}
.media_news .news_carousel .carousel_content label{margin-bottom: 10px; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 135%; color: #363636;}
.media_news .news_carousel .carousel_content .title_cls{width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.media_news .news_carousel .carousel_content h2{margin-bottom: 0; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 135%; color: #000000; width: 230px; display: inline-block;}
.media_news .news_carousel .carousel_content .title_cls span{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; text-align: right; color: #363636;}
.media_news .news_carousel .carousel_content h2 a{color: #000000; text-decoration: none;}
.media_news .news_carousel .carousel_content p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #363636;}

/* about page CSS */
.perfection_passion_bx{max-width: 100%; margin-top: 40px;  margin-bottom: 40px;}
.perfection_passion_bx .carousel_content{width: 100%; padding: 0;}
.perfection_passion_bx .carousel_content .carousel_txt{width: 90%;}

.perfection_passion_bx .carousel_content .carousel_txt::-webkit-scrollbar {
  width: 5px;
  margin-right: -5px
}

.perfection_passion_bx .carousel_content .carousel_txt::-webkit-scrollbar-track {
  background: #d9cafc;
  border: none;
  height: 100%
}

.perfection_passion_bx .carousel_content .carousel_txt::-webkit-scrollbar-thumb {
  background: #1C0035;
  border-radius: 0
}

.perfection_passion_bx .carousel_content .carousel_txt::-webkit-scrollbar-thumb:hover {
  background: #895af7
}
.perfection_passion_bx .carousel_content p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #363636; mix-blend-mode: normal; padding-right: 20px;}
.perfection_passion_bx .carousel_content p span{font-weight: 700;}
.perfection_passion_bx .owl-theme .owl-nav {text-align: left; width: 200px; margin: auto; position: relative; top: 0px;}
.perfection_passion_bx .owl-theme .owl-nav button {margin: 0 15px 0 0;}
.perfection_passion_bx .owl-theme .owl-nav button:hover {background: none;}
.story_azumi{padding: 100px 0; position: relative; background: #fff;  min-height:100vh; display: flex; align-items: center; justify-content: center;}
.story_azumi .left_menu{position: absolute; left: 0; top: 30%; transform: translate(0, -30%);}
.story_azumi .left_menu ul{margin: 0px; padding: 0px;}
.story_azumi .left_menu ul li{ rotate: 90deg; margin: 60px 0; display: flex; align-items: center; justify-content: center;}
.story_azumi .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.story_azumi .left_menu ul li a.active{opacity: 1; color: #000000;}
.story_azumi .story_bx{max-width: 500px; width: 100%; }
.story_azumi .story_bx p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%;}
.story_azumi .story_bx p strong{color: #1C0035; margin-bottom: 20px; display: inline-block; font-weight: 600;}
.story_azumi .story_bx h2{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 80px; line-height: 100%; color: #1C0035; margin-bottom: 20px;}
.story_azumi .story_img_bx1{margin-top: 190px; margin-bottom: 15px;}
.story_azumi .story_img_bx1 img{width: 100%;}
.story_azumi .story_img_bx2{width: 100%;}
.story_azumi .story_img_bx2 img{width: 100%;}

.our_journey_left{width: 100%;}
.our_journey_left h2{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 70px; line-height: 100%; color: #FFFFFF;}
.our_journey_left .journey_bx{margin: 20px 0; padding-left: 10px;}
.our_journey_left .journey_bx span{display: inline-block; margin-bottom: 10px; font-family: 'Moderat'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 135%; color: #9468FC;}
.our_journey_left .journey_bx h3{margin-bottom: 15px; font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 40px; line-height: 100%; color: #FFFFFF;}
.our_journey_left ul{margin: 30px -1px 30px 0px; padding: 0px; max-height: 240px; overflow-y: auto; border-right: solid 1px #9468FC}
.our_journey_left ul li{margin-bottom: 20px; font-family: 'Faktum'; opacity: 0.5; font-style: normal; font-weight: 400; font-size: 16px; line-height: 100%;}
.our_journey_left ul li.active {opacity: 1; display: block;}
.our_journey_left ul li a{color: #FFFFFF; text-decoration: none; cursor: pointer; transition-delay: 0.5s; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.our_journey_left ul li span{color: #FFFFFF !important; margin-right: 10px; margin-bottom: 0 !important;}
.our_journey_left ul li.active span{display: block;}
.our_journey_left ul li:last-child{margin-bottom: 0px;}
.our_journey_right{width: 100%;}
.our_journey_right img{width: 100%; margin-bottom: 32px;}
.our_journey_right p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #FFFFFF;}

#div2 {display: none;}
#div3 {display: none;}
#div4 {display: none;}
#div5 {display: none;}
#div6 {display: none;}
#div7 {display: none;}

.leadership{padding: 100px 0; position: relative; background: #F7F7F7; min-height:100vh; display: flex; align-items: center; justify-content: center;}
.leadership .left_menu{position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.leadership .left_menu ul{margin: 0px; padding: 0px;}
.leadership .left_menu ul li{ rotate: 90deg; margin: 45px 0; display: flex; align-items: center; justify-content: center;}
.leadership .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.leadership .left_menu ul li a.active{opacity: 1; color: #000000;}
.leadership .leadership_heading h2{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 70px; line-height: 100%; margin-bottom: 50px; max-width: 300px; max-width: 500px;}
.leadership .leadership_right_content{width: 100%; margin-top: 200px;}
.leadership .leadership_right_content p{margin-bottom: 30px; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #363636;}
.leadership .leadership_carousel .carousel_content .carousel_slider_img .newslogo {position: absolute; left: 30px; top: 30px;}
.leadership .leadership_carousel .carousel_content .carousel_slider_img .newslogo img {width: 140px;}
.leadership .leadership_carousel .carousel_content .carousel_slider_img .newslogo{position: absolute;}
.leadership .leadership_carousel .carousel_content .carousel_slider_img img{max-width: 1300%;}
.leadership .leadership_carousel .carousel_content label{margin-bottom: 10px; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 135%; color: #363636;}
.leadership .leadership_carousel .carousel_content .title_cls{width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 15px;}
.leadership .leadership_carousel .carousel_content h2{margin-bottom: 0;  font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #000000;}
.leadership .leadership_carousel .carousel_content .title_cls span{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; text-align: right; color: #363636;}
.leadership .leadership_carousel .carousel_content h2 a{color: #000000; text-decoration: none;}
.leadership .leadership_carousel .carousel_content p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #363636;}
.leadership_carousel .owl-theme .owl-nav {display: flex; align-items: center; justify-content: space-between;}
.leadership_carousel .owl-theme .owl-nav [class*=owl-]:hover{background: none;}
.leadership_carousel .owl-theme .owl-nav .disabled {opacity: 0; cursor: default;}

.experience_work{background: url(../images/experience_work.jpg) top left no-repeat; min-height: 940px; position: relative; background-size: cover; padding: 200px 0;}
.experience_work .experience_heading h2{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 80px; line-height: 100%; color: #FFFFFF;}
.experience_work .experience_txt {max-width: 420px; position: absolute; bottom: 130px; right: 90px;}
.experience_work .experience_txt p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 145%; color: #FFFFFF;}
.experience_work .experience_txt .experience_link a{display: inline-block; background-color: #1C0035; padding: 7px 10px; color: #fff; text-decoration: none; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #FFFFFF;}
.experience_work .experience_txt .experience_link a:hover{background: #FFFFFF; color: #1C0035;}
.experience_work .left_menu{position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.experience_work .left_menu ul{margin: 0px; padding: 0px;}
.experience_work .left_menu ul li{ rotate: 90deg; margin: 45px 0; display: flex; align-items: center; justify-content: center;}
.experience_work .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.experience_work .left_menu ul li a.active{opacity: 1; color: #FFFFFF;}

.our_journey_left ul::-webkit-scrollbar {
    width: 1px;
  }

/* .our_journey_left ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #9468FC;
  } */

.our_journey_left ul::-webkit-scrollbar-thumb {
    background-color: #9468FC;
    outline: 1px solid #fff;
  }

/* Media Hub page CSS */
.media_hub{margin: 100px 0;}
.media_hub .left_menu{position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.media_hub .left_menu ul{margin: 0px; padding: 0px;}
.media_hub .left_menu ul li{ rotate: 90deg; margin: 60px 0; display: flex; align-items: center; justify-content: center;}
.media_hub .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.media_hub .left_menu ul li a.active{opacity: 1; color: #000000;}
.media_hub .media_hub_heading h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 70px; line-height: 100%; color: #1C0035;}
.media_hub .media_hub_breadcrumb{width: 100%; margin: 50px 0;}
.media_hub .media_hub_breadcrumb ul{margin: 0px; padding: 0px;}
.media_hub .media_hub_breadcrumb ul li{display: inline-block; margin-right: 20px;}
.media_hub .media_hub_breadcrumb ul li:last-child{margin-right: 0px;}
.media_hub .media_hub_breadcrumb ul li a{font-family: 'Moderat'; font-style: normal; font-weight: 500; font-size: 16px; opacity: 0.5; line-height: 135%; color: #000000; text-decoration: none;}
.media_hub .media_hub_breadcrumb ul li a:focus{color: #9468FC; opacity: 1;}
.media_hub .media_bub_bx {width: 100%; margin-bottom: 40px;}
.media_hub .media_bub_bx .media_bub_thum {margin-bottom: 15px; height: 311px;}
.media_hub .media_bub_bx .media_bub_thum img{width: 100%; height: 100%; object-fit: cover;}
.media_hub .media_bub_bx label {margin-bottom: 10px; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 135%;  color: #363636;}
.media_hub .media_bub_bx .title_cls{width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.media_hub .media_bub_bx .title_cls h2{margin-bottom: 0; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 135%;  color: #000000; width: 230px;  display: inline-block;}
.media_hub .media_bub_bx .title_cls h2 a{color: #000000; text-decoration: none;}
.media_hub .media_bub_bx .title_cls span{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #363636;}
.media_news .news_carousel .carousel_content span{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; text-align: right; color: #363636;}
.media_hub .media_bub_bx p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #363636;}
.media_hub .morepost {text-align: center; display: block; margin-top: 30px;}
.media_hub .morepost a {background: #1C0035; padding: 10px 15px; color: #fff; text-decoration: none; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #FFFFFF;}

/* Media Hub page CSS */
.brands{margin: 100px 0;}
.brands .left_menu{position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.brands .left_menu ul{margin: 0px; padding: 0px;}
.brands .left_menu ul li{ rotate: 90deg; margin: 60px 0; display: flex; align-items: center; justify-content: center;}
.brands .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.brands .left_menu ul li a.active{opacity: 1; color: #000000;}
.brands .brands_heading h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 70px; line-height: 100%; color: #1C0035;}
.brands .brands_right_txt{margin-top: 100px; margin-bottom: 95px;}
.brands .brands_right_txt p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #363636;}
.brands .brands_content {width: 100%; margin-bottom: 40px !important;}
.brands .brands_content .brands_thum {margin-bottom: 15px; position: relative;}
.brands .brands_content .brands_thum img{width: 100%;}
.brands .brands_content {width: 100%; margin-bottom: 15px;}
.brands .brands_content h2{margin-bottom: 10px; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 135%;  color: #000000; display:block;}
.brands .brands_content p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #363636;}
.brands .brands_content .brands_thum .brands_logo {position: absolute; top: 30px; left: 30px;}
.expand_bx p {height: 45px; overflow: hidden;}
.expand_bx a{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #9468FC; text-decoration: none;}

.our_restaurants{padding: 100px 0; background: #1C0035; color: #FFFFFF; position: relative; min-height: 500px; margin-top: -30px;}
.our_restaurants .left_menu{position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.our_restaurants .left_menu ul{margin: 0px; padding: 0px;}
.our_restaurants .left_menu ul li{ rotate: 90deg; margin: 60px 0; display: flex; align-items: center; justify-content: center;}
.our_restaurants .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.our_restaurants .left_menu ul li a.active{opacity: 1; color: #fff;}
.our_restaurants .restaurants_txt ul{margin: 0px; padding: 0;}
.our_restaurants .restaurants_txt ul li{margin-right: 30px; display: inline-block;}
.our_restaurants .restaurants_txt ul li:last-child{margin-right: 0px;}
.our_restaurants .restaurants_txt ul li a{font-family: 'Moderat'; text-decoration: none; font-style: normal; font-weight: 500; font-size: 16px; line-height: 135%; color: #FFFFFF;}
.our_restaurants .map_bx {width: 100%; margin: 30px 0;}
.our_restaurants .map_bx img{width: 100%;}

/* Contact page CSS */
.contact{margin: 100px 0;}
.contact .left_menu{position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.contact .left_menu ul{margin: 0px; padding: 0px;}
.contact .left_menu ul li{ rotate: 90deg; margin: 60px 0; display: flex; align-items: center; justify-content: center;}
.contact .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.contact .left_menu ul li a.active{opacity: 1; color: #000000;}
.contact .contact_heading{margin-bottom: 50px;}
.contact .contact_heading h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 70px; line-height: 100%; color: #1C0035;}
.contact .contact_details{margin: 0px;}
.contact .contact_details h3{font-family: 'Moderat'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 135%; color: #363636;}
.contact .contact_details p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 135%;  color: #363636;}
.contact .contact_details p a{font-family: 'Moderat'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 135%; text-decoration-line: underline; color: #9468FC;}
.contact .contact_form label.form-label {font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%;  color: #363636;}
.contact .contact_form input, .contact .contact_form textarea {border-radius: 0; background: #f4f0ff;  border: none; padding: 10px;}
.contact .contact_form button.contact_submit_btn {padding: 10px 15px; border: 0px; border-radius: 0; background: #1C0035; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #FFFFFF; display: flex; align-items: center; justify-content: space-between;}
.contact .contact_form button.contact_submit_btn img, .contact .contact_form button.contact_submit_btn svg {margin-left: 10px;}
.contact .contact_form button.contact_submit_btn:hover{background: #9468FC;}

.contact .contact_form button.contact_submit_btn:hover svg path {fill: #FFFFFF; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.careers{margin: 100px 0;}
.careers .careers_heading{margin-bottom: 50px;}
.careers .careers_heading h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 70px; line-height: 100%; color: #1C0035;}
.careers .careers_details{margin: 0px;}
.careers .careers_details p{margin: 0px;}

/* Terms and conditions page CSS */
.tandc{margin: 100px 0;}
.tandc .left_menu{position: absolute; left: 0; top: 50%; transform: translate(0, -50%);}
.tandc .left_menu ul{margin: 0px; padding: 0px;}
.tandc .left_menu ul li{ rotate: 90deg; margin: 60px 0; display: flex; align-items: center; justify-content: center;}
.tandc .left_menu ul li a{text-decoration: none; color: #a4a4a4; opacity: 0.5;}
.tandc .left_menu ul li a.active{opacity: 1; color: #000000;}
.tandc .contact_heading{margin-bottom: 50px;}
.tandc .contact_heading h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 70px; line-height: 100%; color: #1C0035;}
.tandc .tandc_contant{margin-top: 50px;}
.tandc .tandc_contant p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #363636;}

/* map page CSS */
.mainWrapper {width: 100%; max-width: 1600px; margin: 0 auto; padding: 50px 0;}
.mainWrapper .product_gallery {margin: 0; padding: 0;}
.mainWrapper .product_gallery h1 {margin: 0; padding: 0; font-weight: 400; font-size: 60px; color: #fff; font-family: 'Faktum';}
.mainWrapper .product_gallery ul.locations {display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; margin: 15px 0 0 0; padding: 0; list-style: none;}
.mainWrapper .product_gallery ul.locations li {font-weight: 500; font-size: 16px; color: #fff; opacity: 0.5; margin-right: 20px;}
.mainWrapper .product_gallery ul.locations li a {color: #fff; text-decoration: none; font-family: 'Moderat'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 135%;}
.mainWrapper .product_gallery ul.locations li a.active {color: #9468FC;}
.mapWrapper {position: relative;}
.mapWrapper .restaurantList {display: none; width: 100%; max-width: 270px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.mapWrapper .restaurantList .firstLabel .mainLocation,
.mapWrapper .restaurantList .secondLabel .mainLocation {font-weight: 500; font-size: 16px; color: #fff; border-bottom: 1.24px solid #FFFFFF; margin-bottom: 20px; padding-bottom: 9px; display: flex; align-items: center; flex-wrap: wrap; cursor: pointer;}
.mapWrapper .restaurantList ul {margin: 0; padding: 0; list-style: none;}
.mapWrapper .restaurantList ul li {margin: 0; padding: 10px 0;}
.mapWrapper .restaurantList ul li a {font-weight: 300; font-size: 14px; color: #fff; text-decoration: none; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.mapWrapper .restaurantList ul li a label {cursor: pointer;}
.mapWrapper .restaurantList .secondLabel {display: none;}
.mapWrapper img.mapImage {max-width: 90%;}

footer .footer_bx {padding: 90px 0 70px 0; background: #1C0035; color: #FFFFFF; position: relative; z-index: 4;}
footer .footer_bx  a{color: #F7F7F7;}
footer .footer_bx .footer_contact h2{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 45px; line-height: 100%;  color: #FFFFFF;}
footer .footer_bx .bottom_address{width: 100%;}
footer .footer_bx .bottom_address h3{font-family: 'Moderat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 135%; color: #FFFFFF;}
footer .footer_bx .bottom_address p{opacity: 0.9; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #FFFFFF;}
footer .footer_bx .bottom_address a{font-family: 'Moderat'; font-style: normal;font-weight: 400;font-size: 16px; line-height: 135%; text-decoration-line: underline; color: #9468FC;}
footer .footer_bx .bottom_address a.getintouch{text-decoration: none; font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%;  color: #1C0035;background: #9468FC; padding: 5px 10px; margin-top: 10px; display: inline-block;}
footer .footer_bx .bottom_address a.getintouch:hover{background: #FFFFFF;}
footer .footer_bx .bottom_links{margin: 40px}
footer .footer_bx .bottom_links ul{margin: 0px; padding: 0px;}
footer .footer_bx .bottom_links ul li{display: inline-block; margin-right: 15px;}
footer .footer_bx .bottom_links ul li:last-child{margin-right: 0px;}
footer .footer_bx .bottom_links ul li a{opacity: 0.6; font-family: 'Moderat'; text-decoration: none; font-style: normal; font-weight: 400; font-size: 16px; line-height: 125%; color: #FFFFFF;}
footer .footer_bx .bottom_links ul li a:hover{opacity: 1;}
footer .footer_bx .brand_social{display: flex; justify-content: space-between; align-items: center;}

footer .footer_bx .brand_social .bottom_brand{margin: 0;}
footer .footer_bx .brand_social .bottom_brand ul{margin: 0; padding: 0;}
footer .footer_bx .brand_social .bottom_brand ul li{display: inline-block; margin-right: 15px;}
footer .footer_bx .brand_social .bottom_brand ul li:last-child{margin-right: 0px;}

footer .footer_bx .brand_social .bottom_social{margin: 0;}
footer .footer_bx .brand_social .bottom_social ul{margin: 0; padding: 0;}
footer .footer_bx .brand_social .bottom_social ul li{display: inline-block; margin-right: 10px;}
footer .footer_bx .brand_social .bottom_social ul li:last-child{margin-right: 0px;}
footer .footer_bx .footer_contact {min-height: auto;}
footer .footer_bx .brand_social{margin: 0; margin: 0 40px;}
footer .footer_bx .brand_social .bottom_brand{margin: 0px;}
footer .footer_bx .brand_social .bottom_brand h3{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 125%;  color: #9468FC;}
footer .footer_bx .brand_social .bottom_brand ul{margin: 0px; padding: 0px;}
footer .footer_bx .brand_social .bottom_brand ul li{display: inline-block;}
footer .footer_bx .brand_social .bottom_brand ul li a{opacity: 0.6; font-family: 'Moderat'; text-decoration: none; font-style: normal; font-weight: 400; font-size: 16px; line-height: 125%; color: #FFFFFF;}
footer .footer_bx .brand_social .bottom_brand ul li a:hover{opacity: 1;}
footer .footer_bx .brand_social .bottom_social{margin: 0px;}
footer .footer_bx .brand_social .bottom_social h3{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 125%;  color: #9468FC;}
footer .footer_bx .brand_social .bottom_social ul{margin: 0px; padding: 0px;}
footer .footer_bx .brand_social .bottom_social ul li{display: inline-block;}
footer .footer_bx .brand_social .bottom_social ul li a{opacity: 0.6; font-family: 'Moderat'; text-decoration: none; font-style: normal; font-weight: 400; font-size: 16px; line-height: 125%; color: #FFFFFF;}
footer .footer_bx .brand_social .bottom_social ul li a:hover{opacity: 1;}

.brand_box .brands_links a:hover svg path, .white_button a:hover svg path {fill: #FFFFFF; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.content_bx .content_right a:hover.right_btn svg path{fill: #FFFFFF; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
/* Animated section CSS  */
.tag {opacity: 1;  transform: translate(0, 5vh); transition: all 1.3s;}
.tag.visible {opacity: 1; transform: translate(0, 0);}
.in_nmobile{display: none;}
.brand_animation {border:none; min-height: 650px;}

.white_button {-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.white_button a {margin-top: 20px; background: #F7F7F7; font-style: normal; font-weight: 400; font-size: 16px; line-height: 135%; color: #1C0035; padding: 5px 15px 8px 15px; text-decoration: none; display: inline-block;}
.white_button a:hover {color: #FFFFFF; background: #9468FC;}
.news_carousel .owl-theme .owl-nav { margin: 0; display: flex;  align-items: center; justify-content: space-between; padding: 0 5%;}
.news_carousel .owl-theme .owl-nav button{ background: transparent !important;}
.news_carousel .owl-theme .owl-nav .disabled{opacity: 0;}

.leadership_modal_img{max-width: 100%;}
.leadership_modal_img img{width: 100%;}
.leadership_modal{width: 100%;}
.leadership_modal button{border: 0px; background: transparent; font-family: 'Moderat';  font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px;  text-align: right;  color: #000000;}
.leadership_modal .leadership_member{width: 100%;}
.leadership_member .owl-theme .owl-nav {margin-top: 0; position: absolute; top: 0; width: auto; text-align: right; right: 20px;}
.leadership_member .owl-theme .owl-nav button, .leadership_member .owl-theme .owl-nav button:hover {background: transparent;}
.leadership_member .carousel_content {max-height: 600px; min-height: 600px; overflow-y: auto; position: relative; padding-right: 120px; padding-bottom: 20px;}
.leadership_member .carousel_content::-webkit-scrollbar {width: 5px;}
.leadership_member .carousel_content::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
.leadership_member .carousel_content::-webkit-scrollbar-thumb {background-color: darkgrey; outline: 1px solid slategrey;}

.leadership_member .carousel_content::after{background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); content: ""; height: 60px; position: fixed; width: calc(100% - 467px); z-index: 2; bottom: 0;}
.leadership_member .carousel_content p{font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #363636;}
.leadership_member .carousel_content p span{font-weight: bold;}

.media_hub .media_hub_breadcrumb ul li.active a {color: #9468FC; opacity: 1;}
.left_menu ul li a.dblue.active {color: #fff;}
.our_journey_left ul li.active > a{
    margin-bottom: 15px;
    font-family: 'Faktum';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 100%;
    color: #FFFFFF;
    -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}
.our_journey_left ul li.active span {
    display: block;
    margin-bottom: 10px !important;
    color: #9468FC !important;
}

/* Custom CSS For Scroll */

.header_home {
    height: 320vh;
}

.header nav.navbar {
    position: fixed;
    top: 0;
    left: 0;
    /* background-color: transparent; */
}

nav.navbar.white-color {
    background-color: transparent !important;
    align-items: flex-start;
}

/* .header nav.navbar.white-color * {
    color: white;
    border-color: white !important;
} */

.header .masthead {
    position: sticky;
    top: 0;
    left: 0;
    transition: all 0.01s linear;
    overflow: hidden;
}

.header .brand_box {
    position: fixed;
    top: inherit;
    left: 0;
    transition: all 0.01s linear;
    bottom: 0px;
}

.header img.banner_image_animated::after,.header img.banner_image_animated::before {
    will-change: width;
    transition: all 0.01s linear;
}

.header .masthead .after{background-color: #FFFFFF; position: absolute; left: 0; top: 0; width: 25%; height: 100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 2;}
.header .masthead .before{background-color: #FFFFFF; position: absolute; right: 0; top: 0; width: 25%; height: 100%; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.content_bx .content_left .quot_bx > .owl-carousel .owl-item img {display: initial; width: auto; object-fit: cover;}
.news_carousel .owl-carousel .owl-nav.disabled {display: flex; width: 100%; align-items: center; justify-content: space-between;}
header.header section.brand_box {display: none;}
header.header_home.header section.brand_box {display: flex;}

#scrolltxt {width: 100%; position: relative; top: 0px; z-index: 2; left: 0px;}

h1.scroll_heading.active {position: fixed !important; left: 0;}
h1.scroll_heading.active.fixCls {position: absolute !important; left: 0;}

.whoweare_right{display: none;}
.whoweare_right.active {position: fixed !important;  right: 10%; max-width: 500px; width: 100%; display: block; z-index: 1; max-height: 400px; overflow: auto; margin-top: 15px;}
.whoweare_right p{font-style: normal; font-weight: 400; font-size: 17px; line-height: 135%; color: #FFFFFF; margin-bottom: 20px; font-family: 'Moderat';}
.whoweare_right.active.fixCls {position: absolute !important;  right: 10%;}
#scrolltxt h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 80px; line-height: 100%;  color: #FFFFFF;}
#scrolltxt .scroll_heading{position: absolute; top: 200px; left: 100px;}
.masthead_inner.about_cls {z-index: 1; position: relative; overflow: hidden;}
.leadership_carousel .carousel_content .carousel_slider_img {max-width: 100%;}
.leadership_carousel .carousel_content .carousel_slider_img img {width: 100%;}

.left_menu ul {margin: 0 0 0 -10px; padding: 0px;}
section.content_bx.qute {position: relative; z-index: 2;}

.desktop_img{display: block;}
.mobile_img{display: none;}

/* body.aboutusBody .whoweare {min-height: 650px;} */


nav.navbar a.brand_white {display: none;}
nav.navbar.white-color a.brand {display: none;}
nav.navbar.white-color a.brand_white {display: block;}

body.aboutusBody .header nav.navbar, body.brandsBody .header nav.navbar{position: fixed; top: 0; left: 0; width: 100%; align-items: flex-start;}
body.mediahubBody .header nav.navbar, body.contactBody .header nav.navbar{position: fixed; top: 0; left: 0; width: 100%;}
body.aboutusBody nav.navbar.white-color a {color: #fff;}

/* left nav active white color cls */
.left_menu ul li a.values.active,
.left_menu ul li a.about.active,
.left_menu ul li a.ourfirsts.active,
.left_menu ul li a.restaurants.active
{color: #FFFFFF;}

body.aboutusBody .left_menu ul li{margin: 65px 0;}
li.nav-dropdown {padding-right: 15px !important;}

/**** media queries ****/
@media only screen and (min-width: 0px) and (max-width: 575px) {
  /* .header_home {height: 100vh;} */
  .brand_box .left_menu, .brand_logo_bx, .content_dark_bx .left_menu, .tandc .left_menu, .media_news .left_menu, .contact .left_menu, .media_hub .left_menu, .brands .left_menu, .our_restaurants .left_menu, .experience_work .left_menu, .content_bx .left_menu, .story_azumi .left_menu, .leadership .left_menu{display: none;}
  .brand_box {width: 100%; min-height: auto; padding: 0 0;}
  .brand_logos{width: 100%; text-align: center;}
  .brand_box .brands_links{width: 100%;}
  .brand_logos ul{display: block; padding: 0px;}
  .brand_logos ul li{display: inline-flex; margin: 0px; padding: 0 10px; min-height: 50px; align-items: center;}
  .brand_logos ul li img {width: 80px;}
  .brand_logos ul li:last-child img{width: 90px;}
  .brands_links {margin: 0 30px;}
  .content_bx .content_left h1, .content_dark_bx .content_left h1, .media_news .media_news_heading h2, .tandc .contact_heading h1, .contact .contact_heading h1, .media_hub .media_hub_heading h1,  .mainWrapper .product_gallery h1, .brands .brands_heading h1,  .experience_work .experience_heading h2, .leadership .leadership_heading h2, .our_journey_left h2, .story_azumi .story_bx h2, .content_bx .content_left .quot_bx h2, footer .footer_bx .footer_contact h2, .header .masthead h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 36px;line-height: 115%;}
  /* .content_bx, .content_dark_bx, .media_news, footer .footer_bx .footer_contact{min-height: auto;} */
  .content_dark_bx .content_right ul li{font-size: 28px;}
  .footer_contact h2 {margin-bottom: 30px;}
  footer .footer_bx .bottom_links ul li {display: inline-block; margin-right: 0; width: 40%; margin-bottom: 10px;}
  footer .footer_bx .bottom_address p{margin-bottom: 15px;}
  footer .footer_bx .bottom_address a.getintouch{margin: 20px 0;}
  footer .footer_bx .brand_social{display: block; margin: 0;}
  footer .footer_bx .brand_social .bottom_brand {margin: 0px 0 30px 0;}
  footer .footer_bx .bottom_links {width: 100%; margin: 20px 0 10px 0;}
  .header .navbar .brand{width: 100%; text-align: center;}
  .content_dark_bx, .content_bx, .story_azumi {padding: 50px 0;}
  .perfection_passion_bx .carousel_content p, .story_azumi .story_bx p, .our_journey_right p, .leadership .leadership_right_content p, .tandc .tandc_contant p, .experience_work .experience_txt p, .brands .brands_right_txt p{font-style: normal; font-weight: 400; font-size: 17px; line-height: 135%;}
  .perfection_passion_bx .carousel_content {width: 100%; margin-top: 15px;}
  .story_azumi .story_bx h2{margin-bottom: 15px;}
  .header .masthead h1{top: 90px;}
  .story_azumi .story_img_bx1 {margin-top: 15px; margin-bottom: 15px;}
  .our_journey_left .journey_bx h3{font-style: normal; font-weight: 400; font-size: 22px; line-height: 100%;}
  .our_journey_left ul li.active a{font-style: normal; font-weight: 400; font-size: 22px; line-height: 100%;}
  .our_journey_left .journey_bx {margin: 20px 0; padding-left: 0; border-left: none;}
  .leadership .leadership_right_content {width: 100%; margin-top: 0;}
  .leadership, footer .footer_bx {padding: 50px 0;}
  .our_restaurants{padding: 80px 0 50px 0;}
  .leadership .leadership_heading h2{margin-bottom: 15px;}
  .experience_work{background-size: cover; padding: 50px 0; min-height: 590px;}
  .experience_heading{padding: 0 0px; margin-top: 30px; margin-bottom: 80px;}
  .experience_work .experience_txt {padding:0 0px; width: 100%; left: 0; bottom: -150px; position: relative;}
  .experience_work {background: url(../images/experience_work.jpg) -320px 0 no-repeat; background-size: cover;}
  .brands .brands_right_txt {margin-top: 20px; margin-bottom: 30px;}
  .brands, .media_hub, .contact, .tandc{margin: 50px 0;}
  .contact_form {margin-top: 50px;}
  .tandc .tandc_contant {margin-top: 0;}
  .tandc .contact_heading {margin-bottom: 30px;}
  .mainWrapper{padding: 0;}
  .mainWrapper .accordion-item {color: #fff; background-color: transparent; border: none;}
  .mainWrapper .accordion-button:not(.collapsed) {font-weight: bold; color: #fff; background-color: transparent; box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
  .mainWrapper .accordion-button{border-radius: 0 !important;}
  .mainWrapper .accordion-body{box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}

  /* .header .navbar .wrapper .menu{padding: 30px;}
  .header .navbar .wrapper .menu-item a{padding:0;}
  .header .navbar .wrapper .menu-item{padding: 15px 0;}
  .header .navbar .menu-item:hover ul {display: block; position: relative; background: transparent; margin-left: 15px; top: 10px;}
  .header .navbar .menu-item ul li {margin: 5px 0;} */

  .in_nmobile{display: block; margin-top: 30px;}
  .in_nmobile .accordion-item{background: transparent;}
  .in_nmobile .accordion-button:not(.collapsed) {box-shadow: none; color: #fff; font-size: 16px; font-weight: 500; background-color: transparent;}
  .in_nmobile .accordion-body {background: transparent; color: #fff; padding-top: 0;}
  .in_nmobile button.accordion-button.collapsed {background-color: transparent; color: #fff; font-weight: 500; box-shadow: none;}
  .in_nmobile .accordion-button:not(.collapsed)::after{background: url(../images/arrow_down.svg) center center no-repeat;}
  .in_nmobile .accordion-button::after{background: url(../images/arrow_down.svg) center center no-repeat;}
  .accordion-item:first-of-type, .accordion-item:last-of-type{border-radius: 0 !important;}
  .in_nmobile .locationImage {margin: 5px 0;}
  .in_nmobile .locationImage img{width: 100%;}
  .in_nmobile .accordion-body .restaurantList {width: 100%;}
  .in_nmobile .accordion-body .restaurantList .firstLabel {width: 100%;}
  .in_nmobile .accordion-body .restaurantList .firstLabel ul{margin: 0; padding: 0; display: flex; align-items: self-start; justify-content: space-between; flex-direction: column;}
  .in_nmobile .accordion-body .restaurantList .firstLabel ul li {width: 100%; display: flex; align-items: center;}
  .in_nmobile .accordion-body .restaurantList .firstLabel ul li a {display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 14px; color: #fff; text-decoration: none; padding: 5px 0;}
  .in_nmobile .material-icons{font-size: 14px;}
  .in_nmobile .accordion-body .restaurantList .secondLabel {width: 100%;}
  .in_nmobile .accordion-body .restaurantList .secondLabel ul{margin: 0; padding: 0; display: flex; align-items: self-start; justify-content: space-between; flex-direction: column;}
  .in_nmobile .accordion-body .restaurantList .secondLabel ul li {width: 100%; display: flex; align-items: center;}
  .in_nmobile .accordion-body .restaurantList .secondLabel ul li a {width: 100%; font-size: 14px; color: #fff; text-decoration: none; padding: 5px 0;}
  .in_nmobile .accordion-body .asia ul, .in_nmobile .accordion-body .north_america ul{margin: 0px; padding: 0px;}
  .in_nmobile .accordion-body .asia ul li a, .in_nmobile .accordion-body .north_america ul li a{font-size: 14px; color: #fff; text-decoration: none;}
  .mainWrapper .product_gallery ul.locations, .mapWrapper{display: none;}
  .in_nmobile .secondLabel{display: none;}
  .perfection_passion_bx{margin-top: 0; margin-bottom: 0;}
  .carousel_content {text-align: center; margin-bottom: 20px;}
  .perfection_passion_bx .owl-theme .owl-nav {margin-top: 0; text-align: center;}

  .container, .container-fluid{padding-left: 30px !important; padding-right: 30px !important;}
  .header .masthead_inner{height: auto;}
  header .masthead_inner h1{top: 80px !important; left: 20px !important; font-size: 60px !important;}
  .header .navbar li.menu-item a.menu_btn{margin: 10px 20px; border: solid 1px #000 !important; display: inline-block !important;  width: auto;}
  .header .masthead{height: auto;}
  .brand_logos{height: auto;}
  .our_journey_left ul li.active > a{font-size: 20px !important;}

  #scrolltxt h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 36px !important; line-height: 115%}
  h1.scroll_heading.active {position: fixed !important; left: 0;}
  h1.scroll_heading.active.fixCls {position: absolute !important; left: 0;}

  .whoweare_right{display: none;}
  .whoweare_right.active {position: fixed !important;  max-width: 500px; width: 100%; display: block; z-index: 1; max-height: 270px; overflow: auto; margin-top: 15px;}
  .whoweare_right p{font-style: normal; font-weight: 400; font-size: 17px; line-height: 135%; color: #FFFFFF; margin-bottom: 20px; font-family: 'Moderat';}
  .whoweare_right.active.fixCls {position: absolute !important;}
  #scrolltxt h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 80px; line-height: 100%;  color: #FFFFFF;}
  #scrolltxt .scroll_heading{position: absolute; top: 250px; left: 45px !important;}
  .masthead_inner.about_cls {z-index: 1; position: relative; overflow: hidden;}
  /* .content_dark_bx {min-height: 400px;} */
  .whoweare_right.active {width: calc(100% - 75px) !important; padding: 35px 0px 0 0px; left: 45px;}

  .header .masthead{top: 0px; height: 650px; overflow: hidden;}
  .header .masthead img {object-fit: cover; width: auto; max-width: 250%;}
  header.header_home.header section.brand_box {display: flex; min-height: 215px;}
  .modal-content.leadership_modal .container-fluid {padding: 0px !important;}
  .leadership_member .carousel_content{padding: 20px 0; padding-right: 0;}
  .leadership_modal_img {width: 100%; margin-top: 30px;}
  /* .header .navbar .menu-item a > span{position: relative; z-index: 999; width: 20px; height: 20px; background-position: 5px 6px !important;} */


  .left_menu{display: none;}
  .desktop_img{display: none;}
  .mobile_img{display: block;}

  .media_news .news_carousel .carousel_content h2{text-align: left; font-size: 16px; font-weight: 600;}
  .media_news .news_carousel .carousel_content p{text-align: left; font-size: 16px; font-weight: 400;}
  .media_news .news_carousel .carousel_content label{text-align: left; width: 100%;}
  .media_news .news_carousel .carousel_content .title_cls{margin-bottom: 10px;}
  section.footer_bx .footer_contact h2 {font-size: 22px;}
  .content_dark_bx .content_right ul {margin: 15px 0 0 0;}

  nav.navbar.white-color a.brand_white {width: auto; text-align: center;}
  nav.navbar.white-color label.nav-toggle span {background: #fff;}
  footer .footer_bx{z-index: auto;}
  .header .navbar .menu-item:not(:first-child) {margin-left: 0;}
  nav.navbar.white-color .sitenavigation #hamburger span {background: #fff;}
  .header .navbar:hover a {color: #9468FC;}
  .sitenavigation ul li.nav-dropdown a::before{display: none;}
  .media_hub .media_bub_bx .media_bub_thum{height: auto;}
  .media_hub .media_bub_bx .media_bub_thum img{height: auto;}
  .sitenavigation li ul {width: 100% !important; left: auto; right: auto; margin: 0 !important; top:0px}
  .sitenavigation li ul li{border-bottom: none !important;}
  li.nav-dropdown {padding-right: 0 !important;}
  .navbar .sitenavigation.is-tapped > ul li li{display: inline-block;}
  li.menu-item.formob{display: block !important;}

  /* .carousel_slider_img {height: 200px !important;}
  .carousel_slider_img img {height: 100% !important;} */
  .header .navbar li.menu-item a.menu_btn{position: absolute; bottom: -250px;}
  .news_carousel .carousel_slider_img {height: auto;}
  .mhide {display: none;}
  .dhide {display: block !important;}
  .brand_box .brands_links{margin-top: 0;}

  .contact .contact_heading {margin-top: 50px; margin-bottom: 0;}
  .contact .contact_heading h1 {margin-bottom: -30px;}
  .leadership_modal_img{max-width: 100%; margin-left: 0px; margin-right: 0px;}
  .header .masthead > .welcome{display: none;}

  .experience_work{min-height: 100vh; min-height: 100vh; background-position: center center !important;}
  nav.navbar.white-color .sitenavigation.is-tapped #hamburger span {background: black;}
  .sitenavigation.is-tapped .menu_logo a.brand {display: block; width: 100%; position: fixed; top: 16px; left: 0px; z-index: 999;}
  .sitenavigation.is-tapped .menu_logo {display: block; text-align: center;}

  body.open nav.navbar.active.blue a.brand {display: block;}
  body.open nav.navbar.active.blue a.brand_white {display: none;}
  body.open nav.navbar.blue #hamburger span{background: #000000;}
  /* nav.navbar a.brand_white {display: none !important;} */
  body.open a.brand {display: block !important;}

  section.brand_box.light .brand_logos {opacity: 0.2;}
  .brand_box .brand_logos.width{width: 100% !important; opacity: 1 !important;}
  .brand_box .brand_logos.width ul li{margin: 15px 0 15px 0; width: 100%; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
  .brand_box .brand_logos.width ul li img{width: 85%; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
  section.brand_box.width .brands_links.show{text-align: left !important;}
  .content_bx .content_left .quot_bx {text-align: center; margin-top: 0; margin-bottom: 30px;}
  .perfection_passion_bx .carousel_content .carousel_txt .profile_img {margin-bottom: 20px !important; margin-right: 0 !important;}
  .perfection_passion_bx .carousel_content .carousel_txt {width: 100% !important;} 

}

 @media only screen and (min-width: 576px) and (max-width: 767px) {
/* .header_home {height: 100vh;} */
.brand_box .left_menu, .brand_logo_bx, .content_dark_bx .left_menu, .tandc .left_menu, .media_news .left_menu, .contact .left_menu, .media_hub .left_menu, .brands .left_menu, .our_restaurants .left_menu, .experience_work .left_menu, .content_bx .left_menu, .story_azumi .left_menu, .leadership .left_menu{display: none;}
.brand_box {width: 100%; min-height: auto; padding: 0;}
.brand_logos{width: 100%; text-align: center;}
.brand_box .brands_links{width: 100%; text-align: center;}
.brand_logos ul{display: block; padding: 0px;}
.brand_logos ul li{display: block; margin: 30px 0;}
.brand_logos ul li img {width: 130px;}
.brands_links {margin: 0 30px;}
.content_bx .content_left h1, .content_dark_bx .content_left h1, .media_news .media_news_heading h2, .tandc .contact_heading h1, .contact .contact_heading h1, .media_hub .media_hub_heading h1,  .mainWrapper .product_gallery h1, .brands .brands_heading h1,  .experience_work .experience_heading h2, .leadership .leadership_heading h2, .our_journey_left h2, .story_azumi .story_bx h2, .content_bx .content_left .quot_bx h2, footer .footer_bx .footer_contact h2, .header .masthead h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 36px;line-height: 115%;}
.content_bx, .content_dark_bx, .media_news, footer .footer_bx .footer_contact{min-height: auto;}
.content_dark_bx .content_right ul li{font-size: 28px;}
.footer_contact h2 {margin-bottom: 30px;}
footer .footer_bx .bottom_links ul li {display: inline-block; margin-right: 0; width: 40%; margin-bottom: 10px;}
footer .footer_bx .bottom_address p{margin-bottom: 15px;}
footer .footer_bx .bottom_address a.getintouch{margin: 20px 0;}
footer .footer_bx .brand_social{display: block; margin: 0;}
footer .footer_bx .brand_social .bottom_brand {margin: 0px 0 30px 0;}
footer .footer_bx .bottom_links {width: 100%; margin: 20px 0 10px 0;}
.header .navbar .brand{width: 350px; text-align: center;}
.content_dark_bx, .content_bx, .story_azumi {padding: 50px 0;}
.perfection_passion_bx .carousel_content p, .story_azumi .story_bx p, .our_journey_right p, .leadership .leadership_right_content p, .tandc .tandc_contant p, .experience_work .experience_txt p, .brands .brands_right_txt p{font-style: normal; font-weight: 400; font-size: 17px; line-height: 135%;}
.perfection_passion_bx .carousel_content {width: 100%; margin-top: 15px;}
.story_azumi .story_bx h2{margin-bottom: 15px;}
.header .masthead h1{top: 90px;}
.story_azumi .story_img_bx1 {margin-top: 15px; margin-bottom: 15px;}
.our_journey_left .journey_bx h3{font-style: normal; font-weight: 400; font-size: 22px; line-height: 100%;}
.our_journey_left ul li.active a{font-style: normal; font-weight: 400; font-size: 22px; line-height: 100%;}
.our_journey_left .journey_bx {margin: 20px 0; padding-left: 0; border-left: none;}
.leadership .leadership_right_content {width: 100%; margin-top: 0;}
.leadership, footer .footer_bx, .our_restaurants{padding: 50px 0;}
.leadership .leadership_heading h2{margin-bottom: 15px;}
.experience_work{background-size: cover; padding: 50px 0; min-height: 590px;}
.experience_heading{padding: 0 0px; margin-top: 60px;}
.experience_work .experience_txt {padding: 0 45px; width: 100%; left: 0; bottom: 60px;}
.experience_work {background: url(../images/experience_work.jpg) -120px 0 no-repeat; background-size: cover;}
.brands .brands_right_txt {margin-top: 20px; margin-bottom: 30px;}
.brands, .media_hub, .contact, .tandc{margin: 50px 0;}
.contact_form {margin-top: 50px;}
.tandc .tandc_contant {margin-top: 0;}
.tandc .contact_heading {margin-bottom: 30px;}
.mainWrapper{padding: 0;}
.mainWrapper .accordion-item {color: #fff; background-color: transparent; border: none;}
.mainWrapper .accordion-button:not(.collapsed) {font-weight: bold; color: #fff; background-color: transparent; box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.mainWrapper .accordion-button{border-radius: 0 !important;}
.mainWrapper .accordion-body{box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}

/* .header .navbar .wrapper .menu{padding: 30px;}
.header .navbar .wrapper .menu-item a{padding:0;}
.header .navbar .wrapper .menu-item{padding: 15px 0;}
.header .navbar .menu-item:hover ul {display: block; position: relative; background: transparent; margin-left: 15px; top: 10px;}
.header .navbar .menu-item ul li {margin: 5px 0;} */

.in_nmobile{display: block; margin-top: 30px;}
.in_nmobile .accordion-item{background: transparent;}
.in_nmobile .accordion-button:not(.collapsed) {box-shadow: none; color: #fff; font-size: 16px; font-weight: 500; background-color: transparent;}
.in_nmobile .accordion-body {background: transparent; color: #fff; padding-top: 0;}
.in_nmobile button.accordion-button.collapsed {background-color: transparent; color: #fff; font-weight: 500; box-shadow: none;}
.in_nmobile .accordion-button:not(.collapsed)::after{background: url(../images/arrow_down.svg) center center no-repeat;}
.in_nmobile .accordion-button::after{background: url(../images/arrow_down.svg) center center no-repeat;}
.accordion-item:first-of-type, .accordion-item:last-of-type{border-radius: 0 !important;}
.in_nmobile .locationImage {margin: 5px 0;}
.in_nmobile .locationImage img{width: 100%;}
.in_nmobile .accordion-body .restaurantList {width: 100%;}
.in_nmobile .accordion-body .restaurantList .firstLabel {width: 100%;}
.in_nmobile .accordion-body .restaurantList .firstLabel ul{margin: 0; padding: 0; display: flex; align-items: self-start; justify-content: space-between; flex-direction: column;}
.in_nmobile .accordion-body .restaurantList .firstLabel ul li {width: 100%; display: flex; align-items: center;}
.in_nmobile .accordion-body .restaurantList .firstLabel ul li a {display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 14px; color: #fff; text-decoration: none; padding: 5px 0;}
.in_nmobile .material-icons{font-size: 14px;}
.in_nmobile .accordion-body .restaurantList .secondLabel {width: 100%;}
.in_nmobile .accordion-body .restaurantList .secondLabel ul{margin: 0; padding: 0; display: flex; align-items: self-start; justify-content: space-between; flex-direction: column;}
.in_nmobile .accordion-body .restaurantList .secondLabel ul li {width: 100%; display: flex; align-items: center;}
.in_nmobile .accordion-body .restaurantList .secondLabel ul li a {width: 100%; font-size: 14px; color: #fff; text-decoration: none; padding: 5px 0;}
.in_nmobile .accordion-body .asia ul, .in_nmobile .accordion-body .north_america ul{margin: 0px; padding: 0px;}
.in_nmobile .accordion-body .asia ul li a, .in_nmobile .accordion-body .north_america ul li a{font-size: 14px; color: #fff; text-decoration: none;}
.mainWrapper .product_gallery ul.locations, .mapWrapper{display: none;}
.in_nmobile .secondLabel{display: none;}
.perfection_passion_bx{margin-top: 0; margin-bottom: 0;}
.carousel_content {text-align: center; margin-bottom: 20px;}
.perfection_passion_bx .owl-theme .owl-nav {margin-top: 0; text-align: center;}

.container, .container-fluid{padding-left: 30px !important; padding-right: 30px !important;}
.header .masthead_inner{height: auto;}
header .masthead_inner h1{top: 80px !important; left: 20px !important; font-size: 60px !important;}
.header .navbar li.menu-item a.menu_btn{margin: 10px 20px; border: solid 1px #000 !important; display: inline-block !important;  width: auto;}
.header .masthead{height: auto;}
.brand_logos{height: auto;}
.our_journey_left ul li.active > a{font-size: 20px !important;}

#scrolltxt h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 36px !important; line-height: 115%}
h1.scroll_heading.active {position: fixed !important; left: 0;}
h1.scroll_heading.active.fixCls {position: absolute !important; left: 0;}

.whoweare_right{display: none;}
.whoweare_right.active {position: fixed !important;  max-width: 500px; width: 100%; display: block; z-index: 1; max-height: 270px; overflow: auto; margin-top: 15px;}
.whoweare_right p{font-style: normal; font-weight: 400; font-size: 17px; line-height: 135%; color: #FFFFFF; margin-bottom: 20px; font-family: 'Moderat';}
.whoweare_right.active.fixCls {position: absolute !important;}
#scrolltxt h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 80px; line-height: 100%;  color: #FFFFFF;}
#scrolltxt .scroll_heading{position: absolute; top: 250px; left: 45px !important;}
.masthead_inner.about_cls {z-index: 1; position: relative; overflow: hidden;}
.content_dark_bx {min-height: 400px;}
.whoweare_right.active {width: calc(100% - 75px) !important; padding: 35px 0px 0 0px; left: 45px;}

.header .masthead{top: auto;}
.header .masthead img {object-fit: cover; width: auto; max-width: 250%; margin-left: -80%;}
header.header_home.header section.brand_box {display: flex; min-height: 470px;}
.modal-content.leadership_modal .container-fluid {padding: 0px !important;}
.leadership_member .carousel_content{padding: 20px 0; padding-right: 0;}
.leadership_modal_img {width: 100%; margin-top: 30px;}
/* .header .navbar .menu-item a > span{position: relative; z-index: 999; width: 20px; height: 20px; background-position: 5px 6px !important;} */


.left_menu{display: none;}
.desktop_img{display: none;}
.mobile_img{display: block;}

.media_news .news_carousel .carousel_content h2{text-align: left; font-size: 16px; font-weight: 600;}
.media_news .news_carousel .carousel_content p{text-align: left; font-size: 16px; font-weight: 400;}
.media_news .news_carousel .carousel_content label{text-align: left; width: 100%;}
.media_news .news_carousel .carousel_content .title_cls{margin-bottom: 10px;}
section.footer_bx .footer_contact h2 {font-size: 22px;}
.content_dark_bx .content_right ul {margin: 15px 0 0 0;}

nav.navbar.white-color a.brand_white {width: auto; text-align: center;}
nav.navbar.white-color label.nav-toggle span {background: #fff;}
footer .footer_bx{z-index: auto;}
.header .navbar .menu-item:not(:first-child) {margin-left: 0;}
nav.navbar.white-color .sitenavigation #hamburger span {background: #fff;}
.header .navbar:hover a {color: #9468FC;}
.sitenavigation ul li.nav-dropdown a::before{display: none;}
.media_hub .media_bub_bx .media_bub_thum{height: auto;}
.media_hub .media_bub_bx .media_bub_thum img{height: auto;}
.sitenavigation li ul {width: 100% !important; left: auto; right: auto; margin: 0 !important; top:0px}
.sitenavigation li ul li{border-bottom: none !important;}
li.nav-dropdown {padding-right: 0 !important;}
.navbar .sitenavigation.is-tapped > ul li li{display: inline-block;}
li.menu-item.formob{display: block !important;}
/* .carousel_slider_img {height: 200px !important;}
.carousel_slider_img img {height: 100% !important;} */

.header .navbar li.menu-item a.menu_btn{position: absolute; bottom: -250px;}
.news_carousel .carousel_slider_img {height: auto;}
.mhide {display: none;}
.dhide {display: block !important;}
.brand_box .brands_links{margin-top: 0;}
.contact .contact_heading {margin-top: 50px; margin-bottom: 0;}
.leadership_modal_img{max-width: 100%; margin-left: 0px; margin-right: 0px;}
.header .masthead > .welcome{display: none;}

.experience_work{min-height: 100vh; min-height: 100vh; background-position: center center !important;}
nav.navbar.white-color .sitenavigation.is-tapped #hamburger span {background: black;}
.sitenavigation.is-tapped .menu_logo a.brand {display: block; width: 100%; position: fixed; top: 16px; left: 0px; z-index: 999;}
.sitenavigation.is-tapped .menu_logo {display: block; text-align: center;}

section.brand_box.light .brand_logos {opacity: 0.2;}
.brand_box .brand_logos.width{width: 100% !important; opacity: 1 !important;}
.brand_box .brand_logos.width ul li{margin: 30px 0 0 0; width: 100%; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
.brand_box .brand_logos.width ul li img{width: 85%; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
section.brand_box.width .brands_links.show{text-align: left !important;}

body.open a.brand {display: block !important;}
.header .masthead img{margin-left: 0;}

.content_bx .content_left .quot_bx {text-align: center; margin-top: 0; margin-bottom: 30px;}
.perfection_passion_bx .carousel_content .carousel_txt .profile_img {margin-bottom: 20px !important; margin-right: 0 !important;}
.perfection_passion_bx .carousel_content .carousel_txt {width: 100% !important;} 
}

 @media only screen and (min-width: 768px) and (max-width: 991px) {
.header .masthead_inner{height: auto;}
.content_dark_bx, .content_bx, .leadership{min-height: auto;}
.header .masthead h1, .header .masthead_inner h1, .content_dark_bx .content_left h1, .contact .contact_heading h1, .brands .brands_heading h1, .media_hub .media_hub_heading h1{font-size: 60px; margin: 0;}
.story_azumi .story_bx h2, .our_journey_left h2, footer .footer_bx .footer_contact h2, .media_news .media_news_heading h2, .experience_work .experience_heading h2, .content_bx .content_left .quot_bx h2, .leadership .leadership_heading h2{font-size: 50px; margin-bottom: 35px;}
.story_azumi .story_bx {max-width: 100%; width: 100%;}
.story_azumi .story_bx p strong{margin-bottom:0px;}
.story_azumi .story_img_bx1 {margin-top: 0; margin-bottom: 15px;}
.perfection_passion_bx {max-width: 100%; margin-top: 0px; margin-bottom: 0;}
.leadership .leadership_heading h2 {margin-bottom: 0;}
.leadership .leadership_right_content {width: 100%; margin-top: 90px;}
.experience_work{background-size: cover; background-position: center;}
footer .footer_bx .footer_contact {min-height: auto;}
.our_journey_left .journey_bx h3{font-size: 35px;}
.leadership .leadership_right_content{margin-top: 20px;}
.media_hub .media_hub_breadcrumb {margin: 20px 0;}
.brands .brands_right_txt {margin-top: 20px; margin-bottom: 20px;}
.brands {margin: 50px 0;}
.our_restaurants {padding: 50px 0;}
.header .masthead{height: auto;}
.media_news .media_news_heading h2{max-width: 100%;}
.content_dark_bx .content_left h1{margin-bottom: 30px; font-size: 50px;}
.media_news, .content_dark_bx, .content_bx{min-height: auto;}
.content_dark_bx .content_right ul li{font-size: 45px;}
.our_journey_left ul li.active > a{font-size: 26px !important;}
.brand_logos ul li {margin-right: 40px;  margin-bottom: 0px;}
.brand_logos, .brand_box .brands_links {width: 90%;}
.header .navbar li.menu-item a.menu_btn{padding: 1rem 2rem; margin-left: 30px; display: inline-block;}
.header .navbar .menu-item:hover ul {display: block; position: relative; margin-bottom: 15px;}

#scrolltxt h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 36px !important; line-height: 115%}
h1.scroll_heading.active {position: fixed !important; left: 0;}
h1.scroll_heading.active.fixCls {position: absolute !important; left: 0;}

.whoweare_right{display: none;}
.whoweare_right.active {position: fixed !important;  max-width: 500px; width: 100%; display: block; z-index: 1; max-height: 400px; overflow: auto; margin-top: 15px;}
.whoweare_right  p{font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #FFFFFF; margin-bottom: 20px; font-family: 'Moderat';}
.whoweare_right.active.fixCls {position: absolute !important;}
#scrolltxt h1{font-family: 'Faktum'; font-style: normal; font-weight: 400; font-size: 80px; line-height: 100%;  color: #FFFFFF;}
#scrolltxt .scroll_heading{position: absolute; top: 100px; left: 45px !important;}
.masthead_inner.about_cls {z-index: 1; position: relative; overflow: hidden;}
.content_dark_bx {min-height: 400px;}
.whoweare_right.active {width: calc(100% - 75px) !important; padding: 35px 0px 0 0px; left: 45px;}

.header .masthead{top: auto;}
.header .masthead img {object-fit: cover; width: auto; max-width: 250%; margin-left: -80%;}
header.header_home.header section.brand_box {display: flex; min-height: 470px;}
.modal-content.leadership_modal .container-fluid {padding: 0px !important;}
.leadership_member .carousel_content{padding: 20px 0; padding-right: 0;}
.leadership_modal_img {width: 100%; margin-top: 30px;}
.header .navbar .menu-item:not(:first-child) {margin-left: 0;}
.left_menu {display: none;}
.sitenavigation ul li.nav-dropdown a::before{display: none;}
.header .navbar li.menu-item a.menu_btn {padding: 10px 20px; margin-left: 20px; border: solid 1px #000 !important;}
.sitenavigation li ul {white-space: nowrap; top: 0; height: auto; left: 0;  right: 0;}
.navbar .sitenavigation.is-tapped > ul ul li{display: inline-block; border: none;}
.navbar .sitenavigation.is-tapped > ul li.nav-dropdown > a {width: 90% !important;}
.navbar .sitenavigation.is-tapped > ul li.nav-dropdown:after{width: 10% !important;}
li.menu-item.formob{display: block;}
.header .navbar li.menu-item a.menu_btn{position: absolute; bottom: -250px;}
.sitenavigation li ul{margin: auto !important;}
.contact .contact_heading h1 {margin-bottom: -30px;}
.leadership_modal_img{max-width: 100%; margin-left: 0px; margin-right: 0px;}
.header .masthead > .welcome{display: none;}
.experience_work{min-height: 100vh; min-height: 100vh; background-position: center center !important;}
nav.navbar.white-color .sitenavigation.is-tapped #hamburger span {background: black;}
.sitenavigation.is-tapped .menu_logo a.brand {display: block; width: 100%; position: fixed; top: 16px; left: 0px; z-index: 999;}
.sitenavigation.is-tapped .menu_logo {display: block; text-align: center;}
nav.navbar.white-color .sitenavigation #hamburger span {background: #fff;}
.header .masthead img{margin-left: 0;}

body.open nav.navbar.active.blue a.brand {display: block;}
body.open nav.navbar.active.blue a.brand_white {display: none;}
body.open nav.navbar.blue #hamburger span{background: #000000;}
/* nav.navbar a.brand_white {display: none !important;} */
body.open a.brand {display: block !important;}
.perfection_passion_bx .carousel_content .carousel_txt {
  width: 100%;
}
}

 @media only screen and (min-width: 767px) and (max-width: 990px) {
  li.menu-item.formob {display: block !important;}
  .sitenavigation.is-tapped .menu_logo a.brand {display: block; width: 100%; position: fixed; top: 16px; left: 0px; z-index: 999;}
 }


 @media only screen and (min-width: 992px) and (max-width: 1199px) {
.header .masthead_inner{height: auto;}
.content_dark_bx, .content_bx, .leadership{min-height: auto;}
.header .masthead h1, .header .masthead_inner h1, .content_dark_bx .content_left h1, .contact .contact_heading h1, .brands .brands_heading h1, .media_hub .media_hub_heading h1{font-size: 60px; margin: 0;}
.story_azumi .story_bx h2, .our_journey_left h2, footer .footer_bx .footer_contact h2, .media_news .media_news_heading h2, .experience_work .experience_heading h2, .content_bx .content_left .quot_bx h2, .leadership .leadership_heading h2{font-size: 50px; margin-bottom: 35px;}
.story_azumi .story_bx {max-width: 100%; width: 100%;}
.story_azumi .story_bx p strong{margin-bottom:0px;}
.story_azumi .story_img_bx1 {margin-top: 0; margin-bottom: 15px;}
.perfection_passion_bx {max-width: 100%; margin-top: 0px; margin-bottom: 0;}
.leadership .leadership_heading h2 {margin-bottom: 0;}
.leadership .leadership_right_content {width: 100%; margin-top: 90px;}
.experience_work{background-size: cover; background-position: center;}
footer .footer_bx .footer_contact {min-height: auto;}
.our_journey_left .journey_bx h3{font-size: 35px;}
.leadership .leadership_right_content{margin-top: 20px;}
.media_hub .media_hub_breadcrumb {margin: 20px 0;}
.brands .brands_right_txt {margin-top: 20px; margin-bottom: 20px;}
.brands {margin: 50px 0;}
.our_restaurants {padding: 50px 0;}
.header .masthead{height: auto;}
.media_news .media_news_heading h2{max-width: 100%;}
.content_dark_bx .content_left h1{margin-bottom: 30px; font-size: 50px;}
.media_news, .content_dark_bx, .content_bx{min-height: 350px;}
.content_dark_bx .content_right ul li{font-size: 45px;}
.our_journey_left ul li.active > a{font-size: 30px !important;}
.brand_logos, .brand_box .brands_links {width: 90%;}
.experience_work{min-height: 100vh; min-height: 100vh; background-position: center center !important;}

body.open nav.navbar.active.blue a.brand {display: block;}
body.open nav.navbar.active.blue a.brand_white {display: none;}
body.open nav.navbar.blue #hamburger span{background: #000000;}
/* nav.navbar a.brand_white {display: none !important;} */
body.open a.brand {display: block !important;}
 }

 @media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .whoweare_right.active{max-width: 350px; margin-top: 70px;}
  #scrolltxt .scroll_heading{left: 50px; top: 200px;}
  #scrolltxt h1{font-size: 70px;}
  .header_home {height: 60vh;}
 }

 @media only screen and (min-width: 1200px) and (max-width: 1299px) {}
 @media only screen and (min-width: 1300px) and (max-width: 1399px) {}
 @media only screen and (min-width: 1400px) and (max-width: 1499px) {}
 @media only screen and (min-width: 1500px) and (max-width: 1599px) {}
 @media only screen and (min-width: 1600px) and (max-width: 1699px) {}
  /**** /media queries ****/



  #hamburger {
    width: 30px;
    position: relative;
    margin: auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  #hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000;
    border-radius: 9px;
    opacity: 1;
    left: 7px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  #hamburger span:nth-child(1) {
    top: 5px;
  }

  #hamburger span:nth-child(2) {
    top: 10px;
    visibility: hidden;
  }

  #hamburger span:nth-child(3) {
    top: 15px;
  }

  #hamburger.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  #hamburger.open span:nth-child(2) {
    opacity: 0;
    left: -30px;
  }

  #hamburger.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  .sitenavigation ul {
    margin: 0;
    padding: 0;
    float: right;
  }
  .sitenavigation li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-left: -4px;
    line-height: 20px;
    margin-left: 2rem;
    position: relative;
  }
  .sitenavigation li.nav-dropdown:hover > a {
    background-color: transparent;
    color: #000;
  }
  .sitenavigation li a {
font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
    text-transform: capitalize;
    text-decoration: none;
    font-family: 'Moderat';
    position: relative;
  }

  .sitenavigation li a.nav-selected {
    color: #000;
  }
  .sitenavigation li a:hover {
    color: #000;
  }
  .sitenavigation li.clicked > ul {
    display: block;
  }
  .sitenavigation li ul {
    display: none;
    position: absolute;
    padding: 2px 10px;
    margin: 0px 5px;
  }

  .header .navbar  .sitenavigation li ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 125%;
    color: #000000;
}
  /* .sitenavigation li ul a {
    background-color: #dfdfdf;
    font-size: 0.8125em;
  } */
  .sitenavigation li ul li {
    float: none;
    display: block;
    margin: 10px 0;
  }
  .sitenavigation li ul ul {
    left: 100%;
    margin-top: -40px;
  }
  .sitenavigation li ul ul a {
    background-color: transparent;
  }
  .sitenavigation .nav-dropdown:hover > a, .sitenavigation .nav-dropdown.clicked > a {
    background-color: transparent;
  }

  .no-js .sitenavigation li:hover > ul {
    display: block !important;
  }

  .menu-icon {
    display: none;
  }


  .header .navbar .nav-dropdown a {
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
    text-transform: capitalize;
    text-decoration: none;
    font-family: 'Moderat';
}

.header .navbar.white-color li.menu-item a.menu_btn {border: solid 1px #FFFFFF;}

.header .navbar .nav-dropdown:hover a{color: #9468FC;}
.header .navbar .sitenavigation li ul li a{color: #000000 !important;}
.header .navbar .sitenavigation li ul li a:hover{color: #9468FC !important;}
.header .navbar.white-color li.menu-item a.menu_btn:hover{border: solid 1px #9468FC;}

  @media (max-width: 991px) {
    .navbar .logo{z-index: 999;}
    .navbar .menu-icon{position: relative; z-index: 999; cursor: auto;}
    .navbar {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      max-width: 100%;
      z-index: 1;
    }
    .navbar .logo {
      text-align: center;
      margin: 0 auto;
      position: relative;
      right: -20px;
    }
    .navbar .menu-icon {
      /* width: 30px; */
      height: auto;
      padding-top: 0;
      margin-top: 0px;
      display: block;
      -webkit-tap-highlight-color: transparent;
      padding: 5px;
      padding-top: 1px;
      padding-bottom: 12px;
      margin-bottom: 10px;
      cursor: pointer;
    }
    .navbar .sitenavigation ul {
      display: none;
      max-width: none !important;
    }
    .navbar .sitenavigation li {
      float: none;
      display: block;
      margin: 0;
      padding: 0;
    }
    .navbar .sitenavigation.is-tapped > ul {
      display: block;
      position: absolute;
      margin: 0;
      right: 0;
      left: 0;
      z-index: 100;
      padding: 150px 0 0px 0;
      height: 100vh;
      background: #fff;
      top: 0;
    }
    .navbar .sitenavigation.is-tapped > ul a {
      width: auto;
      margin: 0;
      display: inline-block;
      font-size: 25px;
      margin-top: 8px;
      margin-bottom: 8px;
      padding-left: 20px;
      padding-right: 5px;
      height: auto;
      float: none;
      border: none !important;
      -webkit-font-smoothing: antialiased;
      -webkit-tap-highlight-color: transparent;
      background: #fff;
      color: #000 !important;
      line-height: normal;
    }
    .navbar .sitenavigation.is-tapped > ul a:hover {
      background-color: #fff;
    }
    .navbar .sitenavigation.is-tapped > ul li {
      width: 100%;
      -webkit-tap-highlight-color: transparent;
    }
    .navbar .sitenavigation.is-tapped > ul li li {
      background-color: #fff;
      width: auto !important;
    }
    .navbar .sitenavigation.is-tapped > ul ul {
      display: none;
      width: 100%;
      z-index: 200;
      border: none;
      margin-left: 0;
      padding: 0;
      position: relative !important;
      overflow-x: auto;
    }
    .navbar .sitenavigation.is-tapped > ul ul ul {
      clear: both;
      left: 0;
      margin-top: 0;
    }
    .navbar .sitenavigation.is-tapped > ul ul li {
      border-bottom: solid 1px #f9f9f9;
    }
    .navbar .sitenavigation.is-tapped > ul ul li li a {
      background-color: #fff;
      padding-left: 30px;
    }
    .navbar .sitenavigation.is-tapped > ul ul a {
      background-color: #fff;
      font-size: 1em;
      padding-left: 20px;
    }
    /* .navbar .sitenavigation.is-tapped > ul ul a:before {
      content: "- ";
      display: inline-block;
      margin-right: 8px;
      color: #000;
    } */
    .navbar .sitenavigation.is-tapped > ul li.nav-dropdown {
      cursor: pointer;
    }
    .navbar .sitenavigation.is-tapped > ul li.nav-dropdown > a {
      width: 80%;
    }
    .navbar .sitenavigation.is-tapped > ul li.nav-dropdown:after {
      content: "\f107";
      font-family: FontAwesome;
      position: absolute;
      color: #000;
      padding: 0;
      display: block;
      width: 20%;
      right: 0;
      margin-top: -40px;
      text-align: center;
      font-size: 25px;
      font-weight: 700;
      padding-top: 10px;
      padding-bottom: 10px;
      z-index: 99;
    }
    .navbar .sitenavigation.is-tapped > ul li.expanded:after {
      transform: rotate(180deg);
    }
    /* .navbar .sitenavigation.is-tapped > ul li.expanded li:first-child:before {
      content: "\f106";
      font-family: FontAwesome;
      position: absolute;
      color: black;
      padding: 0;
      display: block;
      width: 20%;
      right: 0;
      top: -32px;
      text-align: center;
      font-size: 25px;
      font-weight: 700;
      margin-top: 0;
      margin-bottom: 0;
      height: 100%;
    }*/
    .navbar .sitenavigation.is-tapped > ul li.nav-dropdown.expanded > a {
      color: #9468FC !important;}
  }

  li.menu-item.formob{display: none;}
  /* .carousel_slider_img {height: 262px;} */
  /* .carousel_slider_img img {height: 100%;} */

.header .masthead > .welcome.whiteCls ul li a.active{color: #FFFFFF;}
.news_carousel .carousel_slider_img {height: 262px;}
.news_carousel .carousel_slider_img img{height: 100%;}

.brand_box .brands_links,
.brand_box .left_menu{visibility: hidden;}
.brands_links.show {visibility: visible;}
.brand_box .brand_logos{-webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.brand_box .brands_links{-webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.brand_box .brand_logos.width, .brands_links.show {width: 90%; text-align: center;}
.dhide {display: none;}
footer .footer_bx .brand_social .bottom_social ul li a img {width: auto; height: 20px;}

body.aboutusBody .header nav.navbar ul > li.a1 a,
body.brandsBody .header nav.navbar ul > li.a2 a,
body.mediahubBody .header nav.navbar ul > li.a3 a,
body.contactBody .header nav.navbar ul > li.a4 a
{color: #9468FC;}
body.aboutusBody .header nav.navbar.active.blue li.nav-dropdown.a1 a {color: #9468FC;}
body.brandsBody .brands {padding-top: 40px;}
.sitenavigation .menu_logo {display: none;}
.header .masthead img, .header .masthead video, .header .masthead_inner img{width: 100%; height: 100%; object-fit: cover;}

/*Start Privacy Policy CSS*/
.careers_content p {font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; font-family: 'Moderat'; color: #1C0035; margin: 0 0 20px;}
.careers_content p a {color: #1C0035;}
.careers_content ul {margin: 0 0 20px 20px; padding: 0;}
.careers_content ul li {font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; font-family: 'Moderat'; color: #1C0035; list-style: disc;}
.careers_content h2, .careers_content .h2 {font-style: normal; font-weight: 400; font-size: 32px; line-height: 48px; font-family: 'Moderat'; color: #1C0035; margin: 0 0 25px;}
.policy-page-table {width: 100%; margin: 20px 0 40px;}
.policy-page-table tr:first-child {background-color: #1C0035;}
.policy-page-table tr:first-child td, .policy-page-table tr:first-child th {padding: 10px; color: #fff; font-weight: 400; font-size: 18px; line-height: 30px; font-family: 'Moderat';}
.policy-page-table td a, .careers_content ul li a {color: #1C0035;}
.policy-page-table td, .policy-page-table tr th {border: 1px solid #1C0035; padding: 10px; font-style: normal; font-weight: 400; font-size: 18px; line-height: 30px; font-family: 'Moderat'; color: #1C0035;}
@media only screen and (min-width: 0px) and (max-width: 1199px) {
.policy-page-table {width: 100%; margin: 20px 0 40px;  display: block; overflow-x: auto; white-space: nowrap}
}
/*End Privacy Policy CSS*/

body.open {overflow: hidden;}

body.aboutusBody nav.navbar.blue {background: #1C0035;}
body.aboutusBody nav.navbar.off-white {background: #F7F7F7;}

body.homeBody nav.navbar.blue {background: #1C0035 !important;}
body.homeBody nav.navbar.off-white {background: #F7F7F7;}

nav.navbar.active.blue a.brand {display: none;}
nav.navbar.active.blue a.brand_white {display: block;}
.header nav.navbar.active.blue .menu-item a, .header nav.navbar.active.blue .nav-dropdown a{color: #FFFFFF;}
.header nav.navbar.active.blue .menu-item a:hover, .header nav.navbar.active.blue .nav-dropdown a:hover{color: #9468FC;}
.header nav.navbar.active.blue li.menu-item a.menu_btn{border: solid 1px #fff;}
.header nav.navbar.active.blue li.menu-item a.menu_btn:hover{border: solid 1px #9468FC;}
nav.navbar.blue #hamburger span {background: #FFFFFF;}

/**** landscape ****/
@media only screen and (max-height: 575.98px) and (orientation: landscape) {
.header .masthead img{margin-left: 0;}
.navbar .sitenavigation.is-tapped > ul{padding: 60px 0 60px 0; overflow-y: auto;}
.header .navbar li.menu-item a.menu_btn{bottom: -60px;}

body.open nav.navbar.active.blue a.brand {display: block;}
body.open nav.navbar.active.blue a.brand_white {display: none;}
body.open nav.navbar.white-color #hamburger span{background: #FFFFFF;}
nav.navbar.blue #hamburger span {background: #FFFFFF;}
body.open nav.navbar.blue #hamburger span{background: #000000;}
body.open nav.navbar.white-color a.brand {display: block;}
nav.navbar.white-color a.brand_white {display: block;}
.experience_heading h2 {font-size: 40px !important;}
.experience_work .experience_txt {position: relative; padding: 0; margin: 0; bottom: -70px; top: auto; left: 0px;}

header.header_home.header {position: relative;  z-index: 5;}
}

.brandsBody nav.navbar.active.blue{background:#1C0035;}

.brandsBody .accordion-item {border: none; border-bottom: 1px solid #fff;}
.mainLocation span {margin-right: 5px;}
.story_azumi {background: #fff; position: relative; z-index: 1;}

.brand_box.in_about {min-height: 450px; padding: 0;}
.brand_box.in_about .brand_logos {width: 90%;}
.brand_box.in_about .brands_links, .brand_box .left_menu {visibility: visible;}
.perfection_passion_bx .carousel_content h2{font-family: 'Faktum'; font-style: normal; font-weight: 600; font-size: 40px; line-height: 42px; margin-bottom: 20px; text-align: left; color: #1C0035;}
.perfection_passion_bx .carousel_content img{width: auto !important;}
.perfection_passion_bx .owl-theme .owl-nav button {display: inline-block; height: 15px;}
.brand_box.in_about .brands_links {width: 90%;}
.perfection_passion_bx .carousel_content .carousel_txt .profile_img {margin-right: 15px; max-width: 100%; margin-bottom: 15px;}
.perfection_passion_bx .carousel_content .carousel_txt .profile_img img{width: 100% !important;}
.perfection_passion_bx .carousel_content p a {font-family: 'Moderat'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 135%; color: #9468FC; text-decoration: none; display: inline-block;}

@media only screen and (min-height: 820px) and (orientation: landscape) {
  .header .masthead img, .header .masthead video, .header .masthead_inner img {width: 115%;}
  .header .masthead img, .header .masthead video, .header .masthead_inner img {margin: 0px; padding: 0px; max-width: 120%;}
}


.brand_box, .navbar {
  transition: all 0.3s ease;
}