/* Base styles */
:root {
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    --background-color: #ffffff;
    --text-color: #333333;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.6;
    color: var(--text-color);
    background: linear-gradient(135deg, #0c0e14 0%, #101320 50%, #141824 100%);
}

/* Header styles */
header {
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: var(--background-color);
    border-bottom: 1px solid #f3f4f6;
    transition: all 0.2s ease;
    padding: 20px 0;
}

header.bg-white\/90 {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4px);
}

/* Hero section styles */
#hero-section {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    padding: 7rem 0;
    display: flex;
    align-items: center;
}

.noise {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgc3RpdGNoVGlsZXM9InN0aXRjaCIgdHlwZT0iZnJhY3RhbE5vaXNlIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0wIDBoMzAwdjMwMEgweiIgZmlsdGVyPSJ1cmwoI2EpIiBvcGFjaXR5PSIuMDUiLz48L3N2Zz4=');
    opacity: 0.4;
    pointer-events: none;
}

.gradient-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.orb-1 {
    top: 25%;
    right: -5rem;
    width: 24rem;
    height: 24rem;
    background-color: rgba(10, 132, 255, 0.2);
    opacity: 0.5;
    animation: floatOrb1 8s ease-in-out infinite;
}

.orb-2 {
    bottom: 25%;
    left: -10rem;
    width: 40rem;
    height: 40rem;
    background-color: rgba(94, 92, 230, 0.2);
    opacity: 0.5;
    animation: floatOrb2 10s ease-in-out infinite;
}

.orb-3 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25rem;
    height: 25rem;
    background-color: rgba(191, 90, 242, 0.1);
    opacity: 0.3;
    animation: scaleOrb3 12s ease-in-out infinite;
}

@keyframes floatOrb1 {
    0%, 100% { transform: translateY(0); opacity: 0.5; }
    50% { transform: translateY(-30px); opacity: 0.3; }
}

@keyframes floatOrb2 {
    0%, 100% { transform: translateY(0); opacity: 0.5; }
    50% { transform: translateY(30px); opacity: 0.3; }
}

@keyframes scaleOrb3 {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
    50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.2; }
}

.hero-content {
    position: relative;
    z-index: 10;
}

.apple-gradient-text {
    background: linear-gradient(90deg, #0a84ff, #5e5ce6, #bf5af2, #ff453a, #ff9f0a, #30d158);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 8s infinite linear;
}

@keyframes gradientText {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}
@keyframes shimmer {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.text-white\/90 {
    color: rgba(255, 255, 255, 0.9);
}

.text-white\/80 {
    color: rgba(255, 255, 255, 0.8);
}

.button-shine {
    position: relative;
    overflow: hidden;
}

.button-shine::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    transform: rotate(30deg);
    animation: shine 3s infinite;
}

.apply-now{
    background:rgb(255 255 255 / 0.05);
}
.apply-now:hover{
    background: #ffffff1a;
}

@keyframes shine {
    0% { transform: translateX(-100%) rotate(30deg); }
    100% { transform: translateX(100%) rotate(30deg); }
}

.apple-blue-gradient {
    background: linear-gradient(135deg, #0a84ff 0%, #0055d5 100%);
}

.glow-border {
    position: relative;
}

.glow-border::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 9999px;
    /* background: linear-gradient(135deg, #0a84ff 0%, #0066cc 100%); */
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.glow-border:hover::before {
    opacity: 1;
}



.float-effect {
    animation: float 6s ease-in-out infinite;
}

.float-effect-slow {
    animation: float 8s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* Responsive styles */
@media (min-width: 768px) {
    #hero-section {
        padding: 9rem 0;
    }
}

@media (min-width: 1024px) {
    #hero-section {
        padding: 10rem 0;
    }
}

/* Header styles */
header {
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: var(--background-color);
    border-bottom: 1px solid #f3f4f6;
    transition: all 0.2s ease;
}

header.bg-white\/90 {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4px);
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.justify-between {
    justify-content: space-between;
}

.items-center {
    align-items: center;
}

.h-16 {
    height: 4rem;
}

.space-x-8 > * + * {
    margin-left: 2rem;
}

.hidden {
    display: none;
}

@media (min-width: 768px) {
    .md\:flex {
        display: flex;
    }
    
    .md\:hidden {
        display: none;
    }
}

/* Text styles */
.text-2xl {
    font-size: 1.5rem;
}

.font-sans {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.font-bold {
    font-weight: 700;
}

.text-primary {
    color: var(--primary-color);
}

.text-neutral-600 {
    color: #4b5563;
}

.hover\:text-primary:hover {
    color: var(--primary-color);
}

.font-medium {
    font-weight: 500;
}

.text-sm {
    font-size: 0.875rem;
}

/* Button styles */
.bg-primary {
    background-color: var(--primary-color);
}

.hover\:bg-primary\/90:hover {
    background-color: rgba(0, 123, 255, 0.9);
}

.text-white {
    color: white;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.rounded-full {
    border-radius: 9999px;
}

.transition-colors {
    transition-property: color, background-color, border-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Menu styles */
.relative {
    position: relative;
}

.mr-4 {
    margin-right: 1rem;
}

.absolute {
    position: absolute;
}

.top-full {
    top: 100%;
}

.right-0 {
    right: 0;
}

.mt-2 {
    margin-top: 0.5rem;
}

.w-56 {
    width: 14rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.ring-1 {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.ring-black {
    --tw-ring-color: black;
}

.ring-opacity-5 {
    --tw-ring-opacity: 0.05;
}

.overflow-hidden {
    overflow: hidden;
}

.z-50 {
    z-index: 50;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.divide-y > * + * {
    border-top-width: 1px;
}

.divide-gray-100 > * + * {
    border-color: #f3f4f6;
}

.block {
    display: block;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.hover\:bg-neutral-50:hover {
    background-color: #fafafa;
}

/* Mobile menu styles */
.border-t {
    border-top-width: 1px;
}

.border-neutral-100 {
    border-color: #f3f4f6;
}

.space-y-1 > * + * {
    margin-top: 0.25rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.text-center {
    text-align: center;
}

/* Services section styles */
#services-section {
    position: relative;
    padding: 8rem 0;
    overflow: hidden;
}

.service-card,.feature-item {
    padding: 2rem;
    background: rgba(26, 29, 41, 0.6);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(35, 39, 58, 0.4);
    border-radius: 1.5rem;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(10, 132, 255, 0.15);
    border-color: rgba(10, 132, 255, 0.4) !important;
}
.feature-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(10, 132, 255, 0.15);
    border-color: rgba(10, 132, 255, 0.4) !important;
}

.growth-float{
    top: -1.5rem;
    right: -1.5rem;
}
.growth-float2{
    bottom: -1rem;
    left: -1rem;
}

.apple-blue-gradient {
    background: linear-gradient(135deg, #0a84ff 0%, #0055d5 100%);
}

.apple-purple-gradient {
    background: linear-gradient(135deg, #bf5af2 0%, #9b4dca 100%);
}

.apple-green-gradient {
    background: linear-gradient(135deg, #1abf41 0%, #1abf41 100%);
}

.apple-red-gradient {
    background: linear-gradient(135deg, #ff453a 0%, #dc3545 100%);
}

.grid {
    display: grid;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.gap-8 {
    gap: 2rem;
}

.mb-20 {
    margin-bottom: 5rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mt-auto {
    margin-top: auto;
}

.w-14 {
    width: 3.5rem;
}

.h-14 {
    height: 3.5rem;
}

.rounded-2xl {
    border-radius: 1rem;
}

.shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.w-12 {
    width: 3rem;
}

.h-0\.5 {
    height: 0.125rem;
}

.text-white\/60 {
    color: rgba(255, 255, 255, 0.6);
}

.text-base {
    font-size: 1rem;
}

.flex-grow {
    flex-grow: 1;
}

@media (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Why Choose Section Styles */
#why-choose-section {
    position: relative;
    padding: 8rem 0;
    overflow: hidden;
}

.glass-container {
    background: rgba(24, 27, 38, 0.7);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(35, 39, 58, 0.5);
    border-radius: 2rem;
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.25);
}

.glass-card {
    background: rgba(26, 29, 41, 0.6);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(35, 39, 58, 0.4);
    border-radius: 1.5rem;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.glass-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(10, 132, 255, 0.15);
    border-color: rgba(10, 132, 255, 0.4) !important;
}


.apple-blue-gradient {
    background: linear-gradient(135deg, #0a84ff 0%, #0055d5 100%);
}

.apple-green-gradient {
    background: linear-gradient(135deg, #34C759, #30B350);
}

.apple-purple-gradient {
    background: linear-gradient(135deg, #AF52DE, #5E5CE6);
}

.float-effect {
    animation: float 6s ease-in-out infinite;
}

.float-effect-slow {
    animation: float 8s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}



.feature-item .icon-container {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    box-shadow: 0 4px 6px -1px rgba(94, 92, 230, 0.2);
}

.feature-item h3 {
    font-size: 1.25rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0.5rem;
}

.feature-item p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    #why-choose-section {
        padding: 4rem 0;
    }
}

@media (max-width: 768px) {
    #why-choose-section {
        padding: 3rem 0;
    }
    
    .feature-item {
        padding: 1rem;
    }
}

/* Add more utility classes as needed */

#industries-section {
    position: relative;
    padding: 8rem 0;
    overflow: hidden;
}

.industries-grid {
    position: relative;
    z-index: 10;
}

.industry-card {
    background: rgba(26, 29, 41, 0.6);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(35, 39, 58, 0.4);
    border-radius: 1.5rem;
}

.industry-card:hover {
    transition: all 0.3s ease;
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(10, 132, 255, 0.15);
    border-color: rgba(10, 132, 255, 0.4) !important;
    background-image: linear-gradient(to right, #1a2040, #2d2f5e);
}

@media (max-width: 1024px) {
    #industries-section {
        padding: 6rem 0;
    }
}

@media (max-width: 768px) {
    #industries-section {
        padding: 4rem 0;
    }
    
    .industry-card {
        padding: 2rem !important;
    }
}

#partner-section {
    position: relative;
    padding: 8rem 0;
    overflow: hidden;
}

.partner-grid {
    position: relative;
    z-index: 10;
}

.partner-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1.5rem;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.partner-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.05);
}

@media (max-width: 1024px) {
    #partner-section {
        padding: 6rem 0;
    }
}

@media (max-width: 768px) {
    #partner-section {
        padding: 4rem 0;
    }
    
    .partner-card {
        padding: 2rem !important;
    }
}

#security-banner {
    padding: 4rem 0;
}

.custom-flex-layout {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4rem; 
  
    @media (min-width: 768px) {
      flex-direction: row;
    }
  }
  

@media (max-width: 768px) {
    #security-banner {
        padding: 3rem 0;
    }
}

#contact-section {
    position: relative;
    padding: 8rem 0;
    overflow: hidden;
}

.contact-grid {
    position: relative;
    z-index: 10;
}

.contact-form,
.contact-info {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 1.5rem;
    backdrop-filter: blur(10px);
}

.contact-form input,
.contact-form textarea {
    transition: all 0.3s ease;
}

.contact-form input:focus,
.contact-form textarea:focus {
    background: rgba(255, 255, 255, 0.08);
}

.contact-form button {
    transition: all 0.3s ease;
}

.contact-form button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(10, 132, 255, 0.3);
}

.custom-input {
    width: 100%;
    padding: 1rem 1.25rem;
    height: auto;
    font-size: 1rem; 
    border-radius: 0.75rem; 
    background-color: rgba(35, 39, 58, 0.8);
    backdrop-filter: blur(4px); 
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    outline: none;
    transition: all 0.2s ease;
}

.custom-input:focus {
  border-color: rgba(10, 132, 255, 0.6); /* focus:border-[#0a84ff]/60 */
  box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.2); /* focus:ring-[#0a84ff]/20 */
}

.custom-input option {
    background-color: #181b26;
    color: #fff;
  }

.custom-textarea {
    width: 100%;
    padding: 1rem 1.25rem; /* py-4 px-5 */
    font-size: 1rem; /* text-base */
    border-radius: 0.75rem; /* rounded-xl */
    background-color: rgba(35, 39, 58, 0.8); /* bg-[#23273a]/80 */
    backdrop-filter: blur(4px); /* backdrop-blur-sm */
    border: 1px solid rgba(255, 255, 255, 0.1); /* border-white/10 */
    color: #ffffff;
    outline: none;
    transition: all 0.2s ease;
    resize: none; /* disables resizing */
  }
  
  /* Focus state */
  .custom-textarea:focus {
    border-color: rgba(10, 132, 255, 0.6); /* focus:border-[#0a84ff]/60 */
    box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.2); /* focus:ring-[#0a84ff]/20 */
  }


@media (max-width: 1024px) {
    #contact-section {
        padding: 6rem 0;
    }
}

@media (max-width: 768px) {
    #contact-section {
        padding: 4rem 0;
    }
    
    .contact-form,
    .contact-info {
        padding: 2rem !important;
    }
}

#footer {
    position: relative;
    padding: 6rem 0 3rem;
    overflow: hidden;
}

#footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}

.footer-content {
    position: relative;
    z-index: 10;
}

.footer-content a {
    display: flex;
    position: relative;
}




@media (max-width: 768px) {
    #footer {
        padding: 4rem 0 2rem;
    }
} 

/* Footer Custom Styles */
#footer {
    padding: 5rem 0; /* py-20 */
    margin-top: 2.5rem; /* mt-10 */
    position: relative;
}

/* Gradient separator line */
.gradient-separator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
}

/* Apple-style gradient text */
/* .apple-gradient-text {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
} */

/* Social media icons */
.social-icon {
    width: 2.5rem; /* w-10 */
    height: 2.5rem; /* h-10 */
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.3s ease;
}

.social-icon:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

/* Footer links */
.footer-link {
    color: rgba(255, 255, 255, 0.6);
    transition: color 0.3s ease;
}

.footer-link:hover {
    color: white;
}

/* Footer copyright text */
.footer-copyright {
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.875rem; /* text-sm */
}

/* Status text */
.footer-status-text {
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.875rem; /* text-sm */
}

.footer-status-small {
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.75rem; /* text-xs */
}

/* Status indicator */
.status-indicator {
    width: 0.5rem; /* w-2 */
    height: 0.5rem; /* h-2 */
    border-radius: 50%;
    background-color: #30d158; /* iOS green color */
    margin-right: 0.5rem; /* mr-2 */
}

/* Legal disclaimer */
.footer-disclaimer {
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.75rem; /* text-xs */
    line-height: 1.625; /* leading-relaxed */
    max-width: 56rem; /* max-w-4xl */
    margin: 0 auto;
    text-align: center;
}

/* Custom responsive classes for mobile - no media queries */
.footer-mobile-padding {
    padding: 3rem 0 !important;
}

.footer-mobile-title {
    font-size: 2rem !important;
}

.footer-mobile-hide-status {
    display: none !important;
}

/* Text opacity utilities for browsers that don't support text-white/60 */
.text-white\/60 {
    color: rgba(255, 255, 255, 0.6);
}

.text-white\/40 {
    color: rgba(255, 255, 255, 0.4);
}

/* Border opacity utilities */
.border-white\/10 {
    border-color: rgba(255, 255, 255, 0.1);
}

/* Custom CSS classes to replace Tailwind breakpoints */

/* Mobile-first approach - default styles */
.footer-flex-col {
    display: flex;
    flex-direction: column;
}

.footer-flex-row {
    display: flex;
    flex-direction: row;
}

.footer-grid-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.footer-mb-8 {
    margin-bottom: 2rem;
}

.footer-mb-4 {
    margin-bottom: 1rem;
}

.footer-mb-0 {
    margin-bottom: 0;
}

/* Medium screens and up (768px+) */
@media (min-width: 768px) {
    .footer-md-flex-row {
        flex-direction: row;
    }
    
    .footer-md-grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    
    .footer-md-mb-0 {
        margin-bottom: 0;
    }
}