/* start galary section */
 .gallary_section {
     background-color: #ffffff;
     height: 100%;
     margin: 0 auto 40px;
 }

 .video-gallery {
     display: flex;
     gap: 10px;
     overflow: hidden;
 }

 .video-column {
     flex: 1;
     position: relative;
     transition: flex 1s ease;
     overflow: hidden;
     cursor: pointer;
     height: 90vh !important;
 }

 .video-column video {
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: relative;
     z-index: 0;
 }

 .video-column::before {
     content: attr(data-label);
     writing-mode: horizontal-tb;
     writing-mode: sideways-lr;
     text-orientation: mixed;
     position: absolute;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%);
     font-family: Montserrat;
     font-size: 18px;
     font-weight: bold;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.5;
     letter-spacing: 3.6px;
     text-align: left;
     color: #fff;
     z-index: 3;
     transition: left 1s ease, transform 1s ease;

 }

 .video-column.active {
     flex: 2;
 }

 .video-column.active::before {
     left: 10%;
     transform: translateX(-10%);
 }

 .video-column:hover {
     flex: 4 !important;
 }

 .video-column:not(:hover):not(.active) {
     flex: 1 !important;
 }

 @media (max-width: 900px) {

     .video-gallery {
         flex-direction: column;
     }

     .video-column {
         height: 46.2963vh !important;

     }

     .video-column.active::before {
         left: 20%;
         transform: translateX(-15%);
     }

     .video-column::before {
         writing-mode: horizontal-tb;
     }

     .video-column::before {
         left: 55%;
         min-width: 100%;
     }
 }