/* Minimal critical CSS for above-the-fold content can be inlined here */
 .modal {
     display: none;
     position: fixed;
     z-index: 1000;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .modal-content {
     display: block;
     margin: auto;
     width: auto;
     max-width: 90vw;
     height: auto;
     max-height: 90vh;
     border-radius: 10px;
     object-fit: contain;
 }

 .close {
     position: absolute;
     top: 10px;
     right: 20px;
     font-size: 30px;
     color: white;
     cursor: pointer;
 }

 .next-btn {
     position: absolute;
     top: 50%;
     right: 20px;
     transform: translateY(-50%);
     background: white;
     padding: 10px 15px;
     font-size: 20px;
     cursor: pointer;
     border-radius: 5px;
 }

 /* Add other essential styles for immediate visual layout here */

 /* Responsive adjustments for modal content - consider using external CSS for these */
 @media (max-width: 1024px) {
     .modal-content {
         max-width: 85vw;
         max-height: 85vh;
     }
 }

 @media (max-width: 768px) {
     .modal-content {
         max-width: 80vw;
         max-height: 80vh;
     }
 }

 @media (max-width: 480px) {
     .modal-content {
         max-width: 90vw;
         max-height: 75vh;
     }
 }

 /* General styles (can be moved to external CSS) */
 .theme-4-header--banner-size_lg .theme-4-header__background-photo {
     height: 60vh;
     height: calc(var(--vh, 1vh) * 150) !important;
     transition: height 0.2s ease-out;
     /* Corrected typo here */
 }

 @media (max-width: 768px) {
     .gl {
         padding: 7px 10px !important;
     }

     .theme-4-header--banner-size_lg .theme-4-header__background-photo {
         height: 60vh;
         height: calc(var(--vh, 1vh) * 100) !important;
         transition: height 0.2s ease-out;
         /* Corrected typo here */
     }
 }

 .gl {
     border: 1px solid white;
     color: white;
     padding: 7px 35px;
     text-align: center;
     font-weight: 600;
     border-radius: 5px;
     font-size: 14px;
     margin-top: 20px;
 }

 .gl:hover {
     background-color: white;
     color: black;
 }



 .back-to-top {
     background-color: black;
     color: white;
     border: 1px solid white;
     padding: 7px 35px;
     text-align: center;
     cursor: pointer;
     position: absolute;
     /* Changed to absolute */
     margin-top: 20px;
     bottom: -41px;
     border-radius: 5px;
     display: none;
     left: 50%;
     transform: translateX(-50%);
 }