#lottie-animation{
    transform-origin: center;
    transform: scale(1.3);
    overflow-y: hidden;
    height: 500px;
}
.git-go-method .mthd-container{
    border: 2px solid #42E8E0;
    border-radius: 6px;
    padding: 1.5rem 2rem;
    background: #002262;
    overflow: hidden;
 
}

.git-go-method  .mthd{
    margin-top: 2rem;
}
.mthd-cntr-1{
    /* opacity: 0; */
}
/* Hide scrollbar for Chrome, Safari and Opera */
#lottie-animation::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
#lottie-animation {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.logo-ticker {
    font-size: 15px;
    padding-block: 8px;
    border-block: 1px solid;
    overflow: hidden;
    user-select: none;

    --gap: 60px;
    display: flex;
    gap: var(--gap);
}

.logo-ticker ul {
    list-style: none;
    flex-shrink: 0;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap);

    animation: scroll 20s linear infinite;
}

/* .logo-ticker:hover ul {
    animation-play-state: paused;
} */

@keyframes scroll {
    to {
        transform: translateX(calc(-100% - var(--gap)));
    }
}

.logo-ticker .company,
.logo-ticker .price {
    font-weight: bold;
}

.logo-ticker .price {
    margin-inline: 4px;
}

.logo-ticker .plus::before {
    content: "↑";
}

.logo-ticker .minus::before {
    content: "↓";
}

.logo-ticker .plus .change,
.logo-ticker .plus::before {
    color: #089981;
}

.logo-ticker .minus .change,
.logo-ticker .minus::before {
    color: #f23645;
}

.vertical-ticker {
    font-size: 15px;
    padding-block: 8px;
    border-block: 1px solid;
    overflow: hidden;
    user-select: none;

    --gap: 60px;
    display: flex;
    gap: var(--gap);
    max-height: 450px !important;
    overflow: hidden !important;
}

.vertical-ticker ul {
    list-style: none;
    flex-shrink: 0;
    min-width: 100%;
   
    gap: var(--gap);

    animation: scrollY 3s linear infinite;
}



@keyframes scrollY {
    to {
        transform: translateY(calc(-100% - var(--gap)));
    }
}

.vertical-ticker .company,
.vertical-ticker .price {
    font-weight: bold;
}

.vertical-ticker .price {
    margin-inline: 4px;
}


.vertical-ticker .plus .change,
.vertical-ticker .plus::before {
    color: #089981;
}

.vertical-ticker .minus .change,
.vertical-ticker .minus::before {
    color: #f23645;
}


.learning-programs-container{
    transform: scale(0.6);
}

.box{
    display: flex;
    justify-content:center;
    align-items:center;
    font-size:2rem;
    font-family: 'Arial';
    border-radius: 4px;
    margin-top:10rem;
    height: 150px;
    width: 150px;
  }
  .box-1{
    background: pink;
  }
  .box-2{
    background: pink;
    transform:scale(0.6);
    margin-top:6rem;
  }

.git-go-image-container{
    width: 100%;
}