/* Rem root value for all screens - start - webpage-ui-common.css*/
/* @media (min-width: 3840px){
    :root {
        font-size: calc(10px * 2) !important;
    }
}
@media (max-width: 3839px) and (min-width: 2851px){
    :root {
        font-size: calc(10px * 1.5) !important;
    }
}
@media (max-width: 2850px) and (min-width: 2560px){
    :root {
        font-size: calc(10px * 1.33) !important;
    }
} */
@media (min-width: 2560px){
  :root {
      font-size: calc(10px * 1.33) !important;
  }
}
@media (max-width: 2559px) and (min-width: 2351px){
  :root {
      font-size: calc(10px * 1.25) !important; /* 125% */
  }
}
@media (max-width: 2350px) and (min-width: 2121px){
  :root {
      font-size: calc(10px * 1.12) !important; /* 112% */
  }
}
@media (max-width: 2120px) and (min-width: 2048px){
  :root {
      font-size: calc(10px * 1.08) !important; /* 108% */
  }
}
@media (max-width: 2047px) and (min-width: 1920px){
  :root {
      font-size: calc(10px * 1) !important; /* 100% */
  }
}
@media (max-width: 1919px) and (min-width: 1761px) {
  :root {
      font-size: calc(10px * 0.9286) !important;/* 92.86% */
  }
}
@media (max-width: 1760px) and (min-width: 1601px) {
  :root {
      font-size: calc(10px * 0.8926) !important;/* 89.26% */
  }
}
@media (max-width: 1600px) and (min-width: 1441px) {
  :root {
      font-size: calc(10px * 0.7857) !important;/* 78.57% */
  }
}
@media (max-width: 1440px) and (min-width: 1200px) {
  :root {
      font-size: calc(10px * 0.7143) !important;/* 71.43% */
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  :root {
      font-size: calc(10px * 0.7143) !important;/* 71.43% */
  }
}
@media (max-width: 767px) {
  :root {
      font-size: calc(10px * 0.7143) !important;/* 71.43% */
  }
}
/* Rem root value for all screen - end */
/* Common css - start */
body {
  font: 2.4rem Epilogue-Regular, Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
  color: #333;
  line-height: 1.9;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6, p, pre {
  margin: 0 0 2.9rem;
}
.fs-epilogue-h1 {
  font-family: var(--font-Epilogue-Bold);
  font-size: 7.2rem;
  line-height: 8rem;
  letter-spacing: -0.24rem;
}
.fs-epilogue-h2 {
  font-family: var(--font-Epilogue-Bold);
  font-size: 6.4rem;
  line-height: 7.2rem;
  letter-spacing: -0.24rem;
}
.fs-epilogue-h3 {
  font-family: var(--font-Epilogue-Bold);
  font-size: 5.6rem;
  line-height: 6.4rem;
  letter-spacing: -0.16rem;
}
.fs-epilogue-h4 {
  font-family: var(--font-Epilogue-Bold);
  font-size: 4.8rem;
  line-height: 5.6rem;
  letter-spacing: -0.16rem;
}
.fs-epilogue-h5 {
  font-family: var(--font-Epilogue-Bold);
  font-size: 4rem;
  line-height: 4.4rem;
  letter-spacing: -0.16rem;
}
.fs-epilogue-h6 {
  font-family: var(--font-Epilogue-Bold);
  font-size: 3.2rem;
  line-height: 4rem;
  letter-spacing: -0.12rem;
}
.fs-pxxs {
  font-family: var(--font-Epilogue-Regular);
  font-size: 0.8rem;
  line-height: 1.2rem;
  letter-spacing: 0;
}
.fs-pxs {
  font-family: var(--font-Epilogue-Regular);
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0;
}
.fs-ps {
  font-family: var(--font-Epilogue-Regular);
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.fs-pd {
  font-family: var(--font-Epilogue-Regular);
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
}
.fs-pm {
  font-family: var(--font-Epilogue-Regular);
  font-size: 2rem;
  line-height: 3.2rem;
  letter-spacing: -0.04rem;
}
.fs-pl {
  font-family: var(--font-Epilogue-Regular);
  font-size: 2.4rem;
  line-height: 3.6rem;
  letter-spacing: -0.08rem;
}
.fsb-pxxs {
  font-family: var(--font-Epilogue-Bold);
  font-size: 0.8rem;
  line-height: 1.2rem;
  letter-spacing: 0;
}
.fsb-pxs {
  font-family: var(--font-Epilogue-Bold);
  font-size: 1rem;
  line-height: 1.2rem;
  letter-spacing: 0;
}
.fsb-ps {
  font-family: var(--font-Epilogue-Bold);
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0;
}
.fsb-pd {
  font-family: var(--font-Epilogue-Bold);
  font-size: 1.6rem;
  line-height: 2.8rem;
  letter-spacing: -0.04rem;
}
.fsb-pm {
  font-family: var(--font-Epilogue-Bold);
  font-size: 2rem;
  line-height: 3.6rem;
  letter-spacing: -0.04rem;
}
.fsb-pl {
  font-family: var(--font-Epilogue-Bold);
  font-size: 2.4rem;
  line-height: 4rem;
  letter-spacing: -0.08rem;
}
.fs-eb-hyperlink,
.fs-em-hyperlink,
.fs-eb-hyperlink:hover,
.fs-em-hyperlink:hover {
  display: inline-block;
  color: #006159;
  font-size: 2.8rem;
}
.fs-eb-hyperlink:hover,
.fs-em-hyperlink:hover{
  transform: scale(1.05);
}
.fs-eb-hyperlink {
  font-family: var(--font-Epilogue-Bold);
  font-size: 2.8rem;
  letter-spacing: -0.116rem;
}
.fs-em-hyperlink {
  font-family: var(--font-Epilogue-Medium);
  font-size: 2.4rem;
  letter-spacing: -0.0725rem;
}
.fs-italic {
    font-style: italic;
    color: #02becc;
}
/* New button changes - start */
/* Common css for all the pages - start */
/* New button changes */
.slide-btn-wrapper.transparent-bg.sbtn-mr {
  margin-left: 2.9rem;
}
.slide-btn-wrapper.slide-button {
  display: inline-block;
  padding: 2.6rem 3.6rem 2.2rem 7.2rem;
  border-radius: 4.6rem;
  text-decoration: none;
  font-size: 2.4rem;
  font-family: 'Epilogue-Bold';
  transition: all ease 0.4s !important;
  position: relative;
  z-index: 1;
  line-height: 1.4rem;
  box-sizing: border-box;
  border: 0.29rem solid #fff000;
  cursor: pointer;
}
.slide-btn-wrapper.slide-button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3.5rem;
  z-index: -2;
}
.slide-btn-wrapper.slide-button i {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  width: 4.3rem;
  height: 4.3rem;
  transition: all ease 0.4s;
  border-radius: 2.4rem;
  z-index: -1;
}
.slide-btn-wrapper.slide-button i:before {
  position: absolute;
  top: 50%;
  right: 1.4rem;
  transform: translateY(-50%);
  font-size: 2rem;
}
.slide-btn-wrapper.slide-button span {
  display: inline-block;
  font-size: inherit;
  position: relative;
  transform: translateX(0);
  transition: all ease 0.4s;
}
@media (min-width: 1025px) {
  .slide-btn-wrapper.slide-button:hover {
      color: #fff;
      padding: 2.6rem 3.6rem 2.2rem 7.2rem;
  }
  .slide-btn-wrapper.slide-button:hover::after {
      visibility: hidden;
  }
  .slide-btn-wrapper.slide-button:hover i {
      width: calc(100% + 0.7rem);
      height: 100%;
      top: calc(50% - 0.4rem);
      left: -0.4rem;
      border-radius: 4.6rem;
      background-color: #02becc;
      box-shadow: 0 0.9rem 0 0 #04606d;
  }
  .slide-btn-wrapper.slide-button:hover i:before {
      top: 50%;
      right: 2.9rem;
      color: #092224;
  }
  .slide-btn-wrapper.slide-button:hover span {
      color: #ffffff;
      top: -0.3rem;
      transform: translateX(-3.6rem);
      transition: all ease 0.4s;
  }
  .slide-btn-wrapper.slide-button:active i {
      box-shadow: none;
      top: 50%;    
  }
  .slide-btn-wrapper.slide-button:active span {
      top: 0.1rem;
  }
  .slide-btn-wrapper.slide-button:active {
      top: 0.3rem;
  }
}
.slide-button.transparent-bg {
  color: #fff000;
  background-color: transparent;    
}
.slide-button.transparent-bg i {
  background-color: #fff000;
}
.slide-button.transparent-bg i:before {
  color: #092224;
}
.slide-btn-wrapper.transparent-bg span {
  color: #fff000;
}
.slide-button.fill-bg {
  color: #092224;
  background-color: #fff000;    
}
.slide-button.fill-bg i {
  background-color: #092224;
}
.slide-button.fill-bg i:before {
  color: #fff000;
}
.slide-btn-wrapper.fill-bg span {
  color: #092224;
}
@media (min-width: 1025px) {
  .slide-button.transparent-bg:hover,
  .slide-button.fill-bg:hover {
      background-color: #02becc;
      border-color: #02becc;
  }
}
@media (max-width: 767px) {
  a.slide-btn-wrapper.slide-button.transparent-bg.sbtn-mr {
      margin-left: 1.4rem;
  }
  .slide-btn-wrapper.slide-button {
      font-size: 2rem;
      padding: 2.2rem 2.2rem 2.2rem 5.8rem;
  }
  .slide-btn-wrapper.slide-button i {
      width: 3.6rem;
      height: 3.6rem;
  }
  .slide-btn-wrapper.slide-button i:before {     
      right: 1.2rem;
  }
  .slide-btn-wrapper.slide-button span {
      font-size: 2rem;
  }
}
/*Common css for all the pages - end*/
@media (min-width: 961px) {  
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-consumer-button a:first-child,
  #header.header-transparent.header-v1 #navigation>ul#nav>li.sogo-nav-gtrack-radbtn a:first-child {
      display: none;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button {
      padding: 1.6rem 2.2rem 1.6rem 5.8rem !important;
      border-radius: 3.5rem;
      text-decoration: none;
      font-size: 2rem;
      font-family: 'Epilogue-Bold';
      transition: all ease 0.4s !important;
      position: relative;
      top: -0.4rem;
      z-index: 1;
      line-height: 1;
      box-sizing: border-box;
      border: 0.29rem solid #fff000;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 3.5rem;
      z-index: -2;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button i {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 1rem;
      transform: translateY(-50%);
      width: 3.6rem;
      height: 3.6rem;
      transition: all ease 0.4s;
      border-radius: 2.4rem;
      z-index: -1;
      line-height: 1.29;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button i:before {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      font-size: 2rem;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button span {
      display: inline-block;
      position: relative;
      transform: translateX(0);
      transition: all ease 0.4s;
      letter-spacing: -0.029rem;
  }
  @media (min-width: 1025px) {
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button:hover {
          color: #fff !important;
          padding: 2rem 2.2rem 1.6rem 5.8rem;
          box-shadow: none;
      }
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button:hover::after {
          visibility: hidden;
      }
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button:hover i {
          width: calc(100% + 0.7rem);
          height: 100%;
          top: calc(50% - 0.4rem);
          left: -0.2rem;
          border-radius: 3.4rem;
          background-color: #02becc;
          box-shadow: 0 0.9rem 0 0 #04606d;
      }
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button:hover i:before {
          top: calc(50% + 0.1rem);
          right: 1.4rem;
          color: #092224;
      }
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button:hover span {
          color: #ffffff;
          top: -0.218rem;
          transform: translateX(-3.6rem);
          transition: all ease 0.4s;
      }
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button:active i {
          box-shadow: none;
          top: 50%;
      }
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.slide-button:active span {
          top: 0.1rem;
      }
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.transparent-bg {
      color: #fff000;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.transparent-bg i {
      background-color: #fff000;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.transparent-bg i:before {
      color: #092224;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.transparent-bg span {
      color: #fff000;
      font-size: 1.9rem;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.fill-bg {
      color: #092224;
      background: transparent !important;
      background-color: #fff000 !important;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.fill-bg i {
      background-color: #092224;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.fill-bg i:before {
      color: #fff000;
  }
  #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-btn-wrapper.fill-bg span {
      color: #092224;
  }
  @media (min-width: 1025px) {
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.transparent-bg:hover,
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.fill-bg:hover {
          background-color: #02becc !important;
          border-color: #02becc !important;
      }
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.transparent-bg:hover,
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.fill-bg:hover,
      #header.header-transparent.header-v1 #navigation>ul.master-menu>li.coral-button {
          transform: none;
      }
  }
  @media (max-width: 1025px) {        
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.transparent-bg:hover {
          background-color: transparent;
      }
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.transparent-bg:hover,
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.fill-bg:hover {
          transform: scale(1);
          box-shadow: none;
      }
      #header.header-transparent.header-v1 #navigation>ul#nav>li.menu-item-type-custom .slide-button.transparent-bg:hover {
          background-color: transparent !important;
          border: 0.29rem solid #fff000 !important; /* 0.2rem = 2.9px */
      }
  }
  #navigation ul .sogo-new-megamenu-desktop-view {
      display: block;
  }
  #navigation ul .sogo-new-megamenu-mobile-view,
  .fa-text-carrot.fa-carrot-after:after {
      display: none;
  }
}
@media (max-width: 960px) {
  #mobile-navigation ul .sogo-new-megamenu-desktop-view {
      display: none;
  }
  #mobile-navigation ul .sogo-new-megamenu-mobile-view {
      display: block;
  }
  #mobile-navigation ul li.menu-consumer-button a:first-child,
  #mobile-navigation ul li.sogo-nav-gtrack-radbtn a:first-child {
      padding: 0 !important;
      display: none;
  }
}
/*New button changes - end*/
/*Join the strongest brands common css - start*/
.sogo-join-brands-main{
  padding-top: 13rem; /* 9rem = 130.5px */
}
.sogo-join-brands-head-wrapper {
  width: 60%; /* 60% of 1450px */
  margin: 0 auto 6.5rem; /* 4.5rem = 65.25px */
}
.sogo-join-brands-head-txt {
  text-align: center;
  font-family: 'Epilogue-Bold';
  font-size: 7.2rem; /* 4.9rem = 71.05px */
  line-height: 1.23;
  color: #006259;
  margin-bottom: 4.3rem; /* 3rem = 43.5px */
}
.sogo-join-brands-logo-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 14.5rem; /* 10rem = 145px */
}
.sogo-join-brands-logo-cards {
  width: 12%; /* 12% of 1450px */
  height: 12.3rem; /* 8.5rem = 123.25px */
  text-align: center;
  line-height: normal;
  padding: 3.6rem; /* 2.5rem = 36px */
  border-right: 0.1rem solid rgba(0, 0, 0, .1); /* 0.1rem = 1.45px */
  position: relative;
  border-bottom: 0.1rem solid rgba(0, 0, 0, .1); /* 0.1rem = 1.45px */
}
.sogo-join-brands-logo-wrapper, .sogo-join-brands-logo-cards{
  box-sizing: content-box;
}
.sogo-join-brands-logo-cards:nth-child(6),.sogo-join-brands-logo-cards:nth-child(12) {
  border-right: none;
}
.sogo-join-brands-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sogo-join-brands-logo img{
  max-width: 20.3rem; /* 14rem = 203px */
}
.sogo-join-brands-logo-cards:nth-last-child(-n+6) {
  border-bottom: none;
}
.sogo-join-brands-head-wrapper .align-c .green-button.green-ent-btn {
  padding: 2.3rem 3.5rem !important; /* 1.6rem = 23.2px, 2.4rem = 34.8px */
}
@media (max-width: 1200px) and (min-width:961px) {
  .sogo-join-brands-head-txt{
      width: 100%;
  }
  .sogo-join-brands-logo-cards{
      padding: 1.4rem 2.9rem; /* 1rem = 14.5px, 2rem = 29px */
  }
}
@media (max-width: 960px) {
  .sogo-join-brands-head-wrapper{
      width: 100%; /* 100% */
  }
  .sogo-join-brands-head-txt {
      font-size: 3.8rem; /* 2.6rem = 37.6px */
  }
  .sogo-join-brands-logo-cards {
      width: 20%; /* 20% */
      padding: 0 2.9rem; /* 2rem = 29px */
  }
  .sogo-join-brands-logo-cards:nth-child(3n) {
      border-right: none;
  }
  
  .sogo-join-brands-logo-cards:nth-last-child(-n+6) {
      border-bottom: 0.1rem solid rgba(0,0,0,.1); /* 0.1rem = 1.45px */
  }
  .sogo-join-brands-logo-cards:nth-last-child(-n+3){
      border-bottom: none;
  }
  
}
@media (max-width: 767px) {
  .sogo-join-brands-logo img{
      max-width: 11.6rem; /* 8rem = 116px */
  }
  .sogo-join-brands-main .column_container.vc_col-sm-12 {
      padding-left: 0;
      padding-right: 0;
  }
}
/*Join the strongest brands common css - end*/
/*Top bottom right side arrow button - start*/
#back-to-top a {
    width: 6rem;
    line-height: 6rem;
    font-size: 2rem;
}
#back-to-top {
    right: 1.82rem;
}
/*Top bottom right side arrow button - end*/
/* Common css - end */