.elementor-56778 .elementor-element.elementor-element-c23c8b4{--display:flex;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-56778 .elementor-element.elementor-element-0dce6f3{text-align:center;}.elementor-56778 .elementor-element.elementor-element-0dce6f3 .elementor-heading-title{font-family:"Noto Sans SC", Sans-serif;font-size:72px;font-weight:800;letter-spacing:5px;text-shadow:0px 5px 3px rgba(0, 0, 0, 0.15);}.elementor-56778 .elementor-element.elementor-element-3ae641c{--display:flex;}.elementor-56778 .elementor-element.elementor-element-e5710b9{--display:flex;}.elementor-56778 .elementor-element.elementor-element-ee22f9c{--display:flex;--overflow:hidden;}.elementor-56778 .elementor-element.elementor-element-518e485{--display:flex;}.elementor-56778 .elementor-element.elementor-element-40c503a{text-align:center;}.elementor-56778 .elementor-element.elementor-element-40c503a .elementor-heading-title{font-family:"Noto Sans SC", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-56778 .elementor-element.elementor-element-462fbf4{font-family:"Noto Sans SC", Sans-serif;font-weight:500;color:var( --e-global-color-secondary );}.elementor-56778 .elementor-element.elementor-element-b3e697f{--display:flex;}.elementor-56778 .elementor-element.elementor-element-896c3ba{--display:flex;}.elementor-56778 .elementor-element.elementor-element-53f0603{--spacer-size:75px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-56778 .elementor-element.elementor-element-ee22f9c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56778 .elementor-element.elementor-element-b3e697f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-56778 .elementor-element.elementor-element-c23c8b4{--margin-top:75px;--margin-bottom:75px;--margin-left:0px;--margin-right:0px;}.elementor-56778 .elementor-element.elementor-element-0dce6f3 .elementor-heading-title{font-size:48px;}.elementor-56778 .elementor-element.elementor-element-518e485{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-56778 .elementor-element.elementor-element-40c503a .elementor-heading-title{font-size:40px;line-height:1em;letter-spacing:1px;}.elementor-56778 .elementor-element.elementor-element-462fbf4{text-align:center;font-size:22px;line-height:1.2em;}}/* Start custom CSS for html, class: .elementor-element-34ad4cf */@keyframes pulse-radial {
  0% {
    filter: drop-shadow( 0 0 0 rgba(133, 98, 146, 0.7) );
  }
  35% {
    filter: drop-shadow( 0 0 25px rgba(133, 98, 146, 0) ); /* Ring expands and fades out */
  }
  50%, 100% {
    filter: drop-shadow( 0 0 0 rgba(133, 98, 146, 0) );
  }
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf {
    --container-height: min( 100vw, 960px );
    --radius: calc( ( var(--container-height) / 2 ) - 100px );
    position: relative;
    height: var(--container-height);
    display: flex;
    align-items: center;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf:before {
  content: '';
  position: absolute;
  background-image: url('/wp-content/uploads/2026/09/missions_bg.jpg');
  background-position: center;
  background-size: contain;
  top: 50%;
  left: 50%;
  width: calc( var(--radius) * 2); 
  height: calc( var(--radius) * 2);
  transform: translate(-50%, -50%); 
  border-radius: 50%;
  border: 5px dashed #cccccc;
  z-index: -1;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .button_container {
    position: absolute;
    width: 100%;
    top: calc( --container-height / 2 );
    left: auto;
    right: auto;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf #intro {
    margin-top: -20px;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 25%;
    top: 30px;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container .close-btn {
    position: absolute;
    top: -70px;
    left: calc( 50% - 16px );
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 32px;
    cursor: pointer;
    color: grey;
    text-shadow:
    2px 2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    -2px -2px 0 #fff;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container .close-btn:hover {
    color: red;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container .card {
    opacity: 1;
    transition: opacity 1s ease;
}

@starting-style {
    .elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container .card {
        opacity: 0;
    }
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container .hidden {
    display: none;
    opacity: 0;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container * {
    font-family: 'Noto Sans SC';
    text-align: center;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container .title {
    font-size: 56px;
    font-weight: 800;
    margin-bottom: 15px;
    text-shadow: 0 0 15px white, 0 0 15px white, 0 0 15px white, 0 0 15px white, 0 0 15px white;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container .tagline {
    font-size: 28px;
    font-weight: 300;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container .desc {
    font-size: 22px;
    line-height: 1.25em;
    padding: 20px;
    border-top: 2px solid lightgrey;
    border-bottom: 2px solid lightgrey;
    margin: 20px 0;
    font-weight: 500;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container button {
    border: 0;
    padding: 20px 30px;
    background-color: var(--theme-color);
    color: white;
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 20px;
    letter-spacing: 2px;
    margin-top: 25px;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .mission_container button:hover {
    filter: saturate(4);
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .button_container>div {
    position: relative;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .button_container>div>div {
    width: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -60px 0 0 -65px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    cursor: pointer;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .button_container img {
    transition: transform 0.3s ease;
    animation: pulse-radial 4s linear 4s infinite;
}

.elementor-56778 .elementor-element.elementor-element-34ad4cf .button_container img:hover {
    transform: scale(1.1);
}

#mission1 { transform: rotate(270deg) translate(var(--radius)) rotate(-270deg); }
#mission2 { transform: rotate(342deg) translate(var(--radius)) rotate(-342deg); }
#mission3 { transform: rotate(54deg) translate(var(--radius)) rotate(-54deg); }
#mission4 { transform: rotate(126deg) translate(var(--radius)) rotate(-126deg); }
#mission5 { transform: rotate(198deg) translate(var(--radius)) rotate(-198deg); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1383a7 */@supports (view-timeline: --works) {
    .warning {
        display: none;
    }

@keyframes adjust-z-index {
    0% {
        z-index: 1;
    }
    50% {
        z-index: 100;
        filter: drop-shadow(0 0 12px white);
    }
    100% {
        z-index: 1;
    }
}

@keyframes rotate-cover {
    0% {
        transform: translateX(-60%) rotateY(-35deg);
    }
    35% {
        transform: translateX(0) rotateY(-35deg);
    }
    50% {
        transform: rotateY(0deg) translateZ(2em) scale(1.5);
    }
    65% {
        transform: translateX(0) rotateY(35deg);
    }
    100% {
        transform: translateX(60%) rotateY(35deg);
    }
}

.cards li { 
    view-timeline-name: --li-in-and-out-of-view;
    view-timeline-axis: inline;
    
    animation: linear adjust-z-index both;
    animation-duration: auto;
    animation-timeline: --li-in-and-out-of-view;
    animation-range: contain 0% contain 100%;
    
    perspective: 40em;
    position: relative;
    z-index: 1;
    will-change: z-index;
    user-select: none;
}

.cards li > img {
    animation: linear rotate-cover both;
    animation-duration: auto;
    animation-timeline: --li-in-and-out-of-view;
    animation-range: contain 0% contain 100%;
    
    transform: translateX(-100%) rotateY(-45deg);
    will-change: transform;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 {
    --cover-size: 25vw;
    
    display: flex;
    flex-direction: column;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .cards {
    list-style: none;
    overflow-x: scroll;
    width: 200%;
    transform: translateX(-16%);
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none; 
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 &::-webkit-scrollbar {
    display: none;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .cards:not(.active) {
    scroll-snap-type: x mandatory;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .cards li {
    display: inline-block;
    width: var(--cover-size);
    height: var(--cover-size);
    scroll-snap-align: center;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .cards li img {
    dislay: block;
    width: var(--cover-size);
    height: auto;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .cards {
    min-height: calc(var(--cover-size) * 2.5);
    
    max-width: calc(var(--cover-size) * 6);
    margin: 0 auto;
    padding: calc(var(--cover-size) / 3 * 2.4 ) 0 0 0;
    border-top: 2px dotted #DDD;
    border-bottom: 2px dotted #DDD;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .cards li:first-of-type {
    margin-left: calc(50% - var(--cover-size) / 2);
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .cards li:last-of-type {
    margin-right: calc(50% - var(--cover-size) / 2);
}


.elementor-56778 .elementor-element.elementor-element-d1383a7 .mission_container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 15px;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .mission_container .card_m {
    opacity: 1;
    transition: opacity 1s ease;
}

@starting-style {
    .elementor-56778 .elementor-element.elementor-element-d1383a7 .mission_container .card_m {
        opacity: 0;
    }
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .mission_container .hidden {
    display: none;
    opacity: 0;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .mission_container div {
    font-family: inherit;
    text-align: center;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .mission_container .title {
    font-size: 40px;
    font-weight: 800;
    line-height: 1em;
    margin-bottom: 10px;
    text-shadow: 0 0 15px white, 0 0 15px white, 0 0 15px white, 0 0 15px white, 0 0 15px white;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .mission_container .tagline {
    font-size: 28px;
    font-weight: 400;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .mission_container .desc {
    font-size: 20px;
    line-height: 1.25em;
    padding: 20px;
    border-top: 2px solid lightgrey;
    border-bottom: 2px solid lightgrey;
    margin: 20px 0;
}

.elementor-56778 .elementor-element.elementor-element-d1383a7 .mission_container button {
    border: 0;
    padding: 20px 30px;
    background-color: var(--theme-color);
    color: white;
    font-size: 28px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 20px;
    margin-top: 25px;
}/* End custom CSS */