.a77-font-weight-light {
    font-weight: 300;
}

.a77-section, .a77-section-title, .wp-block-group.a77-detail-group p, .wp-block-post-featured-image  {
    margin: 0px;
}

.a77-section {
    gap: 0px;
}

.a77-section-paragraph {
    line-height: 28px;
    margin: 0px;
}

.a77-newsletter-title {
         margin-top: 0px;
         margin-bottom: 20px;
    }


/*header*/

.a77-burger-menu-mobile {
    display: none !important;
}

.a77-header .wp-block-column:last-child {
    display: flex !important;
    justify-content: flex-end !important; /* Forces content to the left */
    align-items: center !important;
}


@media (max-width: 1025px) {
    .wp-block-group.a77-header-container {
        padding: 60px 30px 60px 30px !important;
    }
    
    .a77-burger-menu-desktop, .a77-header-menu {
        display: none !important;
    }
    
    .a77-burger-menu-mobile {
        display: block !important;
        margin: 0 auto; 
    }
    
    #a77-dots-menu-trigger {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    /* 1. Force the columns container to stay as a row */
    .wp-block-columns.a77-header {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}    

@media (max-width: 426px) {
    .a77-site-logo {
        width: 90px;
        height: 38px !important; 
    }
    .a77-burger-menu-mobile {
        width: 25px;
    }
    .wp-block-group.a77-header-container {
        padding: 40px 30px 40px 30px !important;
    }
}


.a77-header-menu.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
    left: 0;
    right: auto;
    padding: 10px;
    margin-top: 15px;

    background: black;
    color: #fff;

}

.a77-header-menu.wp-block-navigation {
    gap: 30px;
}

.a77-header-container .a77-header {
    gap: 40px !important;
}

.wp-block-columns.a77-header {
    margin: 0px;
}

.a77-header {
    align-items: center !important;
} 

.a77-header .wp-block-image {
    margin: 0px;
}

.wp-block-group.a77-header-container {
    padding: 60px 0px ;
}

/*about-us banner*/

.a77-about-us-banner {
    margin-bottom: 0px;

}

/*Footer*/

.wp-block-columns.a77-footer-grid, .wp-block-columns.a77-footer-last-row  {
    gap: 50px;
    padding: 0px;
}

.wp-block-columns.a77-footer-last-row {
    padding-top: 50px;
}

.footer-heading {
    padding-bottom: 10px;
    font-weight: 400;
}

 .wp-block-group.a77-footer {
    padding-top: 140px;
    padding-bottom: 140px;
} 

.a77-footer-last-row {
    margin-bottom: 0px !important;
}

.a77-footer-column {
    gap: 20px !important
}

@media (max-width: 781px) {

     .a77-social-links {
        justify-content: flex-start;
    }


    .footer-heading  {
        text-align: left !important;
    }
  
    .wp-block-columns.a77-mobile-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 20px 4% !important; 
    }


     .wp-block-navigation.a77-footer-column {
        align-items: flex-start !important; 
    }

    .a77-footer-column .wp-block-navigation-item {
        text-align: left !important;
    }


    .wp-block-columns.a77-mobile-grid > .wp-block-column {
        flex-basis: 48% !important; 
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    .wp-block-columns.a77-mobile-grid > .wp-block-column:first-child {
        flex-basis: 100% !important;
        margin-bottom: 20px;
    }
}

/*hero-carousel*/


.a77-carousel-viewport {
    overflow: hidden !important;
    width: 100% !important;
    position: relative;
    /* Ensure the viewport doesn't allow content to bleed out */
}

section.wp-block-group.a77-carousel-viewport {
    overflow: hidden !important;
    width: 100% !important;
    position: relative;
    padding: 0; 
}


.a77-carousel-viewport .a77-carousel-track {
    display: flex !important;
    flex-wrap: nowrap !important; 
    transition: transform 0.5s ease-in-out;
    width: 100%;

    align-items: flex-start;
}


.a77-carousel-viewport .a77-carousel-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important; 

    height: auto;
}

.a77-carousel-dots {
    display: flex;
    justify-content: flex-end; 
    gap: 10px;                 
    padding: 20px 20px;           
}

.a77-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: #c9c0b2;
    background: #c9c0b2;
    cursor: pointer;
    padding: 0;
}

.a77-dot.is-active {
    background: #000; 
}

.a77-page-title {
    line-height: 53.6px;
}

/*pop-up*/

@media (min-width: 1441px) {
    .a77-logo-popup {
    padding-bottom: 90px;
    margin: 0px;
    }
} 

@media screen and (max-width: 1440px) and (min-width: 426px) {
    .a77-logo-popup {
        padding-bottom: 50px;
        margin: 0px;
    }

    .a77-header-drawer .wp-block-social-links {
        margin-top: 30px !important;
    }
}

@media (max-width: 768px) {
    .drawer-content-area {
    padding: 50px 60px 60px 60px !important;
    }
}

.a77-pop-up-menu .wp-block-navigation-item.parent-item.wp-block-navigation-link .wp-block-navigation-item__label {
    font-weight: 500;
    font-style: normal; 
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em; 
}

@media (max-width: 768px) { 
.a77-pop-up-menu.wp-block-navigation {
    align-items: center !important;
    }
.a77-logo-popup {
    padding-bottom: 40px !important;
    width: 100px;
    } 
.a77-header-drawer .wp-block-social-links {
        justify-content: center;
        margin-top: 30px !important; 
    }   
}

#a77-close-menu-btn.a77-close-button {
    position: absolute !important;
    top: -350px !important;   
    right: 20px !important;  
    cursor: pointer;
    z-index: 9999;           
}


#a77-close-menu-btn.a77-close-button img {
    width: 24px;          
    height: auto;
    display: block;
    padding-right: 60px
}


.a77-header-drawer .wp-block-social-links {
    margin-top: 60px;
}



#a77-dots-menu-trigger, .a77-close-button {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
    outline: none !important;
    transition: none !important;
}

#a77-dots-menu-trigger:hover, 
#a77-dots-menu-trigger:active, 
#a77-dots-menu-trigger:focus, 
.a77-close-button {
    background: transparent !important;
    color: inherit !important; 
    opacity: 1 !important;     
    outline: none !important;
    transform: none !important;
}

.a77-header-drawer.is-active {
    right: 0;
    visibility: visible;
}


.a77-header-drawer {
    position: fixed;
    top: 0;
    right: -100%; /* Hidden completely off-screen */
    width: 100%;  /* Full Viewport Width */
    height: 100vh; /* Full Viewport Height */
    background: #ffffff;
    z-index: 10000;
    overflow: hidden;
}

.drawer-container {
    display: flex;
    width: 100vw;
    height: 100vh;
}

/* .drawer-column {
    flex: 1; 
    height: 100%;
    display: flex;
    flex-direction: column;
} */

.drawer-content-area {
    flex: 0 0 40%;
    background: #fbf0de;
    padding: 60px 0px 0px 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}

@media (max-width: 1025px) {
    .drawer-content-area {
    padding: 60px 0px 0px 100px;
}

}

.drawer-image-column {
   flex: 0 0 60%; 
    position: relative;
    overflow: hidden;
}


.drawer-image-column .wp-block-cover {
   position: relative;
    height: 100% !important;
    min-height: 100vh !important;
    padding: 0 !important; /* Remove padding that might squish the image */
    overflow: hidden;
}

.drawer-image-column .wp-block-cover .wp-block-image,
.drawer-image-column .wp-block-cover .wp-block-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}


.drawer-image-column .wp-block-cover img {
    object-fit: cover !important; 
    object-position: center !important;
}

@media screen and (max-width:769px) {
.drawer-column.drawer-image-column{
    display: none !important;
    }
.drawer-content-area {
    flex: 100% !important; 
    }   
    
}

.wp-block-navigation-item.child-item.wp-block-navigation-link .wp-block-navigation-item__label {
    font-weight: 300;
    font-style: light; 
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.01em; 
    padding-left: 20px !important;
}

.wp-block-columns.drawer-column {
    gap: 0px !important;
}

/* workspaces */

.a77-workspace-column h2 {
    margin-bottom: 15px;
}

.a77-workspace-column .a77-detail-group h2 {
    font-size: 34px !important;
}


/* slider */

 .wp-block-group.a77-detail-group {
    padding: 30px 20px;
}

.a77-slider-track .wp-block-image {
    margin: 0px;
}

.a77-slider-slide .a77-detail-group .wp-block-group{
    height: 200px;
} 

.a77-detail-group .wp-block-group {
    height: 124px;
}

.a77-detail-group h2.wp-block-heading{
    font-weight: 300 !important;
}

.a77-slider-wrapper {
    position: relative;
    overflow: visible !important;
}

.a77-slider-arrow {
    display: flex !important;
    gap: 40px;
    min-width: 60px;
    min-height: 30px;
    justify-content: flex-end;
    align-items: center;
    
    
    position: absolute;
    bottom: 20px; 
    right: 20px;  
    z-index: 99;
}

.a77-nav-arrow {
    background: transparent !important;
    border: none !important;
    width: 30px !important;
    height: 60px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    visibility: visible !important;
           

}

.a77-nav-arrow::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-top: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}

.a77-slider-arrow-dark .a77-nav-arrow::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-top: 5px solid black;
    border-right: 5px solid black;
}


.prev::before { transform: rotate(-135deg); }
.next::before { transform: rotate(45deg); }

@media screen and (min-width: 1025px) {
    .a77-slider-track {
        width: 1200px !important;
    }
}

.a77-slider-slide {
    padding: 0px;
}

/* slider mobile setting*/
.a77-slider-viewport {
    overflow: hidden; 
    width: 100%;
    flex-direction: column;
}

.a77-slider-track.a77-team-container {
    display: flex;
     align-items: stretch;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none; 
    gap: 17px; 

    height: 446px !important;
}

.a77-slider-track,.a77-slider-track.a77-community-container {
    display: flex;
     align-items: stretch;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none; 
    gap: 17px; 
}

.wp-block-group.a77-detail-group p {
    margin-top: 5px !important;
}

 .a77-slider-track .a77-team-img img {
    height: 304px;
    width: 100%;
    object-fit: cover;
    object-position: center;
} 

.a77-slider-track::-webkit-scrollbar {
    display: none; /* Hides scrollbar Chrome/Safari */
}

.a77-slider-slide {
    /* flex: 0 0 25%; */
    scroll-snap-align: start;
    box-sizing: border-box;
}

.a77-slider-slide .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
}

/* @media (min-width: 768px) {
    .a77-slider-slide {
      
        flex: 0 0 calc(25% - 15px) !important; 
        min-width: calc(25% - 15px) !important;
      
    }
} */

@media (max-width: 426px) {
    .a77-slider-slide {
        flex: 0 0 85%; /* Shows 1.5 members on mobile so user knows to scroll */
    }
}

@media (max-width: 426px) {
    .a77-slider-slide.a77-community-slide {
        flex: 0 0 85%; /* Shows 1.5 members on mobile so user knows to scroll */
    }
}




@media screen and (min-width:427px) and (max-width: 1024px) {
    .a77-slider-slide {
        flex: 0 0 30%; /* Shows 1.5 members on mobile so user knows to scroll */
    }
}


/*Brands section*/
/*latest-news*/


.a77-latest-news-section .a77-button-dark {
    /* margin-top: 30px; */
    width: 176px !important;
}

.a77-post-card .a77-post-card-details {
    height: 355px;
    padding: 30px;
}

body .wp-block-post-template.a77-post-block {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; 
    overflow-x: auto !important; 
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    gap: 20px;
    padding: 20px 0;
    
    /* Hide scrollbars */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body .wp-block-post-template.a77-post-block::-webkit-scrollbar {
    display: none;
}

/* 2. The Card sizing */
body .a77-post-card {
    flex: 0 0 85% !important; /* 85% width on mobile */
    min-width: 280px !important;
    scroll-snap-align: start;
    box-sizing: border-box;
}

/* Tablet & Desktop Layout */
@media (min-width: 768px) {
    body .a77-post-card {
        flex: 0 0 calc(33.33% - 20px) !important; /* 3 cards */
    }
}

@media (min-width: 1200px) {
    body .a77-post-card {
        flex: 0 0 calc(25% - 20px) !important; /* 4 cards */
    }
}

/*homepage grid*/

.a77-grid-container h2 {
    line-height: 50px;
}

.wp-block-columns.a77-grid-container{
    margin: 0px !important;
    gap: 0px !important;
}
  

/* circle background */

.a77-section-with-vectors {
    background-color: var(--wp--preset--color--avenue-beige);
    background-image: url('/wp-content/themes/avenue77/assets/images/Elipse-01.png'), url('/wp-content/themes/avenue77/assets/images/Elipse-02.png');
    background-repeat: no-repeat;
    background-position: top left, bottom right; 
}

.a77-section-with-vectors-light {
    background-color: var(--wp--preset--color--avenue-beige);
    background-image: url('/wp-content/themes/avenue77/assets/images/Ellipse-9.png');
    background-repeat: no-repeat;
    background-position: 100% 700%;
}

.homepage.a77-section-with-vectors-light {
    background-color: var(--wp--preset--color--avenue-beige);
    background-image: url('/wp-content/themes/avenue77/assets/images/Ellipse-8.png'), url('/wp-content/themes/avenue77/assets/images/Ellipse-10.png');
    background-repeat: no-repeat;
    background-position: top right, bottom left;
} 

.homepage.a77-section-with-vectors {
    background-color: var(--wp--preset--color--avenue-beige);
    background-image: url('/wp-content/themes/avenue77/assets/images/Ellipse-11.png');
    background-repeat: no-repeat;
    background-position: top right; 
}
.a77-latest-news-section.a77-section-with-vectors-light {
    background-color: var(--wp--preset--color--avenue-beige);
    background-image: url('/wp-content/themes/avenue77/assets/images/Ellipse-12-e1776855818963.png');
    background-repeat: no-repeat;
    background-position: bottom right;
}