.kind-people-slide-desk .slick-prev.slick-arrow::before {
    content: "";
    display: block;
    width: 3.5rem;
    position: relative;
    height: 3.5rem;
    background: url(/wp-content/uploads/2025/10/Arrow-Left.png) no-repeat center;
    background-size: contain;
    opacity: 1;
    top: -0.8rem;
}
.kind-people-slide-desk .slick-next.slick-arrow::before {
   right:3rem;
}
  .kind-people-sls .slick-prev.slick-arrow::before {

    top: -2rem !important;
    position: relative;
  }
  .kind-people-sls .slick-next.slick-arrow::before {
    top: -3.2rem !important;
    position: relative;
  }

  .service-hided{
    display:none !important
  }

  .wp-block-video.wall-video{
    border: 0.4rem solid #fff;
    border-radius: 1.1rem;
    overflow: hidden;  
    box-shadow: 20px 23px #77c4ae;
  }
  .home-banner {
    background-color: #03936A;
    padding: 4rem 7rem;
    border-radius: 1rem 1rem 7rem;
  }
  /*banner oct 14*/
  .banner-img-col{
    display:none;
  }

.hero-set-1,
.hero-set-2,
.hero-set-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;

}

.hero-set-1 { animation: showSet1 7.65s infinite; }
.hero-set-2 { animation: showSet2 7.65s infinite; }
.hero-set-3 { animation: showSet3 7.65s infinite; }

/* Image Fade Animation */
.hero-image-1, .hero-image-2, .hero-image-3, .hero-image-4,
.hero-image-5, .hero-image-6, .hero-image-7, .hero-image-8,
.hero-image-9, .hero-image-10, .hero-image-11, .hero-image-12 {
 animation: fadeFast 0.75s ease-in-out infinite alternate;
}

@keyframes fadeFast {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* Hero Set Crossfade Animations */
@keyframes showSet1 {
  0%, 30% { opacity: 1; visibility: visible; }
  33%, 100% { opacity: 0; visibility: hidden; }
}
@keyframes showSet2 {
  0%, 40% { opacity: 0; visibility: hidden; }
  43%, 63% { opacity: 1; visibility: visible; }
  66%, 100% { opacity: 0; visibility: hidden; }
}
@keyframes showSet3 {
  0%, 68% { opacity: 0; visibility: hidden; }
  70%, 96% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}
/* Hero Image Container */
.hero-image {
  position: relative;
  height: 35rem;
  width: 35rem;
}
.hero-image figure {
  height: 15rem;
  width: 15rem;
  position: absolute;
}
/* Hero Set 1 Images */
.hero-image-1 {
  left: 0;
  top: 0;
  animation: moveImages1 2.55s ease-in-out infinite;
}

.hero-image-2 {
  left: 50%;
  top: 0;
  animation: moveImages2 2.55s ease-in-out infinite;
}

.hero-image-3 {
  left: 0;
  top: 50%;
  animation: moveImages2 2.55s ease-in-out infinite;
}

.hero-image-4 {
  left: 50%;
  top: 50%;
  animation: moveImages4 2.55s ease-in-out infinite;
}

/* Move Keyframes Set 1 */
@keyframes moveImages1 {
  0% { left: 50%; top: 50%; }
  100% { left: 0; top: 0; }
}

@keyframes moveImages2 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes moveImages3 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes moveImages4 {
  0% { left: 0; top: 0; }
  100% { left: 50%; top: 50%; }
}

/* Hero Set 2 Images */
.hero-image-5 {
  left: 7rem;
  top: 5rem;
  z-index: 1;
  animation: moveImages5 2.55s ease-in-out infinite;
}

.hero-image-6 {
  left: 50%;
  top: 0;
  animation: moveImages6 2.55s ease-in-out infinite;
}

.hero-image-7 {
  left: 0;
  top: 50%;
  animation: moveImages7 2.55s ease-in-out infinite;
}

.hero-image-8 {
  left: 50%;
  top: 50%;
  animation: moveImages8 2.55s ease-in-out infinite;
}

/* Move Keyframes Set 2 */
@keyframes moveImages5 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes moveImages6 {
  0% { left: 50%; top: 50%; }
  100% { left: 50%; top: 0; }
}

@keyframes moveImages7 {
  0% { left: 0; top: 0; }
  100% { left: 0; top: 50%; }
}

@keyframes moveImages8 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* Hero Set 3 Images */
.hero-image-9 {
  left: 0;
  top: 0;
  animation: moveImages9 2.55s ease-in-out infinite;
}

.hero-image-10 {
  left: 50%;
  top: 0;
  animation: moveImages10 2.55s ease-in-out infinite;
}

.hero-image-11 {
  left: 0;
  top: 50%;
  animation: moveImages11 2.55s ease-in-out infinite;
}

.hero-image-12 {
  left: 50%;
  top: 50%;
  animation: moveImages12 2.55s ease-in-out infinite;
}

/* Move Keyframes Set 3 */
@keyframes moveImages9 {
  0% { left: 50%; top: 0; }
  100% { left: 0; top: 0; }
}

@keyframes moveImages10 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes moveImages11 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes moveImages12 {
  0% { left: 0; top: 50%; }
  100% { left: 50%; top: 50%; }
}

/* Banner text image Animation */
.ani-1 img,
.ani-2 img,
.ani-3 img {
  width: 2.5rem;
  height: auto;
  animation: zoomInOut 2s ease-in-out infinite;
  transform-origin: center center;
}
/* Zoom Animation*/
@keyframes zoomInOut {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}

.ani-1 img {
  animation-delay: 0s;   
}

.ani-3 img {
  animation-delay: 0.7s;  
}

.ani-2 img {
  animation-delay: 1.4s;  
}
/* Banner text image Animation End */
  p.main-banner-title img {
    width: 5%;
  }
  p.main-banner-title {
    font-size: 4.5rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.4;
  }

  .banner-img-col figure {
    width: 87%;
    margin: 0 auto;
    margin-right: 0 !important;
  }
  .home-banner .foot-btn-two a {
    padding: 0.8rem 4rem 0.8rem 1rem;
  }

  .intro-heading {
    font-size: 4.25rem;
    font-weight: 700;
    width: 70%;
    margin-left: 0;
    line-height: 4.5rem;
  }
  .left-side-image img {
    position: relative;
    top: 1rem;
    left: 2rem;
  }
  .kind-people-sec .inner-para {
    font-size: 1.1rem;
    width: 87%;
  }
  .right-side-button {
    display: flex;
    padding-top: 6rem;
  }
  .meet-team-btn a {
    background-color: #03936a;
    padding: 0.7rem 3.5rem 0.7rem 1rem;
  }
  .right-side-button .foot-btn-two a:hover {
    color: #03936a;
    border-color: #03936a;
  }
 
  .right-side-button .foot-btn-two a:hover:after {
    background-image: url(/wp-content/uploads/2025/10/Green-Arrow.png);
  }


  /* service section sart */
  .flip-container {
    width: 15rem;
    height: 20rem;
    position: relative;
    cursor: pointer;
    border-radius: 6rem 1rem 1rem 1rem;
    animation: continuousExpandContract 2s ease-in-out infinite;
  }

  .flipper {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: none; /* Remove transition to let keyframes handle everything */
    border-radius: inherit;
  }

  .card-face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    border-radius: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    box-sizing: border-box;
    overflow: hidden;
  }

  .front {
    background-color: #f4bd16;
    z-index: 2;
  }

  .smiley-img {
    width: 5rem;
    height: 5rem;
    display: block;
    transition: transform 0.1s linear, opacity 0.1s linear;
  }

  .vertical-text {
    writing-mode: vertical-rl;
    font-weight: 600;
    color: #4B45C5;
    font-size: 1.3rem;
    position: absolute;
    right: 1rem;
    top: 3rem;
    transform-origin: center;
    transform: rotate(0deg) translateY(0);
    transition: transform 0.2s linear;
    opacity: 1;
  }

  .back {
    background-color: #4B45C5;
    transform: rotateY(-180deg);
    color: white;
    text-align: left;
    justify-content: flex-start;
  }

  .back h3 {
    font-size: 1rem;
    margin-bottom: 0.625rem;
    opacity: 0;
    transform: translateX(0.5rem);
    transition: opacity 0.1s ease-in-out 0.1s, transform 0.4s ease-in-out 0.1s;
  }

  .back ul {
    list-style-type: disc;
    padding-left: 1.25rem;
    font-size: 0.9rem;
    line-height: 1.4;
    opacity: 0;
    transform: translateY(0rem);
   transition: opacity 0s ease-in-out 0s, transform 0s ease-in-out 0s;
  }

  .flip-container:hover {
    width: 15rem;
    height: 20rem;
    border-radius: 1rem 6rem 1rem 1rem;
  }

  .flip-container:hover .front .smiley-img {
    opacity: 0;
    transform: scale(0.8);
  }

  .flip-container:hover .front .vertical-text {
    opacity: 0;
    transform: rotate(-90deg) translateY(-3rem);
  }

  .flip-container:hover .back h3,
  .flip-container:hover .back ul {
    opacity: 1;
    transform: translateY(0);
  }

  /* Animation for back content during keyframe */
  @keyframes fadeInContent {
    0% {
      opacity: 0;
      transform: translateY(1rem);
    }
    60% {
      opacity: 0;
      transform: translateY(1rem);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .flip-container:hover .back h3 {
    animation: fadeInContent 0.4s ease-in-out forwards;
    animation-delay: 0.15s;
  }

  /*.flip-container:hover .back ul {
    animation: fadeInContent 0.4s ease-in-out forwards;
    animation-delay: 0.2s;
  }*/

  .back::-webkit-scrollbar {
    width: 0.375rem;
  }

  .back::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.1875rem;
  }

  /* Continuous keyframe animation for expand and contract */
  /*@keyframes continuousExpandContract {
    0% {
      transform: scaleX(1);
    }
    50% {
      transform: scaleX(1); 
    }
    100% {
      transform: scaleX(1); 
    }
  }

  /* Keyframe animation for expand and contract - Back side (Hover) */
 /* @keyframes expandAndContract {
    0% {
      transform: rotateY(0deg) scaleX(1.1);
    }
    25% {
      transform: rotateY(-45deg) scaleX(1.7);
    }
    50% {
      transform: rotateY(-90deg) scaleX(1.7); 
    }
    75% {
      transform: rotateY(-135deg) scaleX(1.7);
    }
    100% {
      transform: rotateY(-180deg) scaleX(1); 
    }
  }*/

  /* Keyframe animation for expand and contract - Front side (Mouse Leave) */
  /*@keyframes expandAndContractFront {
    0% {
      transform: rotateY(-180deg) scaleX(1.1);
    }
    25% {
      transform: rotateY(-135deg) scaleX(1.7);
    }
    50% {
      transform: rotateY(-90deg) scaleX(1.7); 
    }
    75% {
      transform: rotateY(-45deg) scaleX(1.7);
    }
    100% {
      transform: rotateY(0deg) scaleX(1);
    }
  }
  .flip-container:hover .flipper {
    animation: expandAndContract 0.5s ease-in-out forwards;
  }*/

  /* Animation for when not hovering (front side) */
  .flip-container .flipper {
    animation: expandAndContractFront 0.5s ease-in-out forwards;
  }
  /*oct-14*/
  .wp-block-column.what-make-us-in.is-layout-flow.wp-block-column-is-layout-flow {
    display:none: hidden;
  }
  .main-slider{
    margin-left: 6rem !important;
  }
  .flip-card {
    background-color: transparent;
    width: 300px;
    perspective: 1000px;
  }

  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 21rem;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    background:transparent;

  }

  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }

  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .flip-card-front {
    background-color: transparent;
    color: black;
  }

  .flip-card-back {

    color: #000;
    transform: rotateY(180deg);
  }

  <!-- New css -->
  p.card-title {
    color: #000;
  }

  img.sm-img {
    max-width: 7rem;
    margin-bottom: 3rem;
  }

  .flip-card-front {
    position: relative;
  }

  .front-content {
    position: absolute;
    top: 1rem;
  }


  p.symbol {
    position: absolute;
    left: 16rem;
    background: content-box;
  }
  p.card-title  {
    color: #fff;
    font-weight: 600;
    text-align: left;
    margin-left: 1rem;
    font-size:1.75rem;
    max-width:70%
  }
  .flip-card-back{
    top:0;
  }


  .flip-card-front.slide1 {
    background: url(/wp-content/uploads/2025/10/purple.png);
    background-repeat:no-repeat;
  }
  .flip-card-back.slide1{
    background: url(/wp-content/uploads/2025/10/purple-1.png);
    background-repeat:no-repeat;
  }
  .flip-card-front.slide2 {
    background: url(/wp-content/uploads/2025/10/yellow.svg);
    background-repeat:no-repeat;
  }
  .flip-card-back.slide2{
    background: url(/wp-content/uploads/2025/10/yellow-1.png);
    background-repeat:no-repeat;
  }


  .flip-card-front.slide3 {
    background: url(/wp-content/uploads/2025/10/black.png);
    background-repeat:no-repeat;
  }
  .flip-card-back.slide3{
    background: url(/wp-content/uploads/2025/10/black-1.png);
    background-repeat:no-repeat;
  }


  .flip-card-front.slide4 {
    background: url(/wp-content/uploads/2025/10/orange.svg);
    background-repeat:no-repeat;
  }
  .flip-card-back.slide4{
    background: url(/wp-content/uploads/2025/10/orange-1.png);
    background-repeat:no-repeat;
  }


  .flip-card-front.slide5 {
    background: url(/wp-content/uploads/2025/10/purple.png);
    background-repeat:no-repeat;
  }
  .flip-card-back.slide5{
    background: url(/wp-content/uploads/2025/10/purple-1.png);
    background-repeat:no-repeat;
  }


  .flip-card-front.slide6 {
    background: url(/wp-content/uploads/2025/10/yellow.svg);
    background-repeat:no-repeat;
  }
  .flip-card-back.slide6{
    background: url(/wp-content/uploads/2025/10/yellow-1.png);
    background-repeat:no-repeat;
  }

  .flip-card-front.slide7 {
    background: url(/wp-content/uploads/2025/10/black.png);
    background-repeat:no-repeat;
  }
  .flip-card-back.slide7{
    background: url(/wp-content/uploads/2025/10/black-1.png);
    background-repeat:no-repeat;
  }



  .flip-card-back{
    background-size:contain !important;
  }
  .flip-card-front{
    background-size:contain !important;
  }
  .flip-card-inner {
    display: flex;
    justify-content: center;
  }
  .flip-card-back h1 {
    top: 5rem;
    position: relative;
    left: -2.4rem;
    width: 63%;
    text-align: left;
    line-height: 1;
    font-size: 1.2rem;
  }

  .flip-card-back p {
    top: 5rem;
    position: relative;
    text-align: left;
    width: 59%;
    left: 1.75rem;
    font-size: 0.75rem;
  }

  .slide1 img {
    left: 1rem;
    top:4rem;
    max-width:5rem;
    position: relative;
  }
  .slide1 p.card-title {
    margin-top: 5rem;
  }
  .slide4 img.sm-img {
    max-width: 2.3rem;
    margin-left: 1rem;
    position:relative;
    top:1rem;
  }
  .slide2 img.sm-img {
    max-width: 5rem;
    margin-left: 0.5rem;
    margin-top: 1rem;
  }
  .flip-card-inner {
    margin-left: 2rem;
  }
  .slide3 img.sm-img, .slide7 img.sm-img{
    position: relative;
    max-width: 4rem;
    right: -10rem;
    top: 1rem;
    margin-bottom: 5rem;
  }
  .slide5 img.sm-img {
    position: relative;
    right: -8rem;
  }

  /*serviese-2 css*/
  .box-1 .flip-container {
    width: 21rem;
    height: 25rem;
    position: relative;
    cursor: pointer;
    border-radius: 6rem 1rem 1rem 1rem;
  }

  .box-1 .flipper {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    border-radius: inherit;
    transform: rotateY(0deg);
    transition: transform 0.3s ease-in-out;
  }

  .box-1 .card-face {
    position: absolute;
    width: 21rem;
    height: 25rem;
    backface-visibility: hidden;
    border-radius: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    box-sizing: border-box;
    overflow: hidden;
  }

  .box-1 .front {
    background-color: #f4bd16;
    z-index: 2;
  }

  .box-1 .smiley-img {
    width: 20rem;
    height: 25rem;
    display: block;
    transition: transform 0.1s linear, opacity 0.1s linear;
  }

  .box-1 .vertical-text {
    writing-mode: vertical-rl;
    font-weight: 600;
    color: #fff !important;
    font-size: 1.3rem;
    position: absolute;
    right: 1rem;
    top: 3rem;
    transform-origin: center;
    transform: rotate(0deg) translateY(0);
    transition: transform 0.2s linear;
    opacity: 1;
  }
.box-1 .vertical-text p {  
    font-size: 1.3rem;    
  }

  .box-1 .back {
    background-color: #4B45C5;
    transform: rotateY(-180deg);
    color: white;
    text-align: left;
    justify-content: flex-start;
  }
.box-1 .back.card-face ul li {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}
  /*.box-1 .back h3 {
    font-size: 1rem;
    margin-bottom: 0.625rem;
    opacity: 0;
    transform: translateX(0.5rem);
    transition: opacity 0.1s ease-in-out 0.1s, transform 0.4s ease-in-out 0.2s;
  }*/
 .box-1 .back h2 {
    font-size: 1.5rem;
    margin-bottom: 0.625rem;
    padding-left:0.6rem;
  }

  .box-1 .back ul {
    list-style-type: disc;
    padding-left: 1.25rem;
    font-size: 0.9rem;
    line-height: 1.4;
    opacity: 0;
    transform: translateY(1rem);
  }

  /* Hover styles */
  /*.box-1 .flip-container:hover {
    width: 21rem;
    height: 25rem;
    box-shadow: 0 0.625rem 1.5625rem rgba(0, 0, 0, 0.25);
    border-radius: 1rem 6rem 1rem 1rem;
  }*/

  .box-1 .flip-container:hover .smiley-img {
    opacity: 0;
    transform: scale(0.8);
  }

  .box-1 .flip-container:hover .vertical-text {
    opacity: 0;
    transform: rotate(-90deg) translateY(-3rem);
  }

  .box-1 .flip-container:hover .back h3,
  .box-1 .flip-container:hover .back ul {
    opacity: 1;
    transform: translateY(0);
  }

  .box-1 .back::-webkit-scrollbar {
    width: 0.375rem;
  }

  .box-1 .back::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.1875rem;
  }

  .box-1 .flip-container:hover .flipper {
    transform: rotateY(-180deg);
    animation: expandAndContract 0.8s ease-in-out forwards;
  }

  .box-1 .expand-front-side {
    animation: expandFront 0.4s ease-in-out;
  }



  /* -----col-1 End----- */
  .card-2 .card {
    background-color: #009473;
    /* Green background */
    color: white;
    padding: 1.25rem;
    border-radius: 1rem;
    width: 16.25rem;
    font-family: 'Arial', sans-serif;
  }

  .card-2 .card h2 {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1.4;
  }

  .card-2 .card ul {
    padding-left: 1.25rem;
    margin: 0;
  }

  .card-2 .card ul li {
    font-size: 0.8125rem;
    line-height: 1.6;
    margin-bottom: 0.5rem;
  }

  /* .card-2 .front-side {
  background-color: rgb(175, 172, 172);
  color: white;
  padding: 1.25rem;
  border-radius: 1rem;
  width: 16.25rem;
  display: flex;
  align-items: center;
  height: 21rem;

  } */

  .card-2 .front-side img {
    width: 2rem;
    margin-right: 1rem;
  }

  .card-2 {
    position: relative;
    width: 21rem;
    height: 30rem;
    border-radius: 2rem;
    overflow: hidden;
  }

  /* Front side - no transition */
  .card-2 .front-side {color: white;padding: 0.8rem;display: flex;align-items: center;border-radius: 2rem;font-family: Arial, sans-serif;height: 30rem;background-image: url('/wp-content/uploads/2025/10/Services-image-2.png');background-size: cover;background-position: center;}

  .card-2 .front-side img {  
    width: 2rem;
    margin-bottom: 1rem;
    position: relative;
    top: 7rem;
  }
  .box-2 .front-title h2 {
    line-height: 1.1;
    font-weight: 600;
    position:relative;
    top:6rem
  }

  /* Back side - with smooth fade-in */
  .card-2 .back-side {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #009473;
    color: white;
    padding: 1.5rem;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.3s ease-in-out;
      margin:0rem !important;
  }

  /* Only back fades in, front instantly hides */
  /*.card-2:hover .front-side {
    display: none;
  }*/

  .card-2:hover .back-side {
    opacity: 1;
  }

  /* Back side text styling */
  .card-2 .back-side h2 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    line-height: 1.4;
    font-weight: 600;
  }

  .card-2 .back-side ul {
    padding-left: 2rem;
    margin: 0;
  }

  .card-2 .back-side ul li {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 0.5rem;
  }

  /* -----col-2 End----- */
  .card-3 {
    width: 21rem;
    height: 25rem;
    perspective: 62.5rem;
    border-radius: 1.5rem;
    transition: transform 0.4s cubic-bezier(.1, .885, .32, 1.275);
  }



  .card-front:hover~.card-back,
  .card-front:hover {
    cursor: pointer;
  }

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

  .card-3:hover .card-inner {
    transform: rotateY(180deg);
  }


  .card-3 .card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.18s ease-out;
    transition: transform 0.6s cubic-bezier(.1, .885, .32, 1.275);
    /* transition-duration: .4s; */
    border-radius: 1.5rem;
  }


  .card-3 .card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    padding: 1.25rem;
    font-family: Arial, sans-serif;
    box-sizing: border-box;

  }

  .card-3 .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    padding: 1.25rem;
    font-family: Arial, sans-serif;
    box-sizing: border-box;

  }


  .card-3 .card-front {
    background-color: #009473;
    color: white;
    display: flex;
    align-items: flex-end;
    z-index: 2;
    width: 21rem;
    height: 25rem;
    border-radius: 1.5rem 1.5rem 6rem 1.5rem;
    background-image: url('/wp-content/uploads/2025/10/Services-image-3.png');
    background-size: cover;
    background-position: center;
  }


  .card-3 .card-back {
    background-color: #009473;
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
    width: 21rem;
    height: 25rem;
    border-radius: 1.5rem 1.5rem 1.5rem 6rem;
    padding-top:0;
  }

  .card-3 .card-front h2 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
  }

  .card-3 .card-back h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    line-height: 1.4;
    font-weight: 800;
  }

  .card-3 .card-back ul {
    padding-left: 3rem;
    margin: 0;
  }

  .card-3 .card-back ul li {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 0.5rem;
  }

  /* -----col-3 End----- */


  .card-5 .card {
    background-color: #009473;
    /* Green background */
    color: white;
    padding: 1.25rem;
    border-radius: 1rem;
    width: 16.25rem;
    font-family: 'Arial', sans-serif;
  }

  .card-5 .card h2 {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1.4;
  }

  .card-5 .card ul {
    padding-left: 1.25rem;
    margin: 0;
  }

  .card-5 .card ul li {
    font-size: 0.8125rem;
    line-height: 1.6;
    margin-bottom: 0.5rem;
  }

  /* .card-5 .front-side {
  background-color: rgb(175, 172, 172);
  color: white;
  padding: 1.25rem;
  border-radius: 1rem;
  width: 16.25rem;
  display: flex;
  align-items: center;
  height: 21rem;

  } */

  .card-5 .front-side img {
    width: 2rem;
    margin-right: 1rem;
  }

  .card-5 {
    position: relative;
    width: 21rem;
    height: 20rem;
    border-radius: 2rem;
    overflow: hidden;
    top: -3rem;
  }

  /* Front side - no transition */
  .card-5 .front-side {

    color: white;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    border-radius: 2rem;
    font-family: Arial, sans-serif;
    height: 15rem;
    background-image: url('/wp-content/uploads/2025/10/services-image-4.png');
    background-size: cover;
    background-position: center;
  }

  .card-5 .front-side img {
    width: 2rem;
    margin-bottom: 1rem;
  }

  /* Back side - with smooth fade-in */
  .card-5 .back-side {
    position: absolute;
    width: 21rem;
    height: 15.8rem;
    background-color: #4A4ABA;
    color: white;
    padding: 1.5rem;
    opacity: 0;
    z-index: 1;
      top:0rem;
    transition: opacity 0.3s ease-in-out;
  }

  /* Only back fades in, front instantly hides */
  .card-5:hover .front-side {
    display: none;
  }

  .card-5:hover .back-side {
    opacity: 1;
  }

  /* Back side text styling */
  .card-5 .back-side h2 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    line-height: 1.4;
    font-weight: 600;
  }

  .card-5 .back-side ul {
    padding-left: 2rem;
    margin: 0;
  }

  .card-5 .back-side ul li {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 0.5rem;
  }

  /* -------box-8 start-------------------- */
  .box-8 .flip-container {
    width: 21rem;
    height: 25rem;
    position: relative;
    cursor: pointer;
    border-radius: 1rem;
    overflow: hidden;
    margin-top: -15rem;
  }

  .box-8 .flipper {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .box-8 .card-face {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    padding: 1.25rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: opacity 0.4s ease, visibility 0.4s ease;
  }

  .box-8 .front {
    background-image: url(/wp-content/uploads/2025/10/Services-image-8.png);
    background-size: cover;
    background-position: center;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
  }

  .box-8 .back {
    background-color: #009473;
    color: white;
    text-align: left;
    justify-content: flex-start;
    border-radius: 1rem 1rem 6rem 1rem;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
  }

  .box-8 .flip-container:hover .front {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .box-8 .flip-container:hover .back {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 3 !important;
  }

  .box-8 .flipper {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    position: relative !important; 
  }

  /* --- Keep front & back on same plane --- */
  .box-8 .card-face {
    backface-visibility: visible !important;
    transform: none !important;
  }

  /* --- Fade animation --- */
  .box-8 .front {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
    transition: opacity 0.4s ease, visibility 0.4s ease !important;
  }

  .box-8 .back {
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 1 !important;
    transition: opacity 0.4s ease, visibility 0.4s ease !important;
  }

.box-8 .back.card-face ul li {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}
  .box-8 .vertical-text{
    writing-mode: vertical-rl;
    font-weight: 600;
    color: #03936A;
    font-size: 2rem;
    position: absolute;
    right: 0.5rem;
    top: 52%;
    transform: translateY(-50%);
    letter-spacing: 0.1em;
    text-orientation: mixed;
    transition: all 0.6s 
      cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: center;
  }
  .vertical-text img {
    left: 2.8rem;
    position: relative;
    width: 2.5rem;
    top: -6rem;
    margin-bottom: -4rem;
  }
  .box-8 .back.card-face h3 {
    margin-left: 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
  }

  /* Animation for the text on hover */
  .box-8 .flip-container:hover .vertical-text {
    writing-mode: horizontal-tb;
    transform: translateX(-12rem) translateY(-8rem);
    right: auto;
    top: 1rem;
    left: 1rem;
    font-size: 1.1rem;
  }

  .box-8 .back h3 {
    font-size: 1rem;
    margin-bottom: 0.625rem;
  }

  .box-8 .back ul {
    list-style-type: disc;
    padding-left: 1.25rem;
    font-size: 0.9rem;
    line-height: 1.4;
  }

  /* Optional scrollbar styles */
  .box-8 .back::-webkit-scrollbar {
    width: 0.375rem;
  }

  .box-8 .back::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0.1875rem;
  }

  /* Container for demo */
  .box-8 .column-com {
    display: inline-block;
    margin: 20px;
  }



  /* -------box-8 End----- */


  .card-center-side {
    margin-top: 2rem;
  }

  .column-com {
    width: 28rem;
  }

  .card-bottom-side {
    margin-top: -15rem;
  }

  .box-8 .card-front {
    border-radius: 1.5rem 1.5rem 1.5rem 6rem;
  }

  .box-8 .card-back {
    border-radius: 1.5rem 1.5rem 6rem 1.5rem;
  }

  .box-8 .vertical {
    writing-mode: vertical-rl;
    font-weight: 600;
    color: #fff;
    font-size: 1.3rem;

  }

  .title {
    display: flex;
    align-items: center;
  }

  .title h2 {
    font-size: 4rem;
    font-weight: 600;
    margin-left:0;
  }

  .title img {
    width: 4rem;
    margin-right: 1rem;
  }

  .animation-section .row {
    justify-content: center;

  }


  .card-5 .front-side {
    color: white;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    border-radius: 2rem;
    font-family: Arial, sans-serif;
    height: 16rem;
    background-image: url('/wp-content/uploads/2025/10/services-image-6.png');
    background-size: cover;
    background-position: center;
  }
  .box-6 .card-3 .card-front {
    background-color: #009473;
    color: white;
    display: flex;
    align-items: flex-end;
    z-index: 2;
    width: 21rem;
    height: 25rem;
    border-radius: 1.5rem 1.5rem 6rem 1.5rem;
    background-image: url(/wp-content/uploads/2025/10/services-images-7.png);
    background-size: cover;
    background-position: center;
  }
  .box-four .card-2 .front-side {
    color: white;
    padding: 0.8rem;
    display: flex;
    align-items: center;
    border-radius: 2rem;
    font-family: Arial, sans-serif;
    height: 30rem;
    background-image: url(/wp-content/uploads/2025/10/Services-image-5.png) !important;
    background-size: cover;
    background-position: center;
  }   
 
  .card-2 .card {
    background-color: #009473;
    color: white;
    padding: 1.25rem;
    border-radius: 1rem;
    width: 16.25rem;
    font-family: 'Arial', sans-serif;
    position: relative;
    z-index: 2;
  }

  .card-2 .back-side {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #009473;
    color: white;
    padding: 1.5rem;
    padding-top:0;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.3s ease-in-out;
    border-radius: 1rem;
  }

  .card-2:hover .back-side {
    opacity: 1;
  }
  .card-5.car .front-side {
    background-image: url(/wp-content/uploads/2025/10/services-image-4.png);  
  }
  .animation-section ul li {
    list-style: disc;
  }
  .box-5 .card-5 .back-side{
    padding-top: 0;
  }
  .box-four .front-title h2 {
   font-weight: 800;
    font-size: 1.8rem;
    width: 12rem;
    margin-left: 0;
    padding-left: 1.5rem;
    line-height: 1.2;
  }
  .car h2 {
    color: #4A4ABA;
    font-size: 2.2rem;
    line-height: 1.1;
    font-weight: 700;
    margin-top: 0;
    position: relative;
    top: -3.5rem;
  }
  .car img {
    position: relative;
    top: -4rem;
    width: 3rem !important;
  }
  .car .back-side h2 {
    color: #fff;
    margin-bottom:1.5rem;
  }
  .box-5 h2 {
    color: #4A4ABA;
    font-size: 1.6rem;
    line-height: 1.1;
    font-weight: 700;
    margin-top: 0;
    position: relative;
    top: -3.8rem;
    left: -0.5rem;
  }
  .box-5 img {
    position: relative;
    top: -4rem;
  }
  .card-5 .back-side h2 {
   position: relative;
    top: 1rem;
    width: 12rem;
    color: #fff;
    margin-bottom: 2rem;
    line-height: 1.4;
    font-weight: 600;
    margin-left: 1rem;
  }
  .card-bottom-side .card-front h2{
    position: relative;
    top: -16rem;
    left: 1rem;
  }
  .box-6 .card-inner img{
    position: relative;
    top: -8rem;
    width:3rem;
  }
  .box-3 .card-3 .card-back {
    background-color: #4A4ABA;
  }
  .box-5 .card-5 .back-side {
    background-color: #009473;
  }
  /* service section cart end */

  /* sep 30 */
  h1.wp-block-post-title{
    display:none;
  }

  /*
  .profile-sls {
  background-image: 
  url("/wp-content/uploads/2025/09/Blue-Squiggle-One.png"),
  url("/wp-content/uploads/2025/09/Blue-Squiggle-Two.png");

  background-repeat: no-repeat, no-repeat; 
  background-position: 20% 30%, 80% 70%;
  background-size: auto, auto;
  /* or cover/contain depending on your design */
  }
  */



  .profile-sls {
    position: relative; /* Needed for absolute children */
  }

  .profile-sls::before,
  .profile-sls::after {
    content: "";
    position: absolute;
    width: 10rem;   /* adjust as needed */
    height: 10rem;  /* adjust as needed */
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1; /* keep behind content */
  }

  .profile-sls::before {
    top: 0;
    left: 0;
    background-image: url("/wp-content/uploads/2025/09/Blue-Squiggle-One.png");
  }

  .profile-sls::after {
    bottom: 0;
    right: 0;
    background-image: url("/wp-content/uploads/2025/09/Blue-Squiggle-two.png");
  }

  .profile-sls img {
    max-width: 60%;
  }

  .profile-sls figure.wp-block-image {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .wp-block-group.power-in-numbers {
    background: #f2c20a;
    padding: 4rem;
    border-radius: 2rem;
  }
  .wp-block-columns.power-in-num-sls p {
    font-weight: 800;
    font-size: 1.5rem;
    text-align: center;
  }
  :where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-style: none !important;
  }
  .wp-block-columns.power-in-num-sls img {
    max-height: 20rem;
  }
  .power-in-numbers h2.wp-block-heading {
    color: #fff;
    font-weight: 600;
    font-size: 5rem;
    max-width: 35%;
    margin-left: 0rem;
    line-height: 1;
  }
  .pin-star img {
    max-width: 7.5rem !important;
    width: 7.5rem;
    margin-top: 2rem;
    margin-left:-2rem;
  }
  .wp-block-columns.power-in-num-slider figure {
    padding: 0rem 3rem;
    padding-top:1rem;
  }
  .community-title {
    font-size: 3rem;
    font-weight: 700;
    width: 48%;
    margin-left: 0;
  }
  .kind-people-sls img {
    max-width: 10rem;
  }

  .kind-people-sls figure {
    display: flex;
    justify-content: center;
  }

  .kind-people-sls figure {
    display: flex !important;
    justify-content: center;
    height: 12rem !important;
    margin-top: 1rem;
    margin-bottom: 3rem;
  }
  .kind-people-sls img {
    max-width: 17rem;
  }
  /*oct-9*/
  .mission-vision-sec {
    margin-top: 4rem;
  }
  .mission-vision-sec{
    background-image: url(/wp-content/uploads/2025/10/BG-image.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    object-fit: contain;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    border-radius: 3.75rem;
    min-height: 47rem;
  }
  .mission-vision-content h2 {
    font-size: 4.25rem;
    color: #fff;
  }
  .mission-vision-content .mission-statement {
    font-size: 1.3rem;
    line-height: 1.75;
    color: #fff;
    font-weight: 600;
  }

  .mission-vision-content p{
    font-size: 1.3rem;
    line-height: 1.75;
    color: #fff;
  }
  .mission-vision-content {
    position: relative;
    top: 14rem;
    left: 16rem;
    max-width: 60%;
  }
  .mission-vision-sec .foot-btn-two a {
    padding: 0.7rem 3rem 0.7rem 1rem;
    color: #fff;
    font-size: 1rem;
    border: 0.1rem solid #FF7C64;
    font-weight: 600;
    background: #FF7C64;
  }

  .mission-vision-sec .foot-btn-two a:hover {
    background-color: #fff;
    color: #FF7C64;
  }
  .mission-vision-sec .foot-btn-two a:hover:after {
    content: '';
    background-image: url(/wp-content/uploads/2025/07/orange-arrow.svg);
  }

  .community-title {
    font-size: 4.25rem;
    font-weight: 700;
    width: 48%;
    margin-left: 0;
    line-height: 4.25rem;
  }
  .community-left-image img {
    position: relative;
    top: 0.5rem;
    left: 2rem;
    width: 4rem;
  }

  .slick-next:before
  {
    content: '';
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(https://revamp.edtheory.com/wp-content/uploads/2025/10/Arrow-right.png) no-repeat center;
    background-size: contain;
    opacity: 1;
    position: relative;
    top: -1.2rem;

  }

  .main-slide-sec {
    width: 90%;
  }


  .vid-thumb {
    width: 18rem;
  }

  .vid-play-btn img {
    width: 3rem;
  }

  .wall-of-title {
    font-size: 4.25rem;
    color: #4A4ABA;
  }
  .wall-image{
    width: 2rem;
    position: relative;
    top: -5rem;
    left: 12rem;
  }
  .video-section {
    position: relative;
  }

  .video-section::before {
    content: "";
    background-image: url(/wp-content/uploads/2025/10/Blue-Squiggle-One-2.png);
    background-repeat: no-repeat;
    width: 96rem;
    height: 75rem;
    position: absolute;
    top: -14rem;
    left: -5rem;
    z-index: -1;
    background-size: contain;
  }
  .video-section::after {
    content: "";
    background-image: url(/wp-content/uploads/2025/10/Blue-Squiggle-Two-2.png);
    background-repeat: no-repeat;
    width: 100rem;
    height: 60rem;
    position: absolute;
    top: 11rem;
    left: -6rem;
    z-index: -1;
    object-fit: cover;
    background-size: contain;
  }
  .card-sec-1 .wp-block-video.wall-video 
  { border: 0.4rem solid #fff; 
    border-radius: 1.1rem; 
    overflow: hidden; 
    box-shadow: 15px 15px #77c4ae;
  }
  .card-sec-2 .wp-block-video.wall-video 
  { border: 0.4rem solid #fff; 
    border-radius: 1.1rem; 
    overflow: hidden; 
    box-shadow: 15px 15px #4A4ABA;
  }
  .card-sec-3 .wp-block-video.wall-video 
  { border: 0.4rem solid #fff; 
    border-radius: 1.1rem; 
    overflow: hidden; 
    box-shadow: 15px 15px #FF7C64;
  }
  .card-sec-4 .wp-block-video.wall-video 
  { border: 0.4rem solid #fff; 
    border-radius: 1.1rem; 
    overflow: hidden; 
    box-shadow: 15px 15px #4A4ABA;
  }
  .card-sec-5 .wp-block-video.wall-video 
  { border: 0.4rem solid #fff; 
    border-radius: 1.1rem; 
    overflow: hidden; 
    box-shadow: 15px 15px #F2C20A;
  }
  .video-section {
    position: relative;
  }
  .card-sec-1 {

    position: absolute;
    transform: rotate(0deg);
    z-index:1;

  }
  .card-sec-2 {

    position: absolute;
    left: 20.5rem;
    transform: rotate(16deg);
    top: 9rem;
  }
  .card-sec-3 {

    position: absolute;
    left: 37rem;
    transform: rotate(-12deg); 
    z-index: 11;
  }
  .card-sec-4 {

    position: absolute;
    left: 52rem;
    transform: rotate(15deg);
    z-index: 1; 
  }
  .card-sec-5 {

    position: absolute;
    left: 67rem;
    transform: rotate(0deg);

  }
  .page-id-46 footer.wp-block-template-part {
    margin-top: 35rem;
  }
  .page-id-46 .wp-block-video [poster] {
    object-fit: cover;
    max-width: 15rem;
  }
/*oct-24*/
.wall-vid-group {
    position: relative;
}
.pause-image img {
    width: 3.4rem;
    position: absolute;
    top: 10.6rem;
    left: 5.9rem;
}

.card-sec-2 .pause-image img {
    width: 3.4rem;
    position: absolute;
    top: 10rem;
    left: 5.5rem;
}
.card-sec-3 .pause-image img {
    width: 3.4rem;
    position: absolute;
    top: 10.55rem;
    left: 6.3rem;
}
.card-sec-4 .pause-image img {
    width: 3.4rem;
    position: absolute;
    top: 10rem;
    left: 5.4rem;
}
.card-sec-5 .pause-image img {
    width: 3.4rem;
    position: absolute;
    top: 10rem;
    left: 5.3rem;
}
  /*wall of section End*/
  /*fold-2 slider section*/
  .profile-sls::before {
    background-image: url(/wp-content/uploads/2025/09/Blue-Squiggle-One.png);
    background-repeat: no-repeat;
    width: 97rem;
    height: 70rem;
    position: absolute;
    top: -18rem;
    left: -7rem;
    z-index: -1;
    object-fit: cover;
    background-size: contain;
  }
  .profile-sls::after {
    background-image: url(/wp-content/uploads/2025/09/Blue-Squiggle-Two.png);
    background-repeat: no-repeat;
    width: 97rem;
    height: 60rem;
    position: absolute;
    top: 13rem;
    left: -7rem;
    z-index: -1;
    object-fit: cover;
    background-size: contain;
  }
  .slide-image-1 img {
    padding-bottom: 10rem;
    position: relative;
    padding-top: 5rem;
    top: 6rem;
    transform: scale(1.3);
  }
  .slide-image-2 img {
    padding-bottom: 10rem;
    transform: scale(1.3);
    padding-top: 5rem;
  }
  .slide-image-3 img {
    position: relative;
    top: 6rem;
    padding-bottom: 10rem;
    padding-top: 5rem;
    transform: scale(1.3);
  }
  .slide-image-4 img {
    padding-bottom: 10rem;
    transform: scale(1.3);
    padding-top: 5rem;
  }

  .title-mobile {
    display: none;
  }
  .title-desktop{
    display: block;
  }
  /*fold-2 slider section End*/
  .heading-desktop {
    display: block;
  }
  .heading-mob{
    display: none;
  }
  .kind-people-slide-mob {
    display: none;
  }
  .power-title-mob {
    display: none;
  }
  .num-slider-mob {
    display: none !important;
  }

  .power-in-numbers .slick-dots li button:before {
    font-family: slick;
    font-size: 5rem !important;
    line-height: 1.25rem;
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    top: 0;
    left: 0;
    content: '';
    border:0.11rem solid #fff;
    border-radius:50%;
    text-align: center;
    opacity: 1;
    background-color: #F2C20A;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .power-in-numbers .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color:#4A4ABA;
  }
  .power-in-numbers ul.slick-dots{
    display:block !important;
  }

  /*services sec*/
  .services-mob {
    display: none;
  }
  /*services sec End*/
.slick-dots li{
    width: 1.25rem !important;
  height: 1.25rem !important;
}
  @media (max-width: 991px){
    section.wp-block-group.home-banner {
      padding: 2rem 2rem;
      margin-top:-5rem;
    }

    .main-banner {
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
    }

    p.main-banner-title {
      font-size: 4rem !IMPORTANT;
    }
    .wp-block-button.foot-btn-two.meet-team-btn {
      margin-top: -10rem;
    }

    .mission-vision-content h2 {
      font-size: 3.25rem;
      color: #fff;
    }
    .mission-vision-content {
      position: relative;
      top: 5rem;
      left: 4rem;
      max-width: 81%;
    }

    .community-title {
      font-size: 4.25rem;
      font-weight: 700;
      width: 100%;
      margin-left: 7rem;
      line-height: 4.25rem;
      margin-top: -9.5rem ! IMPORTANT;
    }
    .power-in-numbers h2.wp-block-heading {
      color: #fff;
      font-weight: 600;
      font-size: 4rem;
      max-width: 100%;
      margin-left: 7rem;
      line-height: 1.2;
      margin-top: -10rem;
    }
    p.main-banner-title.next{
      margin-top:0rem !important;
    }
    .page-id-46 footer.wp-block-template-part {
      margin-top: 0rem !important;
    }
    .hero-set-1, .hero-set-2, .hero-set-3 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 70vh;
    }
    .left-side-image img {
      position: relative;
      top: 3rem;
      left: 2rem;
      max-width: 7rem;
    }
    .page-id-46 .intro-heading {
      font-size: 3.25rem !important;
      font-weight: 700;
      width: 70%;
      margin-left: 11rem !important;
      line-height: 3.5rem !important;
      margin-top: -8rem !important;
    }
    .slick-next:before {
      width: 2.5rem !important;
      height: 2.5rem !important;
      position: relative;
      left: -1.5rem !important;
      top: 0.3rem;
    }
    .slick-prev.slick-arrow::before {
      content: "";
      display: block;
      width: 2.5rem !important;
      height: 2.5rem !important;
      background: url(/wp-content/uploads/2025/10/Arrow-Left.png) no-repeat center;
      background-size: contain;
      opacity: 1;
      position: relative;
      left: 0rem !important !important;
    }
    .kind-people-slide-desk {
      display: none;
    }
    .kind-people-slide-mob {
      display: block;
    }
    .card-sec-1 {
      position: unset;
      transform: rotate(0deg); 
    }
    .card-sec-2 {
      transform: rotate(0deg);
      position: unset;
    }
    .card-sec-3 {
      transform: rotate(0deg);
      position: unset; 
    }
    .card-sec-4 {
      transform: rotate(0deg);
      position: unset;
    }
    .card-sec-5 {
      transform: rotate(0deg);
      position: unset;      
    }
    .main-slide-sec{
      width: 100%;
    }
    /* Alternative: Apply to all video cards */
    .slick-slider .video-cart .wp-block-video.wall-video {
      border: 0.4rem solid #fff;
      border-radius: 2rem;
      overflow: hidden;
    }
    .slick-slider .video-cart {
      margin-right: 1.25rem;
      margin-bottom: 1.25rem;
      padding: 0px 3rem;
    }
    .slick-slider .wp-block-video.wall-video video {
      border-radius: 2rem;
      display: block;
      height: 43rem;
      width: 100%;
      max-width: 100%;
    }
    .profile-sls .slick-prev.slick-arrow::before {
      content: "";
      display: block;
      /* width: 3rem !important; */
      /* height: 3rem !important; */
      background: url(/wp-content/uploads/2025/10/Arrow-Left.png) no-repeat center;
      background-size: contain;
      opacity: 1;
      position: relative;
      left: 1rem !important;
      top: 1.5rem;
    }
    .mission-vision-sec {   
      background-position-x: -33rem !important;

    }
    .slide-image-2 img {
      padding-bottom: 10rem;
      transform: scale(1.3);
      padding-top: 5rem;
      position: relative;
      top: 6rem;
    }
    .slide-image-4 img {
      padding-bottom: 10rem;
      transform: scale(1.3);
      padding-top: 5rem;
      position: relative;
      top: 6rem;
    }
    .kind-people-sls .slick-prev.slick-arrow::before {
      top: 01rem !important;
      left: 3rem !important;
    }
    .kind-people-sls .slick-next:before {
      left: -3.5rem !important;
      top: 0rem !important;
    }

    /* .column-com {
    width: 18rem !important;
    margin-top: 2rem !important;        
    display: flex;
    justify-content: center;

  } */

    .column-com {
      width: 18rem !important;
      margin-bottom: 15rem !important;
      display: flex;
      justify-content: center;
      scale: 1.5;
    }
    .column-com.box-6 {
      top: 2rem !important;
      margin-top: 9rem !important;
      margin-bottom:0 !important;
    }

    .column-com.box-8 {
      margin-top: 7rem !important;
      margin-bottom:4rem !important;
    }
    .column-com.box-1 {
      margin-top: 8rem !important;
    }
    .main-slide-sec .slick-prev.slick-arrow::before {
      left: 1rem !important;
      width: 3.5rem !important;
      height: 3.5rem !important;
    }
    .page-id-46 .slick-next:before {
      position: relative;
      top: 0.8rem;
      left: -2rem !important;
    }
    .page-id-46 .slick-next.slick-arrow::before {
      width: 3.5rem !important;
      height: 3.5rem !important;
    }
    .page-id-46 .profile-sls .slick-prev.slick-arrow::before {
      width: 3.5rem !important;
      height: 3.5rem !important;
    }
    .slick-slider .video-cart {
      padding: 0rem 3rem 2rem !important;
    }

    .main-slide-sec .wp-block-video.wall-video {
      box-shadow: 2rem 2rem #77c4ae;
    }
    .main-slide-sec .card-sec-2 .wp-block-video.wall-video {
      box-shadow: 2rem 2rem #4A4ABA;
    }
    .main-slide-sec .card-sec-3 .wp-block-video.wall-video {
      box-shadow: 2rem 2rem #FF7C64;
    }
    .main-slide-sec .card-sec-4 .wp-block-video.wall-video {
      box-shadow: 2rem 2rem #4A4ABA;
    }
    .main-slide-sec .card-sec-5 .wp-block-video.wall-video {
      box-shadow: 2rem 2rem #F2C20A;
    }
    .kind-people-sls .slick-next.slick-arrow::before {
      /*top: 0.5rem !important;*/
      top: -0.7rem !important;
      position: relative;
    }
/*services sec*/

    .animation-section .row {
      display: block;
    }
    body .animation-section .row .column-com {
      margin: 3rem 0 !important;
      display: block !important;
      width: 100% !important;
      height: 100%;
      min-height: 35rem;
      scale: none;
    }
    .box-1 .flip-container {
      width: 100%;
      height: 35rem;
      margin-top: 0;
    }
    .box-1 .card-face {
      width: 33.5rem;
      height: 42rem;
    }
    .box-1 .flip-container:hover {
      width: 100%;
      height: 20rem;
    }

    .card-2 {
      width: 100%;
      height: 100%;
      margin-top: 10rem;
    }
    .card-2 .front-side {
      height: 48rem;
    }
    .box-2 .card-2 .back-side {
      width: 100%;
      height: 100%;
    }
    .card-3 {
      width: 100%;     
    }
    .box-3 .card-3 {
      margin-top: 0;
      height: 40rem;
    }
    .card-3 .card-front {
      width: 100%; 
      height: 40rem;   
    }
    .card-3 .card-back {
      width: 100%;  
      height: 40rem;     
    }
    .card-3 .card-front {
      width: 100%;
    }
    .box-4 .card-5.car {
      margin-top: 0;
      height: 34rem !important;
    }
    .box-4 .card-5 {
      width: 100%;
      height: 100%;
      top: 0;
    }
    .card-5 .back-side {
      width: 100%;
      height: 34rem;
    }
    .box-4 .card-5 .front-side {
      width: 100%;
      height: 34rem;
    }
    .box-four .card-2 .front-side {
      height: 100%;
    }
    .box-four .card-center-side {
      margin-top: 0;
      height: 40rem;
    }
    .box-four .back-side {
      width: 100%;
      height: 100%;
    }
    .box-5 .card-5 {
      margin-top: 0;
        height: 36rem;
    }
    .card-5 {
      width: 100%;
      height: 100%;
      top: 0;
    }
    .card-5 .front-side {
      height: 36rem;
    }
    .box-5 .back-side {
      width: 100% !important;
      height: 36rem !important;
    }
    .box-6 .card-3 {
      margin-top: 0;
      height: 40rem;
    }
    .box-6 .card-3 .card-front {
      width: 100%;
      height: 100%;
      top: 0;
    }
    .box-6 .card-3 .card-back {
      width: 100%;
      height: 100%;
      top: 0;
    }
   .col-lg-4.col-md-4.col-sm-12.column-com.box-7 {
    display: none !important;
}
    .box-8 .flip-container {
      margin-top: 0rem;
      height: 40rem;
    }
    .box-8 .flip-container {
      width: 100%;
    }

 /*card text css*/
    .box-1 .vertical-text {
      font-size: 3.5rem;
    }
    .box-1 .back h2 {
      font-size: 2.5rem;
      margin-bottom: 1.625rem;
      padding-left: 1.6rem;
    }
    .box-1 .back.card-face ul li {
      font-size: 2rem;
      line-height: 1.3;
      margin-bottom: 0.5rem;
    }
    .box-1 .back ul {
      list-style-type: disc;
      padding-left: 3.6rem;
    }
    .box-1 .smiley-img {
      width: 32rem;
      height: 42rem;
    }
    .box-2 .front-title h2 {
      top: 7rem;
      font-size: 3.5rem;
      left: 1rem;
    }
    .card-2 .front-side img {
      width: 5rem;
      top: 2rem;
    }
    .card-2 .back-side h2 {
      font-size: 2.2rem;
    }
    .card-2 .back-side ul li {
      font-size: 2rem;
    }
    .card-3 .card-front h2 {
      font-size: 4rem;
      line-height: 1.2;
      margin: 0;
    }
    .card-3 .card-back h2 {
      font-size: 2.5rem;
    }
    .card-3 .card-back ul li {
      font-size: 2rem;
    }
    .box-four .front-title h2 {  
      font-size: 3.5rem;
      padding-left: 5rem;
    }
    .card-bottom-side .card-front h2 {
      position: relative;
      top: -19.5rem;
      left: 2rem;
    }
    .car h2 {  
      font-size: 4rem;
      top: -8.5rem;
      left: 3rem;
    }
    .car img {
      position: relative;
      top: -10rem;
      width: 5rem !important;
      left: 2rem;
    }
    .card-5 .back-side h2{
      width: 25rem;
      font-size: 3rem;
    }
    .card-5 .back-side ul li {
      font-size: 2rem;
    }
    .card-5 .back-side ul {
      padding-left: 3.5rem;
      margin: 0;
    }
    .box-5 h2 {  
      font-size: 3.5rem;
      top: -8.8rem;
      left: 2rem;
    }
    .box-5 img {
      position: relative;
      top: -10rem;
      left: 1rem;
    }
    .box-6 .card-inner img {
      width: 4rem;
    }
    .box-8 .back.card-face h3 {
      font-size: 2.5rem;
    }
    .box-8 .back.card-face ul li {
      font-size: 2rem;
    }
    .box-8 .back ul {
      list-style-type: disc;
      padding-left: 3rem;
    }
    .vertical-text img {
      left: 4.5rem;
      top: -11.2rem;
       width:5rem;
    }
    .box-8 .vertical-text {
      font-size: 3.2rem;
      right: 0.5rem;
      top: 56%;
    }

/*services sec End*/
    .video-section {
      margin-top: 5rem;
    }
    .pause-image img {
      width: 6.5rem;
      position: absolute;
      top: 20rem;
      left: 12rem
    }
    .card-sec-2 .pause-image img {
      width: 6.5rem;
      position: absolute;
      top: 18.5rem;
      left: 11rem;
    }
    .card-sec-3 .pause-image img {
      width: 6.5rem;
      position: absolute;
      top: 20rem;
      left: 13rem;
    }
    .card-sec-4 .pause-image img {
      width: 6.5rem;
      position: absolute;
      top: 18.6rem;
      left: 11.2rem;
    }
    .card-sec-5 .pause-image img {
      width: 6.5rem;
      position: absolute;
      top: 18.5rem;
      left: 11.1rem;
    }
    .video-section::before {
      top: 8rem;
      left: -6rem;   
    }
    .video-section::after {
      top: 16rem;
      left: -27rem;
    }

  }

  @media (max-width:767px){
    .page-id-46 .has-global-padding{
      padding-right:1.2rem;
      padding-left:1.2rem;
    }
    p.main-banner-title.next{
      margin-top:-4rem !important;
    }
    .slick-slider .video-cart {
      padding: 1.5rem 2rem 2rem 1.5rem!important;
    }
    .mission-vision-sec {
      background-position-x: 0 !important;
    }
    .hero-image figure {
      height: 11.5rem;
      width: 13.5rem;
      position: absolute;
    }
    .hero-set-1, .hero-set-2, .hero-set-3 {
      height: 42vh;
    }
.home-banner .wp-element-button{
    display: none;
}
    /* banner-sec*/
    .home-banner {
      background-color: #03936A;
      padding: 1.5rem 1.5rem;
      border-radius: 1rem 1rem 7rem;
    }
    .main-banner {
      display: flex;
      flex-direction: column-reverse;
    }
    .banner-img-col figure {
      width: 100%;
      margin: 0 auto;
      margin-right: 0 !important;
    }
    p.main-banner-title {
      font-size: 3rem;
    }
    .left-side-image img {
      position: relative;
      top: 1rem;
      left: 0rem;
      width: 8rem;
      margin-right: 2rem;
    }
    /*fold-2*/
.wp-block-button.foot-btn-two.meet-team-btn a:hover {
    font-size: 1.5rem !important;
}
    .title-mobile{
      display: block;
    }
    .title-desktop{
      display: none;
    }
    .intro-heading {
      font-size: 3rem;
      font-weight: 700;
      width: 57%;
      margin-left: 0;
      line-height: 3.5rem;
    }
    .kind-people-sec .inner-para {
      font-size: 1.5rem;
      width: 100%;
    }
    .right-side-button {
      padding-top: 0rem;
    }
    /*.profile-sls::before {
    background-image: none;
  }
    .profile-sls::after {
    background-image: none;
  } */
    .left-side-image {
      display: flex;
    }

    .slide-image-1 img {
      padding-bottom: 10rem;
      position: relative;
      padding-top: 2rem;
      top: 7rem;
      transform: scale(1.5);
    }
    .slide-image-2 img {
      padding-bottom: 10rem;
      transform: scale(1.5);
      padding-top: 2rem;
      position: relative;
      top: 7rem;
    }
    .slide-image-3 img {
      position: relative;
      top: 7rem;
      padding-bottom: 10rem;
      padding-top: 2rem;
      transform: scale(1.5);
    }
    .slide-image-4 img {
      padding-bottom: 10rem;
      transform: scale(1.5);
      padding-top: 2rem;
      position: relative;
      top: 7rem;
    }
    .slick-next:before {
      position: relative;
      top: -0.5rem;
      left: -1rem !important;
    }

    .meet-team-btn a {
      background-color: #03936a;
      padding: 0.7rem 3.5rem 0.7rem 2rem;
      font-size: 1.5rem;
    }
    .slick-prev.slick-arrow::before{
      left: 0rem !important;
      top: 2.5rem !impotant;
    }
    /*fold-3*/

    .mission-vision-sec {
      background-image: url('/wp-content/uploads/2025/10/mission-mob-img.png') !important;
      background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      object-fit: contain;
      overflow: hidden;
      width: 100%;
      max-width: 100%;
      border-radius: 3.75rem;
      min-height: 80rem;
    }
    .mission-vision-content {
      position: relative;
      top: 8rem;
      left: 3rem;
      max-width: 84%;
    }
    .mission-vision-content .mission-statement {
      font-size: 1.4rem;
      font-weight: 700;
      margin-bottom: 3rem;
    }
    .mission-vision-content p {
      font-size: 1.5rem;
      line-height: 1.75;
      color: #fff;
    }
    .mission-vision-sec .foot-btn-two a {
      padding: 0.7rem 3rem 0.7rem 1.5rem;
      color: #fff;
      font-size: 1.5rem;
      border: 0.1rem solid #FF7C64;
      font-weight: 600;
      background: #FF7C64;
    }
    .mission-vision-sec .foot-btn-two {
      margin-top: 2rem;
    }
    .mission-vision-content h2 {
      font-size: 4rem;
      color: #fff;
      font-weight: 700;
      width: 60%;
      margin-left: 0;
      margin-bottom: 5rem;
    }
    /*wall-of sec*/
    .vid-thumb {
      width: 25rem;
    }
    .card-sec-1 {
      position: unset;
      transform: rotate(0deg); 
    }
    .card-sec-2 {
      transform: rotate(0deg);
      position: unset;
    }
    .card-sec-3 {
      transform: rotate(0deg);
      position: unset; 
    }
    .card-sec-4 {
      transform: rotate(0deg);
      position: unset;
    }
    .card-sec-5 {
      transform: rotate(0deg);
      position: unset;      
    }
    .main-slide-sec{
      width: 100%;
      margin-top: -8rem;
}
    .video-section::before {
      width: 88rem;
      height: 88rem;
      top: -2rem;
      left: -46rem;
    }
    .video-section::after {
      width: 93rem;
      height: 60rem;
      top: 45rem;
      left: -22rem;
    }
    .wall-of-title {
      font-size: 6.5rem;
      font-weight: 600;
    }
    .wall-image {
      width: 6rem;
      position: relative;
      top: -8.5rem;
      left: 21rem;
    }
    /*Community & kudos sec*/
    .community-left-image {
      display: flex;
      align-items: center;
    }
    .heading-mob {
      font-size: 3rem;
      line-height: 4rem;
      width: 19rem;
      font-weight: 600;
    }
    .heading-desktop {
      display: none;
    }
    .heading-mob{
      display: block;
    }
    .kind-people-slide-desk {
      display: none;
    }
    .kind-people-slide-mob {
      display: block;
    }
    .main-community-sec .slick-prev.slick-arrow::before{
      left: 2rem !important;
      top: 2.5rem;
      width:3.5rem !important;
      height:3.5rem !important;
    }
    .main-community-sec .slick-next:before {
      position: relative;
      top: 0.8rem;

      left: -4rem !important;
    }

    /*Community & kudos sec End*/

    /*power in numbers*/
    .power-title-desk {
      display: none;
    }
    .power-title-mob {
      display: block;
    }
    .num-slider-desk {
      display: none !important;
    }
    .num-slider-mob {
      display: block !important;
    }
    .num-slider-mob p {
      text-align: center;
      font-size: 2.3rem;
      font-weight:800;
        line-height: 1.3;
    }
    .power-numbers-sec {
      display: flex;
    }
    .power-in-numbers h2.wp-block-heading {
      font-size: 4rem;
      max-width: 100%;
    }
    .pin-star img {
      margin-right: 1.5rem;
    }
    .power-in-numbers .slick-dots li button:before {
      width: 2.5rem;
      height: 2.5rem;

    }
    .power-numbers-sec {
      padding-left: 4rem;
    }
    /*power in numbers End*/
    /*services sec*/
    .services-mob {
      display: block;
    }
    .services-desk {
      display: none;
    }
    .services-sec img {
      width: 6rem;
      margin-right: 1.5rem;
    }
    .services-sec {
      display: flex;
      align-items: center;
    }
    .services-mob {
      font-size: 3rem;
      margin-left: 0;
      margin-top: 0;

    }
    /*services sec End*/
    /* Alternative: Apply to all video cards */
    .slick-slider .video-cart .wp-block-video.wall-video {
      border: 0.4rem solid #fff;
      border-radius: 3.5rem;
      overflow: hidden;
    }
    .slick-slider .video-cart {
      margin-right: 1.25rem;
      margin-bottom: 1.25rem;
      padding: 0px 1rem;
    }
    .slick-slider .wp-block-video.wall-video video {
      border-radius: 0.7rem;
      display: block;
      height: 45rem;
      width: 100%;
      max-width: 100%;
    }
    .page-id-46 footer.wp-block-template-part {
      margin-top: 8rem;
    }
    .page-id-46 .intro-heading {
      font-size: 3.25rem !important;
      font-weight: 700;
      width: 64%;
      margin-left: 0rem !important;
      line-height: 3.5rem !important;
      margin-top: 0rem !important;
    }
    .wp-block-button.foot-btn-two.meet-team-btn {
      margin-top: 0rem !important;
    }
    span.job {
      display: block;
    }
    .profile-sls::before {
      background-image: url(/wp-content/uploads/2025/09/Blue-Squiggle-One.png);
      background-repeat: no-repeat;
      width: 97rem;
      height: 70rem;
      position: absolute;
      top: -12rem;
      left: -7rem;
      z-index: -1;
      object-fit: cover;
      background-size: contain;
    }
    .power-in-numbers h2.wp-block-heading {
      margin-left: 0;
      margin-top: 1rem;
    }
    .kind-people-sls .slick-next.slick-arrow::before {
      width: 3.5rem !important;
      height: 3.5rem !important;
    }
/*services sec*/
    .animation-section .row {
      display: block;
    }
    body .animation-section .row .column-com {
      margin: 3rem 0 !important;
      display: block !important;
      width: 100% !important;
      height: 100%;
      min-height: 35rem;
      scale: none;
    }
    .box-1 .flip-container {
      width: 100%;
      height: 35rem;
      margin-top: 0;
    }
    .box-1 .card-face {
      width: 33.5rem;
      height: 42rem;
    }
    .box-1 .flip-container:hover {
      width: 100%;
      height: 20rem;
    }

    .card-2 {
      width: 100%;
      height: 100%;
      margin-top: 10rem;
    }
    .card-2 .front-side {
      height: 48rem;
    }
    .box-2 .card-2 .back-side {
      width: 100%;
      height: 100%;
    }
    .card-3 {
      width: 100%;     
    }
    .box-3 .card-3 {
      margin-top: 0;
      height: 40rem;
    }
    .card-3 .card-front {
      width: 100%; 
      height: 40rem;   
    }
    .card-3 .card-back {
      width: 100%;  
      height: 40rem;     
    }
    .card-3 .card-front {
      width: 100%;
    }
    .box-4 .card-5.car {
      margin-top: 0;
      height: 34rem !important;
    }
    .box-4 .card-5 {
      width: 100%;
      height: 100%;
      top: 0;
    }
    .card-5 .back-side {
      width: 100%;
      height: 34rem;
    }
    .box-4 .card-5 .front-side {
      width: 100%;
      height: 34rem;
    }
    .box-four .card-2 .front-side {
      height: 100%;
    }
    .box-four .card-center-side {
      margin-top: 0;
      height: 40rem;
    }
    .box-four .back-side {
      width: 100%;
      height: 100%;
    }
    .box-5 .card-5 {
      margin-top: 0;
        height: 36rem;
    }
    .card-5 {
      width: 100%;
      height: 100%;
      top: 0;
    }
    .card-5 .front-side {
      height: 36rem;
    }
    .box-5 .back-side {
      width: 100% !important;
      height: 36rem !important;
    }
    .box-6 .card-3 {
      margin-top: 0;
      height: 40rem;
    }
    .box-6 .card-3 .card-front {
      width: 100%;
      height: 100%;
      top: 0;
    }
    .box-6 .card-3 .card-back {
      width: 100%;
      height: 100%;
      top: 0;
    }
   .col-lg-4.col-md-4.col-sm-12.column-com.box-7 {
    display: none !important;
}
    .box-8 .flip-container {
      margin-top: 0rem;
      height: 40rem;
    }
    .box-8 .flip-container {
      width: 100%;
    }
    /*card text css*/
    .box-1 .vertical-text {
      font-size: 3.5rem;
    }
    .box-1 .back h2 {
      font-size: 2.5rem;
      margin-bottom: 1.625rem;
      padding-left: 1.6rem;
    }
    .box-1 .back.card-face ul li {
      font-size: 2rem;
      line-height: 1.3;
      margin-bottom: 0.5rem;
    }
    .box-1 .back ul {
      list-style-type: disc;
      padding-left: 3.6rem;
    }
    .box-1 .smiley-img {
      width: 32rem;
      height: 42rem;
    }
    .box-2 .front-title h2 {
      top: 7rem;
      font-size: 3.5rem;
      left: 1rem;
    }
    .card-2 .front-side img {
      width: 5rem;
      top: 2rem;
    }
    .card-2 .back-side h2 {
      font-size: 2.2rem;
    }
    .card-2 .back-side ul li {
      font-size: 2rem;
    }
    .card-3 .card-front h2 {
      font-size: 4rem;
      line-height: 1.2;
      margin: 0;
    }
    .card-3 .card-back h2 {
      font-size: 2.5rem;
    }
    .card-3 .card-back ul li {
      font-size: 2rem;
    }
    .box-four .front-title h2 {  
      font-size: 3.5rem;
      padding-left: 5rem;
    }
    .card-bottom-side .card-front h2 {
      position: relative;
      top: -19.5rem;
      left: 2rem;
    }
    .car h2 {  
      font-size: 4rem;
      top: -8.5rem;
      left: 3rem;
    }
    .car img {
      position: relative;
      top: -10rem;
      width: 5rem !important;
      left: 2rem;
    }
    .card-5 .back-side h2{
      width: 25rem;
      font-size: 3rem;
    }
    .card-5 .back-side ul li {
      font-size: 2rem;
    }
    .card-5 .back-side ul {
      padding-left: 3.5rem;
      margin: 0;
    }
    .box-5 h2 {  
      font-size: 3.5rem;
      top: -8.8rem;
      left: 2rem;
    }
    .box-5 img {
      position: relative;
      top: -10rem;
      left: 1rem;
    }
    .box-6 .card-inner img {
      width: 4rem;
    }
    .box-8 .back.card-face h3 {
      font-size: 2.5rem;
    }
    .box-8 .back.card-face ul li {
      font-size: 2rem;
    }
    .box-8 .back ul {
      list-style-type: disc;
      padding-left: 3rem;
    }
    .vertical-text img {
      left: 4.5rem;
      top: -11.2rem;
       width:5rem;
    }
    .box-8 .vertical-text {
      font-size: 3.2rem;
      right: 0.5rem;
      top: 56%;
    }

/*wall of sec*/
    .video-section {
      margin-top: 3rem;
    }
    .pause-image img {
      width: 6.5rem;
      position: absolute;
      top: 20.9rem;
      left: 12.4rem;
    }

    .card-sec-2 .pause-image img {
      width: 6.5rem;
      position: absolute;
      top: 19.5rem;
      left: 11.5rem;

    }
    .card-sec-3 .pause-image img {
      width: 6.5rem;
      position: absolute;
      top: 20.9rem;
      left: 13.4rem;
    }
    .card-sec-4 .pause-image img {
      width: 6.5rem;
      position: absolute;
      top: 19.55rem;
      left: 11.5rem;
    }
    .card-sec-5 .pause-image img {
      width: 6.5rem;
      position: absolute;
      top: 19.5rem;
      left: 11.5rem;
    }

}

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

    .profile-sls .slick-prev.slick-arrow::before {
      content: "";
      display: block;
      width: 3rem;
      height: 3rem;
      background: url(/wp-content/uploads/2025/10/Arrow-Left.png) no-repeat center;
      background-size: contain;
      opacity: 1;
      position: relative;
      left: 0rem !important;
      top: 0;
    }
    .profile-sls .slick-next:before {
      position: relative;
      top: 0;

    }
    .power-in-numbers ul.slick-dots li {
      margin-left: 1rem ;
      margin-right: 1rem;
    }

  }
.page-id-1675 .video-section {
    margin-bottom: 32rem !important;
}
.page-id-1675 video {
    max-width: 15rem;
}
 @media (max-width:767px){
.page-id-1675 .img-box img {
max-width:80%
}
.page-id-1675 #gallery {
    height: 27rem;
}
.page-id-1675 .pause-image img {
left: 11.4rem;
}
.page-id-1675 .card-sec-2 .pause-image img {
left: 10.5rem;
}
.page-id-1675 .card-sec-3 .pause-image img {
left: 12.2rem;
}
.page-id-1675 .card-sec-4 .pause-image img {
left: 10.5rem;
}
.page-id-1675 .card-sec-5 .pause-image img {
left: 10.4rem;
}
    .page-id-1675 .box-1 .card-face {
        width: 27.5rem;
    }
.page-id-1675 .video-section {
    margin-bottom: 5rem !important;
}
   .page-id-1675 .slick-prev.slick-arrow::before { 
        left: 0rem !important;
    }
   .page-id-1675 section#top-head-strip {
        margin-top: 0rem;
    }
.page-id-1675 .th-strip-right p {
    margin-bottom: 3rem !important;
    margin-top: 2rem;
}
.page-id-1675 h2.wp-block-heading.banner-title.has-x-large-font-size {
    margin-top: -7rem;
    
}
.page-id-1675 section#blog-list-wrap {
    margin-top: 0rem;
}
    .page-id-1675 section.wp-block-group.our-team-banner {
        margin-top: 0rem;
    }
}

/*banner Animation css Start*/
  .img-box img {
      width: 14rem;
      max-width: 100%;
      
    }
   #gallery{
    height: 35rem;
   }

    .img-box {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
    }

    
    #im1 { top: 0; left: 0; }
    #im2 { top: 0; left: 50%; }
    #im3 { top: 50%; left: 0; }
    #im4 { top: 50%; left: 50%; }

    #im5 { top: 5rem; left: 6rem; z-index: 2; }
    #im6 { top: 18rem; left: 50%; z-index: 1; }
    #im7 { top: 0; left: 0; }
    #im8 { top: 50%; left: 50%; }

    #im9 { top: 0; left: 50%; }
    #im10 { top: 0; left: 50%; }
    #im11 { top: 50%; left: 0; }
    #im12 { top: 50%; left: 0; }
/*banner Animation css End*/


.pause-image img {
 opacity: 0;
}
.page-id-46 .wp-block-video [poster] {
    height: 20rem;
}