.itemListing{
    margin-top:40px;
    display: flex;
    justify-content: right;
    align-items: center;
}

.itemListing__listingImages{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.listingImages__horizontal{
    display:flex;
}

.itemListing h2{
    font-size:55px;
    font-weight:500;
    margin:0;
}

.itemListing h3{
    margin:0;
    font-size:45px;
    font-weight: 500;
    color:#FF0000;
}

.itemListing p{
    font-size: 23px;
    margin:0;
}
.itemListing hr{
    width:200%;
    margin:0px;
}

#stock{
    color: green;
    font-size:18px;
}

.itemListing img{
    width:100%;
    padding:10px;
}

.itemListing__listingDescription{
    width:50%;
    display: flex;
    flex-direction: column;
    gap:20px;
    margin-right:150px;
}

.itemListing__button{
    background-color: #F0960F;
    padding: 10px 20px;
    font-size:23px;
    border-radius:25px;
    width:15%;
    text-align: center;
    height:25%;
}

.itemListing__button a{
    color:white;
    text-decoration: none;
    font-size:23px;
}

.listingDescription__navigation{
    display:flex;
    align-items: center;
    gap:10px;
}

.navigation__downloads{
    display: flex;
    align-items: center;
}

.listingDescription__navigation a{
    text-decoration: none;
}
.itemCardsLayout__headerYamaha{
    width: 30%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.itemCardsLayout__headerYamaha p{
    color: #0045CB;
}

.itemCardsLayout__headerAll p{
    color: #0045CB;
}

.itemCardsLayout__headerEZGO p{
    color: #0045CB;
}

.itemCardsLayout__headerClub p{
    color: #0045CB;
}

.itemCardsLayout__headerAll{
    width: 30%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.itemCardsLayout__headerClub{
    width: 30%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.itemCardsLayout__headerEZGO{
    width: 30%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header__edit{
    width:80%;
    justify-content: end;
    font-size:16px;
}
.header__edit img{
    width:24.5%;
}
.listingDescription__navigation img{
    width:5%;
}
.itemCardsLayout__header.row{
    padding:0px;
    transition: all .5s ease; /* Add transition */
    z-index: 20;
}
.itemCardsLayout__header.row .header__edit{
    display: none;
    transition: all .5s ease; /* Add transition */
}
.itemCardsLayout__header.row .itemCardsLayout__headerAll{
    display:none;
    transition: all .5s ease; /* Add transition */
}
.itemCardsLayout__header.row .itemCardsLayout__headerYamaha{
    display:none;
    transition: all .5s ease; /* Add transition */
}
.itemCardsLayout__header.row .itemCardsLayout__headerEZGO{
    display:none;
    transition: all .5s ease; /* Add transition */
}
.itemCardsLayout__header.row .itemCardsLayout__headerClub{
    display:none;
    transition: all .5s ease; /* Add transition */
}
.itemCardsLayout__header.row .itemCardsLayout__headerbuynow{
    width:100%;
    padding:15px 20px;
    border-radius: 0px;
    display: flex;
    visibility: visible;
}
.itemCardsLayout__header.row .itemCardsLayout__headerbuynow h3{
    transition: all .5s ease; 
}
.itemCardsLayout__header.row .itemCardsLayout__headerbuynow a{
    transition: all .5s ease; 
}
/* ------------------------------------------------- */

.sectionHeader img{
    width:9%;
    border-radius:8px;
    border:.5px solid white;
}
.itemCardsHeader{
    width:100%;
    background-color:#11286A;
    padding:10px ;
}

.itemCardsHeader h1{
    margin:10px;
    color:white;
    font-weight: 500;
    font-size:1.8rem;
}

.itemCardsLayout{
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.itemCard__itemCardimg img:nth-child(1) {
    width: 60%;
}

.itemCard__itemCardimgimage {
    width: 60%;
    height: auto; /* Ensures the height is auto to maintain aspect ratio */
    aspect-ratio: 1;
    object-fit: contain; /* This ensures the image covers the container without distortion */
}

.itemCardsLayout__allItemCards{
    display:flex;
    flex-direction: column;
    text-align: center;
    width:100%;
    padding: 0% 3%;
    box-sizing: border-box;
    margin:30px auto;
}

/* allothercards */
.itemCardsLayout__allItemCardsAll {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 85%;
    padding: 0% 3%;
    box-sizing: border-box;
    margin: 30px auto;
}

.allItemCards__itemCardAll {
    font-family: "Roboto";
    width: 24%;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px;
    border: 1px solid #ededed;
}

.allItemCardsAll{
    display: flex;
    justify-content: center;
    row-gap: 30px;
    flex-wrap: wrap;
    column-gap: 50px;
}
/* allothercards */

.allItemCards__header h2{
    display:none;
    font-size:1.6rem;
}
.itemCardsLayout__allItemCards h2{
    margin:30px;
    font-weight: 500;
    font-size:1.5rem;
}

.itemCardsLayout__allItemCardsAll h2{
    margin:30px;
    font-weight: 500;
    font-size:1.5rem;
}

.allItemCards{
    display:flex;
    justify-content: space-around;
    row-gap:20px;
    flex-wrap: wrap;
}
.itemCardsLayout__header{
    position: relative;
    display: flex;
    justify-content: space-between;
    padding:10px 20px;
    border-bottom:1px solid rgb(70, 20, 163);
    align-items: center;
    position: sticky;
    top: 0px;
    z-index: 3;
    background: white;
    transition: all .3s ease;

}
.itemCard__itemCardimg{
    box-sizing: border-box;
    position: relative;
}
.logo{
    position: absolute;
    top:4%;
    right:4%;
    display: flex;
    align-items: center;
    width:40%;
    justify-content: end;
    -webkit-filter: grayscale(100%); 
    opacity:70%;
    cursor:pointer;
}
.itemCardsLayout__header select {
    border-radius: 8px;
    padding: 10px 13px 10px 0px;
    height:44px;
}

.itemCardsLayout__header select:hover{
    cursor: pointer;
}

.itemCard__itemCardHeader hr{
    top:0%;
    width:100%;
}
.itemCardsLayout__header h3{
    text-align: left;
    margin:0px;
    font-size:18px;
    font-weight:600;
}
.allItemCards__itemCard{
    font-family: "Roboto";
    width:18%;
    position: relative;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px;
    border:1px solid #ededed;
}
.itemCard__itemCardHeader{
    background-color:#11286A ;
    color:white;
    text-align: center;
    margin:0;
    padding:10px;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
}

.itemCard__itemCardHeader select{
    width:75%;
    border-radius: 8px;
    padding:5px;
    background-color: rgb(255, 255, 255);
}

.itemCard__itemCardHeader h2{
    margin:0;
    font-weight: 500;
}
.itemCard__itemCardimg{
    display: flex;
    justify-content: center;
    padding:15px 10px;
    background-color: white;
    border-radius: 8px;
}
.itemCard__itemCardInformation{
    display:flex;
    flex-direction: column;
    background-color:#f5f5f5;
    border-top:1px solid #e9e9e9;
    border-radius: 0px 0px 8px 8px;
}

.itemCardInformation__horizontalLayer{
    display:flex;
    justify-content: space-between;
    flex-direction: column;
    padding:10px;
    border-bottom: 1px solid #ededed;
    background: #f5f5f5;
}

.itemCardInformation__horizontalLayertext{
    margin:0;
    font-size:.9rem;
    font-weight:100;
    text-align: left;
}
.itemCardInformation__horizontalLayer h2 {
    margin: 0;
    font-weight: 500;
    font-size: 1.1rem;
    text-align: left;
    padding: 0px;
    color: #000000;
    border-radius: 8px 8px 0px 0px;
    font-weight: 600;
}

.horizontalLayer__price{
    color:rgb(0, 0, 0);
    font-weight: 600;
    font-size:1.2rem;
    text-align: left;
    padding:5px 0px;
    margin:0;
}
.accessories__shopItems{
    width:35%;
    box-sizing: border-box;
    padding:0% 5%;
}
.itemCardsLayout__headerbuynow em{
    color:#f15900;
    font-weight:600;
}
.itemCardInformation__horizontalLayer em{
    color:black;
    font-size:.9rem;
    font-weight:300;
    color:rgb(94, 94, 94);
}
.header__edit{
    display: flex;
    align-items: center;
    gap:1rem;
}

.header__edit p{
    color:#0045CB;

}

.blue {
    background-color: #11286a; /* Blue color for AllTrax */
    color:white;
    padding:3px;
    transform:skew(20deg);
}

.green {
    background-color: #029109; /* Green color for Navitas */
    color:white;
    padding:3px;
    transform:skew(20deg);
}

.horizontalLayer__horizontal{
    display:flex;
    justify-content: space-between;
    flex-direction: column;
    gap:5px;
}
.horizontalLayer__buynow{
    background-color: white;
    padding:8px 25px;
    border-radius:8px;
    color:black;
    font-size: 1rem;
    text-decoration: none;
    align-items: center;
    display:flex;
    justify-content: center;
    border:1px solid black;
}

.itemCardsLayout__headerbuynow{
    display:flex;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(rgba(29, 29, 29, .75), rgba(19, 19, 19, 0.5)), url("../assets/unsplashbackgroundflippedcompressed.jpg");
    background-size: cover;
    border-radius:20px;
    gap:25px;
    visibility: hidden;
}
.itemCardsLayout__headerbuynow h3{
    color:white;
}
.itemCardsLayout__headerbuynow a{
    background-color:#f15900;
    padding:10px 35px;
    text-decoration: none;
    color:white;
    border-radius:8px;
    align-items: center;
    display:flex;
}
.horizontalLayer__buynow:hover{
    background-color:#E6E6E6;
}
.horizontalLayer__horizontalp{
    color:rgb(70, 70, 70);
}

.itemCardsLayout__allItemCardsdown{
    display:flex;
    flex-direction: column;
}

.reverse{
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}
.sectionHeader__information{
    display: flex;
    flex-direction: column;
    align-items: start;
    width:85%;
    padding:85px 60px;
    padding-left: 42px;
    background-color: #E6E6E6;
    clip-path: polygon(0 0,  100% 0, calc(100% - 1.5rem) 100%, 0% 100%);
    gap:5px;
}

.sectionHeader{
    width:100%;
    background-size: cover;
    align-items:center;
    display:flex;
    justify-content: space-between;
    /* background-image: linear-gradient(rgba(29, 29, 29, .75), rgba(19, 19, 19, 0.5)), url("../assets/unsplashbackgroundflipped.png");
    background-size: cover; */
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color:#11286A;
    /* border:1px solid rgb(214, 214, 214); */
    border-bottom:0.5px solid gray;
}
.sectionHeader h1{
    color:rgb(31, 31, 31);
    font-size:2.08rem;
    font-weight:600;
    margin:0;
}

.sectionHeader__information p{
    color:rgb(31, 31, 31);
    font-size:1rem;
    margin:0;
}
.information__whyfactor{
    width:50%;
    display:flex;
    flex-direction: column;
    height:auto;
    padding:0px 60px;
    box-sizing: border-box;
    gap:25px;
    padding-right:70px;
}
.whyfactor__flexhorizontal{
    display:flex;
    align-items: center;
    gap:10px;
    box-sizing: border-box;
}
.information__whyfactor h3{
    font-size:2rem;
    margin:0;       
    color: #11286A;  
    padding:13px;     
    background-color:#ffffff;
    border-radius:500px;
}
.information__whyfactor h4{
    margin:0;
    color:white;
    font-weight: 500;
    font-size: 1.2rem;
}
.information__whyfactor p{
    color:rgb(212, 212, 212);
    margin:0;
    font-size:.8rem;
}
.sectionHeader__information a{
    background-color:#0045CB;
    color:white;
    font-size:1.2rem;
    padding:10px 16px;
    text-decoration: none;
    border-radius: 8px;
}

@media screen and (max-width: 1560px) {
    .header__edit img{
        width:60%;
    }
    .sectionHeader h1{
        font-size:1.6rem;
    }
    .sectionHeader__information{
        padding:60px 35px;
        gap:8px;
    }
    .sectionHeader__information p{
        font-size:12px;
    }
    .sectionHeader__information a{
        font-size:16px;
    }
    .header__edit{
        width:35%;
    }
    .header__edit p{
        font-size:.8rem;
    }

    .itemCardsLayout__header select{
        font-size:.7rem;
        height:35px;
    }
    .itemCardsLayout__header {
        padding: 5px 25px;
        border-bottom: .5px solid gray;
    }

    .itemCardsLayout__headerbuynow a{
        font-size:.9rem;
    }

    .itemCardsLayout__header h3{
        font-size:1rem;
        padding:0px;
    }
    .information__whyfactor h3{
        font-size:1.3rem;
        padding:11px;
    }
    .information__whyfactor h4{
        font-size:1rem;
    }
    .information__whyfactor {
        width:50%;
        padding:20px 40px;
        gap:18px;
    }
    .information__whyfactor p{
        font-size:10px;
    }

    .itemCardInformation__horizontalLayer h2{
        font-size:.9rem;
    }
    .horizontalLayer__price {
        font-size:.9rem;
    }
    .itemCardInformation__horizontalLayertext {
        font-size:.7rem;
    }
    .horizontalLayer__buynow{
        font-size:.8rem;
    }
    .itemCardsLayout__allItemCardsAll{
        margin:20px auto;
    }
    .itemCardsLayout__allItemCards{
        margin:20px auto;
    }

    .allItemCardsAll{
        gap:60px;
        row-gap:30px;
        justify-content: center;
    }

    .allItemCards {
        column-gap: 20px;
        row-gap: 30px;
        justify-content: center;
    }

    .allItemCards__itemCardAll{
        width:25%;
    }
    .allItemCards__itemCard{
        width:18.25%;
    }
}
@media screen and (max-width: 1350px){
    .allItemCards__itemCard {
        width: 18%;
    }
    .allItemCards{
        justify-content: space-evenly;
    }
}
@media screen and (max-width:1200px) {
    .allItemCards__itemCard {
        width: 25%;
    }
    
}
@media screen and (max-width: 1030px){
    .allItemCards__itemCard {
        width: 30%;
    }
    .itemCardsLayout__header h3{
        margin:0px;
    }
    .header__edit{
        width:90%;
    }
    .header__edit img{
        width:65%;
    }
}

/* @media screen and (max-width: 780px){
    .allItemCards__itemCard {
        width: 30%;
    }
} */
@media screen and (max-width: 600px) {
    .sectionHeader{
        flex-direction: column;
        box-sizing: border-box;
        border-radius: 0;
        text-align: center;
        display:none;
    }
    .sectionHeader h2{
        font-size:1.3rem;
        text-align: center;
    }

    .sectionHeader__information{
        width:auto;
        border-radius: 0;
        align-items: center;
        flex-direction: column;
        clip-path: none;
        padding:20px 30px;
    }

    .horizontalLayer__buynow{
        font-size:.8rem;
        padding: 6px 20px;
    }

    .sectionHeader__information a{
        display: none;
    }
    .information__whyfactor{
        flex-direction: row;
        width:auto;
        box-sizing: border-box;
        display:none;
    }

    .allItemCardsAll{
        flex-wrap: wrap;
        flex-direction: row;
        box-sizing: border-box;
        gap:5px;
	margin:5px auto;
    }
    
    .allItemCards{
        flex-wrap: wrap;
        flex-direction: row;
        box-sizing: border-box;
        gap:5px;
	margin:5px auto;
    }
    .itemCardsLayout__header {
        position:static;
        top:auto;
    }
    .itemCardsLayout__header h3{
        font-size:.9rem;
        font-weight: 500;
    }

    .itemCardsLayout__headerYamaha{
        width:auto;
    }
    
    .itemCardsLayout__headerAll{
        width:auto;
    }
    .header__edit{
        display:none;
    }
    .header__edit img{
       display:none;
    }

    .itemCardsLayout__headerEZGO{
        width:auto;
    }

    .itemCardsLayout__headerClub{
        width:auto;
    }

    .itemCardsLayout__headerClub:before {
        content: 'Club Car ';
    }

    .header__edit p{
        display: none;
    }

    .itemCardsLayout__headerEZGO:before {
        content: 'EZGO ';
    }

    .itemCardsLayout__headerYamaha:before {
        content: 'EZGO ';
    }

    .itemCardsLayout__allItemCardsAll{
        width:100%;
        box-sizing: border-box;
        margin:0px 0px;
        padding:0px;
    }

    .itemCardsLayout__allItemCards{
        width:100%;
        box-sizing: border-box;
        margin:0px 0px;
        padding:0px;
    }

    .allItemCards__itemCardAll{
        width:48%;
        margin-bottom:0;
        border-radius: 0px;
        box-shadow: none;
        border:1px solid #dddddd;
    }

    .allItemCards__itemCard{
        width:48%;
        margin-bottom:0;
        border-radius: 0px;
        box-shadow: none;
        border:1px solid #dddddd;
    }

    .reverse{
        flex-direction: row-reverse;
        flex-wrap: wrap-reverse;
    }

    .itemCard__itemCardInformation{
        padding:0px;
        border-radius:0px;
    }
    .itemCardInformation__horizontalLayer h2{
        font-size:.9rem;
    }

    .itemCardsLayout__headerbuynow{
        display:none;
    }

    
.itemCardsLayout__header {
    padding: 10px 7.25px;
}


    .header__edit{
        gap:7px;
    }
    .header__edit p{
        font-size:12px;
    }
    .itemCard__itemCardimg img{
        width:80%;
    }
    .itemCardsLayout__header h3{
        padding:0;
        margin:0;
        font-size:1rem;
    }
    .horizontalLayer__price{
        font-size:14px;
    }
}