/* #General Styles
================================================== */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); */

:root {
    --color1: #ffffff;
    --color2: #2B2B2B;
    --NotoSans: "Noto Sans", sans-serif;
    --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: 1370px;padding: 0 15px;margin: 0 auto;}
.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;
}
body.overflow-hidden {
  overflow: hidden;
}

/* Header Style
=============================== */
.up .mid-container{background-color: #ffffff;}
.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 .mainMenuArea {background-color: #ffffff;}
.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: 1374px;padding: 0 15px;margin: 0 auto;}
.up header .logoAndMenu{display: flex;}
.up header .logo{padding-right: 115px;}
.up header .logo a{display: flex;height: 100%;align-items: center;}
.up header .logo img{ max-width: 121px;}
.up header .menu ul { display: flex; list-style: none; margin: 0; padding: 0; }
.up header .menu ul li {list-style: none;padding: 0 30px;}
.up header .menu ul li a { text-decoration: none; color: #005776; font-size: 18px;line-height: 1em;font-weight: bold;position: relative;padding: 33px 0;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 .contact-btn a{ background: #337991; color: #fff; border: none; padding: 9px 26px; border-radius: 4px; font-size: 16px;font-weight: bold;line-height: 1.75em; }
.up header .contact-btn a:hover{background-color: #004761;}
.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 .menuDropdown {position: relative;display: inline-block;cursor: pointer;}
.up header .menuDropdown span{color: #ffffff;font-size: 16px;font-weight: bold;line-height: 1em;display: flex; align-items: center;padding: 5px 0;}
.up header .menuDropdown span svg{margin-left: 8px;}
.up header .menuDropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 260px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;right: 0;padding: 12px 16px;}
/* .up header .menuDropdown:hover .menuDropdown-content {display: block;} */
.up header .menuDropdown.active .menuDropdown-content {
  display: block;
}
.up header .menuDropdown-content ul{margin: 0;}
.up header .menuDropdown-content ul li{list-style: none;padding: 0 0 10px 0;}
.up header .menuDropdown-content ul li a{font-size: 16px;color: #2B2B2B;line-height: 1.75em;}
.up header .menuDropdown-content ul li a:hover{color: #004761;}

.up header .topHeaderTwoMenu .menuDropdown {position: relative;display: inline-block;cursor: pointer;padding-left: 21.5px;}
.up header .topHeaderTwoMenu .menuDropdown 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 .menuDropdown span svg{margin-left: 8px;}
.up header .topHeaderTwoMenu .menuDropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 260px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;right: 0;padding: 0 0;}
/* .up header .topHeaderTwoMenu .menuDropdown:hover .menuDropdown-content {display: block;} */
.up header .topHeaderTwoMenu .menuDropdown-content ul{margin: 0;}
.up header .topHeaderTwoMenu .menuDropdown-content ul li{list-style: none;padding: 0 0 10px 0;}
.up header .topHeaderTwoMenu .menuDropdown-content ul li a{font-size: 16px;color: #2B2B2B;line-height: 1.75em;}
.up header .menuDropdown-content ul li a:hover{color: #004761;}

.up header .topHeaderTwoMenu .menuDropdown .menuDropdown-content ul{display: block;padding: 12px 12px;}
.up header .topHeaderTwoMenu .menuDropdown .menuDropdown-content ul li{padding: 0 0 0 0;}
.up header .topHeaderTwoMenu .menuDropdown .menuDropdown-content ul li a{padding: 10px 16px 10px 16px;}
.up header .topHeaderTwoMenu .menuDropdown .menuDropdown-content ul li a:hover{background: rgba(200, 235, 250, .5);}
.up header .topHeaderTwoMenu .menuDropdown .menuDropdown-toggle,
.up header .topHeaderTwoMenu .menuDropdown svg path{transition: all 0.3s ease-in-out;}
.up header .topHeaderTwoMenu .menuDropdown:hover .menuDropdown-toggle{color:#004761;}
.up header .topHeaderTwoMenu .menuDropdown:hover svg path{fill:#004761;}
/* Footer Style
=============================== */
.up footer{width: 100%;padding: 48px 0;background-color: #0d0d0d;}

/* Section One Design Start */

.up h1, .up .h1{ font-size: 60px; line-height: 1.36; } 
.up h2, .up .h2{ font-size: 40px; line-height: 1.2; font-weight: 700; color: #005776; } 
.up h3, .up .h3{ font-size: 32px; line-height: 1.375; font-weight: 400; } 


.up .primary_btn a { line-height: 1.3; text-align: center; border: 1px solid #337991; font-weight: 700; color: #fff; padding: 9px 25.5px; display: inline-block; background-color: #337991; transition: all 0.3s ease-in-out; border-radius: 4px; }
.up .primary_btn a:hover { background-color: #004761; }

.up .secondary_btn a { line-height: 1.3; text-align: center; border: 1px solid #005776; font-weight: 700; color: #005776; padding: 18.5px 34.5px; display: inline-block; background-color: #fff; transition: all 0.3s ease-in-out; border-radius: 4px; }
.up .secondary_btn a:hover { background-color: #005776; color: #fff; }

.up .secondary_btn.strip_btn a { color: #143700;border: none; }
.up .secondary_btn.strip_btn a:hover { background-color: #005776; color: #fff; }

.up header .mainMenuArea { padding: 14.5px 0; }
.up header .topHeaderTwoMenu .menuDropdown{ padding: 0; }
.up header .topHeaderTwoMenu .menuDropdown span { font-weight: 700; color: #4D899F; }
.up header .topHeaderTwoMenu .menuDropdown span svg.language_icon { margin: 0 10px 0 0; }
.up header .menuAndBtn { display: flex; align-items: center; gap: 43px; }
.up header .contact-btn a { padding: 6px 26px; text-align: center; }
.up header .topHeaderTwoMenu .menuDropdown span svg { margin-left: 16px; }

.up .footer_sec .footer_main ul{ flex-wrap: wrap; }


/* .up .banner { background-image: url('banner-bg.png') !important; } */
.up .banner { padding: 96px 0; }
.up .banner .banner_inner { width: 100%; max-width: 603px; }
.up .banner .banner_highlight_tag { font-size: 24px; line-height: 1.2; color: #005776; font-weight: 400; padding: 5px 20.5px; background-color: #DFFF11; width: fit-content; border-radius: 100px; }
.up .banner .banner_highlight_text h3 { color: #DFFF11; }
.up .banner .banner_highlight_text { padding-top: 20px; }
.up .banner .banner_title h1 { color: #fff;    margin-top: 20px;
    margin-bottom: 20px;    line-height: 90%; font-size: 60px;}
.up .banner .banner_btn a { line-height: 1.3;
    text-align: center;
    font-weight: 700;
    color: #005776;
    padding: 18.5px 34.5px;
    display: inline-block;
    background-color: #fff;
    transition: all 0.3s 
ease-in-out;
    border-radius: 4px; }
.up .banner .banner_btn a:hover { background-color: #005776;
    color: #fff; }


.up .two_col { padding: 6.5px 0 40px 0; }
.up .two_col .section_top { text-align: center; }
.up .two_col .section_title h2 { color: #005776; }
.up .two_col .section_text * { color: #005776; font-weight: 400; }
.up .two_col .section_text { padding-top: 20px; }
.up .two_col .two_col_inner { padding-top: 80px; justify-content: space-between; }
.up .two_col .left_col { width: 49%; border-radius: 0 100px 0 100px; overflow: hidden; max-width: 657px; }
.up .two_col .left_col_img{position: relative;padding-top: calc(1/1 * 100%);overflow: hidden;width: 100%;}
.up .two_col .left_col_img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.up .two_col .left_col_img.imgRightAlign img{object-position: center;}
.up .two_col .left_col_img.imgLeftAlign img{object-position: center;}
.up .two_col .right_col { width: 45%; max-width: 544px; }
.up .two_col .right_col_sub_text * { font-weight: 400; color: #005776; }
.up .two_col .right_col_title { padding-top: 5px; }
.up .two_col .right_col_title h2 { color: #005776;    line-height: 1em; }
.up .two_col .right_col_text * { color: #143700; font-weight: 400; }
.up .two_col .right_col_text, .up .two_col .right_col_btn { padding-top: 40px; }

/* .up .cta_strip .strip_inner { background-image: url('CTA-strip-bg.png') !important; } */
.up .cta_strip { padding: 40px 0; }
.up .cta_strip .strip_inner { display: flex; gap: 30px; padding: 48px 45px 48px 50px; justify-content: space-between; box-shadow: 0px 0px 30px 0px #3379914D; border-radius: 12px; background-position: center;}
.up .cta_strip .strip_title h3 { color: #fff; font-weight: 700; }
.up .cta_strip .strip_btn { flex-shrink: 0; }

.up .two_col_v2 { padding: 40px 0 133px 0; }
.up .two_col.two_col_v2 .two_col_inner { padding: 0; }

.up .taste_chart_two_col { padding: 63px 0 62px 0; }
.up .taste_chart_two_col .taste_chart_left { width: 30%; }
.up .taste_chart_two_col .taste_chart_right { width: 58%; max-width: 770px; }
.up .taste_chart_two_col .taste_chart_inner { justify-content: space-between; }
.up .taste_chart_two_col .right_text h4 { font-weight: 400; color: #005776; }
.up .taste_chart_two_col .select_container { padding-top: 20px; }
/* .up .taste_chart_two_col .taste_chart_btn { padding-top: 20px; }
.up .taste_chart_two_col .taste_chart_btn a { padding: 18.5px 64.5px; } */

/* .up .popup_v2_outer { padding: 0 20px; } */
.up .popup_no p { font-size: 32px; font-weight: 700; color: #fff; }
.up .popup_no { background-color: #F24A00; border-radius: 50%; width: 64px; height: 64px; display: flex; justify-content: center; align-items: center; }
.up .stageNowpopup .popup_no { background-color: #289BA2; }
.up .stageNewpopup .popup_no { background-color: #DFFF11; }
.up .stageNewpopup .popup_no p {color: #143700; }
.up .stageNextpopup .popup_no { background-color: #F24A00; }
.up .popup_top { display: flex; align-items: center; gap: 20px;    padding-right: 10px;flex-wrap: wrap;}
.up .popup_middle { margin: 20px 0; gap: 15px; display: flex; justify-content: space-between; background-color: #EFEFEF; padding: 11px 20px; border-radius: 8px; }
.up .popup_title{width: calc(100% - 84px);}
.up .popup_title h4 { color: #143700; }
.up .tastePopupModalContent { width: 100%; max-width: 600px; margin: 0 auto; padding: 20px; border-radius: 8px; background-color: #fff; box-shadow: 0px 0px 30px 0px #3379914D; position: relative;}
.up .popup_v2_inner { width: 100%; padding: 20px; border-radius: 8px; background-color: #fff; overflow: hidden; box-shadow: 0px 0px 30px 0px #3379914D; position: relative;}
.up .popup_value h6 { color: #143700; }
.up .popup_detail p { color: #626262; font-size: 14px; line-height: 1.2; padding-top: 6px; }
.up .popup_single_box { width: 100%;     max-width: 102px; }
.up .popup_single_box.YoYGrowth {max-width: max-content; }
.up .popup_btn{  text-align: right;  }
/* .up .popup_v2_container .popup_btn a { padding: 9px 25.5px; } */
.up .popup_btn a:hover { background-color: #004761; }
/* Close button style */
.up .popup_close_btn {
  position: absolute;
  top: 10px;
  right: 12px;
  background: none;
  border: none;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: #333;
  transition: color 0.2s ease;
}

.up .popup_close_btn:hover {
  color: #000;
}


.up form { width: 100% !important; }
.up .mktoForm input[type=text], .up .mktoForm input[type=url], .up .mktoForm input[type=email], .up .mktoForm input[type=tel], .up .mktoForm input[type=number], .up .mktoForm input[type=date], .up .mktoForm textarea.mktoField, .up .mktoForm select.mktoField { border: 1px solid #626262 !important; border-radius: 2px; width: 100% !important; font-family: var(--NotoSans); font-size: 16px; line-height: 1.75; padding: 5px 10px; color: #2B2B2B; }
.up .mktoForm .mktoGutter { display: none; }
.up .mktoForm .mktoOffset { display: none; }
.up .mktoForm .mktoLabel { padding: 0; font-size: 16px; line-height: 1.375; font-family: var(--NotoSans); width: 100% !important; display: flex; flex-direction: row-reverse; justify-content: flex-end; float: none; padding-bottom: 5px; font-weight: 700;color:#2B2B2B; }
.up .mktoForm .mktoFormCol { width: 100% !important; margin-bottom: 12px !important; }
.up .mktoForm .mktoFieldWrap { width: 100%; }
.up .popup_form_container { padding-top: 25px; }
.up .mktoForm .mktoAsterix { float: unset; }
.up .mktoForm .up .mktoFormCol { margin-bottom: 12px !important; }
.up .mktoForm select.mktoField { background: url('data:image/svg+xml,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.00584 6C4.8864 6 4.77442 5.98095 4.66991 5.94286C4.5654 5.90477 4.46836 5.84001 4.37877 5.74859L0.235638 1.52037C0.0714054 1.35277 -0.00697825 1.14326 0.000486855 0.891852C0.00795196 0.640444 0.0938007 0.430937 0.258033 0.263332C0.422266 0.0957271 0.631289 0.0119245 0.885102 0.0119245C1.13892 0.0119245 1.34794 0.0957271 1.51217 0.263332L5.00584 3.82875L8.52191 0.240477C8.68614 0.0728718 8.89143 -0.00712156 9.13778 0.000496853C9.38413 0.00811527 9.58942 0.0957271 9.75365 0.263332C9.91788 0.430937 10 0.644253 10 0.903279C10 1.16231 9.91788 1.37562 9.75365 1.54323L5.63291 5.74859C5.54333 5.84001 5.44628 5.90477 5.34177 5.94286C5.23726 5.98095 5.12528 6 5.00584 6Z" fill="%23337991"/></svg>'); appearance: none; background-repeat: no-repeat; background-size: 10px; background-position: 97.5% center; padding: 5px 30px 5px 10px;cursor: pointer;white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.up .mktoForm select.mktoField option{cursor: pointer;}
.up .popup_container .popup_v2_inner { padding: 34px 32px 32px 32px; }
.up .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { font-size: 16px; line-height: 1.3; border-radius: 4px; background: #337991; border: 1px solid #337991; padding: 18.5px 34px; font-weight: 700; font-family: var(--NotoSans); }
.up .mktoButtonRow .mktoButtonWrap { margin: 0 !important; }
.up .mktoButtonRow { margin-top: 12px; }
.up .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:active{background: #337991;
    border: 1px solid #337991;}
.up .popup_container,
.up .popup_overlay {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.up .popup_overlay.active,
.up .popup_container.active {
  display: flex;
  opacity: 1;
}

.up .popup_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9998;
}

.up .popup_container {
  position: fixed;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
      flex-wrap: wrap;
    padding: 50px 0;
    overflow-y: scroll;
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999; */
  width: 100%;
  height:100%;
       z-index: 9999999999;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
    border: none;
}
.up .popup_v2_outer{max-width: 660px;margin:0 auto;position: relative;z-index: 99999;width: 100%;}
    .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 30px 10px 10px;
      border: 1px solid #C3C3C3;/* height: 44px; */width: 100%;border-radius: 8px;background-color: #fff;color:#000000;display: flex;align-items: center;background-image: url(tasteCharts2026_downarrow.svg);background-position: calc(100% - 13px) 50%;background-size: 13px 8px;background-repeat: no-repeat;font-size: 18px;
    }
    
    .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: #000;border-radius: 10px;
    }
    
    .up .globalComparisionCategoryArea .dropdown-item:hover {
      background-color: #f1f1f1;
    }

    .up .globalComparisionCategoryArea select{cursor: pointer;height: 48px;width: max-content;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/tasteCharts2026_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{ line-height: 1.3; text-align: center; border: 1px solid #337991; font-weight: 700; color: #fff; padding: 16px 65px; display: inline-block; background-color: #337991; transition: all 0.3s ease-in-out; border-radius: 4px;cursor: pointer; }
    .up .globalComparisionCategoryArea button:hover{ background-color: #004761; }
    .up .taste_chart_btn {padding-top: 20px;}
    .up .comparisionFormIpArea{display: flex;flex-wrap: wrap;align-items: flex-start;padding-top: 20px;max-width: 1200px;column-gap: 20px;}
    .up .comparisionFormIpArea .inputField{width: calc(50% - 10px);}
    .up .comparisionFormIpArea .inputField.taste_chart_btn{width: 100%;}
    .up .globalComparisionCategoryArea select option{color: #000000;}


    .up .tasteChartGenSec{padding-bottom: 80px;}
    .up .tasteChartGenSec .tasteChartListArea{background:linear-gradient(90deg, #69d9a9 50%, #f56e33 50%);}
    .up .tasteChartGenSec .tasteChartListArea .container{max-width: 1395px;padding: 0 15px;}
    .up .tasteChartGenSec .tasteChartListInner{display: flex;flex-wrap: wrap;}
    .up .tasteChartGenSec .tasteChartListItem{width: 33.33%;}
    .up .tasteChartGenSec .tasteChartListBox{padding: 10px 20px;}
    .up .tasteChartGenSec .tasteChartListBox h3{font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;padding-bottom: 10px;}
    .up .tasteChartGenSec .tasteChartListBox p{font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;padding-bottom: 10px;}
    .up .tasteChartGenSec .tasteChartListBox a{font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;line-height: 28px;padding-top: 10px;}
    .up .tasteChartGenSec .tasteChartListBox a span{padding-left: 10px;}

    .up .tasteChartGenSec .tasteChartNow{background-color: #69d9a9;border-left: 1px solid #44CF93;border-right: 1px solid #44CF93;}
    .up .tasteChartGenSec .tasteChartNew{background-color: #e5ff41;border-right: 1px solid #DFFF11;/* border-left: 1px solid #DFFF11; */}
    .up .tasteChartGenSec .tasteChartNext{background-color: #f56e33;border-right: 1px solid #F24A00;}

    .up .tasteChartGenSec .tasteChartNow h3{color: #143700;}
    .up .tasteChartGenSec .tasteChartNow p{color: #143700;}
    .up .tasteChartGenSec .tasteChartNow a{color: #143700;}
    .up .tasteChartGenSec .tasteChartNow a svg{stroke: #143700;transition: all 0.3s ease-in-out;}
    .up .tasteChartGenSec .tasteChartNow a:hover svg{transform: translateX(5px);}

    .up .tasteChartGenSec .tasteChartNew h3{color: #143700;}
    .up .tasteChartGenSec .tasteChartNew p{color: #143700;}
    .up .tasteChartGenSec .tasteChartNew a{color: #143700;}
    .up .tasteChartGenSec .tasteChartNew a svg{stroke: #143700;}

    .up .tasteChartGenSec .tasteChartNext h3{color: #fff;}
    .up .tasteChartGenSec .tasteChartNext p{color: #fff;}
    .up .tasteChartGenSec .tasteChartNext a{color: #fff;}
    .up .tasteChartGenSec .tasteChartNext a svg path{stroke: #fff;}

    .up .tasteChartGenSec .tasteChartFilterRow{display: flex;flex-wrap: wrap;}
    .up .tasteChartGenSec .tasteChartFilterCol{width: 33.33%;position: relative;}

    .up .tasteChartGenSec .tasteChartFilterBox{cursor: pointer;margin-top:20px;padding: 20px;border-radius: 8px;background:#FFF;box-shadow: 0 0 30px 0 rgba(51, 121, 145, 0.30);display: flex;flex-wrap: wrap;align-items: center;}
    .up .tasteChartGenSec .tasteItemNumber{width: 64px;height: 64px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 32px;
font-style: normal;
font-weight: 700;color: #fff;}
    .up .tasteChartGenSec .tasteItemBtn{width: 23px;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease-in-out;}
    .up .tasteChartGenSec .tasteItemBtn svg{width: 100%;height: auto;}
    .up .tasteChartGenSec .tasteChartFilterBox:hover .tasteItemBtn{transform:translateX(5px);}
    .up .tasteChartGenSec .tasteItemTitle{width: calc(100% - 87px);padding: 0 20px;color: #143700;font-family: "Noto Sans";font-size: 22px;font-style: normal;font-weight: 700;line-height: 120%;}
    .up .tasteChartGenSec .tasteChartMainCategoryMobile{display: none;}
    .up .tasteChartGenSec .tasteChartCol{padding: 0 11px 0 11px;}
    /* .up .tasteChartGenSec .tasteChartCol.tasteChartNowCol{padding: 0 12px 0 0;}
    .up .tasteChartGenSec .tasteChartCol.tasteChartNewCol{padding: 0 12px 0 11px;}
    .up .tasteChartGenSec .tasteChartCol.tasteChartNextCol{padding: 0 0 0 11px;} */

    .up .tasteChartGenSec .tasteChartNowCol .tasteItemNumber{background-color: #289BA2;}
    .up .tasteChartGenSec .tasteChartNewCol .tasteItemNumber{background-color: #DFFF11;color: #143700;}
    .up .tasteChartGenSec .tasteChartNextCol .tasteItemNumber{background-color: #F24A00;color: #fff;}

/*     .up .tasteChartGenSec{display: none;} */
    .up .filterWarningMsg{display: none; padding-bottom: 10px;margin-top: -10px;position: relative;color: rgb(217, 83, 79);margin-bottom: 10px;font-weight: 500;}

    .up .popupData{display: none;}
    .up .tastePopupModal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999999999;
  padding: 20px;
}

    .up .tastePopupModal.active {
  display: flex;
}

/* .up .tastePopupModalContent {
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  max-width: 600px;
  width: 100%;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  animation: fadeInScale 0.25s ease;
} */

.up .tastePopupCloseBtn {
  position: absolute;
  top: 10px;
  right: 12px;
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
  color: #555;
  line-height: 1;
}

.up .tastePopupCloseBtn:hover {
  color: #000;
}

.up .tastePopupBody {
  max-height: 70vh;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.up .no-stage-msg {
  text-align: center;
  color: #777;
  font-size: 18px;
  margin: 50px 0;
}

.up .tasteChartGenSec .tasteChartFilterBox.onlyForRegUser{cursor: default;}
.up .tasteChartGenSec .tasteChartFilterBox.onlyForRegUser .tasteItemBtn{display: none;}

.up .tasteChartFilterContainer{position: relative;padding: 0 4px;padding-bottom: 20px;}
.up.fullExperience .tasteChartFilterContainer{padding-bottom: 0;}
.up .accessBlocker{position: absolute;left: 0;bottom: 0;width: 100%;height: 58.4%;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);backdrop-filter: blur(2.5px) blur(2px) blur(3px);}

.up .accessBlockerInner{background-color: #289BA2;padding: 64px 20px 54px 20px;max-width: 749px;border-radius: 8px;box-shadow: 0 0 30px 0 rgba(51, 121, 145, 0.30);margin: 0 auto;text-align: center;margin-top: 30px;}
.up .accessBlockerInner h4{font-size: 24px;font-style: normal;font-weight: 700;line-height: 120%;color: #fff;padding-bottom: 20px;}
.up .accessBlockerInner button{border-radius: 4px;font-size: 18px;font-style: normal;font-weight: 700;line-height: 28px;color: #005776;background-color: #fff;padding: 16px 35px;border: none;cursor: pointer;}

.up .accessBlockerInner button:hover{background-color: #005776;color: #fff;}
body.fullExperience .accessBlocker{display: none!important;}

.up .tasteChartDownloadArea{margin-top: 80px;padding: 0 12px;display: none;}
.up.fullExperience .tasteChartDownloadArea{display: block;}
.up .tasteChartDownloadArea .strip_inner { display: flex; gap: 30px; padding: 48px 45px 48px 50px; justify-content: space-between; border-radius: 12px;background: #289BA2;box-shadow: 0 0 30px 0 rgba(51, 121, 145, 0.30); }
.up .tasteChartDownloadArea .strip_title h3 { color: #fff; font-weight: 700; }
.up .tasteChartDownloadArea .strip_btn { flex-shrink: 0; }


.up .tasteChartNotesText .tasteChartNoteTitle{padding-bottom: 10px;}
.up .tasteChartNotesText h5{font-size: 20px;display: flex;align-items: center;}
.up .tasteChartNotesText h5 svg{width: 22px;height: auto;margin-right: 10px;}
.up .tasteChartNotesRow{display: flex;flex-wrap: wrap;justify-content: space-between;background: #efefef; padding: 20px 0;border-radius: 12px;}
.up .tasteChartNotesCol{width: 33.33%;padding: 0 15px;}
.up .tasteChartNotesText .tasteChartNotesCol h6{font-size: 18px;padding-bottom: 5px;}
.up .tasteChartNotesText .tasteChartNotesCol p{color: #6f6f6f;font-size: 14px;}
.up .tasteChartNotesTextMobile{display: none;}

    /* Footer Design Start */

.up .footer_sec{display: block; background-color:#366d73; padding: 35px 0 10px;}
.up .footer_sec .main,.up .bottom_footer .main{    max-width: 1376px; margin: 0 auto; padding: 0 20px;width: 100%;}
.up .footer_sec .footer_main{display: flex; justify-content: space-between; align-items: flex-start;}
.up .footer_sec .footer_main .footer_links{display: flex; align-self: flex-start; width: 100%; /* justify-content: space-between; */}
.up .footer_sec .footer_main .footer_links_box1 {padding-right:20px; width: 25%; min-width: 168px; } 
.up .footer_sec .footer_main .p_class *{color: #ffffff; font-family:'Noto Sans', sans-serif; font-size: 18px; font-weight: 700;padding-bottom: 2px;}
.up .footer_sec .footer_main ul{list-style: none; padding-top: 6px;margin: 0;}
.up .footer_sec .footer_main ul li{margin:0 10px 0 0; padding-bottom: 2px;}
.up .footer_sec .footer_main ul li a{color: #f0feff; line-height: 1.6em; font-weight: 400;  font-size: 16px; text-decoration: none;}
/* .up .footer_sec .footer_main ul li a:hover{color: #c8ebfa;text-decoration: underline;} */
.up .footer_sec  ul li a:hover, .up .bottom_footer ul li a:hover{color: #c8ebfa;text-decoration: underline;}
.up .footer_sec .footer_main .footer_logo {align-self: flex-start; margin-bottom: 7px; } 
.up .footer_sec .footer_main .logo_main img {max-width: 160px; width: 100%; }
.up .footer_sec .footer_main .logo_main {margin-bottom:5px;padding-left: 10px;}
.up .bottom_footer{display: block; background-color: #366d73; padding:10px 0 10px;}
.up .bottom_footer .bottom_footer_main{display: flex; justify-content: space-between; align-self: center;}
.up .bottom_footer ul{list-style: none;}
.up .bottom_footer .p_class,.up .bottom_footer .p_class *{font-size:12px; color: #ffffff; font-weight: 400;line-height: 20px;}
.up .bottom_footer .p_class{padding-right: 10px;text-align: left;}
.up .bottom_footer .flex-container{align-items: center;}
.up .footer_sec .social-links ul {display: flex;  justify-content:flex-start; }
.up .footer_sec .social-links ul li a { display: flex;justify-content:center;align-items:center; width: 40px; height: 40px;border-radius: 100%; transition: all 0.5s ease-in-out; }
.up .footer_sec .social-links ul li a img { width:auto; height:26px;   }
.up .footer_sec .social-links ul li a:hover{background-color: #ffffff;}
.up .footer_sec .social-links ul li a svg{width:16px;height: auto;}
.up .footer_sec .social-links ul li a svg path{transition: all 0.5s ease-in-out;}
.up .footer_sec .social-links ul li a[href="https://www.facebook.com/KerryTasteAndNutrition/"] svg{width:12px;height: auto;}
.up .footer_sec .social-links ul li a:hover svg path{fill: #366d73;}
.up .footer_sec .footer_main .footer_links_box1#footer_box1_text{width: 26%;}
.up .footer_sec .footer_main ul{padding-left: 0;}
.up .footer_sec .footer_main ul li{padding-left: 0;}
.up .bottom_footer ul li {padding-left: 20px;}
.up .bottom_footer ul li{padding-left: 20px;}.up .bottom_footer ul{list-style: disc; padding-left: 20px;}

.up .bottom_footer .copyRightArea{    padding-top: 10px;}
.up .footer_sec .logo_main a { text-align: left; display: inline-block; }
.up .footer_list ul{list-style-type:none;margin: 0;padding: 0;}
.up .footer_list ul li{display:inline-block;color:#ffffff;line-height: initial;}
.up .footer_list ul li a{font-size:12px;color:#ffffff;font-weight: 400;line-height: 20px;display: inline-block;}
.up .bottomFooterContainer{display: flex;justify-content: space-between;    align-items: center;}


/* Footer Design End */