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

#main-div {
    /* width: 100vw; */
    margin: auto;
}

/*  main styling below */
#slider2_maindiv {
    width: 100%;
    aspect-ratio: 1/0.35;
}

/* @media screen and (max-width: 991px) {
    #slider2_maindiv {
        aspect-ratio: 1/0.4;
    }
} */

@media screen and (max-width: 575px) {
    #slider2_maindiv {
        aspect-ratio: 1/0.50;
    }
}
@media screen and (max-width: 430px) {
    #slider2_maindiv {
        aspect-ratio: 1/0.60;
    }
}

#slider2 {
    width: 100%;
    height: 100%;

    overflow: hidden;
    background: #e18e8e;
}

#slider2_maindiv #slidernavigation {
    background: aqua;
    position: relative;
    top: 45%;
    width: 100%;
    left: 0;
    z-index: 3;
}

#slider2_maindiv #slidernavigation #slidernavigation_div {
    position: absolute;
    width: 100%;
    transition: 300ms ease-in-out;
}

#slider2_maindiv #slidernavigation #slidernavigation_div span img {
    height: 25px;
    opacity: 1;
}

#slider2_maindiv #slidernavigation #slidernavigation_div span {
    padding: 6px;
}

#slider2_maindiv #slidernavigation #slidernavigation_div span:hover {
    background: blanchedalmond;
    display: inline-flex;
    transition: 200ms;
    opacity: 0.5;
    cursor: pointer;
}

.showhideslider_button {
    opacity: 1 !important;
    padding: 0px 50px;
}

#go_to_prev_slider {
    border-radius: 25px;
}

#go_to_next_slider {
    border-radius: 25px;
}

.float_to_right {
    float: right;
}

#slider2 #slider2_change_slide {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    transition: 700ms ease-in-out;
}

#slider2 #slider2_change_slide .sliderimg {
    min-width: 100%;
    height: 100%;
}

#slider2 #slider2_change_slide .sliderimg img {
    width: 100%;
    height: 100%;
}