.elementor-22 .elementor-element.elementor-element-fbd0805 > .elementor-container{max-width:1100px;}.elementor-22 .elementor-element.elementor-element-fbd0805:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-fbd0805 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B2B2B;background-image:url("https://staging-env.upcierge.co/wp-content/uploads/2024/09/about-us-hero-banner-1.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-fbd0805{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:5% 0% 0% 0%;z-index:2;}.elementor-22 .elementor-element.elementor-element-fbd0805 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-22 .elementor-element.elementor-element-e5af86b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-22 .elementor-element.elementor-element-e5af86b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-22 .elementor-element.elementor-element-e5af86b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0% 0% 18% 0%;}.elementor-22 .elementor-element.elementor-element-e5af86b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-db992d8{text-align:center;}.elementor-22 .elementor-element.elementor-element-db992d8 .elementor-heading-title{color:var( --e-global-color-b1ea652 );font-family:"Plus Jakarta Sans", Sans-serif;font-size:3.75rem;font-weight:700;line-height:1.4em;}.elementor-22 .elementor-element.elementor-element-db992d8 > .elementor-widget-container{margin:0px 0px 60px 0px;padding:0% 0% 0% 0%;}.elementor-22 .elementor-element.elementor-element-aa11b92{text-align:center;color:var( --e-global-color-b1ea652 );font-family:"Roboto", Sans-serif;font-size:1.25rem;font-weight:300;}.elementor-22 .elementor-element.elementor-element-aa11b92 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}.elementor-22 .elementor-element.elementor-element-8611394 > .elementor-container{max-width:1300px;}.elementor-22 .elementor-element.elementor-element-8611394:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-8611394 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://staging-env.upcierge.co/wp-content/uploads/2024/09/Group-119.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-8611394{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#FFFFFF;padding:60px 0px 60px 0px;}.elementor-22 .elementor-element.elementor-element-8611394 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-4bba05a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-22 .elementor-element.elementor-element-68427cb > .elementor-container{max-width:1357px;}.elementor-22 .elementor-element.elementor-element-68427cb{border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0%;margin-bottom:0%;}.elementor-22 .elementor-element.elementor-element-68427cb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-3f500aa > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-3f500aa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-22 .elementor-element.elementor-element-053d4fb{text-align:center;}.elementor-22 .elementor-element.elementor-element-053d4fb .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.5rem;font-weight:700;}.elementor-22 .elementor-element.elementor-element-053d4fb > .elementor-widget-container{margin:50px 40px 40px 40px;}.elementor-22 .elementor-element.elementor-element-75d7c1a .elementor-icon-wrapper{text-align:center;}.elementor-22 .elementor-element.elementor-element-74f74d5 .item{border-style:none;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-4bba05a{width:100%;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-fbd0805:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-fbd0805 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top right;}.elementor-22 .elementor-element.elementor-element-fbd0805{padding:0% 0% 0% 2%;}.elementor-22 .elementor-element.elementor-element-db992d8 .elementor-heading-title{font-size:2.5rem;}.elementor-22 .elementor-element.elementor-element-db992d8 > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-22 .elementor-element.elementor-element-aa11b92{font-size:1.175rem;}.elementor-22 .elementor-element.elementor-element-aa11b92 > .elementor-widget-container{padding:0% 7% 0% 0%;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-fbd0805{padding:9% 0% 0% 0%;}.elementor-22 .elementor-element.elementor-element-e5af86b > .elementor-element-populated{padding:0% 3% 0% 3%;}.elementor-22 .elementor-element.elementor-element-db992d8 .elementor-heading-title{font-size:3.75rem;}.elementor-22 .elementor-element.elementor-element-db992d8 > .elementor-widget-container{margin:0px 0px 40px 0px;padding:0% 10% 0% 10%;}.elementor-22 .elementor-element.elementor-element-aa11b92{font-size:1.125rem;}.elementor-22 .elementor-element.elementor-element-aa11b92 > .elementor-widget-container{margin:0px 0px 80px 0px;padding:0% 9% 0% 9%;}.elementor-22 .elementor-element.elementor-element-8611394{padding:4% 0% 8% 0%;}.elementor-22 .elementor-element.elementor-element-68427cb{margin-top:0%;margin-bottom:0%;padding:0% 5% 0% 5%;}.elementor-22 .elementor-element.elementor-element-74f74d5 > .elementor-widget-container{margin:60px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-22 .elementor-element.elementor-element-e5af86b{width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-aa11b92 */.elementor-22 .elementor-element.elementor-element-aa11b92 .elementor-text-editor > p:first-child {
    margin-bottom: 40px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c49aca7 */.team-wrapper .team-name {
            display: flex;
            align-items: center;
        }

     
        .team-wrapper .team-main-card {
            height: 590px;
            overflow: hidden;
        }

        .team-box .team-details-wrap {
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 2;
            margin-left: 20px;
        }

    

        .team-box .team-profile-name {
            font-size: 14px;
        }


        .team-box:after {
            background-color: transparent;
            content: '';
        }

        .team-box .team-desc {
            width: 78%;
            opacity: 0;
            position: absolute;
            top: 45%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: visibility 0.3s linear, opacity 0.3s linear;
            height: 85%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
        }
        
        .team-box .team-desc p {
            font-family: 'Roboto';
            color: #000;
            font-size:1.125rem; 
        }

        .team-box .team-main-card .team-desc img.team-icon {
          width: 9.7918vw;
          height: 9.7918vw;
          max-width: 141px;
          max-height: 141px;
        }

       

        .team-profile-name {
            font-size: 1.563rem !important;
            color: #8CC63F;
            text-decoration: none;
            font-family: 'Plus Jakarta Sans';
            font-weight: 700;
            border: 2px solid #8CC63F;
            padding: 8px 25px;
            border-radius: 30px;
            transition: .3s ease;
            line-height: 1
        }
        
      
    
        .team-box .team-main-card img {
            transition: height 0.3s ease, object-fit 0.3s ease;
            height: 450px;
            object-fit: cover;
            border-radius: 0px 50px 50px 50px;
            width: 100%;
        }
    
        
        .team-box .team-role {
            font-family: 'Roboto';
            margin-top: 10px;
            font-size: 1.125rem;
        }

     
        .team-box {
            position: relative;
            width: 100%;
            max-width: 350px;
        }

        .team-container {
            display: grid;
            grid-template-columns: repeat(3, 31%);
            /* Creates three equal-width columns */
            gap: 1rem;
        }
        
/** Desktop */
@media only screen and (min-width: 1024px) {
    .team-box:hover:after {
            background-color: rgba(140, 198, 63, 0.8);
            height: 100%;
            width: 100%;
            max-width: 350px;
            display: inline-block;
            position: absolute;
            top: 0;
            border-radius: 0px 50px 50px 50px;
    }
    
   .team-box:hover .team-main-card img {
        height: 100%;
        object-fit: cover;
        width: 100%
        border-radius: 0px 50px 50px 50px;
    }
    
    .team-box:hover .team-profile-name:hover {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }
    
    .team-box:hover .team-profile-name {
        background-color: #000;
        border-color: #000;
    }
    
   .team-box:hover .team-role {
        opacity: 0;
    }
    
      .team-box:hover .team-profile-name:after {
        display: block;
    }
    
     .team-box:hover .team-desc {
        opacity: 1;
        z-index: 1;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box .icon.icon-down-open-big  {
        display: none;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-container {
        gap: 4%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box {
        width: 45vw;
        max-width: 400px;
        margin-bottom: 50px;
    }
}
        
   /** Mobile */
@media only screen and (max-width: 1024px) {
    /** hover click */
      .team-box.hover:after {
            background-color: rgba(140, 198, 63, 0.8);
            height: 100%;
            width: 100%;
            display: inline-block;
            position: absolute;
            top: 0;
            border-radius: 0px 50px 50px 50px;
    }
    
   .team-box.hover .team-main-card img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        max-width: 400px;
        border-radius: 0px 50px 50px 50px;
    }
    
    .team-box.hover .team-profile-name:hover {
        color: #000;
        background-color: #fff;
        border-color: #fff;
    }
    
    .team-box.hover .team-profile-name {
        background-color: #000;
        border-color: #000;
    }
    
   .team-box.hover .team-role {
        opacity: 0;
    }
    
      .team-box.hover .team-profile-name:after {
        display: block;
    }
    
     .team-box.hover .team-desc {
        opacity: 1;
        z-index: 1;
    }
    /** end hover click */
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-container {
      display: grid;
      grid-template-columns: repeat(2, 49%); /* Two equal-width columns */
      gap: 10px;
      justify-items: center;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box {
        width: 100%;
        max-width: 400px;
        margin-bottom: 50px;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box .team-profile-name {
        font-size: 1.313rem !important;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box .team-role {
        font-size: 0.938rem;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box .team-desc img.team-icon {
        width: 112px;
        height: 112px;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box .icon.icon-down-open-big {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: 10px;
        transition: top .3s ease;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box.hover .icon.icon-down-open-big {
        top: 15px;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box .icon.icon-down-open-big:before{
        color: #8CC63F;
        font-size: 18px;
        transition: transform .3s ease, top .3s ease;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box.hover .icon.icon-down-open-big:before {
        color: #000;
        transform: rotate(180deg);
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box .team-details-wrap {
        width: 85%;
        left: 50%;
        transform: translate(-50%, -0%);
        margin-left: 0;
    }
    
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-box .team-desc {
        width: 85%;
    }
}

@media only screen and (max-width: 768px) {
    .elementor-22 .elementor-element.elementor-element-c49aca7 .team-container {
        display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      justify-items: center;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-813a734 */.card-section {
    padding-top: 3rem;
}

.card-title {
    font-size: 3.5rem;
    padding-bottom: 1.5rem;
    text-align: center;
 }
 
 .after-first-section .after-wrapper {
     display: flex;
 }

.data-wrapper {
    background-color: black;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 30px;
}

.card-section {
    padding-top: 0;
}

 .card-subtitle {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: center;
 }

 .flipping-cards {
    padding: 2rem 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
 }
 
 .flipping-cards .after-wrapper .profile-card:first-of-type {
         margin-right: 40px;
 }
 
 .after-first-section .after-wrapper:first-of-type {
     margin: 80px 0;
 }


/* Profile card front */

.profile-card {
   height: 52rem;
   position: relative;
   perspective: 150rem;
   -moz-perspective: 150rem;
       width: 408px;
    height: 408px;
 }

.profile-card-face {
   position: relative;
   background-color: #fff;
   color: #FFFFFF;
   width: 100%;
   height: 100%;
   margin: 30px auto;
   border-radius: 10px;
   transition: all .8s ease;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   overflow: hidden;
}

.profile-card-back{
   transform: rotateY(180deg);
   background: linear-gradient(90deg, rgba(57,96,46,1) 0%, rgba(120,174,59,1) 0%, rgba(19,76,78,1) 100%);

}

.profile-card:hover .profile-card-front {
   transform: rotateY(-180deg);
}

.profile-card:hover .profile-card-back {
   transform: rotateY(0);
}

/* Profile card front */

.profile-picture {
   width: 100%
   max-height: 100%;
   border-radius: 10px 10px 0 0;
}

.name{
    font-family: 'Plus Jakarta Sans';
   font-weight: 700;
   font-size: 1.22B573rem;
   text-align: center;
   color: #FFFFFF;
   padding: 15px 0 5px;
   margin: 0;
 }

 .role{
     font-family: 'Roboto';
   font-weight: 400;
   font-size: 1.125rem;
   text-align: center;
   color: #22B573;
   margin: 0px
 }


/* Profile card back */ 

.about-section{
   padding: 40px 20px;
   text-align: center;
}

.about-section .back-icon {
    max-width: 85px;
}


.about-text {
    margin-top: 15px;
   font-family:'Roboto';
   font-style: normal;
   font-weight: 400;
   font-size: 1.125rem;
   line-height: 1.6;
   color: #ffff;
}

.flipping-cards .profile-card-front,
.flipping-cards .profile-card-back {
    padding: 0;
    border: 4px solid #22B573;
    border-radius: 15px;
}

.profile-card-face . {
    margin: 0;
}

@media screen and (max-width: 1200px) { 

.card-subtitle {
   font-size: 1.4rem;
   padding: 0 10rem;
}

.flipping-cards {
   display: flex;
   margin-bottom: 5rem;
   width: 100%;
   max-width: 700px;
}

.profile-card {
    width: 40vw;
    height: 423px;
}

.third-profile-card {
   justify-items: center;
   align-items: center;
}
}

@media screen and (max-width: 700px) { 

.card-title {
   font-size: 3rem;
   padding-left: 2rem;
   padding-right: 2rem;
 }

 .card-subtitle {
    font-size: 1.4rem;
    padding: 0 6rem;
 }

 .flipping-cards {
   margin-bottom: 5rem;
   width: 100%;
   max-width: 300px;
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: repeat(3, 1fr);
   grid-column-gap: 60px;
   grid-row-gap: 30px;
 }

 }

 @media screen and (max-width: 450px) { 

.card-title {
   font-size: 3rem;
   padding-left: 2rem;
   padding-right: 2rem;
}

.card-subtitle {
   font-size: 1.2rem;
   padding: 0 3rem;
}

.flipping-cards {
   margin-bottom: 5rem;
   width: 100%;
   max-width: 320px;
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: repeat(3, 1fr);
   grid-column-gap: 60px;
   grid-row-gap: 30px;
}
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-3f500aa */.elementor-22 .elementor-element.elementor-element-3f500aa .elementor .elementor-hidden-mobile, .elementor-22 .elementor-element.elementor-element-3f500aa .elementor .elementor-hidden-phone {
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-68427cb */.elementor-22 .elementor-element.elementor-element-68427cb {
    box-shadow: none;
}/* End custom CSS */
/* Start custom CSS for owl-carousel-elementor, class: .elementor-element-74f74d5 */.elementor-22 .elementor-element.elementor-element-74f74d5 .owl-carousel .owl-stage {
    display: flex;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .owl-stage .owl-item {
    background: #fff;
    border-radius: 15px;
    padding: 6px;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .owl-stage .owl-thumb {
    background-color: #22B573;
    border-radius: 15px;
    margin-top: 0;
    height: 204px;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .owl-stage .owl-thumb  img {
    transform: translateY(-43px);
    height: 248px;
    max-width: 248px;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .owl-stage-outer {
    padding-top: 35px;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .owl-stage .owl-item:not(.active) {
        margin-top: 10px;
        margin-bottom: 10px;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .image-block img {
    max-width: 60px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .mem-name {
    color: #000;
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    letter-spacing: 0;
    font-size: 1.125rem;
    margin-bottom: 3px;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .mem-pos {
    font-family: 'Roboto';
    color: #22B573;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .detail-wrapper .content p {
    color: #000;
    font-family: 'Roboto';
   margin: 0 11px;
    font-size: 0.75rem;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
    width: 13px;
    height: 13px;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .owl-theme .owl-dots .owl-dot span {
    background: #ffffff7a;
}

.elementor-22 .elementor-element.elementor-element-74f74d5 .owl-theme .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8611394 */@media only screen and (min-width: 1024px) {
    .elementor-22 .elementor-element.elementor-element-8611394 div.elementor-container {
        width: 81.25vw;
        max-width: 1170px !important;
    }
    
    .elementor-22 .elementor-element.elementor-element-8611394 .elementor-container.elementor-column-gap-default {
        max-width: 1170px !important;
    }
}/* End custom CSS */
/* Start custom CSS */.elementor-22 .elementor-container {
    animation: fade 1s;
}

/* Chrome, Safari, Opera */
  @-webkit-keyframes fade {
    from {opacity: 0.2;}
    to {opacity: 1;}
  }

  /* Standard syntax */
  @keyframes fade {
    from {opacity: 0.2;}
    to {opacity: 1;}
  }
  
@media (min-width: 1100px) and (max-width: 1550px) {
    .elementor-22 .elementor-element.elementor-element-2967403 {
    width: 27vw;
    margin-left: auto;
    margin-right: auto;
}
.elementor-22 .elementor-element.elementor-element-8611394 > .elementor-container {
    max-width: 66vw !important;
}
}/* End custom CSS */