@font-face {
    font-family: 'Raleway';
    src: url('fonts/static/Raleway-Black.ttf') format('truetype');
    font-weight: 900;
    /* Matches the specified font weight (900) */
    font-style: normal;
    /* Specify font style as needed */
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/static/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
    /* Matches the specified font weight (500 for medium) */
    font-style: normal;
    /* Specify font style as needed */
}

@font-face {
    font-family: 'Raleway_thin';
    src: url('fonts/static/Raleway-Thin.ttf') format('truetype');
    font-style: normal;
    /* Specify font style as needed */
}

@font-face {
    font-family: 'Raleway_regular';
    src: url('fonts/static/Raleway-Regular.ttf') format('truetype');
    font-style: normal;
    /* Specify font style as needed */
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura Extra Black font.ttf') format('truetype');
    font-weight: bold;
}

/* Reset some default margin and padding */
body ,html {
    font-family: 'raleway', sans-serif;
    background: #fff !important;
    margin:0;
    top:0;
}
.allDiscover {
    font-family: 'raleway', sans-serif;
    background: transparent url(../image/MaskGroup6@2x.png) 0% 0% no-repeat padding-box;
    background-size: 100%;
    margin-top:-4%;
    background-position-x: center;



    /* Use the same font name as defined in @font-face */
}

/* Add an overlay to the background */



a {
    text-decoration: none;
}



/* Style the navigation bar */


/* Add responsive styles for smaller screens */
.hamburger {
    display: none;

    /* Initially hide the hamburger icon */
}

.navbar ul li a {
    text-decoration: none;
    color: #fff;
}

.Discover {
    width: 54%;
   
    text-align: left;

}

.Discover .title {

    font: normal normal 900 76px/69px Raleway;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-top: 9%;
    margin-left: 17.3%;
}

.Discover .content {
    text-align: left;
    font: normal normal 500 21px/29px Raleway;
    letter-spacing: -0.53px;
    color: #fff;
    margin-left: 17.3%;

    text-align: justify;
}


.containerDiscover {

    width: 100%;
}

.slider-wrapper {
    position: relative;
    float: right;
    background-color: #fff;
}

.slider-wrapper .image-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
    font-size: 0;
    list-style: none;
    margin-bottom: 30px;
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%;
    padding-top: 1%;
}

.slider-wrapper .image-list::-webkit-scrollbar {
    display: none;
}

.slider-wrapper .image-list .image-item {
    width: 325px;
    height: 400px;
    object-fit: cover;
}


.containerDiscover .image-list li {
    text-align: center;
    width: 100%;
    height: 594px
}

.containerDiscover .image-list li:nth-child(15) img:nth-child(4) {
    width: 120%;
    height: 100%;
    /* transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0); */
    mix-blend-mode: luminosity;
    /* margin-left: -10%; */
    /* margin-top: 22%; */
    opacity: 0.7;

}

.containerDiscover .image-list li:nth-child(15) img:nth-child(3) {
    width: 129%;
    height: 68%;
    transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0);
    mix-blend-mode: luminosity;
    margin-left: -18%;
    margin-top: -17%;
    opacity: 0.7;
    position: absolute;
}

.containerDiscover .image-list li:nth-child(15) img:nth-child(5) {

    opacity: 0;


}

.containerDiscover .image-list li:nth-child(15) {
    position: relative;

    overflow: hidden;
    background: #ABB610;
}

.containerDiscover .image-list li:nth-child(15):hover img:nth-child(3) {
    width: 84%;
    height: 49%;
    transform: matrix(1.0, 0.0, -0.0, 01.0, 0, 0);
    /* margin-top: 32%; */
    mix-blend-mode: unset;
    opacity: 1;

}

.containerDiscover .image-list li:nth-child(15):hover img:nth-child(4) {
    width: 0%;
    height: 0%;
    transform: matrix(1.0, 0.0, -0.0, 01.0, 0, 0);
    /* margin-top: 32%; */
    mix-blend-mode: unset;
    opacity: 0;

}

.containerDiscover .image-list li:nth-child(15):hover img:nth-child(5) {
    width: 124%;
    height: 79%;
    mix-blend-mode: unset;
    opacity: 1;

}

.containerDiscover .image-list li:nth-child(15):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(15) .content_slider {
    font: normal normal 900 0px/0px Raleway;
    visibility: hidden;
}

.containerDiscover .image-list li:nth-child(15) .title_slider {
    font: normal normal 900 0px/0px Raleway;
    visibility: hidden;
}

.containerDiscover .image-list li:nth-child(15):hover .content_slider {
    font: normal normal 900 51px/49px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    /* position: absolute; */
    top: 30%;
    left: 48%;
    transform: translate(-50%, -50%);
    text-align: center;
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(15):hover .title_slider {

    text-align: center;
    font: normal normal 900 121px/107px Raleway;
    letter-spacing: -4.86px;
    color: #FFFFFF;
    text-transform: uppercase;
    visibility: visible;

}

.containerDiscover .image-list li:nth-child(15):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(15):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(14):hover img:nth-child(4) {
    visibility: hidden;
}

.containerDiscover .image-list li:nth-child(14):hover img:nth-child(5) {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(14) img:nth-child(4) {
    width: 100%;
    height: 100%;
    /* transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0); */
    mix-blend-mode: luminosity;
    display: block;

    opacity: 0.7;

}

.containerDiscover .image-list li:nth-child(14):hover img:nth-child(4) {
    width: 0%;
    height: 0%;
}

.containerDiscover .image-list li:nth-child(14) img:nth-child(5) {


    opacity: 0;


}

.containerDiscover .image-list li:nth-child(14) {
    position: relative;

    overflow: hidden;
    background: #E1251B;
}

.containerDiscover .image-list li:nth-child(14):hover img:nth-child(5) {
    width: 90%;
    height: 80%;
    /* transform: matrix(1.0, 0.0, -0.0, 01.0, 0, 0); */
    /* margin-top: -130%; */
    mix-blend-mode: unset;
    opacity: 1;
    margin: 0;
}



.containerDiscover .image-list li:nth-child(14):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(14) .title_slider .containerDiscover .image-list li:nth-child(14) .content_slider {
    font: normal normal 900 61px/0px Raleway;
}

.containerDiscover .image-list li:nth-child(14):hover .content_slider {

    text-align: center;
    font: normal normal 900 61px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    text-align: center;
    visibility: hidden;
}

.containerDiscover .image-list li:nth-child(14):hover .title_slider {
    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    visibility: hidden;

}

.containerDiscover .image-list li:nth-child(14):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(14):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(13) img:nth-child(5) {
    opacity: 0;

}


.containerDiscover .image-list li:nth-child(13) img:nth-child(4) {
    width: 122%;
    height: 153%;
    /* transform: matrix(0.87, 0.5, -0.5, 0.87, 0, 0); */
    mix-blend-mode: luminosity;
    /* margin-left: -10%; */
    margin-top: -39%;
    opacity: 0.7;
    display: block;

}

.containerDiscover .image-list li:nth-child(13):hover img:nth-child(4) {
    width: 0%;
    height: 0%;
}

.containerDiscover .image-list li:nth-child(13) {
    position: relative;

    overflow: hidden;
    background: #FAAB24;
}





.containerDiscover .image-list li:nth-child(13):hover .image-item.new-image {
    width: 80%;
    height: 100%;
    /* transform: matrix(1.0, 0.0, -0.0, 01.0, 0, 0); */
    /* margin-top: -130%; */
    mix-blend-mode: unset;
    opacity: 1;
    margin-top: 50%;

}

.containerDiscover .image-list li:nth-child(13):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(13) .content_slider {
    font: normal normal 900 61px/0px Raleway;
    visibility: hidden;
}

.containerDiscover .image-list li:nth-child(13):hover .content_slider {

    text-align: center;
    font: normal normal 900 61px/48px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    text-align: center;
}

.containerDiscover .image-list li:nth-child(13) .title_slider {
    font: normal normal 900 46px/0px Raleway;
    visibility: hidden;
}

.containerDiscover .image-list li:nth-child(13):hover .title_slider {

    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(13):hover .image-item {
    visibility: hidden;
}

.containerDiscover .image-list li:nth-child(13):hover .image-item.new-image {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(13):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(13):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(12) img {

    width: 118%;
    height: 152%;
    /* transform: matrix(0.94, -0.51, 0.51, 0.94, 0, 0); */
    mix-blend-mode: luminosity;
    opacity: 0.7;

}



.containerDiscover .image-list li:nth-child(12) img:nth-child(3) {
    width: 48%;
    height: 118%;
    transform: matrix(0.94, -0.68, 0.68, 0.94, 0, 0);
    mix-blend-mode: luminosity;
    margin-left: -5%;
    margin-top: 0%;
    opacity: 0.7;
    position: absolute;

}

.containerDiscover .image-list li:nth-child(12) {
    position: relative;

    overflow: hidden;
    background: #ABB610;
}

.containerDiscover .image-list li:nth-child(12):hover img:nth-child(3) {
    width: 86%;
    height: 96%;
    transform: matrix(1, 0.05, -0.05, 1, 0, 0);
    /* margin-top: 32%; */
    mix-blend-mode: unset;
    opacity: 1;
    top: 45%;
    left: 34%;

}

.containerDiscover .image-list li:nth-child(12):hover img:nth-child(4) {
    width: 82%;
    height: 110%;
    transform: matrix(1.0, 0.0, -0.0, 01.0, 0, 0);
    /* margin-top: 32%; */
    mix-blend-mode: unset;
    opacity: 1;
    top: 46%;
    left: -20%;
    z-index: 1;

}

.containerDiscover .image-list li:nth-child(12):hover img:nth-child(4) {
    width: 0%;
    height: 0%;
}

.containerDiscover .image-list li:nth-child(12):hover img:nth-child(5) {
    width: 100%;
    height: 100%;
    /* transform: matrix(1, 0.05, -0.05, 1, 0, 0); */
    mix-blend-mode: unset;
    opacity: 1;
}

.containerDiscover .image-list li:nth-child(12):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(12) .content_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;

}

.containerDiscover .image-list li:nth-child(12):hover .content_slider {
    position: relative;
    z-index: 1;
    text-align: center;
    font: normal normal 900 61px/48px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;

    transform: translate(-50%, -50%);
    text-align: center;

}

.containerDiscover .image-list li:nth-child(12):hover .image-item {
    visibility: hidden;
}


.containerDiscover .image-list li:nth-child(12):hover .image-item.new-image {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(12) .title_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;

}

.containerDiscover .image-list li:nth-child(12):hover .title_slider {

    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(12):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(12):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(11) img {
    width: 120%;
    height: 100%;
    transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0);
    mix-blend-mode: luminosity;

    opacity: 0.7;
    display: block;

}

.containerDiscover .image-list li:nth-child(11) {
    position: relative;

    overflow: hidden;
    background: #E1251B;
}

.containerDiscover .image-list li:nth-child(11):hover img {
    width: 100%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    margin-top: 0%;
    mix-blend-mode: unset;
    opacity: 1;

}

.containerDiscover .image-list li:nth-child(11):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(11) .content_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;

}

.containerDiscover .image-list li:nth-child(11):hover .content_slider {
    font: normal normal 900 99px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    text-align: center;

}

.containerDiscover .image-list li:nth-child(11) .title_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;
}

.containerDiscover .image-list li:nth-child(11):hover .title_slider {

    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(11):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(11):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(10) img {
    width: 120%;
    height: 100%;
    transform: matrix(0.86, 0.52, -0.52, 0.86, 0, 0);
    mix-blend-mode: luminosity;
    /* margin-left: -62%; */
    /* margin-top: -32%; */
    opacity: 0.7;

}

.containerDiscover .image-list li:nth-child(10) {
    position: relative;

    overflow: hidden;
    background: #FAAB24;
}

.containerDiscover .image-list li:nth-child(10):hover img {
    width: 100%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    margin-top: 0%;
    mix-blend-mode: unset;
    opacity: 1;

}

.containerDiscover .image-list li:nth-child(10):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(10) .content_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;

}

.containerDiscover .image-list li:nth-child(10):hover .content_slider {
    text-align: center;
    font: normal normal 900 80px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;

    transform: translate(-50%, -50%);
    text-align: center;
}

.containerDiscover .image-list li:nth-child(10) .title_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;

}

.containerDiscover .image-list li:nth-child(10):hover .title_slider {

    /* transform: translate(-50%, -50%); */
    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(10):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(10):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(9) img {
    width: 120%;
    height: 100%;
    transform: matrix(0.96, -0.29, 0.29, 0.96, 0, 0);
    mix-blend-mode: luminosity;
    opacity: 0.7;

}

.containerDiscover .image-list li:nth-child(9) {
    position: relative;

    overflow: hidden;
    background: #ABB610;
}

.containerDiscover .image-list li:nth-child(9):hover img {
    width: 100%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    margin-top: 0%;
    mix-blend-mode: unset;
    opacity: 1;

}

.containerDiscover .image-list li:nth-child(9):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(9) .content_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;

}

.containerDiscover .image-list li:nth-child(9):hover .content_slider {

    text-align: center;
    font: normal normal 900 90px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    /* position: absolute; */
    top: 11%;
    left: 40%;
    transform: translate(-50%, -50%);
    text-align: center;

}

.containerDiscover .image-list li:nth-child(9) .title_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;

}

.containerDiscover .image-list li:nth-child(9):hover .title_slider {

    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(9):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(9):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(8) img {
    width: 120%;
    height: 100%;
    transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0);
    mix-blend-mode: luminosity;

    opacity: 0.7;

}

.containerDiscover .image-list li:nth-child(8) {
    position: relative;

    overflow: hidden;
    background: #E1251B;
}

.containerDiscover .image-list li:nth-child(8):hover img {
    width: 100%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    margin-top: 0%;
    mix-blend-mode: unset;
    opacity: 1;

}

.containerDiscover .image-list li:nth-child(8):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(8) .content_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;
}

.containerDiscover .image-list li:nth-child(8):hover .content_slider {
    font: normal normal 900 99px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    text-align: center;

}

.containerDiscover .image-list li:nth-child(8) .title_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;
}

.containerDiscover .image-list li:nth-child(8):hover .title_slider {
    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(8):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(8):hover .title_slider {
    visibility: visible;
}


.containerDiscover .image-list li:nth-child(7) img {
    width: 120%;
    height: 100%;
    transform: matrix(0.86, 0.52, -0.52, 0.86, 0, 0);
    mix-blend-mode: luminosity;
    opacity: 0.7;

}

.containerDiscover .image-list li:nth-child(7) {
    position: relative;

    overflow: hidden;
    background: #FAAB24;
}

.containerDiscover .image-list li:nth-child(7):hover img {
    width: 100%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    margin-top: 0%;
    mix-blend-mode: unset;
    opacity: 1;

}

.containerDiscover .image-list li:nth-child(7):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(7) .content_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;
}

.containerDiscover .image-list li:nth-child(7):hover .content_slider {
    font: normal normal 900 99px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    /* position: absolute; */
    top: 11%;
    left: 45%;
    transform: translate(-50%, -50%);
    text-align: center;

}

.containerDiscover .image-list li:nth-child(7) .title_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;
}

.containerDiscover .image-list li:nth-child(7):hover .title_slider {
    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(7):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(7):hover .title_slider {
    visibility: visible;
}


.containerDiscover .image-list li:nth-child(6) img {
    width: 120%;
    height: 100%;
    transform: matrix(0.93, -0.36, 0.36, 0.93, 0, 0);
    mix-blend-mode: luminosity;
    opacity: 0.7;

}

.containerDiscover .image-list li:nth-child(6) {
    position: relative;

    overflow: hidden;
    background: #ABB610;
}

.containerDiscover .image-list li:nth-child(6):hover img {
    width: 120%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    margin-top: 0%;
    mix-blend-mode: unset;
    opacity: 1;
    /* Change the opacity of the image */

}

.containerDiscover .image-list li:nth-child(6):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(6) .content_slider {
    font: normal normal 900 0px/0px Raleway;
    visibility: hidden;

}

.containerDiscover .image-list li:nth-child(6):hover .content_slider {
    font: normal normal 900 99px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    /* position: absolute; */
    top: 11%;
    left: 51%;
    transform: translate(-50%, -50%);
    text-align: center;

}

.containerDiscover .image-list li:nth-child(6) .title_slider {
    font: normal normal 900 0px/0px Raleway;
    visibility: hidden;

}

.containerDiscover .image-list li:nth-child(6):hover .title_slider {
    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(6):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(6):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(5) img {
    width: 120%;
    height: 100%;
    transform: matrix(0.9, -0.70, 0.70, 0.9, 0, 0);
    mix-blend-mode: luminosity;
    opacity: 0.7;

}

.containerDiscover .image-list li:nth-child(5) {
    position: relative;

    overflow: hidden;
    background: #E1251B;
}

.containerDiscover .image-list li:nth-child(5):hover img {

    width: 100%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    /* left: 0%; */
    /* top: 11%; */
    /* bottom: -10px; */
    mix-blend-mode: unset;
    opacity: 1;

}

.containerDiscover .image-list li:nth-child(5):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(5):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(5) .title_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;

}

.containerDiscover .image-list li:nth-child(5):hover .title_slider {
    transform: translate(-50%, -50%);
    text-align: center;
    font: normal normal 900 64px/100px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(5) .content_slider {
    font: normal normal 900 0px/0px Raleway;
    visibility: hidden;
}

.containerDiscover .image-list li:nth-child(5):hover .content_slider {
    font: normal normal 900 64px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    /* position: absolute; */
    top: 29%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;

}

.containerDiscover .image-list li:nth-child(5):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(4) img {

    width: 120%;
    height: 100%;
    transform: matrix(0.93, -0.37, 0.37, 0.93, 0, 0);
    mix-blend-mode: luminosity;
    /* margin-left: -84%; */

    opacity: 0.7;
}

.containerDiscover .image-list li:nth-child(4) {
    position: relative;

    overflow: hidden;
    background: #FAAB24;
}

.containerDiscover .image-list li:nth-child(4) .content_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;
}

.containerDiscover .image-list li:nth-child(4):hover .content_slider {

    text-align: center;
    font: normal normal 900 99px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;

    transform: translate(-50%, -50%);
    text-align: center;

}

.containerDiscover .image-list li:nth-child(4) .title_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;
}

.containerDiscover .image-list li:nth-child(4):hover .title_slider {

    /* transform: translate(-50%, -50%); */
    text-align: center;
    font: normal normal 900 48px/100px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(4):hover img {
    width: 100%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    /* margin-left: -50%; */
    margin-top: 39%;
    mix-blend-mode: unset;
    opacity: 1;
    display: block;
    margin: 0 auto;

}

.containerDiscover .image-list li:nth-child(4):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(4):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(4):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(3) img {
    width: 120%;
    height: 100%;
    transform: matrix(0.98, 0.21, -0.21, 0.98, 0, 0);
    mix-blend-mode: luminosity;
    /* margin-left: -16%; */
    opacity: 0.7;


}

.containerDiscover .image-list li:nth-child(3) {
    position: relative;

    overflow: hidden;
    background: #ABB610;
}

.containerDiscover .image-list li:nth-child(3):hover img {
    width: 100%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    mix-blend-mode: unset;
    opacity: 1;
    display: block;
    margin: 0 auto;

}

.containerDiscover .image-list li:nth-child(3):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(3) .content_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;

}

.containerDiscover .image-list li:nth-child(3):hover .content_slider {

    text-align: center;
    font: normal normal 900 99px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;

    transform: translate(-50%, -50%);
    text-align: center;

}

.containerDiscover .image-list li:nth-child(3) .title_slider {
    font: normal normal 900 0px/0px Raleway;
    visibility: hidden;

}

.containerDiscover .image-list li:nth-child(3):hover .title_slider {

    text-align: center;
    font: normal normal 900 48px/100px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    visibility: hidden;

}

.containerDiscover .image-list li:nth-child(3):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(3):hover .title_slider {
    visibility: visible;
}



.containerDiscover .image-list li:nth-child(2) {
    position: relative;

    overflow: hidden;
    background: #E1251B;
}

.containerDiscover .image-list li:nth-child(2):hover img {
    width: 100%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    margin-top: 15%;
    mix-blend-mode: unset;
    opacity: 1;
    display: block;
    margin: 0 auto;
    /* Change the opacity of the image */

}

.containerDiscover .image-list li:nth-child(2):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(2) .content_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;
}

.containerDiscover .image-list li:nth-child(2):hover .content_slider {

    text-align: center;
    font: normal normal 900 99px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    text-align: center;

}

.containerDiscover .image-list li:nth-child(2) .title_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;

}

.containerDiscover .image-list li:nth-child(2):hover .title_slider {
    /* transform: translate(-50%, -50%); */
    top: 8%;
    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;


}

.containerDiscover .image-list li:nth-child(2):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(2):hover .title_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(1) img, .containerDiscover .image-list li:nth-child(2) img {
    width: 121%;
    height: 100%;
    transform: matrix(0.93, -0.36, 0.36, 0.93, 0, 0);
    mix-blend-mode: luminosity;
    opacity: 0.7;

}

.containerDiscover .image-list li:nth-child(1) {
    position: relative;

    overflow: hidden;
    background: #FAAB24;
}

.containerDiscover .image-list li:nth-child(1):hover img {
    width: 100%;
    height: 100%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    mix-blend-mode: unset;
    opacity: 1;
    text-align: center;
    position: relative;
    display: block;
    margin: 0 auto;
}

.containerDiscover .image-list li:nth-child(1):hover {
    position: relative;

}

.containerDiscover .image-list li:nth-child(1) .content_slider {
    font: normal normal 900 0px/0px Raleway;
    visibility: hidden;
}

.containerDiscover .image-list li:nth-child(1):hover .content_slider {
    text-align: center;
    font: normal normal 900 99px/20px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    visibility: visible;
}

.containerDiscover .image-list li img {
    transition: all 0.3s ease;
}


.containerDiscover .image-list li:nth-child(1) .title_slider {
    visibility: hidden;
    font: normal normal 900 0px/0px Raleway;
}

.containerDiscover .image-list li:nth-child(1):hover .title_slider {
    text-align: center;
    font: normal normal 900 46px/93px Raleway;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    visibility: visible;

}

.containerDiscover .image-list li:nth-child(1):hover .content_slider {
    visibility: visible;
}

.containerDiscover .image-list li:nth-child(1):hover .title_slider {
    visibility: visible;
}

.fa-bars:before {
    color: #fff;
}


footer a {
    color: #03538B !important;
}

@media (max-width:1511px) {

    .navbar ul {

        height: 160.92px;
    }


}

/* Add responsiveness for tablet and mobile */
@media (max-width: 768px) {
    .navbar ul .hamburger-containerDiscover {
        display: block;
        text-align: center;
        order: 2;
        /* Move the logo to the top for mobile */
    }



    .logo-containerDiscover {
        order: 2;
        /* Move the logo to the top for mobile */
    }


    .navbar ul li {
        display: none;
        /* Hide links for mobile */
    }

    .hamburger {
        display: block;
        /* Display the hamburger icon for mobile */
    }

    .toggled-menu {
        display: none;
        /* Initially hide the toggled menu icon */
    }

    /* Show links when the hamburger icon is clicked */
    .navbar ul li a {
        text-decoration: none;
        color: #03538B;
    }


    .navbar ul.show li {
        display: block;
        padding: 20px 0;
    }

    .navbar ul img {
        max-width: 142px;
        /* Ensure the image doesn't exceed the width of the li */
        height: auto;

        /* Maintain the aspect ratio */

    }



    .navbar ul .hamburger-containerDiscover {
        display: block;
        text-align: center;
        order: 2;
        /* Move the logo to the top for mobile */
    }



    .logo-containerDiscover {
        order: 2;
        /* Move the logo to the top for mobile */
    }


    .navbar ul li {
        display: none;
        /* Hide links for mobile */
    }

    .hamburger {
        display: block;
        /* Display the hamburger icon for mobile */
        font-size: 24px;
    }




}

@media (max-width:1892px) {
    .Discover .title {
        font: normal normal 900 58px/69px Raleway;
        margin-top: 0%;
    }

    .Discover {
        width: 54%;
        
    }
}

@media (min-width : 1260px) and (max-width:1652px) {
    body {
        background-size: 121%;
    }

    .containerDiscover .image-list li:nth-child(1):hover .title_slider,
    .containerDiscover .image-list li:nth-child(2):hover .title_slider,
    .containerDiscover .image-list li:nth-child(3):hover .title_slider,
    .containerDiscover .image-list li:nth-child(4):hover .title_slider,
    .containerDiscover .image-list li:nth-child(5):hover .title_slider,
    .containerDiscover .image-list li:nth-child(6):hover .title_slider,
    .containerDiscover .image-list li:nth-child(7):hover .title_slider,
    .containerDiscover .image-list li:nth-child(8):hover .title_slider,
    .containerDiscover .image-list li:nth-child(9):hover .title_slider,
    .containerDiscover .image-list li:nth-child(10):hover.title_slider,
    .containerDiscover .image-list li:nth-child(11):hover .title_slider,
    .containerDiscover .image-list li:nth-child(12):hover .title_slider,
    .containerDiscover .image-list li:nth-child(13):hover .title_slider,
    .containerDiscover .image-list li:nth-child(14):hover .title_slider,
    .containerDiscover .image-list li:nth-child(15):hover .title_slider {

        font: normal normal 900 30px/80px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .title_slider {
        letter-spacing: 0.14px;
    }

    .containerDiscover .image-list li:nth-child(1):hover .content_slider,
    .containerDiscover .image-list li:nth-child(2):hover .content_slider,
    .containerDiscover .image-list li:nth-child(3):hover .content_slider,
    .containerDiscover .image-list li:nth-child(4):hover .content_slider,
    .containerDiscover .image-list li:nth-child(5):hover .content_slider,
    .containerDiscover .image-list li:nth-child(6):hover .content_slider,
    .containerDiscover .image-list li:nth-child(7):hover .content_slider,
    .containerDiscover .image-list li:nth-child(8):hover .content_slider,
    .containerDiscover .image-list li:nth-child(9):hover .content_slider,
    .containerDiscover .image-list li:nth-child(10):hover .content_slider,
    .containerDiscover .image-list li:nth-child(11):hover .content_slider,
    .containerDiscover .image-list li:nth-child(12):hover .content_slider,
    .containerDiscover .image-list li:nth-child(13):hover .content_slider,
    .containerDiscover .image-list li:nth-child(14):hover .content_slider {

        font: normal normal 900 60px/20px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .content_slider {
        font: normal normal 900 35px/32px Raleway;
    }

    .containerDiscover .image-list li {

        height: 457px !important;
    }


   
}

@media (min-width : 1121px) and (max-width:1259px) {
 

    .containerDiscover .image-list li:nth-child(1):hover .title_slider,
    .containerDiscover .image-list li:nth-child(2):hover .title_slider,
    .containerDiscover .image-list li:nth-child(3):hover .title_slider,
    .containerDiscover .image-list li:nth-child(4):hover .title_slider,
    .containerDiscover .image-list li:nth-child(5):hover .title_slider,
    .containerDiscover .image-list li:nth-child(6):hover .title_slider,
    .containerDiscover .image-list li:nth-child(7):hover .title_slider,
    .containerDiscover .image-list li:nth-child(8):hover .title_slider,
    .containerDiscover .image-list li:nth-child(9):hover .title_slider,
    .containerDiscover .image-list li:nth-child(10):hover .title_slider,
    .containerDiscover .image-list li:nth-child(11):hover .title_slider,
    .containerDiscover .image-list li:nth-child(12):hover .title_slider,
    .containerDiscover .image-list li:nth-child(13):hover .title_slider,
    .containerDiscover .image-list li:nth-child(14):hover .title_slider,
    .containerDiscover .image-list li:nth-child(15):hover .title_slider {

        font: normal normal 900 30px/80px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .title_slider {
        letter-spacing: 0.14px;
    }

    .containerDiscover .image-list li:nth-child(1):hover .content_slider,
    .containerDiscover .image-list li:nth-child(2):hover .content_slider,
    .containerDiscover .image-list li:nth-child(3):hover .content_slider,
    .containerDiscover .image-list li:nth-child(4):hover .content_slider,
    .containerDiscover .image-list li:nth-child(5):hover .content_slider,
    .containerDiscover .image-list li:nth-child(6):hover .content_slider,
    .containerDiscover .image-list li:nth-child(7):hover .content_slider,
    .containerDiscover .image-list li:nth-child(8):hover .content_slider,
    .containerDiscover .image-list li:nth-child(9):hover .content_slider,
    .containerDiscover .image-list li:nth-child(10):hover .content_slider,
    .containerDiscover .image-list li:nth-child(11):hover .content_slider,
    .containerDiscover .image-list li:nth-child(12):hover .content_slider,
    .containerDiscover .image-list li:nth-child(13):hover .content_slider,
    .containerDiscover .image-list li:nth-child(14):hover .content_slider {

        font: normal normal 900 60px/20px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .content_slider {
        font: normal normal 900 28px/24px Raleway;
    }

    .containerDiscover .image-list li {
        height: 377px !important;
    }
}

@media (min-width : 905px)and (max-width:1120px) {

    .containerDiscover .image-list li:nth-child(1):hover .title_slider,
    .containerDiscover .image-list li:nth-child(2):hover .title_slider,
    .containerDiscover .image-list li:nth-child(3):hover .title_slider,
    .containerDiscover .image-list li:nth-child(4):hover .title_slider,
    .containerDiscover .image-list li:nth-child(5):hover .title_slider,
    .containerDiscover .image-list li:nth-child(6):hover .title_slider,
    .containerDiscover .image-list li:nth-child(7):hover .title_slider,
    .containerDiscover .image-list li:nth-child(8):hover .title_slider,
    .containerDiscover .image-list li:nth-child(9):hover .title_slider,
    .containerDiscover .image-list li:nth-child(10):hover .title_slider,
    .containerDiscover .image-list li:nth-child(11):hover .title_slider,
    .containerDiscover .image-list li:nth-child(12):hover .title_slider,
    .containerDiscover .image-list li:nth-child(13):hover .title_slider,
    .containerDiscover .image-list li:nth-child(14):hover .title_slider,
    .containerDiscover .image-list li:nth-child(15):hover .title_slider {
        font: normal normal 900 24px/60px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .title_slider {
        letter-spacing: 0.14px;
    }

    .containerDiscover .image-list li:nth-child(1):hover .content_slider,
    .containerDiscover .image-list li:nth-child(2):hover .content_slider,
    .containerDiscover .image-list li:nth-child(3):hover .content_slider,
    .containerDiscover .image-list li:nth-child(4):hover .content_slider,
    .containerDiscover .image-list li:nth-child(5):hover .content_slider,
    .containerDiscover .image-list li:nth-child(6):hover .content_slider,
    .containerDiscover .image-list li:nth-child(7):hover .content_slider,
    .containerDiscover .image-list li:nth-child(8):hover .content_slider,
    .containerDiscover .image-list li:nth-child(9):hover .content_slider,
    .containerDiscover .image-list li:nth-child(10):hover .content_slider,
    .containerDiscover .image-list li:nth-child(11):hover .content_slider,
    .containerDiscover .image-list li:nth-child(12):hover .content_slider,
    .containerDiscover .image-list li:nth-child(13):hover .content_slider,
    .containerDiscover .image-list li:nth-child(14):hover .content_slider {
        font: normal normal 900 44px/20px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .content_slider {
        font: normal normal 900 24px/20px Raleway;
    }

    .containerDiscover .image-list li {
        height: 377px !important;
    }

    body {
        background-size: 112% 37%;
    }

    .Discover .title {
        font: normal normal 900 38px/69px Raleway;
    }

    .Discover {
        width: 54%;
        
    }

    .Discover .content {
        text-align: left;
        font: normal normal 500 18px/29px Raleway;
        letter-spacing: -0.53px;
    }

}

@media (min-width : 667px)and (max-width:904px) {

    .containerDiscover .image-list li:nth-child(1):hover .title_slider,
    .containerDiscover .image-list li:nth-child(2):hover .title_slider,
    .containerDiscover .image-list li:nth-child(3):hover .title_slider,
    .containerDiscover .image-list li:nth-child(4):hover .title_slider,
    .containerDiscover .image-list li:nth-child(5):hover .title_slider,
    .containerDiscover .image-list li:nth-child(6):hover .title_slider,
    .containerDiscover .image-list li:nth-child(7):hover .title_slider,
    .containerDiscover .image-list li:nth-child(8):hover .title_slider,
    .containerDiscover .image-list li:nth-child(9):hover .title_slider,
    .containerDiscover .image-list li:nth-child(10):hover .title_slider,
    .containerDiscover .image-list li:nth-child(11):hover .title_slider,
    .containerDiscover .image-list li:nth-child(12):hover .title_slider,
    .containerDiscover .image-list li:nth-child(13):hover .title_slider,
    .containerDiscover .image-list li:nth-child(14):hover .title_slider {
        font: normal normal 900 24px/60px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .title_slider {
        letter-spacing: 0.14px;
        font: normal normal 900 24px/60px Raleway;
    }

    .containerDiscover .image-list li:nth-child(1):hover .content_slider,
    .containerDiscover .image-list li:nth-child(2):hover .content_slider,
    .containerDiscover .image-list li:nth-child(3):hover .content_slider,
    .containerDiscover .image-list li:nth-child(4):hover .content_slider,
    .containerDiscover .image-list li:nth-child(5):hover .content_slider,
    .containerDiscover .image-list li:nth-child(6):hover .content_slider,
    .containerDiscover .image-list li:nth-child(7):hover .content_slider,
    .containerDiscover .image-list li:nth-child(8):hover .content_slider,
    .containerDiscover .image-list li:nth-child(9):hover .content_slider,
    .containerDiscover .image-list li:nth-child(10):hover .content_slider,
    .containerDiscover .image-list li:nth-child(11):hover .content_slider,
    .containerDiscover .image-list li:nth-child(12):hover .content_slider,
    .containerDiscover .image-list li:nth-child(13):hover .content_slider,
    .containerDiscover .image-list li:nth-child(14):hover .content_slider {
        font: normal normal 900 48px/20px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .content_slider {
        font: normal normal 900 24px/23px Raleway;
    }

    .slider-wrapper .image-list {

        grid-template-columns: repeat(3, 1fr);
    }

    .containerDiscover .image-list li {
        height: 377px !important;
    }

    body {
        background-size: 112% 37%;
    }

    .Discover .title {
        font: normal normal 900 38px/69px Raleway;
    }

    .Discover {
        width: 54%;
       
    }

    .Discover .content {
        text-align: left;
        font: normal normal 500 18px/29px Raleway;
        letter-spacing: -0.53px;
    }

}

@media (min-width : 500px)and (max-width:666px) {

    .containerDiscover .image-list li:nth-child(1):hover .title_slider,
    .containerDiscover .image-list li:nth-child(2):hover .title_slider,
    .containerDiscover .image-list li:nth-child(3):hover .title_slider,
    .containerDiscover .image-list li:nth-child(4):hover .title_slider,
    .containerDiscover .image-list li:nth-child(5):hover .title_slider,
    .containerDiscover .image-list li:nth-child(6):hover .title_slider,
    .containerDiscover .image-list li:nth-child(7):hover .title_slider,
    .containerDiscover .image-list li:nth-child(8):hover .title_slidern .containerDiscover .image-list li:nth-child(9):hover .title_slider,
    .containerDiscover .image-list li:nth-child(10):hover .title_slider,
    .containerDiscover .image-list li:nth-child(11):hover .title_slider,
    .containerDiscover .image-list li:nth-child(12):hover .title_slider,
    .containerDiscover .image-list li:nth-child(13):hover .title_slider,
    .containerDiscover .image-list li:nth-child(14):hover .title_slider,
    .containerDiscover .image-list li:nth-child(15):hover .title_slider {
        font: normal normal 900 24px/60px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .title_slider {
        letter-spacing: 0.14px;
    }

    .containerDiscover .image-list li:nth-child(1):hover .content_slider,
    .containerDiscover .image-list li:nth-child(2):hover .content_slider,
    .containerDiscover .image-list li:nth-child(3):hover .content_slider,
    .containerDiscover .image-list li:nth-child(4):hover .content_slider,
    .containerDiscover .image-list li:nth-child(5):hover .content_slider,
    .containerDiscover .image-list li:nth-child(6):hover .content_slider,
    .containerDiscover .image-list li:nth-child(7):hover .content_slider,
    .containerDiscover .image-list li:nth-child(8):hover .content_slider,
    .containerDiscover .image-list li:nth-child(9):hover .content_slider,
    .containerDiscover .image-list li:nth-child(10):hover .content_slider,
    .containerDiscover .image-list li:nth-child(11):hover .content_slider,
    .containerDiscover .image-list li:nth-child(12):hover .content_slider,
    .containerDiscover .image-list li:nth-child(13):hover .content_slider,
    .containerDiscover .image-list li:nth-child(14):hover .content_slider {
        font: normal normal 900 48px/20px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .content_slider {
        font: normal normal 900 30px/29px Raleway;
    }

    .slider-wrapper .image-list {

        grid-template-columns: repeat(2, 1fr);
    }

    .containerDiscover .image-list li {
        height: 377px !important;
    }

    body {
        background-size: 112% 37%;
    }

    .Discover .title {
        font: normal normal 900 38px/69px Raleway;
    }

    .Discover {
        width: 54%;
    }

    .Discover .content {
        text-align: left;
        font: normal normal 500 18px/29px Raleway;
        letter-spacing: -0.53px;
    }

}

@media (max-width:500px) {

    .containerDiscover .image-list li:nth-child(1):hover .title_slider,
    .containerDiscover .image-list li:nth-child(2):hover .title_slider,
    .containerDiscover .image-list li:nth-child(3):hover .title_slider,
    .containerDiscover .image-list li:nth-child(4):hover .title_slider,
    .containerDiscover .image-list li:nth-child(5):hover .title_slider,
    .containerDiscover .image-list li:nth-child(6):hover .title_slider,
    .containerDiscover .image-list li:nth-child(7):hover .title_slider,
    .containerDiscover .image-list li:nth-child(8):hover .title_slider,
    .containerDiscover .image-list li:nth-child(9):hover .title_slider,
    .containerDiscover .image-list li:nth-child(10):hover .title_slider,
    .containerDiscover .image-list li:nth-child(11):hover .title_slider,
    .containerDiscover .image-list li:nth-child(12):hover .title_slider,
    .containerDiscover .image-list li:nth-child(13):hover .title_slider,
    .containerDiscover .image-list li:nth-child(14):hover .title_slider,
    .containerDiscover .image-list li:nth-child(15):hover .title_slider {
        font: normal normal 900 14px/42px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .title_slider {
        letter-spacing: 0.14px;
    }

    .containerDiscover .image-list li:nth-child(1):hover .content_slider,
    .containerDiscover .image-list li:nth-child(2):hover .content_slider,
    .containerDiscover .image-list li:nth-child(3):hover .content_slider,
    .containerDiscover .image-list li:nth-child(4):hover .content_slider,
    .containerDiscover .image-list li:nth-child(5):hover .content_slider,
    .containerDiscover .image-list li:nth-child(6):hover .content_slider,
    .containerDiscover .image-list li:nth-child(7):hover .content_slider,
    .containerDiscover .image-list li:nth-child(8):hover .content_slider,
    .containerDiscover .image-list li:nth-child(9):hover .content_slider,
    .containerDiscover .image-list li:nth-child(10):hover .content_slider,
    .containerDiscover .image-list li:nth-child(11):hover .content_slider,
    .containerDiscover .image-list li:nth-child(12):hover .content_slider,
    .containerDiscover .image-list li:nth-child(13):hover .content_slider,
    .containerDiscover .image-list li:nth-child(14):hover .content_slider {
        font: normal normal 900 35px/20px Raleway;
    }

    .containerDiscover .image-list li:nth-child(15):hover .content_slider {
        font: normal normal 900 23px/20px Raleway;
    }

    .slider-wrapper .image-list {

        grid-template-columns: repeat(2, 1fr);
    }

    .containerDiscover .image-list li {
        height: 300px !important;
    }

    body {
        background-size: 112% 37%;
    }

    .Discover .title {
        font: normal normal 900 38px/69px Raleway;
    }

    .Discover {
        width: 54%;
       
    }

    .Discover .content {
        text-align: left;
        font: normal normal 500 18px/29px Raleway;
        letter-spacing: -0.53px;
    }

}

@media (max-width :1337px) {
    .Discover .content {
        text-align: left;
        font: normal normal 500 16px/29px Raleway;
        letter-spacing: -0.53px;
    }
}

@media (max-width : 954px) {
    body {

        background-size: 182% 54%;
    }

    .Discover .title {
        font: normal normal 900 28px/69px Raleway;
    }

    .Discover .content {

        font: normal normal 500 14px/29px Raleway;
        letter-spacing: 0.2px;
    }



}

@media (max-width:706px) {
  



    .Discover {
        width: 90%;
    }

    .Discover .title {
        font: normal normal 900 18px/69px Raleway;
    }

    .Discover .content {
        font: normal normal 500 12px/29px Raleway;
    }

    body {
        background-size: 175% 46%;
    }
}
@media (max-width:400px) and (min-width:300px){
        .allDiscover {
            background: transparent url(../image/MaskGroup6@2x.png) 0% 0% no-repeat padding-box;
            background-size: 304%;
            background-position-x: center;
    }
}
@media (max-width:500px) and (min-width:401px){
    .allDiscover {
        background: transparent url(../image/MaskGroup6@2x.png) 0% 0% no-repeat padding-box;
        background-size: 204%;
        background-position-x: center;
}
}
@media (max-width:600px) and (min-width:501px){
    .allDiscover {
        background: transparent url(../image/MaskGroup6@2x.png) 0% 0% no-repeat padding-box;
        background-size: 143%;
        background-position-x: center;
}
}
@media (max-width:700px) and (min-width:601px){
    .allDiscover {
        background: transparent url(../image/MaskGroup6@2x.png) 0% 0% no-repeat padding-box;
        background-size: 143%;
        background-position-x: center;
}
}
@media (max-width:800px) and (min-width:701px){
    .allDiscover {
        background: transparent url(../image/MaskGroup6@2x.png) 0% 0% no-repeat padding-box;
        background-size: 120%;
        background-position-x: center;
}
}
@media (max-width:900px) and (min-width:801px){
    .Discover {
        
        padding-bottom: 5%;
    }
}
@media (max-width:1000px) and (min-width:901px){
    .Discover {
        
        padding-bottom: 10%;
    }
}
@media (max-width:1100px) and (min-width:1001px){
    .Discover {
        
        padding-bottom: 15%;
    }
}
@media (max-width:1200px) and (min-width:1101px){
    .Discover {
        
        padding-bottom: 15%;
    }
}
@media (max-width:1300px) and (min-width:1201px){
    .Discover {
        
        padding-bottom: 20%;
    }
}
@media (max-width:1400px) and (min-width:1301px){
    .Discover {
        
        padding-bottom: 20%;
    }
}
@media (max-width:1430px) and (min-width:1401px){
    .Discover {
        
        padding-bottom: 20%;
    }
}
@media (max-width:1500px) and (min-width:1431px){
    .Discover {
        
        padding-bottom: 28%;
    }
}
@media (max-width:1600px) and (min-width:1501px){
    .Discover {
        
        padding-bottom: 28%;
    }
}
@media (max-width:1700px) and (min-width:1601px){
    .Discover {
        
        padding-bottom: 32%;
    }
}
@media (max-width:1800px) and (min-width:1701px){
    .Discover {
        
        padding-bottom: 32%;
    }
}
@media (max-width:1900px) and (min-width:1801px){
    .Discover {
        
        padding-bottom: 32%;
    }
}
@media (max-width:2000px) and (min-width:1901px){
    .Discover {
        
        padding-bottom: 32%;
    }
}