.phone-scrollable-master {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 padding: 70px; 40px;
}

.phone-scrollable-master .two-col-phone-scrollable-wrapper {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 90px;
}

.phone-scrollable-master .two-col-phone-scrollable-wrapper .scrollable-wrapper {
  max-width: 820px;
}

.phone-scrollable-master .two-col-phone-scrollable-wrapper .scrollable-wrapper .fix-width-ss{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    max-height: 770px;
    overflow-y: scroll;
    border: 1px solid #ccc;
      animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}


.fix-width-ss::-webkit-scrollbar {
 width: 7px; 
}
.fix-width-ss::-webkit-scrollbar-track {
  background: #d1e5ff;
}
.fix-width-ss::-webkit-scrollbar-thumb {
 background: linear-gradient(#642bff, #ff22e6);
 border-radius: 15px;
}


.phone-scrollable-master .two-col-phone-scrollable-wrapper .scrollable-wrapper .loop-item {
  padding: 20px 30px;
}


@media only screen and (max-width: 1000px) {
  .phone-scrollable-master {
   padding: 20px; 
  }
  .phone-scrollable-master .two-col-phone-scrollable-wrapper {
      flex-direction: column;
  }

}



.fadethis {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

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

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}