.info-container {   max-width:1140px;   margin-left:auto;   margin-right:auto;   position:relative;   padding-left:15px;   padding-right:15px; } @media screen and ( max-width:1170px ) {   width:100%;   max-width:100%;   padding-left:30px;   padding-right:30px; } .video-container {   display:flex;   max-width:100%;   overflow-x:hidden;   padding-top:0px; } .video-container__video {   width:70%;   height:auto; } .video-container__search {   position:relative;   width:30%;   padding:24px;   max-height:100%;   overflow-y:auto; } .video-container__search::-webkit-scrollbar {   width:9px; } @media screen and ( max-width:1200px ) {   .video-container {  flex-direction:column;  gap:40px;   }   .video-container__video {  width:100%;   }   .video-container__search {  width:60%;  margin:0 auto;   } } @media screen and ( max-width:768px ) {   .video-container__search {  width:100%;  margin:0 auto;   } } .section-result__item-content {   display:flex;   gap:35px;   align-items:center;   font-family:'Poppins', sans-serif;   line-height:27px;   color:#3c4a58;   font-weight:400;   font-size:18px;   width:100%;   margin-bottom:20px; } .section-result__item-text {   font-family:'Poppins', sans-serif;   line-height:27px;   color:#3c4a58;   font-weight:400;   font-size:18px;   width:90%; } .section-result__item-time {   display:flex;   flex-direction:column;   align-items:center;   gap:10px;   font-weight:600;   font-size:18px;   width:10%;   color:#1E8BC3;   min-width:60px; } .video-container__search .section-result__item-time a {   color:#1E8BC3; } .section-result__item-content {   transition:max-height 0.3s ease-in-out; } .preloader-transcription {   position:absolute;   top:0;   left:0;   width:100%;   height:100%;   background:rgba(255, 255, 255, 0.8);   z-index:9999;   justify-content:center;   align-items:center;   display:flex;   border-radius:12px; } .spinner {   width:50px;   height:50px;   border:5px solid #1E8BC3;   border-top:5px solid transparent;   border-radius:50%;   animation:spin 0.8s linear infinite; } .video__form-container .video__form-btn {   display:inline-block;   width:100%;   line-height:40px;   background-color:#1E8BC3;   font-family:'Poppins', sans-serif;   font-size:18px;   font-weight:600;   color:#fff;   border:3px solid #1E8BC3;   transition:all 0.3s ease;   border-radius:24px;   text-align:center;   text-transform:uppercase; } .video__form-container .video__form-btn:hover {   background-color:#fff;   color:#1E8BC3; } .video__form-container {   display:flex;   flex-direction:column;   gap:20px;   margin-bottom:40px; } @media screen and (max-width:1200px) {   .video__form-container {  margin-right:15px;  margin-left:15px;   } } @media screen and ( max-width:768px ) {   .video__form-container {  flex-direction:column;  gap:20px;   } } .video__form {   position:relative;   border-radius:24px;   max-width:100%;   padding:12px 24px;   background-color:#1E8BC3;   display:flex;   align-items:center;   gap:20px;   width:100%; } @media screen and (max-width:768px) {   .video__form {  width:100%;   } } .video__form svg {   width:20px;   height:20px;   fill:#fff; } .video-container .video__form input {   border:none;   width:100%;   background-color:#1E8BC3;   font-family:'Poppins', sans-serif;   font-size:18px;   font-weight:600;   line-height:27px;   color:#fff;   border:none; } .video-container .video__form input:focus-within {   box-shadow:none;   outline:none; } .video__form input::placeholder {   font-family:'Poppins', sans-serif;   font-size:18px;   font-weight:600;   line-height:27px;   color:#fff; } .video-text {   background-color:#1E8BC3;   color:#fff;   font-weight:600; } .info-container h1 {   text-align:center;   font-size:60px !important;   font-weight:600 !important; } @media screen and (max-width:1024px) {   .info-container h1 {  font-size:45px !important;   } } @media screen and (max-width:768px) {   .info-container h1 {  font-size:32px !important;   } } .info-video__content {   font-size:20px;   text-align:center;   font-weight:400;   margin-bottom:50px; } .info-video__content span {   color:#1E8BC3;   font-weight:600;   padding-left:20px; } .info-video__hidden {   display:none; }