/* #General Styles
    ================================================== */
    /* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); */
    @font-face {
      font-family: 'Noto Sans ExtraCondensed';
      src: url('https://explore.kerry.com/rs/117-TLU-222/images/TasteCharts2025GlobalComparisonEng_NotoSans-ExtraCondensedExtraBold.woff2?version=0') format('woff2'),
          url('https://explore.kerry.com/rs/117-TLU-222/images/TasteCharts2025GlobalComparisonEng_NotoSans-ExtraCondensedExtraBold.woff?version=0') format('woff');
      font-weight: bold;
      font-style: normal;
      font-display: swap;
  }
  @font-face {
    font-family: 'Noto Sans Cond Blk';
    src: url('https://explore.kerry.com/rs/117-TLU-222/images/TasteCharts2025GlobalComparisonEng_NotoSans-CondensedBlack.woff2?version=0') format('woff2'),
        url('https://explore.kerry.com/rs/117-TLU-222/images/TasteCharts2025GlobalComparisonEng_NotoSans-CondensedBlack.woff?version=0') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}






    :root {
        --color1: #ffffff;
        --color2: #2B2B2B;
        --NotoSans: "Noto Sans", sans-serif;
        --NotoSansCondensed: 'Noto Sans ExtraCondensed';
        --NotoSansCondensedBlack: 'Noto Sans Cond Blk';
        --light: 300;
        --normal: 400;
        --medium: 500;
        --semibold: 600;
        --bold: 700;
        --extrabold: 900;
    }

    * { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: var(--NotoSans);}
    * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-variant-ligatures: none;}
    .up html, body.up, .up div, .up span, .up applet, .up object, .up iframe, .up a, .up img, .up select, .up input, .up option { margin: 0; padding: 0; border: 0; outline: 0; }
    .up html { -webkit-text-size-adjust: none; }
    .up button, .up input, .up select, .up textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; font-family: var(--NotoSans);}
    .up input[type="button"], .up input[type="submit"] {appearance: none; -webkit-appearance: none !important; }
    .up a { text-decoration: none; font-family: var(--NotoSans);}
    .up img { border: 0 none; max-width: 100%; vertical-align: top; }
    .up a { outline: none; cursor: pointer; }
    .up a:hover { text-decoration: none; }
    /* :focus { border: 1px solid red !important; } */
    .up sup {font-size: 90%;position: relative;top: 0.3em;line-height: 0.8;}
    .up sup.reg {font-size: 55%;top: 0;}
    .up .clear { clear: both; }
    .up img { max-width: 100%; }
    .up button:focus {outline:0;}
    .up .text-transform { text-transform: uppercase; } 
    .up .preloader { display: none; }
    .up img { vertical-align: bottom; }
    .up ul,.up ol, .up dl {padding: revert;padding-left: 20px;margin-bottom: 20px;margin-top: 20px;color: #2B2B2B;font-size: 18px;font-weight: 400;text-align: left;}
    .up ul li,.up ol li, .up dl li{font-size: 18px;line-height: initial;color: var(--color2);}
    .up ol{padding-left: 30px;}
    .up ol li{line-height: 24px;}
    .up ul{padding-left: 0;margin-bottom: 29px;}
    .up ul li{padding-left: 24px;position: relative;line-height: 24px;margin-bottom: 0;font-size: 18px;font-weight: var(--normal);color: var(--color2);}
    /* .up ul li::before{content: '';position: absolute;left: 0;top: 7px;width: 8px;height: 8px;background-color: #2B2B2B;border-radius: 50px;} */

    :is(.up h1,.up h2,.up h3,.up h4,.up h5,.up h6) {font-family: var(--NotoSans);line-height: 1.2;letter-spacing: 0em;}
    .up h1 {font-size: 50px;color: var(--color2);font-weight: var(--bold);}
    .up h2 {font-size: 44px;color: var(--color2);font-weight: var(--bold);}
    .up h3 {font-size: 30px;color: var(--color2);font-weight: var(--bold);}
    .up h4 {font-size: 24px;color: var(--color2);font-weight: var(--bold);}
    .up h5 {font-size: 22px;color: var(--color2);font-weight: var(--bold);}
    .up h6 {font-size: 20px;color: var(--color2);font-weight: var(--bold);}
    .up .p_class div  {font-size: 16px;line-height: 1.75em;color: #2B2B2B;font-weight: var(--normal);letter-spacing: 0em;font-family: var(--NotoSans);}
    .up .p_class a{color: #2B2B2B;text-decoration: none;}
    .up .p_class a:hover{color: #337991;}

    /* ~~~~~ Flex Container ~~~~~ */
    .up .flex-container { width: 100%; margin: 0 auto; display: -webkit-box;display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
    .up .flex-end {justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
    .up .flex-start {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
    .up .flex-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .up .flex-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; padding-right: 15px; }
    /* ~~~~~ / Flex Container ~~~~~ */

    /* #Page Structure
    =============================== */
    body.up {-webkit-font-smoothing: antialiased;margin: 0; padding: 0; font-size: 16px; color: #000000; background: var(--color1); font-family: var(--NotoSans); line-height: 1.4; font-weight: 400;overflow-x: hidden;}
    .up .wrapper { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;overflow-x: hidden;}
    .up .container {max-width: 1426px;margin: 0 auto;padding: 0 15px;}
    .up a, .up button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
    .up .btn_all a {min-width: 240px; text-align: center; color: var(--color2); border: 1px solid var(--color2); padding: 18px 20px; font-size: 20px; font-weight: var(--semibold); border-radius: 5px; background: var(--color2); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); display: inline-block;transition-duration: 0.5s;font-family: var(--NotoSans);}
    .up .btn_all a:hover { color: var(--color2); background: transparent;}
    .up .mid-container{width:100%;display: -webkit-box;display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;	flex-direction: column;}


    .up .set_bg {background-repeat: no-repeat;background-size: cover;background-position: center;}

    .up .get_bg,.up .get_m_bg {display: none;}
    .up .mktoGen.mktoImg {
      display: inherit !important;
      line-height: inherit !important;
    }

    .up .secGlobalComparision{padding: 70px 0 60px;background-color: #F24A00;}
    .up .secGlobalComparision h1{font-weight: bold;font-family: var(--NotoSansCondensed); color: #ffffff;font-size: 40px;line-height: 1em;}
    .up .secGlobalComparision h4{font-family: var(--NotoSans);font-weight: bold;color: #ffffff;font-size: 18px;padding-top: 35px;line-height: 1.5em;}
    .up .output h3 { margin-bottom: 10px; }
    .up .tasteListArea{max-height: 375px;overflow-y: scroll;}
    .up .globalComparisionCategoryArea select,.up .globalComparisionCategoryArea button{cursor: pointer;height: 48px;width: 100%;border-radius: 50px;background-color: transparent;border: 2px solid #ffffff;color:#ffffff;}
    .up .globalComparisionCategoryArea select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url(https://explore.kerry.com/rs/117-TLU-222/images/TasteCharts2025GlobalComparisonEng_selectDropdownIcon.png?version=0);background-position: 95% 50%;background-size: 13px 8px;background-repeat: no-repeat;padding: 10px 21px;}
    .up .globalComparisionCategoryArea select option{color: #F24A00;}
    .up .globalComparisionCategoryArea button{cursor: pointer;width: auto;min-width: 108px;background-color: #ffffff;color: #F24A00;font-weight: 700;font-weight: bold;font-family: var(--NotoSansCondensed);font-size: 16px;border: none;}
    .up .globalComparisionCategoryArea button:hover{background-color: #ffc2b3;color: #ffffff;}
    .up .comparisionFormIpArea{display: flex;flex-wrap: wrap;align-items: center;padding-top: 20px;max-width: 1200px;}
    .up .comparisionFormIpArea .inputField{width: 33.33%;padding-right: 20px;}
    .up .globalComparisionCategoryArea select option{color: #000000;}
    .up .secMainResult{/* padding-top: 50px;padding-bottom: 150px; */}
    .up .mainResultRow{display: flex;flex-wrap: wrap;width: 100%;}
    .up .mainResultTasteCol{width: 28%;/* border-right: 1px solid #ccc; */padding-bottom: 100px;}
    .up .mainResultChartsCol{width: 72%;padding-left: 75px;padding-bottom: 100px;}
    .up .tasteAreaTitle{color: rgb(0, 87, 118);padding-bottom: 20px;font-size: 20px;padding-right: 15px;}
    .up .tasteAreaTitle h4{color: #005776;font-size: 16px;font-weight: bold;font-family: var(--NotoSans);line-height: 2em;}
    .up .tasteAreaTitle p{color: #005776;font-size: 16px;font-family: var(--NotoSans);line-height: 1.5em;}
    .up .mainResultTasteArea .flavoursRadioItem label{padding-left: 35px;cursor: pointer;font-size: 16px;position: relative;min-height: 28px;display: flex;align-items: center;color: #2B2B2B;}
    .up .mainResultTasteArea .flavoursRadioItem label::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;border-radius: 50%; background-color: #ffffff;border: 1px solid #C3C3C3;}
    .up .mainResultTasteArea .flavoursRadioItem label::after{content: "";position: absolute;left: 4px;top: 50%;transform: translateY(-50%);width: 14px;height: 14px;border-radius: 50%; background-color: #337991;opacity: 0;}
    .up .mainResultTasteArea .flavoursRadioItem label:hover::before{border: 1px solid #337991;}
    .up .mainResultTasteArea .flavoursRadioItem input:checked + label::before{border: 1px solid #337991;}
    .up .mainResultTasteArea .flavoursRadioItem input:checked + label::after{opacity: 1;}
    .up .mainResultTasteArea input{cursor: pointer;display: none;}
    .up .resultChartTitle{padding-bottom: 28px;}
    .up .resultChartTitle h2{font-size: 40px;font-weight: bold;color: #669AAD;font-family: var(--NotoSansCondensed);}
    .up .resultWithButtonRow{display: flex;flex-wrap: wrap;padding-bottom: 35px;border-bottom: 1px solid #005776;}
    .up .selectedCategoryRow{display: flex;flex-wrap: wrap;width: calc(100% - 241px);}
    .up .fullTasteBtnCol{width: 241px;}
    /* .up .selectedOptionCol{width: 30%;} */
    .up .selectedOptionCol{width: 30%;/* padding: 10px 20px; */min-height: 56px;}
    .up .selectedOptionCol:nth-child(2){border-left: 1px solid #289ba2;border-right: 1px solid #289ba2;width: 40%;padding: 0 40px;}
    .up .selectedOptionCol:nth-child(1){padding-right: 40px;}
    .up .selectedOptionCol:nth-child(3){padding: 0 40px;}
    .up .fullTasteChartOutputRow{display: flex;flex-wrap: wrap;padding-top: 50px;}
    .up .fullTasteChartOutputRow>*{width: 100%;padding-right: 30px;}
    .up #chartRegionOutput,
    .up #upcomingOutput,
    .up #regionOutput{display: none;}
    .up #chartRegionOutput.active,
    .up #upcomingOutput.active,
    .up #regionOutput.active{display: block;}
    .up .selectedOptionCol p{color: #669AAD;font-size: 18px;line-height: 1.5em;}
    .up .selectedOptionCol div{color: #669AAD;font-weight: 700;font-size: 18px;}
    .up #finalOutputButton {cursor: pointer; background-color: rgb(0, 87, 118);color: #ffffff;padding: 12px 31px;border-radius: 50px;font-weight: bold;display: inline-block;font-size: 18px;font-family: var(--NotoSansCondensed);}
    .up #finalOutputButton:hover{background-color: #CCDDE4;color: #005776;}
    .up .fullTasteChartOutputRow ul{margin: 0;}
    .up .fullTasteChartOutputRow li{list-style: none;padding-left: 0;text-transform: uppercase;font-weight: bold;font-family: var(--NotoSansCondensed); color: #196884;font-size: 20px;line-height: 1em;padding-bottom: 15px;}
    .up .fullTasteChartOutputRow h2{text-transform: uppercase;font-weight: bold;color: #196884;font-size: 32px;font-family: var(--NotoSansCondensed);padding-bottom: 20px;line-height: 1em;display: flex;align-items: center;}
    .up .flavoursRadioItem{padding-bottom: 10px;}


    .up header{width: 100%;background-color: #ffffff;}
    .up header .topHeaderTypeOne{background-color: #EFEFEF;}
    .up header .topHeaderRightRow{text-align: right;padding: 6px;}
    .up header .topHeaderTypeTwo{background-color: #EFEFEF;}
    .up header .topHeaderTwoMenu{display: flex;align-items: center;justify-content: flex-end;}
    .up header .topHeaderTwoMenu ul{display: flex;margin: 0;justify-content: flex-end; }
    .up header .topHeaderTwoMenu ul li{list-style: none;line-height: 0;padding: 0;margin: 0;}
    .up header .topHeaderTwoMenu ul li>a{padding: 0 21.5px;font-size: 16px;color: #2B2B2B;line-height: 1.75em;display: block;}
    .up header .topHeaderTwoMenu ul li>a:hover{color: #005776;}
    .up header .topHeaderTwoMenu ul li:last-child>a{/* padding-right: 0;line-height: 0; */}
    .up header .topHeaderTwoMenu ul li:nth-last-child(2)>a{display: flex;align-items: center;}
    .up header .topHeaderTwoMenu ul li:nth-last-child(2)>a svg{margin-left: 5px;}

    .up header .nav-container { display: flex; justify-content: space-between; align-items: center; max-width: 1773px;margin: 0 auto;padding: 0 15px;}
    .up header .logoAndMenu{display: flex;}
    .up header .logo{padding-right: 96px;}
    .up header .logo a{display: flex;height: 100%;align-items: center;padding-top: 0;}
    .up header .logo img{ width: 156px;}
    .up header .menu ul { display: flex; list-style: none; margin: 0; padding: 0; }
    .up header .menu ul li {list-style: none;padding: 0 27.5px;font-family: var(--NotoSansCondensed);font-weight: bold;padding-right: 60px;}
    .up header .menu>ul>li:last-child{padding-right: 0;}
    .up header .menu ul li a { text-decoration: none; color: #005776; font-size: 23px;line-height: 1em;font-family: var(--NotoSansCondensedBlack);font-weight: bolder;position: relative;padding: 32px 0 36px;display: block;}
    /* .up header .menu ul li a::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background-color: #005776;transform: scaleX(150%);opacity: 0;transition: all 0.3s ease-in-out;} */
    /* .up header .menu ul li a:hover::before{opacity: 1;transform: scaleX(100%);} */
    .up header .menu ul li a:hover{color: #289BA2;}
    .up header .menu ul .dropdown span:hover{color: #289BA2;}
    .up header .nav-container .contact-btn .topHeaderTwoMenu  a{ background: #CCDDE4; color: #005776; border: none; padding: 7px 30px; border-radius: 50px; font-size: 23px;font-family: var(--NotoSansCondensedBlack);font-weight: bolder;line-height: 1.75em;display: block;}
    .up header .nav-container .contact-btn .topHeaderTwoMenu  a:hover{background-color: #005776;color: #FFFFFF;}
    .up header .hamburger { display: none; flex-direction: column; cursor: pointer; }
    .up header .hamburger span { width: 20px; height: 3px; background: #004165; margin: 1.5px; }
    .up header .side-menu { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background: #004761; /* display: flex; flex-direction: column; align-items: center; justify-content: center; */ transition: right 0.3s ease; z-index: 9999;overflow-y: scroll;}
    .up header .side-menu ul { list-style: none; padding: 0; }
    .up header .side-menu ul li { margin: 20px 0; }
    .up header .side-menu ul li a { text-decoration: none; color: #004165; font-size: 24px; }
    .up header .close-btn { position: absolute; top: 10px; right: 20px; background: none; border: none; font-size: 36px; cursor: pointer; color: #ffffff;padding: 0;z-index: 2;line-height: 1em;}
    .up header .headerCantactUsBtn a{display: block;}
    .up header .side-menu .topHeaderTwoMenu .dropdown span{color: #ffffff;}
    .up header .side-menu .topHeaderTwoMenu .dropdown a{color: #ffffff;}
    .up header .side-menu ul li a{color: #ffffff;}
    .up header .side-menu .menu ul li a{font-weight: bold;color: #ffffff;}
    .up header .side-menu ul li a:hover{color: #ffffff;}
    .up header .side-menu .topHeaderTwoMenu .dropdown svg path{fill: #ffffff;}
    .up header .side-menu .topHeaderTwoMenu .dropdown .dropdown-content ul li a{color: #004165;}

    .up.sideMenuActive{overflow: hidden;}

    .up header .bottomHeaderTitle .p_class div{color: #ffffff;font-weight: bold;font-size: 16px;}
    .up header .bottomHeaderArea{background-color: #005776;padding: 19px 0;}
    .up header .bottomHeaderRow{display: flex;justify-content: space-between;}
    .up header .bottomHeaderMenu ul{display: flex;align-items: center;margin: 0;}
    .up header .bottomHeaderMenu ul li{list-style: none;padding: 0 14.5px;}
    .up header .bottomHeaderMenu ul li a{font-size: 16px;color: #ffffff;}
    .up header .bottomHeaderMenu ul li a:hover{text-decoration: underline;}
    .up header .dropdown {position: relative;display: inline-block;cursor: pointer;}
    .up header .dropdown span{color: #ffffff;font-size: 16px;font-weight: bold;line-height: 1em;display: flex; align-items: center;padding: 5px 0;}
    .up header .dropdown span svg{margin-left: 12px;width: 28px;height: auto;}
    .up header .dropdown:hover span svg{transform: scale(-1);}
    .up header .dropdown-content {display: none;position: absolute;background-color: #ffffff;min-width: 390px;/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */z-index: 1;right: 0;padding: 10px 20px 0;border-radius: 0 0 18px 18px;overflow: hidden;}
    
    .up header .dropdown-content ul{margin: 0;}
    .up header .dropdown-content ul li{list-style: none;padding: 0 0 16px 0;}
    .up header .dropdown-content ul li a{font-size: 23px;font-family: var(--NotoSansCondensedBlack);font-weight: bolder;color: #005776;line-height: 1.75em;}
    .up header .dropdown-content ul li a:hover{color: #289BA2;}

    .up header .topHeaderTwoMenu .dropdown {position: relative;display: inline-block;cursor: pointer;padding-left: 20px;}
    .up header .topHeaderTwoMenu .dropdown span{font-size: 16px;color: #2B2B2B;line-height: 1.75em;font-weight: 400;line-height: 1em;display: flex; align-items: center;padding: 5px 0;}
    .up header .topHeaderTwoMenu .dropdown span svg{margin-left: 36px;}
    .up header .topHeaderTwoMenu .dropdown-content {display: none;position: absolute;background: rgb(255,255,255);
      background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 3%, rgba(255,255,255,1) 3%);
      background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 3%, rgba(255,255,255,1) 3%);
      background: linear-gradient(180deg, rgba(255,255,255,0) 3%, rgba(255,255,255,1) 3%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);min-width: 227px;width: calc(100% - 20px);/* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */z-index: 1;right: 0;padding: 0 0;}
    .up header .topHeaderTwoMenu .dropdown-content ul{margin: 0;}
    .up header .topHeaderTwoMenu .dropdown-content ul li{list-style: none;padding: 0 0 10px 0;}
    .up header .topHeaderTwoMenu .dropdown-content ul li a{font-size: 16px;color: #2B2B2B;line-height: 1.75em;}
    .up header .dropdown-content ul li a:hover{color: #289BA2;}

    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul{display: block;padding: 5px 10px 0 25px;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li{padding: 0 0 0 0;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a{padding: 10px 16px 10px 16px;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a:hover{background: rgba(200, 235, 250, .5);}

    
    .up header .menu ul .dropdown span{text-decoration: none; color: #005776; font-size: 23px;line-height: 1em;font-family: var(--NotoSansCondensedBlack);font-weight: bolder;position: relative;padding: 32px 0 36px;display: flex;align-items: center;}
    .up header .menu ul .dropdown-content{right: auto;left: -20px;}
    .up header .menu ul .dropdown-content ul{display: block;}
    .up header .menu ul .dropdown-content ul li a{padding: 0 0;}

    .up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span{min-width: 228px; background: #CCDDE4; color: #005776; border: none; padding: 8px 23px 8px 28px; border-radius: 50px; font-size: 23px;font-family: var(--NotoSansCondensedBlack);font-weight: bolder;line-height: 1.75em;display: flex;align-items: center;justify-content: space-between;transition: all 0.5s ease-in-out;}
    .up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span:hover{background-color: #005776;color: #FFFFFF;}
    .up header .contact-btn .topHeaderTwoMenu .dropdown-content {padding: 25px 0 0;}
    .up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span svg path{transition: all 0.5s ease-in-out;}
    .up header .nav-container .contact-btn .topHeaderTwoMenu .dropdown span:hover svg path{fill: #fff;}

    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a { text-decoration: none; color: #005776; line-height: 1.2em;font-size: 23px;font-family: var(--NotoSansCondensedBlack);font-weight: bolder;position: relative;padding: 0 0 0;display: block;background-color: #ffffff;}
    /* .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background-color: #005776;transform: scaleX(150%);opacity: 0;transition: all 0.3s ease-in-out;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a:hover::before{opacity: 1;transform: scaleX(100%);} */

    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li a:hover{background-color: #ffffff;color: #289BA2;}
    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li{padding: 0 0 30px 0;}

    .up header .topHeaderTwoMenu .dropdown .dropdown-content ul li.active a:after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 22.35px;height: 14.91px;background-image: url(https://explore.kerry.com/rs/117-TLU-222/images/TasteCharts2025GlobalComparisonEng_tick.png?version=0);background-size: cover;background-repeat: no-repeat;background-position: center;display: none;}


    .up .globalComparisionCategoryArea .dropdown {position: relative;display: inline-block;width: 100%;cursor: pointer;font-family: var(--NotoSans);font-size: 16px;}
    
    .up .globalComparisionCategoryArea .dropdown-toggle {
      padding: 10px 23px;
      border: 1px solid #fff;height: 50px;width: 100%;border-radius: 50px;background-color: #F24A00;color:#ffffff;display: flex;align-items: center;background-image: url(https://explore.kerry.com/rs/117-TLU-222/images/TasteCharts2025GlobalComparisonEng_selectDropdownIcon.png?version=0);background-position: 95% 50%;background-size: 13px 8px;background-repeat: no-repeat;
    }
    
    .up .globalComparisionCategoryArea .dropdown-menu {
      display: none;
      position: absolute;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      background-color: #ffffff;
      z-index: 1;
      width: 100%;
      border-radius: 0 0 18px 18px;
      padding: 13px;
      margin-top: 10px;
      z-index: 2;
    }
    
    .up .globalComparisionCategoryArea .dropdown-item {
      padding: 10px;
      cursor: pointer;font-family: var(--NotoSans);font-size: 16px;color: #F24A00;border-radius: 10px;
    }
    
    .up .globalComparisionCategoryArea .dropdown-item:hover {
      background-color: #f1f1f1;
    }

    
    .up .secMainResult{background: #f5f5f5;
      background: -moz-linear-gradient(90deg, #f5f5f5 50%, #fcfcfc 50%);
      background: -webkit-linear-gradient(90deg, #f5f5f5 50%, #fcfcfc 50%);
      background: linear-gradient(90deg, #f5f5f5 50%, #fcfcfc 50%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5",endColorstr="#fcfcfc",GradientType=1);}
    .up .secMainResult .mainResultTasteCol{padding-top: 50px;background-color: #F5F5F5;min-height: calc((100vh - var(--header-height) - var(--sec-global-comparision-height)));}
    .up .secMainResult .mainResultChartsCol::before{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;box-shadow: 4px 0px 33px 1px rgba(0, 0, 0, 20%);background: #ccc;}
    .up .secMainResult .mainResultChartsCol{padding-top: 50px;background-color: #FCFCFC;min-height: calc((100vh - var(--header-height) - var(--sec-global-comparision-height)));position: relative;}


    .up .tasteListArea {scrollbar-width: thin; /* For Firefox */scrollbar-color: transparent transparent; /* For Firefox */}
    /* For WebKit-based browsers like Safari */ 
    .up .tasteListArea::-webkit-scrollbar {display: none;}
    /* .up .charisSection .charisSec2Area .charisChairsRow .charisChairsColRight::-webkit-scrollbar {width: 9px;}
    .up .charisSection .charisSec2Area .charisChairsRow .charisChairsColRight::-webkit-scrollbar-track {background: #004248;border-radius: 5px;}
    .up .charisSection .charisSec2Area .charisChairsRow .charisChairsColRight::-webkit-scrollbar-thumb {background: #ffffff;border-radius: 5px;border: 3px solid #004248;}
    .up .charisSection .charisSec2Area .charisChairsRow .charisChairsColRight::-webkit-scrollbar-thumb:hover {background: #ffffff;} */
    .up .tasteListArea._mCS_1 .mCSB_scrollTools{opacity: 1;}
    .up .tasteListArea._mCS_1 .mCSB_scrollTools .mCSB_draggerContainer {width: 7px;background-color: rgba(51, 121, 145,0.1); border-radius: 10px;}
    .up .tasteListArea._mCS_1 .mCSB_scrollTools .mCSB_draggerRail {background-color: transparent;border-radius: 5px;}
    .up .tasteListArea._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #005776;width: 5px;}
    /* .up .tasteListArea._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {background-color: #ffffff;} */

    .up .searchErrorMsg{display: none;font-size: 16px;}
    .up .searchErrorMsg {padding-top: 20px;color: #ffff00;}

    .up .finalTasteChartOutputRow{display: flex;flex-wrap: wrap;}
    .up .finalTasteChartOutputRow>*{width: 50%;padding-bottom: 50px;}
    .up .finalTasteChartOutputRow.hideOutput{display: none;}
    /* .up .mCSB_container,.up .mCSB_dragger{transition: all 0.5s ease-in-out;} */

    .up [class*="infoContent"]{position:absolute;background-color:#EFEFEF;color:#2B2B2B;padding:12px 14px;border-radius:6px;font-size:12px;transform: translateX(-43.5%) translateY(-5px);z-index:9999;display:none;max-width:224px;border: 1px solid #337991;line-height: 1.75em;}
.up [class*="infoContent"]::after {
  content: '';
  position: absolute;
  bottom: 3px;
  right: 9px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #EFEFEF;
  border-bottom: 0;
  border-left: 0;
  margin-left: -7.5px;
  margin-bottom: -7px;
  transform: rotate(225deg);
  box-shadow: -1px -1px 0px #337991;
}
/* .tooltipIconMainstream>span:first-child{text-transform: lowercase;font-size: 14px;width: 20px;height: 20px;border-radius: 50%;border: 1px solid 005776;} */
.up .tooltipIcon img{width: 20px;height: auto;margin-left: 10px;}
.up .tooltipIcon {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.up .tooltipIconContent {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Position the tooltip above the text */
  left: 50%;
  margin-left: -90px; /* Use half of the width to center the tooltip */
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 16px;
  font-family: var(--NotoSans);
  font-weight: 400;
  line-height: 1.3em;
  text-transform: none;
}

.up .tooltipIcon:hover .tooltipIconContent {
  visibility: visible;
  opacity: 1;
}