body { overflow-x: hidden; width: 100%; position: relative; } button[aria-expanded="true"] .top-line { transform: rotate(45deg); } button[aria-expanded="true"] .middle-line { opacity: 0; } button[aria-expanded="true"] .bottom-line { transform: rotate(-45deg); } @media (max-width: 768px) { .footer-widget { margin-bottom: 2rem; } } .logo-img { width: 140px; } .footer-logo { width: 144px; } @media (min-width: 768px) { .logo-img { width: 200px; } .footer-logo { width: 160px; } } .p-6 { padding: 1.5rem !important; } @media (min-width: 768px) { .md\:p-8 { padding: 2rem !important; } .md\:p-10 { padding: 2.5rem !important; } } @media (min-width: 1024px) { .lg\:p-12 { padding: 3rem !important; } } .pt-15 { padding-top: 3.75rem !important; } .pb-15 { padding-bottom: 3.75rem !important; } .pt-25 { padding-top: 6.25rem !important; } .pb-25 { padding-bottom: 6.25rem !important; } .pt-30 { padding-top: 7.5rem !important; } .pb-30 { padding-bottom: 7.5rem !important; } .pt-35 { padding-top: 8.75rem !important; } .pb-35 { padding-bottom: 8.75rem !important; } .w-\[80px\] { width: 80px !important; } .w-\[90px\] { width: 90px !important; } .h-\[120px\] { height: 120px !important; } .h-\[140px\] { height: 140px !important; } .h-\[240px\] { height: 240px !important; } .h-\[285px\] { height: 285px !important; } .h-\[300px\] { height: 300px !important; } .h-\[380px\] { height: 380px !important; } #main-header.scrolled { background-color: #0f1218 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important; } @media (min-width: 640px) { .sm\:w-\[90px\] { width: 90px !important; } } @media (min-width: 768px) { .md\:w-\[110px\] { width: 110px !important; } .md\:h-\[140px\] { height: 140px !important; } .md\:h-\[285px\] { height: 285px !important; } .md\:h-\[380px\] { height: 380px !important; } .md\:rounded-3xl { border-radius: 1.5rem !important; } .md\:pt-35 { padding-top: 8.75rem !important; } .md\:pb-35 { padding-bottom: 8.75rem !important; } } .text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; } .text-\[17px\] { font-size: 17px !important; line-height: 1.5 !important; } .text-balance { text-wrap: balance !important; } @media (min-width: 640px) { .sm\:text-5xl { font-size: 3rem !important; line-height: 1 !important; } } @media (min-width: 768px) { .md\:text-6xl { font-size: 3.75rem !important; line-height: 1 !important; } }