.elementor-kit-6{--e-global-color-primary:#232F84;--e-global-color-secondary:#EE3124;--e-global-color-text:#190701;--e-global-color-accent:#67BD45;--e-global-color-c4679b1:#E2641F;--e-global-color-7b17937:#F68832;--e-global-color-f7e1263:#009E53;--e-global-color-f2c9a37:#67BD45;--e-global-color-2c55064:#08A9A5;--e-global-color-a0a8de9:#D1AE2B;--e-global-color-53adc7b:#FFCE34;--e-global-color-578341b:#0056B3;--e-global-color-9109acd:#FAFAFA;--e-global-color-aedae55:#B80555;--e-global-color-a28fac6:#EB8B04;--e-global-color-2427b5f:#AB3102;--e-global-color-bbed6eb:#14703E;--e-global-color-918e792:#9C3802;--e-global-color-d7b55d0:#190701;--e-global-color-9da6d9b:#EAE9E8;--e-global-color-63a3195:#172168;--e-global-color-090b32b:#2A7EAB;--e-global-typography-primary-font-family:"freight-sans-pro";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"freight-sans-pro";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"freight-sans-pro";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"freight-sans-pro";color:var( --e-global-color-text );font-family:"freight-sans-pro", Sans-serif;font-size:1.3rem;line-height:1.45em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-f7e1263 );font-family:"freight-sans-pro", Sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;color:#FFFFFF;border-radius:5px 5px 5px 5px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-bbed6eb );color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0.7em;}.elementor-kit-6 a{color:var( --e-global-color-578341b );}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}.elementor-kit-6 h1{color:var( --e-global-color-primary );font-family:"objektiv-mk1", Sans-serif;font-size:4rem;font-weight:700;line-height:1em;}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:"objektiv-mk1", Sans-serif;font-size:2.8rem;font-weight:700;line-height:1.1em;}.elementor-kit-6 h3{color:var( --e-global-color-primary );font-family:"objektiv-mk1", Sans-serif;font-size:2.2rem;font-weight:700;line-height:1.2em;}.elementor-kit-6 h4{color:var( --e-global-color-text );font-family:"freight-sans-pro", Sans-serif;font-size:1.7rem;font-weight:700;line-height:1.3em;}.elementor-kit-6 h5{color:var( --e-global-color-text );font-family:"freight-sans-pro", Sans-serif;font-size:1.5rem;font-weight:600;line-height:1.3em;}.elementor-kit-6 h6{color:var( --e-global-color-text );font-family:"freight-sans-pro", Sans-serif;font-size:1.3rem;font-weight:600;line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:20px;--container-default-padding-right:20px;--container-default-padding-bottom:20px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#19070180;}@media(max-width:1024px){.elementor-kit-6{font-size:1.2rem;}.elementor-kit-6 h1{font-size:2.5rem;}.elementor-kit-6 h2{font-size:2rem;}.elementor-kit-6 h3{font-size:1.7rem;}.elementor-kit-6 h4{font-size:1.4rem;}.elementor-kit-6 h5{font-size:1.3rem;}.elementor-kit-6 h6{font-size:1.2rem;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:1.3rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:1.1rem;}.elementor-kit-6 h1{font-size:2.1rem;}.elementor-kit-6 h2{font-size:1.7rem;}.elementor-kit-6 h3{font-size:1.5rem;}.elementor-kit-6 h4{font-size:1.3rem;}.elementor-kit-6 h5{font-size:1.2rem;}.elementor-kit-6 h6{font-size:1.1rem;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:1.2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum";
-webkit-font-feature-settings: "lnum";
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: auto;
    }
}

sup a {
    text-decoration: underline !important;
    color: inherit !important;
    padding: 5px;
}
sup {
    font-size: .85em;
}

@media only screen and (min-width:768px) {
    sup {
        font-size: .75em;
    }
}
@media only screen and (min-width:1025px) {
    sup {
        font-size: .65em;
    }
}


h1 sup,
h2 sup,
h3 sup,
h4 sup,
h5 sup, 
h6 sup {
    font-size: .6em;
    vertical-align: super;
    top:-.1em;
}

@media only screen and (min-width:768px) {
    h1 sup,
    h2 sup,
    h3 sup,
    h4 sup,
    h5 sup, 
    h6 sup {
        font-size: .5em;
        top:-.25em;
    }
}
@media only screen and (min-width:1025px) {
    h1 sup,
    h2 sup,
    h3 sup,
    h4 sup,
    h5 sup, 
    h6 sup {
        font-size: .4em;
        top:-.3em;
    }
}

/* Show/Hide Content */
.hide-cta,
.hide-section,
.hide-button {
    display: none;
}

.section-title h2 span {
    display: block;
    font-weight: 500;
    font-size: 1.4rem;
}
@media only screen and (min-width:768px) {
    .section-title h2 span {
        font-size:1.6rem;
    }
}
@media only screen and (min-width:1025px) {
    .section-title h2 span {
        font-size:2.25rem;
    }
}
.worlds-finest-white {
  filter: drop-shadow(3px 5px 10px rgb(0 0 0 / 0.4));
}
/*
.worlds-finest-white {
    opacity: 1;
  transition-duration: .75s;
  transition-delay: 0s;
}
.worlds-finest-white.elementor-sticky--effects {
  opacity: 0;
  transition-duration:.75s;
  transition-delay: 0s;
}*/
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol{
    margin: .7em 0;
}


/*hero*/
/*.hero-title {
    background: #190701;
background: linear-gradient(90deg,rgba(25, 7, 1, 0) 0%, rgba(25, 7, 1, 1) 50%, rgba(25, 7, 1, 0) 100%);
padding: 10px 20px 20px 20px;
}*/
.hero-title h1  {
    text-align: center;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.2em;
}
.hero-title h1 span {
    font-family: "freight-sans-pro", Sans-serif;
    font-weight: 500;
    display: block;
    line-height: 1.2em;
    font-size: 1.6rem;
    margin-top:10px;
}
/*.hero-title-location {
    background: #190701;
    background: linear-gradient(90deg,rgba(25, 7, 1, 0) 0%, rgba(25, 7, 1, 1) 50%, rgba(25, 7, 1, 0) 100%);
    padding: 10px 20px 20px 20px;
}*/
.hero-title-location h1  {
    text-align: center;
    font-size: 2.7rem;
    line-height: 1em;
    /*text-shadow: 1px 1px 5px #000000, 1px 1px 15px #00000;*/
    ;
}
.hero-title-location h1 span {
    font-weight: 500;
    display: block;
    line-height: 1.2em;
    font-size: 1.3rem;
    font-family: "freight-sans-pro", Sans-serif;
    text-transform: uppercase;
    letter-spacing: .2em;
}
.no-text-shadow h1 {
    text-shadow: none;
}
@media only screen and (min-width:768px) {
    .hero-title {
        padding: 20px 40px 30px 40px;
    }
    .hero-title-location {
        padding: 20px 40px 30px 40px;
    }
    .hero-title h1  {
        font-size:3.5rem;
    }
    .hero-title h1 span {
        font-size:2.1rem;
        margin-top:10px;
    }
    .hero-title-location h1  {
        font-size:3.5rem;
    }
    .hero-title-location h1 span {
        font-size:1.7rem;
        font-weight:500;
    }
}
@media only screen and (min-width:1025px) {
    .hero-title {
        padding: 20px 70px 30px 70px;
    }
    .hero-title-location {
        padding: 20px 70px 30px 70px;
    }
    .hero-title h1  {
        font-size: 5rem;
    }
    .hero-title h1 span {
        font-size:3.25rem;
        margin-top:12px;
    }
    .hero-title-location h1  {
        font-size: 5rem;
    }
    .hero-title-location h1 span {
        font-size:2rem;
    }
}

/* Video Size Up */
@media only screen and (min-width:1025px) {
.mission-video {
    padding: 100px;
  transition: padding 0.5s ease-in-out; /* Animate padding change over 0.5 seconds */
}
.mission-video.elementor-sticky--active {
    padding: 0;
  transition: padding 0.5s ease-in-out; /* Animate padding change over 0.5 seconds */
}
.mission-video-2 .e-con-inner {
  transition: max-width 1s;
}
.mission-video-2.elementor-sticky--active .e-con-inner {
    max-width: 100%;
    
  transition: max-width 1s;
}
}


/*.hero-tagline {
    background: #190701;
background: linear-gradient(90deg,rgba(25, 7, 1, 0) 0%, rgba(25, 7, 1, 1) 50%, rgba(25, 7, 1, 0) 100%);
}*/
.hero-tagline h1 {
    font-size:3rem;
    font-family: "objektiv-mk1", Sans-serif;
    line-height: .85em;
    font-weight: 700;
    color: var(--e-global-color-text);
}
.hero-tagline .finest {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "freight-sans-pro";
    letter-spacing: .2em;
    font-size: 1.15rem;
    line-height: 1em;
    margin-bottom: 10px;
    padding-left:10px;
}
.hero-tagline .ht-avocados {
    display: block;
}
.hero-tagline .ht-and {
    font-size: 1.75rem;
    vertical-align: 33%;
    font-weight: 800;
    margin-right: -2px;
}
.hero-tagline .ht-mangos,
.hero-tagline .ht-avocados {
    letter-spacing: .05em;
    /*margin-right: -20px;*/
}
.hero-tagline .ht-mangos sup,
.hero-tagline .ht-avocados sup {
    font-weight: 400;
    font-family: "freight-sans-pro";
    font-size: .9rem;
}
@media only screen and (max-width:699px) {
    .home .hero-tagline {
        background:none;
    }
}
@media only screen and (min-width:700px) {
    
    .hero-tagline {
      text-shadow: 1px 1px 25px #000;
      text-shadow: 1px 1px 25px rgba(0,0,0,.7);
    }
    .hero-tagline h1 {
        color:#fff;
    }
    .hero-tagline .finest {
        text-shadow: 1px 1px 5px #000,
      1px 1px 10px #000;
      text-shadow: 0 0 7px rgba(0,0,0,.5),
      1px 1px 15px rgba(0,0,0,.5);
    }
}
@media only screen and (min-width:768px) {
    .hero-tagline h1 {
        font-size:4.25rem;
    }
    .hero-tagline .finest {
        font-size: 1.55rem;
        letter-spacing: .25em;
    }
    .hero-tagline .ht-and {
        font-size: 2.7rem;
        margin-right: -4px;
    }
    .hero-tagline .ht-mangos,
    .hero-tagline .ht-avocados {
       /* margin-right:-25px;*/
    }
    .hero-tagline .ht-mangos sup,
    .hero-tagline .ht-avocados sup {
        font-size:1.35rem;
    }
    
}
@media only screen and (min-width:1025px) {
    .hero-tagline h1 {
        font-size:6.5rem;
    }
    .hero-tagline .finest {
        font-size: 2.25rem;
        letter-spacing: .25em;
    }
    .hero-tagline .ht-and {
        font-size: 3.7rem;
        margin-right: -10px;
    }
    
    .hero-tagline .ht-mangos,
    .hero-tagline .ht-avos {
        /*margin-right:-25px;*/
    }
    .hero-tagline .ht-mangos sup,
    .hero-tagline .ht-avocados sup {
        font-size:1.5rem;
    }
    
}


/* the world's finest animation and Mission Advantage */

@media (prefers-reduced-motion: no-preference) {
.tracking-in-contract-bck h2,
.tracking-in-contract-bck h1 .finest,
.tracking-in-contract-bck h1 .ht-avocados,
.tracking-in-contract-bck h1 .ht-mangos, 
.tracking-in-contract-bck h1 .ht-and
{
	-webkit-animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
	    animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
}
.tracking-in-contract-bck-advantage h1
{
	-webkit-animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
	    animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
}
}

@-webkit-keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
            transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
            transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}


/*TABS*/
.product-tabs .e-n-tabs-heading {
    border: 8px solid #fff;
}
.prod-packaging img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    object-position: center center;
}
@media only screen and (min-width:500px) {
    .prod-packaging img {
        height:230px;
    }
}
@media only screen and (max-width:767px) {
    .product-tabs {
        margin-top:40px;
    }
    .product-tabs .e-n-tabs-heading {
        border:none;
        display:flex;
        justify-content:center;
        align-content:center;
        align-items:center;
        gap:12px;
        position:absolute;
        margin: 7px 40px 0;
        z-index:6;
        width:calc(100% - 80px);
        /*background-color:#fff;
        background-color:rgba(256,256,256,.7);
        padding:8px;
        border-radius:20px;*/
    }
    .product-tabs .e-n-tabs-heading .e-n-tab-title {
        padding:4px;
        border-radius:50%;
    }
    .product-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text {
        display:none;
    }
}
@media only screen and (min-width:768px) {
    .product-tabs .e-n-tabs-heading {
        padding:15px 5px;
        gap:10px 15px;
    }
    .prod-packaging img{
        width: 100%;
        height: 350px;
        object-fit: contain;
        object-position: center center;
    }
}
@media only screen and (min-width:1025px) {
    .product-tabs .e-n-tabs-heading {
        padding:15px 5px;
        gap:10px 25px;
    }
    .prod-packaging img{
        width: 100%;
        height: 450px;
        object-fit: contain;
        object-position: center center;
    }
}

/*NAV Arrows*/

.nav-prev .elementor-widget-container,
.nav-next .elementor-widget-container {
    align-content: center;
    align-items:center;
}
.nav-prev .elementor-icon svg,
.nav-next .elementor-icon svg {
    fill: var(--e-global-color-text);
    fill:rgba(25, 7, 1, .4);
    height: 26px;
    width:20px;
}
.nav-prev .elementor-icon svg:hover,
.nav-next .elementor-icon svg:hover {
    fill: var(    --e-global-color-f7e1263);
}
.product-tabs-mango .nav-prev .elementor-icon svg:hover,
.product-tabs-mango  .nav-next .elementor-icon svg:hover {
    fill: var(--e-global-color-c4679b1);
}

@media only screen and (min-width:768px) {
    .nav-prev .elementor-icon svg,
    .nav-next .elementor-icon svg {
        height: 30px;
    }
}
@media only screen and (min-width:1025px) {
    .nav-prev .elementor-icon svg,
    .nav-next .elementor-icon svg {
        height: 30px;
    }
}

@media only screen and (max-width:767px) {
    .product-tabs .nav-prev .elementor-icon svg {
        margin-left:-10px;
    }
    .product-tabs .nav-next .elementor-icon svg {
        margin-right:-10px;
    }
}
@media (prefers-reduced-motion: no-preference) {
.scale-in-bottom {
	-webkit-animation: scale-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
}
/**
 * ----------------------------------------
 * animation scale-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
}
/*Product pages*/
.product-intro-title span {
    display: block;
    font-size: 1.5rem;
    line-height: 1.3em;
    font-family: "objektiv-mk1", Sans-serif;
}
.prod-prog-section-title span {
    display: block;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: .9em;
}
.prod-prog-title h3 {
    font-weight: 900;
    text-transform: uppercase;
    display: block;
    font-size: 2.25rem;
    line-height: .8em;
}
.prod-prog-title h3 span {
    display: block;
    font-weight: 700;
    font-size: 1.65rem;
    line-height: .8em;
}

.prod-prog-title-2 h3 {
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4em;
}
.prod-prog-title-2 h3 .highlight {
    font-weight: 600;
    background-color: #fff;
    padding: 0 3px;
    color:var(--e-global-color-bbed6eb);
}
.prod-prog-title-2 h3 .large {
    font-weight: 600;
    font-size: 2.2rem;
    display: inline-block;
}

@media only screen and (min-width:768px) {
    .product-intro-title span {
        font-size:1.8rem;
    }
    .prod-prog-section-title span {
        font-size:2.25rem;
    }
    .prod-prog-title h3 {
        font-size:2.45rem;
    }
    .prod-prog-title h3 span {
        font-size:1.75rem;
    }
}
@media only screen and (min-width:1025px) {
    .product-intro-title span {
        font-size:2.5rem;
    }
    .prod-prog-section-title span {
        font-size:3.2rem;
    }
    .prod-prog-title h3 {
        font-size:3rem;
    }
    .prod-prog-title h3 span {
        font-size:2.2rem;
    }
    .prod-prog-title-2 h3 {
        font-size:1.5rem;
    }
    .prod-prog-title-2 h3 .large {
        font-size: 2.5rem;
    }
}

.programs-title h2 span {
    display: block;
    font-family: "objektiv-mk1", Sans-serif;
    font-weight: 700;
    font-size:1.8rem;
    line-height: 1.3em;
    margin-bottom: 6px;
}
@media only screen and (min-width:768px) {
    .programs-title h2 span {
        font-size:2.2rem;
    }
}
@media only screen and (min-width:1025px) {
    .programs-title h2 span {
        font-size:3rem;
        line-height: 1.4em;
    }
}
.prod-intro-section {
    background: #FFF;
background: linear-gradient(90deg,rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 90%);
}
/*program callouts*/
.program-callout-text {
    font-size:1.1rem;
}
@media only screen and (min-width:768px) {
    .program-callout-text {
        font-size:1.2rem;
    }
}
@media only screen and (min-width:1025px) {
    .program-callout-text {
        font-size:1.5rem;
    }
}
.mrp h3,
.arp h3,
.rptabs h3{
    color: var(--e-global-color-d7b55d0);
    font-size: 1.1rem;
    color: var(--e-global-color-f7e1263);
    margin-bottom: 5px;
}
@media only screen and (min-width:768px) {
    .mrp h3,
    .arp h3,
    .rptabs h3{
        font-size:1.25rem;
    }
}
@media only screen and (min-width:1025x) {
    .mrp h3,
    .arp h3,
    .rptabs h3{
        font-size:1.5rem;
    }
}

@media print {
    .mission-menu,
    .mission-footer,
    .copyright,
    .share-icons,
    .back-button {
        display:none;
    }
    
  /* Hide URLs for all links in print */
  a[href]::after {
    content: none !important; 
  }
}



.text-box-green-checks ul {
    padding-left: 28px;
}
.text-box-green-checks ul li {
    list-style-type: none;
    margin: 7px 0;
}
.text-box-green-checks ul li::before {
    content:url('/wp-content/uploads/2025/07/checkmark-green.svg');
    position: absolute;
    left: 5px;
    width: 16px;
    height: 18px;
}
@media only screen and (min-width:768px) {
.text-box-green-checks ul li::before {
        width: 18px;
        height: 20px;
    }
}
@media only screen and (min-width:1025px) {
.text-box-green-checks ul li::before {
        width: 20px;
        height: 26px;
        left: 0;
    }
}

/*Mapbox Styling*/
.mapboxgl-ctrl-bottom-right {
    color: #999;
}
.mapboxgl-ctrl-attrib-button {
    opacity: .35;
}
/* Map */
.map-text-box {
    width: 600px;
    max-width: 100%;
}
.globe-holder {
    width: 550px;
    max-width: 100%;
}
@media only screen and (max-width:767px) {
    .map-text-box {
        margin: 0 auto;
    }
    .globe-holder-text {
        margin: 0 auto;
    }
    .globe-holder {
        margin: 0 auto;
    }
}
@media only screen and (min-width:768px) {
    .map-text-box {
        width:350px;
        max-width:40%;
    }
    .globe-holder-text {
        width: 550px;
        max-width: 100%;
    }
}
@media only screen and (min-width:1025px) {
    .map-text-box {
        width:600px;
        max-width:40%;
    }
    .globe-holder-text {
        width: 550px;
        max-width: 100%;
    }
}

/* Sliders */

.s-container.e-con {
    background: #fff;
    padding: 0;
    flex-direction: column-reverse;
    align-items:center;
    align-content: center;
    justify-content: center;
    /*min-height: 100vh;*/
    gap: 0;
    overflow: hidden;
}
.s-text-box.e-con {
    opacity: 0;
    z-index: 1;
    width: 100%;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    padding: 20px 40px 50px;
}
.s-text-box h3 {
    color: var(--e-global-color-f7e1263);
}
@media (prefers-reduced-motion: no-preference) {
    .swiper-slide-active .s-text-box {
    	-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    	        animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }
    .swiper-slide-active .s-image {
    	-webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    	        animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
        
    }
}

.s-image.e-con {
    z-index: 0;
}
.mission-slider .swiper-pagination.swiper-pagination-bullets {
    width:90vw !important;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.mission-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    right:0 !important;
    left:0 !important;
}

@media only screen and (min-width:768px) {
    .s-container.e-con{
        flex-direction:row;
        display:flex;
        justify-content:flex-end;
        align-items:center;
        padding:0;
        gap:0;
    }
    .s-image {
        width: 55%;
        margin-left: -5%;
        align-self:flex-start;
    }
    .s-text-box.e-con {
        width:50%;
        max-width:600px;
        height:100%;
        padding:25px 0 25px 50px;
    }
}
@media only screen and (min-width:1025px) {
    .s-container.e-con{
        align-items:center;
    }
    .s-image.e-con {
        width:60%;
        margin-left:-5%;
    }
    .s-text-box.e-con {
        width:40%;
    }
}




/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
.fade-in-left {
	-webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}/* End custom CSS */