.nav-collaps-items {
  flex-grow: unset !important;
}



.nav-bg {
    background-color: var(--nav-bg) !important;
    border-radius: 47px;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 1000;
    transition: background-color 0.3s ease;
    padding: 10px 0px;
}
.nav-bg.scrolled {
  background-color: #0E0E0E !important;
}


.nav-list-item {
  color: var(--gray-text);
  font-family: "Roboto", sans-serif;
}

.nav-link:focus,
.nav-link:hover {
  color: var(--normal-text) !important;
}

.nav-bg .navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--active-text);
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--active-text) !important;
}

.inner-nav-item {
  display: flex;
  gap: 10px;
}

.animated-btn{
  position: relative;
  width: 240px;
}
.review-btn{
  position: relative;
  background: linear-gradient(to right,
      rgba(29, 191, 115, 1),
      rgba(14, 89, 54, 1));
  border: 1.5px solid #e2e2e2;
  border-radius: 32px;
}
.btn-content {
  background: linear-gradient(to right,
      rgba(29, 191, 115, 1),
      rgba(14, 89, 54, 1));
  border: 1.5px solid #e2e2e2;
  border-radius: 32px;
  padding: 12px 15px 15px 38px;
  max-width: 100%;
}

.nav-btn-content::before,
.review-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  animation: whiteFade 0.9s infinite alternate ease-in-out;
  z-index: 0;
  pointer-events: none;
}
.btn-content::before{
content: "";
  position: absolute;
  inset: 0;
  animation: whiteFade 0.9s infinite alternate ease-in-out;
  z-index: 0;
  pointer-events: none;
}

@keyframes whiteFade {
  0% {
    background-position: 0 0;
    opacity: 1;
  }

  100% {
    background-position: 100% 0;
    opacity: 0;
  }
}

.nav-btn-content {
    display: flex;
    align-items: center;
    padding: 10px 10px 10px 30px;
    font-family: "Roboto", sans-serif;
    background: linear-gradient(to right,
      rgba(29, 191, 115, 1),
      rgba(14, 89, 54, 1));
  border: 1.5px solid #e2e2e2;
  border-radius: 32px;
}


.nav-arrow {
    animation: arrowMove 0.9s infinite alternate ease-in-out;
    margin-left: 10px;
    position: absolute;
    top: 11px;
    right: 28px;
    width: 45px;
}


.arrow {
    animation: arrowMove 0.9s infinite alternate ease-in-out;
    width: 50px;
    margin-left: 10px;
}

@keyframes arrowMove {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(10px);
  }
}

.android-heading {
  position: relative;
  padding: 20px 0px;
  font-family: "Oswald", sans-serif;
  display: inline-block;
}

.innder-android-heading {
  color: var(--normal-text, white);
  text-transform: uppercase;
  padding: 10px;
  line-height: 56px;
}

.text-highlight {
  position: relative;
  z-index: 2;
}

.circle_with_shape_bg {
  position: absolute;
  top: 52%;
  left: -36px;
  transform: translateY(-50%);
  width: 100px;
  z-index: 0;
  pointer-events: none;
}

.developer-text {
  color: var(--green-text);
}

.inner-client {
  display: flex;
  justify-content: center;
}

.client-img {
    width: 60px;
    height: auto;
    border-radius: 100%;
    margin-left: -15px;
    border: 1px solid #fff;
}

.customer-feed {
  font-style: italic;
  padding: 15px 0px 10px 0px;
}

.mobile-App-container,
.Mobile-App-section {
  position: relative;
}

.blue-cirle-img {
  top: 50px;
  left: 20px;
  display: block;
}

.blue-cirle-img-about {
  top: 120px;
}

.red-cirle-img {
  position: absolute;
  bottom: 30px;
  right: 0;
  animation-delay: 1.5s;
  display: block;
}

.red-cirle-img-about {
  bottom: -30px;
}

.inner-blue-cirle-img {
  top: 20px;
  right: 150px;
  display: block;
}

.inner-blue-cirle-img-about {
  top: 20px;
  right: -20px;
}

.inner-red-cirle-img {
  position: absolute;
  bottom: -60px;
  left: 390px;
  animation-delay: 1.5s;
  display: block;
}

.inner-yellow-img {
  bottom: 20px;
  left: 280px;
}

@keyframes floatY {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(15px);
  }
}

.inner-blue-cirle-img,
.inner-red-cirle-img {
  position: absolute;
  animation: floatY 3s ease-in-out infinite;
}

@keyframes floatUp {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }
}

.blue-cirle-img,
.red-cirle-img {
  position: absolute;
  animation: floatUp 3s ease-in-out infinite;
}

.spotlight-text {
  position: relative;
  font-size: 150px;
  font-weight: 500;
  text-transform: uppercase;
  color: transparent;
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  background-clip: text;
  user-select: none;
  letter-spacing: 10px;
  font-family: "Anton", sans-serif;
}

.fiverr-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  background: radial-gradient(circle at 50% 50%, #1dbf73 0%, transparent 60%);
  background-size: 30% 100%;
  background-repeat: no-repeat;
  mix-blend-mode: screen;
  filter: blur(1px);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: circularSpotlight 20s linear infinite;
  pointer-events: none;
}

.fiverr-text {
  font-family: "Anton", sans-serif;
  font-size: 150px;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  /* For older browsers */
  text-stroke: 2px rgba(0, 0, 0, 0.5);
  -webkit-text-stroke: 2px rgba(146, 136, 136, 0.007);
  text-transform: uppercase;
  letter-spacing: 10px;
}

@keyframes circularSpotlight {
  0% {
    background-position: 50% 0%;
  }

  25% {
    background-position: 100% 50%;
  }

  50% {
    background-position: 50% 100%;
  }

  75% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 50% 0%;
  }
}

.ceo-img {
  max-width: 70%;
}

.meet-img {
  max-width: 80%;
  height: auto;
}

.ceo-name {
  color: var(--normal-text);
  text-transform: uppercase;
  padding: 20px 0px;
  font-family: Oswald;
}

.fivr-logo-img {
  display: block;
}

.inner-fiverrr-logo {
  display: flex;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.1);
  max-width: 500px;
  padding: 18px 15px 18px 15px;
  align-items: center;
  margin: 0 auto;
  gap: 20px;
}

.vetter-pro-element {
  background-color: var(--normal-text);
  color: var(--btn-text);
  padding: 10px 20px;
  border-radius: 20px;
}

.ceo-content {
  display: flex;
  align-items: center;
  text-align: center;
}

.fiverrr-rate-inner-img {
  padding: 30px 0px;
  max-width: 100%;
  height: auto;
}

.check-project-btn {
  display: flex;
  justify-content: center;
}

.meet-go-container {
  position: relative;
  background: #252525;
  border-radius: 35px;
  padding: 20px;
}

.uper-bg-img {
  position: absolute;
  top: -36px;
  left: -47px;
}

/* Animation for left slide */
@keyframes slideInLeft {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Animation for right slide */
@keyframes slideInRight {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Apply animation to left column */
.meet-go-container .col-6:first-child {
  animation: slideInLeft 1s ease-out forwards;
}

/* Apply animation to right column */
.meet-go-container .col-6:last-child {
  animation: slideInRight 1s ease-out forwards;
}

/* Optional: Add delay if needed */
.meet-go-container .col-6:last-child {
  animation-delay: 0.2s;
}

.our-app-img {
  max-width: 75%;
}

.our-app-container,
.about-us-bg,
.industrie-container,
.portfolio-container,
.review-container {
  display: flex;
  justify-content: center;
  padding: 15px 0px;
}

.over-app-bg,
.about-us-bg,
.service-bg,
.industrie-bg,
.portfolio-bg,
.review-bg {
  position: relative;
  z-index: 1;
  text-align: center;
}

.app-heading-element {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--normal-text, #fff);
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 2;
  font-size: 2rem;
  font-family: "Oswald", sans-serif;
}

.about-us-heading-element {
  color: var(--normal-text);
  text-transform: uppercase;
  position: absolute;
  top: 60px;
  font-family: "Oswald", sans-serif;
}

.app-slider {
  margin-top: 80px;
  width: 500px;
}

.owl-carousel .item {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.owl-carousel .item img {
  width: 100px;
  height: 100px;
  transition: transform 0.4s ease;
}

.owl-carousel .item video {
  width: 100px;
  height: 100px;
  transition: transform 0.4s ease;
}

.about-us-section,
.about-us-container {
  position: relative;
}

.about-company-detail {
  color: var(--normal-text);
  font-family: "Roboto", sans-serif;
  line-height: 35px;
}

.heading-detail {
  margin: 50px 0px;
}

.window-section {
  padding: 40px 0;
  background: transparent;
  position: relative;
  overflow: hidden;
  perspective: 1000px;

}

.window-frame {
  margin: 0 auto;
  position: relative;

}

.window-pane-left {
  width: 50vw;
  height: 100vh;
  position: absolute;
  top: 0;
  background-image: url(../images/window-left.png);
  z-index: 2;
  transition: transform 1s ease-in-out;
}

.window-pane-right {
  width: 50vw;
  height: 100vh;
  position: absolute;
  top: -11px;
  background-image: url(../images/windo-right.png);
  z-index: 2;
  transition: transform 1s ease-in-out;
}

.left-pane {
  left: 0;
  transform-origin: left;
  transform: translateX(0);
}

.right-pane {
  right: 0;
  transform-origin: right;
  transform: translateX(0);
}


.window-section.open .left-pane {
  transform: translateX(-100%);
  /* Open left */
}

.window-section.open .right-pane {
  transform: translateX(100%);
  /* Open right */
}

.window-content {
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.6s ease 1s, transform 0.6s ease 1s;
}

.window-section.open .window-content {
  opacity: 1;
  transform: scale(1);
}

.bg-img-ceo-section {
  background-image: url(../images/bg-mobile-blr-img.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0px 20px 0px;
  text-align: center;
  position: relative;
}

.bg-ceo-img {
  max-width: 100%;
}

.thum-img {
  position: absolute;
  top: 17%;
  left: 21%;
}

.red-img {
  position: absolute;
  bottom: 10%;
  left: 19%;
}

.arrow-gp-img {
  position: absolute;
  top: 12%;
  right: 18%;
}

.thum-img,
.red-img {
  position: absolute;
  animation: floatY 3s ease-in-out infinite;
}

.thum-icons {
  max-width: 70%;
  height: auto;
}

@keyframes floatUp {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }
}

.arrow-gp-img,
.screen-flip-img {
  position: absolute;
  animation: floatUp 3s ease-in-out infinite;
}

.screen-flip-img {
  bottom: 21%;
  right: 9%;
  animation-delay: 1.5s;
}

.inner-service-element {
  border: 1px solid rgba(131, 131, 131, 0.25);
  background: transparent,
    linear-gradient(rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 0)) border-box;
  border-radius: 40px;
  padding: 10px 30px 30px 30px;
  width: 350px;
}

.mobile-app-img {
  max-width: 50px;
}

.mobile-app-heading {
  color: var(--normal-text);
  font-family: "Roboto", sans-serif;
  padding: 20px 0px;
}

.inner-app-element {
  color: #A8A8A8;
  font-family: "Roboto", sans-serif;
  padding-bottom: 10px;
}

.inner-service-element a {
  text-decoration: underline !important;
}

.connect-heading {
  color: var(--normal-text);
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}

.let-connect-section {
  background-image: url(../images/last_section.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;

}

.let-connect-container {
  position: relative;
}

.connect-heading-element {
  text-align: center;
  margin: 20px 0px;
}

.visit-btn {
  position: relative;
  background: linear-gradient(to right,
      rgba(29, 191, 115, 1),
      rgba(14, 89, 54, 1));
  font-family: "Roboto", sans-serif;
  border: 1.5px solid #e2e2e2;
  border-radius: 32px;
  padding: 10px 15px;
  color: var(--normal-text);
}

.view-btn {
    position: relative;
    background: linear-gradient(to right,
      rgba(29, 191, 115, 1),
      rgba(14, 89, 54, 1));
    font-family: "Roboto", sans-serif;
    border: 1.5px solid #e2e2e2;
    border-radius: 32px;
    padding: 5px 15px 5px 50px;
    color: var(--normal-text);
    max-width: 245px;
    margin: 0 auto;
}


.visit-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  animation: whiteFadebtn 0.9s infinite alternate ease-in-out;
  z-index: 0;
  pointer-events: none;
}

.view-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  animation: whiteFadebtn 0.9s infinite alternate ease-in-out;
  z-index: 0;
  pointer-events: none;
}

@keyframes whiteFadebtn {
  0% {
    background-position: 0 0;
    opacity: 1;
  }

  100% {
    background-position: 100% 0;
    opacity: 0;
  }
}

.visit-arrow {
    animation: arrowMove 0.9s infinite alternate ease-in-out;
    width: 35px;
    margin-left: 5px;
}

.view-arrow {
    animation: arrowMove 0.9s infinite alternate ease-in-out;
    width: 45px;
    margin-left: 30px;
}

.check-visit-btn,
.check-learn-btn,
.view-btn {
  display: flex;
  justify-content: center;
}

.service-provide-element {
  color: var(--normal-text);
  text-transform: uppercase;
  position: absolute;
  top: 30%;
  left: 35%;
  white-space: nowrap;
  font-family: "Oswald", sans-serif;
}

.owl-carousel .owl-item.center .item img {
  transform: scale(1.2);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.owl-carousel .owl-item.center .item video {
  transform: scale(1.2);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.portfolio-element {
  color: var(--normal-text);
  text-transform: uppercase;
  position: absolute;
  top: 36px;
  left: 37%;
  font-family: "Oswald", sans-serif;
}

.review-content-element {
  color: var(--normal-text);
  text-transform: uppercase;
  position: absolute;
  top: 40px;
  left: 32%;
  font-family: "Oswald", sans-serif;
}

.more-link {
  color: var(--green-text);
  font-family: "Roboto", sans-serif;
}

.app-industrie-element {
  color: var(--normal-text);
  text-transform: uppercase;
  position: absolute;
  top: 38px;
  left: 36%;
  font-family: "Oswald", sans-serif;
}

.service-slider {
  padding: 40px 0px;
}

.service-img,
.industrie-img,
.portfolio-img {
  max-width: 80%;
}

.review-container {
  max-width: 100%;
}

.learn-link-btn {
  position: relative;
  background: linear-gradient(to right,
      rgba(29, 191, 115, 1),
      rgba(14, 89, 54, 1));
  font-family: "Roboto", sans-serif;
  border: 1.5px solid #e2e2e2;
  border-radius: 32px;
  padding: 10px 15px;
  color: var(--normal-text);
}

.visit-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  animation: learnFadebtn 0.9s infinite alternate ease-in-out;
  z-index: 0;
  pointer-events: none;
}

@keyframes learnFadebtn {
  0% {
    background-position: 0 0;
    opacity: 1;
  }

  100% {
    background-position: 100% 0;
    opacity: 0;
  }
}

.learn-arrow {
  animation: arrowMove 0.9s infinite alternate ease-in-out;
  margin-left: 30px;
}

.cus-app-card {
  border-radius: 25px;
  background: #191919;
  padding-bottom: 20px;
  max-width: 500px;
  height: auto;
  overflow: hidden;
}

.cus-app-img {
  border-radius: 25px;
  object-fit: contain;
  display: block;
  width: 365px !important;
  height: 298px !important;
  margin: 0 auto 30px;
}

.visit-arrow {
  width: 35px !important;
  height: 35px !important;
  box-shadow: unset !important;
}

.btn-visit,
.btn-view {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-view {
  text-transform: uppercase;
}

.cus-visit-btn {
  padding: 5px 17px !important;
  position: relative;
  background: linear-gradient(to right,
      rgba(29, 191, 115, 1),
      rgba(14, 89, 54, 1));
  font-family: "Roboto", sans-serif;
  border: 1.5px solid #e2e2e2;
  border-radius: 32px;
  color: var(--normal-text);
}

.cus-owl-item {
  max-width: 100%;
  max-height: 100%;
  border-radius: 22px;
  opacity: 0.3;
  margin-top: 40px;
}

.owl-item.active.center .item .cus-owl-item {
  opacity: 1;
}

.owl-item.active.center .item .cus-owl-item .play-btn {
  top: calc(50% - 50px);
  width: 65px !important;
  height: 65px !important;
}

.owl-item.active.center .item .cus-owl-item+.cus-owl-text {
  padding-top: 50px;
}

.cus-owl-img {
  height: 380px !important;
  width: 300px !important;
  border-radius: 22px;
  object-fit: cover;
  position: relative;
  font-size: 30px;

}

/* .cus-app-slider .owl-stage-outer {
  overflow: unset !important;
} */

.cus-app-slider {
  margin-top: 50px;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  width: 50px !important;
  height: 50px !important;
  box-shadow: unset !important;
}

.cus-nav-icon {
  width: 50px;
  height: 50px;
}

.nav-arrow-left {
  position: absolute;
  top: 36%;
  left: -18px;
}

.nav-arrow-right {
  position: absolute;
  top: 36%;
  right: -18px;
}

.cus-owl-text {
  color: var(--normal-text);
  text-align: center;
  font-style: italic;
  padding-top: 10px;
  font-size: 30px;
}

.owl-carousel .owl-item.center .item img+.cus-owl-text {
  padding-top: 45px;
  transition: all 0.4s ease;
}

.main-container {
  display: flex;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.column {
  width: 50%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.slider {
  position: absolute;
  top: 0;
  width: 100%;
  transition: transform 1s ease-in-out;
}

.left-slider {
  height: 300vh;
  /* 3 slides * 100vh */
}

.right-slider {
  height: 300vh;
  /* 3 slides * 100vh */
  top: auto;
  bottom: 0;
  /* Important to position it from the bottom */
  transition: transform 1s ease-in-out;
  position: absolute;
  width: 100%;
}

.left-slider {
  position: absolute;
  width: 100%;
  top: 0;
  transition: transform 1s ease-in-out;
}

.right-slider {
  bottom: 0;
  top: auto;
  /* Overrides top */
}

.slide {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.app-industry-content {
  color: var(--normal-text);
  font-family: "Roboto", sans-serif;
  text-align: center;
  padding: 40px 15px;
}

.thumbnail-img {
  max-width: 100%;
  height: 340px;
  border-radius: 30px;
  object-fit: cover;
}

.stack-thum-element {
  padding: 50px;
}

.meet-inner-content {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 20px;
}

.review-element {
  color: var(--normal-text);
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}

.review-view-element {
  color: var(--gray-text);
  font-style: italic;
}

.review-bar {
  background-color: var(--nav-bg);
  padding: 10px;
  border-radius: 50px;
  margin-top: 20px;
  align-items: center;
}

.comment-section {
  font-family: "Roboto", sans-serif;
  margin-top: 20px;
}

.e-element {
  border-radius: 50%;
  padding: 10px 19px;
  background-color: var(--green-bg);
  color: var(--normal-text);
  border: 1px solid #ffffff;
}

.county-comment-ele {
  margin: auto 0;
}

.client-name,
.client-review {
  color: var(--normal-text);
}

.state-name {
  color: var(--gray-text);
  font-style: italic;
}

.comment-date {
  color: var(--gray-text);
}

/* progress-bar */
.rating-summary {
  background: transparent;
  color: white;
  padding: 20px 30px;
  font-family: Arial, sans-serif;
}

.rating-score {
  text-align: center;
  margin-bottom: 20px;
}

.rating-score {
  text-align: start;
}

.score {
  color: var(--normal-text);
}

.rating-score .stars img{
  width: 20px;
  margin-bottom: 5px;
}

.rating-score {
  font-size: 0.8rem;
  color: #aaa;
}

.total-reviews {
  color: var(--gray-text);
}

.progress-bars {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.progress-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}

.progress-bar span {
  width: 50px;
  font-size: 0.8rem;
}

.progress-bar__outter-line {
  background: #ffffff;
  flex: 1;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
}

.progress-bar__inner-line {
  background: #faa523;
  height: 100%;
  width: 0%;
  transition: width 0.5s ease;
}

.progress-bar {
  flex-direction: unset !important;
}

.rating-border {
  border-right: 2px solid transparent;
  background: linear-gradient(#0e0e0e, #0e0e0e) padding-box,
    linear-gradient(#161616, #ffffff, #161616) border-box;
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.rating-bar-head {
  padding: 35px;
  border-radius: 30px;
  border: 1.808px solid rgba(131, 131, 131, 0.25);
  margin: 50px 0px;
}

.rating-break {
  font-family: Roboto;
}

.rating-sell {
  color: #FFFFFF66;
  font-style: italic;
}

.rating-head {
  padding-top: 150px;
}
.rating-stars{
  width: 20px;
}

.rating-img {
  width: 20px;
}

.review-img,
.about-us-img {
  max-width: 80%;
  height: auto;
}

.cus-app-card .btn:hover {
  border-color: unset !important;
}

.android-word-wrapper {
  position: relative;
  z-index: 1;
}

.our-app-section {
  position: relative;
}

.our-app-section::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../images/SHAPE_GREEN.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  height: 250px;
  width: 100%;
  top: -20px;
}

.contact-icon {
  position: fixed;
  bottom: 20px;
  right: 40px;
  z-index: 1000;
  width: 80px;
}

.msg-icon {
  max-width: 75%;
  height: auto;
}

.comment-list {
    margin-bottom: 20px;
    border-bottom: 1px solid #F8F7F426;
    padding-bottom: 20px;
    padding-left: 15px;
}

.modal-video {
  width: 50% !important;
  margin: auto !important;
  position: relative;
}

.btn-position {
  opacity: unset !important;
  position: absolute;
  top: 0;
  right: 0;
}

.ceo-row-element {
  margin-left: 0px !important;
  margin-right: 0px !important;
}


/* The blinking animation */
    @keyframes slowBlink {
      0%, 100% { background-color:   rgb(29, 191, 115, 1)}   
      50%       { background-color: rgba(14, 89, 54, 1) }   
    }
 
    .blinky {
      padding: 15px 15px;
       border: 1.5px solid #e2e2e2;
      border-radius: 32px;
      cursor: pointer;
      font-family: "Roboto", sans-serif;
      animation: slowBlink 1s ease-in-out infinite;
      mix-blend-mode: difference;
      white-space: nowrap;
    }
    @media (prefers-reduced-motion: reduce) {
      .blinky { animation: none; }
    }


 
    
 
    