.homepage-news-area {
     .card {
         .card-body {
             align-items: self-start !important;
         }
     }

     .card-body {
         position: relative !important;

     }

     .card:hover {
         .card-body {
             position: absolute;
             !important;
         }
     }
 }

 .fs-6 {
     font-size: 1.125rem;

     @media (max-width: 1650px) {
         font-size: 0.875rem;
     }
 }

 .to-down-btn {
     background: var(--primary);
     color: #fff;
     position: absolute;
     bottom: 40px;
     width: 40px;
     height: 40px;
     margin: 0 auto;
     text-align: center;
     justify-content: center;
     align-items: center;
     display: flex;
     left: 0;
     right: 0;
     z-index: 99;
     font-size: 3rem;
     border-radius: 0;
 }

 .modal .modal-body iframe {
     min-height: auto;

     height: 100% !important;
 }

 @media (min-width: 62rem) {
     .modal-xl {
         --bs-modal-width: 1140px;
     }
 }

 #carouselSlider .carousel-inner.black-effect:before {
     display: none;
 }

 #carouselSlider .carousel-inner:after {
     background: none !important;
 }