@font-face {
  font-family: "FuturaNowHeadlineBold";
  src: url('../fonts/FuturaNowHeadlineBold/font.woff2') format('woff2'), url('../fonts/FuturaNowHeadlineBold/font.woff') format('woff');
}
@font-face {
  font-family: "FuturaNowHeadlineMedium";
  src: url('../fonts/FuturaNowHeadlineMedium/font.woff2') format('woff2'), url('../fonts/FuturaNowHeadlineMedium/font.woff') format('woff');
}
@font-face {
  font-family:"FuturaNowHeadlineRegular";
  src: url('../fonts/FuturaNowHeadlineRegular/font.woff2') format('woff2'), url('../fonts/FuturaNowHeadlineRegular/font.woff') format('woff');
}
@font-face {
  font-family: "FuturaNowHeadlineLight";
  src: url('../fonts/FuturaNowHeadlineLight/font.woff2') format('woff2'), url('../fonts/FuturaNowHeadlineLight/font.woff') format('woff');
}


nav.main-nav {display: flex ; align-items: center; }
.hamburger {position: relative;width: 40px;height: 30px;cursor: pointer;border: 5px solid transparent;float: right;margin-top:0;z-index: 99999;}
.hamburger span {width: 100%;height: 2px;background: #000;display: block;position: absolute;right: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all 0.3s}
.hamburger {display:none}
.hamburger span.h-top {top: 0}
.hamburger span.h-bottom {bottom: 0;width: 100%}
.hamburger span.h-middle {top: 50%;margin-top: -1px;width: 100%}
.hamburger.h-active span {width: 100%}
.hamburger.h-active span.h-top {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 50%;margin-top: -1px}
.hamburger.h-active span.h-middle {-webkit-transform: translateX(-30px);-moz-transform: translateX(-30px);-ms-transform: translateX(-30px);-o-transform: translateX(-30px);transform: translateX(-30px);filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0}
.hamburger.h-active span.h-bottom {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);bottom: 50%;margin-bottom: -1px}
.main-nav>ul {padding: 0;margin: 0;list-style: none; display:flex;/*justify-content: space-between;*/width: 100%;}
.main-nav>ul>li {display: inline-block;margin-left:0;padding: 0 60px;position: relative;}
.main-nav>ul>li:first-child{padding-left:0 !important;}
.main-nav>ul>li:last-child{padding-right:0 !important;}
.main-nav>ul>li:hover {background:url(../images/menu-btm-line.svg) no-repeat center 55px;}
.main-nav>ul>li.contact a {border:1px solid #E03121; background:#fff; text-align:center; border-radius:20px;color:#E03121; padding:11px 10px}
.main-nav>ul>li+li {padding: 0 35px}
.main-nav>ul>li>a {text-transform:capitalize;display: block;text-decoration: none;color: #000;line-height:18px;font-size: 16px;position: relative;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all 0.3s; font-weight:400; padding:42px 0;letter-spacing:1.5px;}
.main-nav > ul > li.contact{padding-top: 19px;}
.submenu, .ingredients-menu-3.products-menu .submneu-level2 {position: absolute;left: 0;top: auto;right: 0;min-width: 100%;list-style: none;margin: 0;padding: 0;padding: 15px;background: #fff;border: 1px solid #f7f7f7;-webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;-ms-border-radius: 0 0 3px 3px;-o-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;visibility: hidden;z-index: 9999;box-shadow: 0px 6px 29px 0px #00000012 inset;-webkit-transform: translateY(20px);-moz-transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all 0.3s;max-width: 1057px;margin:0 auto;border-radius: 0;}
.ingredients-menu-3.products-menu .submneu-level2 {border:0}	
.main-nav>ul>li>a:after{content:'';background: linear-gradient(90deg, #00A5A3 -1.44%, #39A5B4 7.69%, #57A5C5 19.21%, #68A3CF 30.37%, #71A2D5 40.9%, #74A2D7 50.14%, #D65497 101.72%, #D7589A 112%, #DB66A2 122.96%, #E17BAE 134.23%, #EB98C0 145.64%, #F4B3D2 154.86%);position: absolute; width:0; height: 2px; left: 0;right:0;margin:0 auto; bottom: 30px;transition:0.5s ease}
.main-nav>ul>li:hover>a:after{width: 100%;}
.left-margin-li.blank-li { width: 352px; padding: 0;margin:0 !important; }


.submenu>li {display: flex; width: 100%; padding: 0; margin:0 auto; border-bottom: 0;align-items: center;max-width: 1580px;flex-wrap: wrap;align-content: flex-start;}
.submenu>li.last {padding-bottom:0; margin-bottom:0; border-bottom:none}
.submenu>li:nth-child(4n) {margin:0}
.submenu>li a {color:#143668;text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all 0.3s; }
.menu-col-l { width: 45%;padding-right: 55px;}
.menu-col-r { width: 55%; display: flex; justify-content: space-between;padding-left: 55px;border-left:1px solid #000;}

.sub-submenu { display: flex; align-items: center;padding-left: 60px;margin-top: -10px;}

.submenu li.menu-geographies{margin: 0; padding: 0; border: 0;}
.submenu > li .sub-submenu li a {background:url(../images/menu-arrow.svg) no-repeat 0 center;background-size: 14px !important;font-size:14px;font-weight: 400;padding: 0 15px 0 19px;}
.submenu.who-we-are-menu > li{width: 30%;margin-right: 2.5%;}
.submenu.expertise-menu > li{width: 17%;}
.submenu.expertise-menu > li:nth-child(4n) { margin:0 2.5% 24px 0; }
.submenu.expertise-menu > li:nth-child(5n) { margin:0 0 24px 0; }
.main-nav > ul > li .submenu.insights-menu{right: 0;max-width: 457px;left:auto;padding-right: 127px;}
.submenu.insights-menu > li{width:100%;margin-right:0;}
.submenu > li .sub-submenu a::before{display:none;}



.submenu>li a {}
.submenu>li a::before { content: ""; position: absolute; width: 100%; left: 66px;height: 1px; bottom: 0; transform-origin:0; transform: scaleX(0); transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);display:none; }
.submenu>li a:hover::before { transform-origin:66px 0; transform: scaleX(1);}

.main-nav .fl {width: 65px;font-size: 20px;line-height: 35px;text-align: right;color: #000;font-style: normal;position: absolute;right:18px;top:11px;z-index: 999;display: none;cursor: pointer;}
.main-nav .fl:before {font-size: 14px;text-align: center;line-height: 35px}
.main-nav>ul>li .submenu {left: 0; box-shadow:none; border:none; top:102px; padding:40px 40px 30px; background:url(../images/menu-img.png) no-repeat right bottom #fff;display: flex;    flex-wrap: wrap;box-shadow: 0px 6px 29px 0px #00000012 inset;min-height: auto;background: #fff !important;min-width: 100%;}
.main-nav>ul>li:hover .submenu {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);visibility: visible;filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1}
.main-nav > ul > li.left-margin-li{margin-left: 245px;}

.menu-hd { width: 100%;color:#00A5A3;font-size:1rem;font-weight:400;margin:0 0 5px;display: block;line-height: 1;}
.submneu-level2 { max-width: 100%; width: 100% !important; display: flex !important ; flex-wrap: wrap; column-gap: 45px !important; }
.submneu-level2 li{width:28%;font-size:14px;font-weight:400;border-bottom: 1px solid #D2D2D2;}
.submneu-level2 li a {color:#000;padding: 6px 0;display: block; }
.submneu-level2 li:last-child{border:0;}
.submneu-level2 li a:hover {color:#000;text-decoration:underline;}
.menu-hd a{color:#000 !important;}
.menu-hd a:hover{color:#000 !important;text-decoration:underline;}

/* .media-menu .submneu-level2 li{width:35%;} */


.main-nav>ul>li .submenu.about-us-menu{background:url(../images/about-menu-img.jpg) no-repeat right bottom;}
.main-nav>ul>li .submenu.fragrances-menu{background:url(../images/fragrances-menu-img.jpg) no-repeat right bottom;}
.main-nav>ul>li .submenu.flavors-menu{background:url(../images/flavors-menu-img.jpg) no-repeat right bottom;}
.main-nav>ul>li .submenu.ingredients-menu{background:url(../images/ingredients-menu-img.jpg) no-repeat right bottom;height:240px;align-content: flex-start;}
.main-nav>ul>li .submenu.careers-menu{background:url(../images/careers-menu-img.jpg) no-repeat right bottom;}
.main-nav>ul>li .submenu.media-menu{background:url(../images/media-menu-img.jpg) no-repeat right bottom;}

.main-nav ul li.left-menu{padding-right: 52px;}
.submneu-level3 li{width:100%;}
.submneu-level3 li a{width:100%;padding: 3px 0;font-size: 13px;opacity: 0.7;}
.submneu-level3{margin-top:-5px;}


ul.submenu.media-menu li { width: 100%;border-bottom: 1px solid #D2D2D2; }
ul.submenu.media-menu li a { color: #000; padding: 6px 0; }
ul.submenu.media-menu li:nth-child(2) { border: 0; } 
  



/* Dropdown container */
.main-menu li.dropdown {
  position: relative;
}

/* Hide submenu by default */
.main-menu li .submneu-level2 {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  padding: 15px 20px;
  width: 420px; /* adjust width if needed */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  z-index: 9999;
}

/* Show submenu on hover */
.main-menu li.dropdown:hover .submneu-level2 {
  display: flex;
  flex-wrap: wrap;
}

.submneu-level2.menu-two-clm li a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s;
  display: block;
}

.submneu-level2.menu-two-clm li a:hover {
  text-decoration:underline;
}



/* Mobile triangle arrow */
.ingredients-menu-3.products-menu .menu-hd .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #000; /* triangle pointing down */
  margin-left: 8px;
  vertical-align: middle;
  transition: transform 0.3s ease;
}

/* Rotate arrow when submenu is active */
.ingredients-menu-3.products-menu.active .menu-hd .arrow {
  transform: rotate(-180deg); /* triangle flips up */
}


/* ===============================
   INGREDIENTS MENU STYLING
=============================== */

.submenu.ingredients-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}



/* Hide second-level submenu by default */
.ingredients-menu-3.products-menu .submneu-level2 {
    display: none;
    position: absolute;
    left: 140px;
    top:-165px;
    width: 84%;
    background: #fff;
    padding: 15px 20px;
	box-shadow: -20px 0px 29px 0px #00000012 inset;
    z-index: 999;
    height: 240px;
	min-width: 600px;
}

/* Show submenu on hover */
.ingredients-menu-3.products-menu:hover .submneu-level2 {
    opacity: 1;
    visibility: visible;
	-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);visibility: visible;filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1

}

/* Make sure parent has position */
.ingredients-menu-3.products-menu {
  position: relative;
}

/* Two-column layout */
.submneu-level2.menu-two-clm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

/* Link styling */
.submneu-level2.menu-two-clm li a {
  color: #333;
  font-size: 14px;
  text-decoration: none;
  line-height: 1.6;
  transition: color 0.3s ease;
  font-family: "FuturaNowHeadlineLight";
}


/* Optional smooth animation */
.ingredients-menu-3.products-menu .submneu-level2 {
  opacity: 0;
  visibility: hidden;
}

.ingredients-menu-3.products-menu:hover .submneu-level2 {
  opacity: 1;
  visibility: visible;
}


.ingredients-menu-3 a {
    font-size: 14px;
}



/* Our Products submenu container */
.ingredients-menu-3.products-menu .submneu-level2 {
    display: none; /* hide initially */
    flex-wrap: wrap;
    width: 400px; /* width of the nested submenu */
}

/* When hover over Our Products, expand parent */
.ingredients-menu-3.products-menu:hover .submneu-level2 {
    display: flex;
}

.ingredients-menu-3.products-menu:hover {
    /* expand parent Ingredients menu width */
    min-width: 750px; /* adjust as needed to fit the nested menu */
}

@media (max-width:1539px) {
.ingredients-menu-3.products-menu .submneu-level2 {top:-163px;}	
	
}
@media (max-width:1440px) {
.ingredients-menu-3.products-menu .submneu-level2 {
        top: -165px;
    }
}

@media only screen and (min-width:1200px) and (max-width:1299px) {
.left-margin-li.blank-li {width: 200px;}
.main-nav ul li.left-menu { padding-right: 52px; }
.main-nav > ul > li .submenu.careers-menu{min-height:auto;}
}




@media only screen and (min-width:1001px) and (max-width:1190px) {
.left-margin-li.blank-li {width: 208px;}
.main-nav > ul > li > a{letter-spacing: 0.5px;}
.main-nav ul li.left-menu { padding-right: 30px; }


}
@media only screen and (min-width:1300px) and (max-width:1600px) {
.main-nav > ul > li{padding: 0 15px;}
.main-nav > ul > li > a{font-size: 15px;}
.main-nav > ul > li + li { padding: 0 37px; }
.left-margin-li.blank-li {width: 257px;}
.main-nav ul li.left-menu { padding-right: 43px; }

}
@media only screen and (min-width:1300px) and (max-width:1500px) {
.main-nav > ul > li + li{padding: 0 32px;}
.left-margin-li.blank-li { width: 256px; }
.main-nav ul li.left-menu { padding-right: 39px; }





}
@media (min-width:993px) {
.submneu-level2 li.bor-0{border:0;}
.main-nav > ul > li .submenu.careers-menu{min-width: 220px;}
.main-nav > ul > li .submenu.media-menu{min-width: 220px;padding-top: 25px;}
.careers-menu .submneu-level2 li,.media-menu .submneu-level2 li{width: 100%;}
ul.submenu.ingredients-menu {min-width:220px !important;}
.main-nav>ul>li .submenu {min-width: 705px;}




}

@media (max-width:992px) {
.ingredients-menu-3.products-menu .submneu-level2 { transform: none; }
.ingredients-menu-3.products-menu:hover { min-width: 100%; }	
.ingredients-menu-3.products-menu:hover .submneu-level2 {transform: none !important;}	
.ingredients-menu-3.products-menu .submneu-level2 { box-shadow: none !important; min-width: auto !important; width:100% !important}
.main-nav {transform:translate3d(0,0,0) !important;transition: right .4s ease-in-out !important;position: absolute; top:0; right:-100%; width: 100%; padding: 75px 15px 20px; z-index: 9999; height:100vh; overflow: auto; background: #fff;  -webkit-overflow-scrolling: touch;flex-wrap:wrap;display:flex !important;align-items: flex-start!important;text-align: center;transition: 0.8s ease-in-out;}
.main-nav>ul { float: none;flex-wrap: wrap;width: 100%;flex-wrap: wrap;text-align: left;}
.main-nav>ul>li .submenu{background:none; padding:0; display:none; margin:0;border-radius: 0;box-shadow:none;}
.main-nav.slidenav {display:flex !important;align-items: flex-start;right:0;transform:translate3d(0,0,0) !important;transition: right .4s ease-in-out !important;}


.submenu>li a {padding: 0; min-height: unset;margin: 0 0 18px;line-height: 20px;}
.main-nav>ul>li { display: block;    padding: 0 !important;    margin-left: 0; width:100%; position:relative;border-bottom: 0 solid rgba(0, 0, 0, 0.15);}
.main-nav>ul>li>a { font-size: 14px; color: #000; line-height: 20px; font-weight: 400; padding: 12px 0; text-align: left; border-bottom: 1px solid rgba(0,0,0,0.15);}
.submenu>li:nth-child(4n) { margin: 0; }
.main-nav .fl {    display: block;    line-height: 35px;right: 0;
  top: 3px;font-size: 25px;}
.submenu {position: static;    min-width: 200px;    background: transparent;    border: none;    padding: 5px 15px 5px 25px;    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);    opacity: 1;    visibility: visible;  box-shadow: none;   transform: none;     transition: none; display: none}
.submenu>li,.submenu.who-we-are-menu > li,.submenu.expertise-menu > li { width:100%; margin:0 0 0px 0!important; padding:0 0 0px 0!important}
.main-nav > ul > li .submenu.insights-menu{padding-right:0;}
.submenu li.menu-geographies{border-bottom:1px solid rgba(0,0,0,0.15)}
.submenu > li br{display:none;}
.submenu>li.last { padding-bottom:10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,0.15); }
.submenu>li:last-child {padding-bottom:0; margin-bottom:0; border-bottom:none}
.slideInUp { visibility: visible;filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;transform: translate3d(0, 0, 0);   transition: none}
.hamburger { display: block; }	
.fix-d { position: relative; width: 100%; }
.fix-d img { position: absolute; right: 0; top: -140px; z-index: 9; max-height: 160px;}
.hamburger.h-active span{z-index: 9999999;background: #000;left: 0;right:auto;}
.submenu > li{flex-wrap: wrap;}
.submenu > li a::before{display:none;}
.main-nav > ul > li.left-margin-li { margin-left: 0; }

.main-nav > ul > li .submenu.ingredients-menu { /* min-width: 920px; */gap: 13px; }
/* .main-nav > ul > li .submenu.ingredients-menu .ingredients-menu-2 { width: 30%; padding-left: 90px; position: relative; } */
.main-nav > ul > li .submenu.ingredients-menu .ingredients-menu-2 { width: auto; padding-left: 20px; position: absolute; left:140px; top:40px; }
.main-nav > ul > li .submenu.ingredients-menu .ingredients-menu-1 { /* width: 70%; */ }
.submenu.ingredients-menu .ingredients-menu-2 ul { width: 100%; display: flex; gap: 0 45px; }
.ingredients-menu-3 { margin-bottom: 20px; }

.menu-hd-1{display: none;}
.menu-col-l { width: 100%; padding-right: 0;display: none;}
.menu-col-r { width: 100%; padding-left: 0;border-left:0; border-top:0 solid #000; flex-wrap: wrap; padding-top: 0; margin-top: 0; }
.menu-col-l p { font-size: 13px; line-height: 18px; }
.menu-list li ul.mrbt1 { margin-bottom: 20px; }
.menu-list li{text-align: center;color: #000;}
.menu-list li li{font-size: 13px;}
.menu-hd-2{font-size: 21px;}
.meu-img { margin: 0; display: block; }
.submenu > li a{color: #000;font-size: 13px;margin: 0;padding: 9px 0;}
.menu-list li li a{margin: 5px 0;}
.inside-header-bar .hamburger span{background: #000;}
.main-nav > ul > li > a::after{display:none;}
.submenu.rates-menu { max-width: 100%; }
.main-nav>ul>li .submenu{background:#fff !important;}

.submneu-level2 li{text-align: left;font-size: 16px;width: 100%;}
.menu-hd{display: none;}
.main-nav > ul > li .submenu{min-height: unset;}


.submneu-level2.menu-two-clm li{width: 43%}
.submneu-level2.menu-two-clm{column-gap: 15px;}
.mbl-bor-0{border:0 !important;}
.left-margin-li.blank-li{display:none;}
.submneu-level3 { margin-top: -10px;display: flex;justify-content: space-between;flex-wrap: wrap;}

.fragrances-menu .submneu-level2.menu-two-clm li{width:100%;}
.fragrances-menu .submneu-level2.menu-two-clm .submneu-level3 li{width:46%;}

.main-nav>ul>li .submenu.ingredients-menu {height: auto;}


/*-- 2025-07-31 ---*/
.submneu-level2.menu-two-clm {
margin-top: 10px;
position: static !important;
display: inline !important;
opacity: 1 !important;
visibility: visible !important;
padding: 0 !important;
width: 100% !important;
max-width: 100%;
display: flex !important;
height: auto !important;
}
/*--End 2025-07-31 - RDG ---*/

/* .ingredients-menu-1 .menu-hd{display: none;} */
.ingredients-menu-1 .menu-hd, .ingredients-menu-3 .menu-hd {display: flex; margin-bottom: 0; }
.ingredients-menu-1 .menu-hd a, .ingredients-menu-3 .menu-hd a { font-size: 15px; padding-bottom: 0; }


}