html {
  scroll-behavior: smooth;
}
:root {
  --default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Questrial", sans-serif;
  --nav-font: "Noto Sans", sans-serif;
}

body {
  font-family: var(--default-font);
}

h1, h2, h3, h4 {
  font-family: var(--heading-font);
}

nav, .navbar, .menu {
  font-family: var(--nav-font);
}
.shape-1 {
  width: 300px;
  height: 300px;
  background-color: color-mix(in srgb, var(--accent-color), transparent 85%);
  top: -20px;
  right: -20px;
  animation: morphShape 15s linear infinite;
}
 .shape-2 {
  width: 200px;
  height: 200px;
  background-color: color-mix(in srgb, var(--heading-color), transparent 90%);
  bottom: -20px;
  left: -20px;
  animation: morphShape 20s linear infinite reverse;
}

@keyframes morphShape {
  0% {
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  }

  25% {
    border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
  }

  50% {
    border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
  }

  75% {
    border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
  }

  100% {
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
  }
}


.top-bars-heading.active {
  border-color: #27548A;
  background-color: #27548A;
  color: #fff;

}

.section {
  display: none;
  padding:  2em 0;
    animation: fadeIn 0.5s ease-in-out;
}

.section.active {
  display: block;
}

@keyframes fadeIn {
  from {
      opacity: 0;
      transform: translateY(20px);
  }

  to {
      opacity: 1;
      transform: translateY(0);
  }
}

.btn {
  margin-top: 20px;
  padding: 12px 24px;
  border: none;
  background-color: #27548A;
  color: white;
  border-radius: 30px;
  cursor: pointer;
  font-weight: bold;
}

.sub-heading h2 ::after {
content: "";
width: 120px;
height: 1px;
display: inline-block;
background: var(--accent-color);
margin: 4px 10px;
}
.min-number-width {
min-width: 5.5rem;
}


/* Section 6 */
  .custom-swiper {
      height: 26em;
      width: 100%;
      padding: 40px 0;
  }

  .custom-swiper .custom-slide {
      display: flex;
      justify-content: center;
  }

  .custom-card {
      width: 300px;
      height: 200px;
      position: relative;
  }

  .custom-card .custom-top,
  .custom-card .custom-bottom {
      width: 300px;
      height: 200px;
      transition: 0.5s;
  }

  .custom-top {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 1;
      transition: 1.5s;
      transform: translateY(100px);
  }

  .custom-card:hover .custom-top {
      transform: translateY(0px);
  }

  .custom-bottom {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      box-sizing: border-box;
      transition: 1.8s;
      transform: translateY(-100px);
      border:1px  solid #5251518c;
      background: #fff;
  }

  .custom-card:hover .custom-bottom {
      transform: translateY(0);
  }

  .custom-bottom::after {
      content: "";
      position: absolute;
      width: 30px;
      height: 4px;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
      background: #27548A;
  }

  .custom-content p,
  .custom-content h3 {
      margin: 0;
      text-align: center;
      color: #414141;
  }

  .custom-content h3 {
      font-size: 24px;
      margin-bottom: 10px;
  }

  .custom-icon {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #27548A;
  }

  .custom-icon img {
      width: 100%;
      height: 8em;
      object-fit: contain;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
  }

  .scroll-container {
    height: 317px;
    overflow: hidden;
    position: relative;
}

@media (min-width: 768px) {
    .scrolling-images {
        display: flex;
        flex-direction: column;
        animation: scroll 10s linear infinite;
    }

    @keyframes scroll {
        from {
            transform: translateY(0);
        }

        to {
            transform: translateY(-50%);
        }
    }
}

/* Image Box  */
.image-box {
    width: 160px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0a267000;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15);
}

.image-box img {
  background-color: #0a267021;
        width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 18px;
}

@media (max-width: 767px) {
    .scroll-container {
        height: 400px;
        overflow: visible;
    }

    .scrolling-images {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}

.scrollbar-hidden::-webkit-scrollbar {
  display: none;
  
}
.scrollbar-hidden {
  -ms-overflow-style: hidden;  
  scrollbar-width: none;  
  
}
.left-col p{
  margin-bottom: 0.5em;
  font-size: 1.1rem;
  text-align: justify;
}
.wp-block-image img{
  padding: 1em 0;
  margin-left: 19%;
  border-radius: 10px;

}
.page-numbers {
display:flex;
}
.wp-block-heading{
  font-weight: bold;
  font-size: 1.2rem;
}
.single-lower-col p{
  margin-bottom: 0.5em;
  font-size: 1.1rem;
  text-align: justify;
}
/* Header */
    @keyframes float-3d {

        0%,
        100% {
            transform: translate3d(0, 0, -100px) rotate(15deg);
        }

        50% {
            transform: translate3d(20px, -30px, -120px) rotate(25deg);
        }
    }

    @keyframes float-3d-delay {

        0%,
        100% {
            transform: translate3d(0, 0, -150px) rotate(-10deg);
        }

        50% {
            transform: translate3d(-15px, 20px, -170px) rotate(-20deg);
        }
    }

    @keyframes pulse {

        0%,
        100% {
            opacity: 0.1;
            transform: scale(1);
        }

        50% {
            opacity: 0.3;
            transform: scale(1.1);
        }
    }

    .animate-float-3d {
        animation: float-3d 8s ease-in-out infinite;
    }

    .animate-float-3d-delay {
        animation: float-3d-delay 9s ease-in-out infinite 1s;
    }

    .animate-pulse {
        animation: pulse 4s ease-in-out infinite;
    }

    .animate-pulse-delay {
        animation: pulse 5s ease-in-out infinite 1s;
    }
/* PRESS RELEASE DISTRIBUTION */
/* TOOLS */
      .flip-card {
        perspective: 1000px;
    }

    .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
        transform-style: preserve-3d;
    }

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

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

    .flip-card-back {
        transform: rotateY(180deg);
    }
    /*  */
    @keyframes spin-slow {
        0% {
            transform: rotateX(65deg) rotateZ(0deg);
        }

        100% {
            transform: rotateX(65deg) rotateZ(360deg);
        }
    }

    @keyframes spin-slow-reverse {
        0% {
            transform: rotateX(65deg) rotateZ(360deg);
        }

        100% {
            transform: rotateX(65deg) rotateZ(0deg);
        }
    }

    @keyframes spin-medium {
        0% {
            transform: rotateX(65deg) rotateY(0deg);
        }

        100% {
            transform: rotateX(65deg) rotateY(360deg);
        }
    }

    @keyframes float-1 {

        0%,
        100% {
            transform: translate(0, 0);
        }

        50% {
            transform: translate(10px, -15px);
        }
    }

    @keyframes float-2 {

        0%,
        100% {
            transform: translate(0, 0);
        }

        50% {
            transform: translate(-5px, 20px);
        }
    }

    @keyframes float-3 {

        0%,
        100% {
            transform: translate(0, 0);
        }

        50% {
            transform: translate(15px, -10px);
        }
    }

    .animate-spin-slow {
        animation: spin-slow 60s linear infinite;
    }

    .animate-spin-slow-reverse {
        animation: spin-slow-reverse 80s linear infinite;
    }

    .animate-spin-medium {
        animation: spin-medium 40s linear infinite;
    }

    .animate-float-1 {
        animation: float-1 8s ease-in-out infinite;
    }

    .animate-float-2 {
        animation: float-2 10s ease-in-out infinite 2s;
    }

    .animate-float-3 {
        animation: float-3 7s ease-in-out infinite 1s;
    }
/* How it Works */
  @keyframes float-1 {
    0%, 100% { transform: translate(0, 0); opacity: 0.6; }
    50% { transform: translate(-10px, -15px); opacity: 1; }
  }
  @keyframes float-2 {
    0%, 100% { transform: translate(0, 0); opacity: 0.6; }
    50% { transform: translate(15px, 10px); opacity: 1; }
  }
  .animate-float-1 { animation: float-1 8s ease-in-out infinite; }
  .animate-float-2 { animation: float-2 10s ease-in-out infinite 2s; }
  .group:hover .absolute.-left-10 {
    background: linear-gradient(to bottom, rgba(58, 123, 255, 0.5), transparent);
  }
/* Single */
.single-content-prt p ul{
  margin-bottom: 10px;
}
.single-content-prt li{
  margin-bottom: 5px;
}