.dropdown {
    position: relative;
    display: inline-block;
  }
  .hidden {
    display: none;
  }


  .card-data-about{
    text-align: justify;
     font-size:15px;
      color:white;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    /* padding-top: 13px; */
  margin-top: 13px;
    min-width: 160px;
    /* height: 130px; */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 8;
    /* top:3rem; */
    border-radius: 5px ;
    border: solid white 2px;
    background-color: white;
    margin-left: -9px;
   
  }
  
  
  .dropdown-content a {
    font-weight: 700;
    background-color: white;
    color: black;
    text-decoration: none;
    display: block;
   padding: 10px;
    font-size: 12px;
    line-height: 1.25rem;
   
  }
  .white-color{
    /* color: white; */
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 10px;
    transition: all 0.3s;
  }
  .dropdown:hover {
    background-color: cyan;
    padding: 10px;
    color: #0d0639;
    border-radius: 5px;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
  
  .dropdown-content a:hover {
    color: #5ce1e6;
    background-color: #0d0639 ;
  
  }
  /* .dropdown-content a:hover {background-color: #ddd;} */
  
  .dropdown:hover .dropdown-content {display: block;}
  
  .container-spinner {
    width: 800px;
    height: 65px;
    overflow: hidden;
    position: relative;
    /* border: 1px solid #ccc; */
  }

  .text-container {
    white-space: nowrap;
    position: absolute;
    animation: scroll-text 20s linear infinite;
  }

  .text-spinner {
    color: cyan !important;
    display: block;
    padding: 20px 0;
    font-size: 25px;
    line-height: 30px;
    transition: transform 4s ease-in-out;
  }

  @keyframes scroll-text {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-100%);
    }
  }
  .glass-card-about {
    /* width: 350px; */
    padding: 25px;
    /* background: rgba(255, 255, 255, 0.2); */
    backdrop-filter: blur(10px);
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color:#0d0639;
    text-align:center;
}

.card-display-about{
  margin-bottom: 50px;
display: flex;
background-color:  white;
padding: 20px;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
}
.card-header-about{
text-align: center;
font-size: 25px;
margin-bottom: 10px;
color:cyan;
}



.column-about-content {
  text-align: center;
  /* float: left;
  width: 50%; */
  padding: 50px;
  /* height: 300px;  */
  /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row-about-content:after {
  content: "";
  display: flex;
  clear: both;
  
}
.column-about-content-partner {
  text-align: center;
  float: left;
  margin-left: 300px;
  width: 50%;
  padding: 50px;
  justify-content: center;
 /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row-about-content-partner:after {
  content: "";
  display: table;
  clear: both;
  
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Create 2 equal-width columns */
  grid-gap: 10px; /* Adjust the gap between grid items as needed */
}

/* Apply styles for grid items */
.grid-item {
  background-color: #e0e0e0;
  padding: 20px;
  text-align: center;
  border: 1px solid #ccc;
}

.slider-container-loan-card {
  text-align: center;
     
}
.column-partner {
  float: left;
  width: 150px;
  text-align:center;
  height: 150px;
   margin-top:50px;
  border-radius:200px;/* Should be removed. Only for demonstration */
}
.parent-img{
  height: 200px;
  width: 200px;
  
}
.hand-shake{
  height: 80px;
  width: 80px;
}
.row-partner{
display:flex;
justify-content: center;
/* margin-top: 25px; */
}
.parent-partner {
  /* background: #0d0639; */
  width: 200px;
 border-radius:200px;
  height: 200px;
  position: relative;
}
.partner-video{
  height:200px;
   width:200px;
}
.child-partner {
  /* border: 2px solid black; */
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.profile-card {
  width: 250px; /* Set the width as needed */
  background: #0d0639;
  border: 1px solid #0d0639;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Image styles */
.profile-image {
  background-color: #0d0639;
  width: 100%;
  height: 320px; /* Set the height of the image section */
  /* object-fit: cover; */
}

/* Text section styles */
.profile-text {
  padding: 20px;
  text-align: center;
  color:cyan;
}

/* Title styles */
.profile-title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
  color: cyan;
}

/* Description styles */
.profile-description {
  color:cyan;
  font-size: 1.2em;
  font-weight: 500;
}




.banner {
  gap:20px;
  /* position: absolute; */
  overflow: hidden;
  /* white-space: nowrap; */
  display: flex;
 
  /* width: calc(250px*12); */
  animation: scroll 40s linear infinite;
  /* font-size: 0; */
  /* to get rid of gaps between inline elements */
}
.banner :hover{
  animation-play-state: paused;
}

@keyframes scroll {
  0% {
  
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

 .profile-card-data {  
  width: calc(100vw / 5);
  display: inline-flex;
  align-items: center;
  padding: 15px;
  perspective: 100px;
} 

/* .profile-card-data img {
  width: 100%;
}  */
.column-card-more {

  width: 25%;
}
.row-card-more{
  display:flex;
}
@media only screen and (min-device-width: 280px) and (max-device-width: 740px) { 
  .profile-card {
    margin-top: 50px;
    width: 250px;
    background: #0d0639;
    border: 1px solid #0d0639;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.partner-video{
  height:80px;
   width:80px;
}
.banner {
  gap:20px;
  display: block;
  overflow: hidden;
  animation: none;
  
}
.owlCarousel{
  animation: none;
}
.glass-card-about {
  margin: 10px;
  /* width: 350px; */
  padding: 25px;
  /* background: rgba(255, 255, 255, 0.2); */
  backdrop-filter: blur(10px);
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color:#0d0639;
  text-align:center;
}
.column-about-content {
  text-align: center;
  display: inline-table;
  float: left;
  /* width: 100%; */
  padding: 50px;
  height: 300px; /* Should be removed. Only for demonstration */
}
  .column-partner{
  float: left;
  width: 117px;
  text-align: center;
  height: 86px;
  margin-top: 30px;
  border-radius: 200px;
}
.parent-partner {
  /* background: #0d0639; */
  width: 200px;
 border-radius:200px;
  height: 100px;
  position: relative;
}
.parent-img{
  height: 80px;
  width: 80px;
  
}
.hand-shake{
  height: 40px;
  width: 40px;
}
  .container-spinner {
    width: 400px;
    height: 65px;
    overflow: hidden;
    position: relative;
    /* border: 1px solid #ccc; */
  }

  .text-container {
    white-space: nowrap;
    position: absolute;
    animation: scroll-text 20s linear infinite;
  }

  .text-spinner {
    color: cyan !important;
    display: block;
    padding: 20px 0;
    font-size: 25px;
    line-height: 30px;
    transition: transform 4s ease-in-out;
  }

  @keyframes scroll-text {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-100%);
    }
  }

  .profile-card-data {  
    width: calc(100vw / 5);
    display: inline-flex;
    align-items: center;
    padding: 15px;
    perspective: 100px;
  } 
  
  /* .profile-card-data img {
    width: 100%;
  }  */
  .column-card-more {
  
    width: 25%;
  }
  .row-card-more{
    display:flex;
  }
  .scrolling-words-container {
    display: flex;
    align-items: center;
    font-size: 15px !important;
    font-weight: 600;
  }

}


.scrolling-words-container {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
}

.scrolling-words-box {
  border-radius: 4px;
  height: 4rem;
  /* background-color: white; */
  /* margin: auto; */
  overflow: hidden;
}

.scrolling-words-box ul {
  margin: 0 0.625rem;
  padding: 0;
  animation: scrollUp 10s infinite;
}

.scrolling-words-box li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 4rem;
  list-style: none;
}

.scrolling-words-box li:nth-child(1) {
  color: #e09b95;;
}

.scrolling-words-box li:nth-child(2) {
  color: #a2eca1;
}

.scrolling-words-box li:nth-child(3) {
  color: #beecca;
}

.scrolling-words-box li:nth-child(4) {
  color: #f6d67a;
}

.scrolling-words-box li:nth-child(5) {
  color: #ec857d;
}

.scrolling-words-box li:nth-child(6) {
  color: #9aadcd;
}

.scrolling-words-box li:nth-child(7) {
  color: #9abda3;
}

.scrolling-words-box li:nth-child(8) {
  color:  #e7c86c;
}

.scrolling-words-box li:nth-child(9) {
  color:#e67c73;
}

.scrolling-words-box li:nth-child(10) {
  color:  #7e97c1;
}

.scrolling-words-box li:nth-child(11) {
  color: #d8867f;
}

@keyframes scrollUp {
  0%, 90% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-100%);
  }
}
@media only screen and (min-device-width: 1500px)  { 


  .column-about-content-partner {
    text-align: center;
    float: left;
    margin-left: 600px;
    width: 50%;
    padding: 50px;
    height: 300px; /* Should be removed. Only for demonstration */
  }
  /* .partner-video{
    height:80%;
     width:50%;
  } */
}
.slider{
  max-width: 1100px;
  display: flex;
}
.slider .card{
  flex: 1;
  margin: 10px;
  /* width: 350px; */
  padding: 25px;
  /* background: rgba(255, 255, 255, 0.2); */
  backdrop-filter: blur(10px);
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color:#0d0639;
  text-align:center;
}


.slider .card .content{
  padding: 10px 20px;
  height: 360px;
}
.card .content .title{
  text-align: center;
font-size: 25px;
margin-bottom: 10px;
  color:cyan;
}

.card .content p{
  text-align: justify;
  font-size:15px;
   color:white;
}
.full-card-div{
  display: grid;
  height: 100%;
  place-items: center;
  text-align: center;
  /* background: #f2f2f2; */
}

.team-img{
  height: 260px;
}