@import url(https://fonts.googleapis.com/css?family=Poppins:700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Jomolhari&display=swap);

    
    body, #slider, .wrap, .slide-content{
    margin: 0;
    padding: 0;
    font-family: 'Jomolhari', Times, serif;
    width: 100%;
    height: 88vh;
    overflow-x: hidden;
    }

    a{
        color: #4d4dff;
        font-family: 'Jomolhari', Times, serif;
        font-weight: 900;
        text-decoration: none;
    }

    p{
        font-size: 1em;
        line-height: 130%;
        color: #4d4dff;
        font-family: 'Jomolhari', Times, serif;
        font-weight: normal;
        margin: 2.3%;
    }

    h1 {
        font-family: 'Poppins', sans-serif;
        line-height: 100%;
        font-size: 6.5em;
        color: #ffff00;
        margin: 2%;
        margin-top: 8%;

    }

    h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 3.5em;
        line-height: 110%;
        color: #ffff00;
        margin-top: -15px;
        margin-bottom: 3%;
        margin-left: 30px;
    }
    h3{
        font-family: 'Poppins', sans-serif;
        line-height: 115%;
        font-size: 1.8em;
        color: #1A1A1A;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 30px;
    }

    h4 {
        font-family: 'Jomolhari', Times, serif;
        font-size: 1.7em;
        line-height: 120%;
        color: #1A1A1A;
        font-weight: normal;
        margin: 0;
        margin-bottom: 8%;
        margin-left: 8%;
        margin-right: 8%;


        }

.wrap{position: relative}

.slide{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.slide1{background-image: url(../images_high/slider01.jpg)}
.slide2{background-image: url(../images_high/slider02.jpg)}
.slide3{background-image: url(../images_high/slider03.jpg)}
.slide4{background-image: url(../images_high/slider04.jpg)}
.slide5{background-image: url(../images_high/slider05.jpg)}
.slide6{background-image: url(../images_high/slider06.jpg)}
.slide7{background-image: url(../images_high/slider07.jpg)}
.slide8{background-image: url(../images_high/slider08.jpg)}
.slide9{background-image: url(../images_high/slider09.jpg)}
.slide10{background-image: url(../images_high/slider10.jpg)}
.slide11{background-image: url(../images_high/slider11.jpg)}
.slide12{background-image: url(../images_high/slider12.jpg)}
.slide13{background-image: url(../images_high/slider13.jpg)}
.slide14{background-image: url(../images_high/slider14.jpg)}
.slide15{background-image: url(../images_high/slider15.jpg)}
.slide16{background-image: url(../images_high/slider16.jpg)}
.slide17{background-image: url(../images_high/slider17.jpg)}
.slide18{background-image: url(../images_high/slider18.jpg)}
.slide19{background-image: url(../images_high/slider19.jpg)}
.slide20{background-image: url(../images_high/slider20.jpg)}
.slide21{background-image: url(../images_high/slider21.jpg)}
.slide22{background-image: url(../images_high/slider22.jpg)}
.slide23{background-image: url(../images_high/slider23.jpg)}
.slide24{background-image: url(../images_high/slider24.jpg)}
.slide25{background-image: url(../images_high/slider25.jpg)}
.slide26{background-image: url(../images_high/slider26.jpg)}
.slide27{background-image: url(../images_high/slider27.jpg)}
.slide28{background-image: url(../images_high/slider28.jpg)}
.slide29{background-image: url(../images_high/slider29.jpg)}
.slide30{background-image: url(../images_high/slider30.jpg)}
.slide31{background-image: url(../images_high/slider31.jpg)}
.slide32{background-image: url(../images_high/slider32.jpg)}
.slide32{background-image: url(../images_high/slider33.jpg)}


.slide-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 700;
    color: #f9f906;
}

.slide-content span{
    font-family: 'Poppins', sans-serif;
    font-size: 6rem;
}

.arrow{
    cursor: pointer;
    position: absolute;
    width: 0;
    top: 50vh;
    border-style: solid;
}

#arrow-left{
    border-width: 25px 40px 25px 0px;
    border-color: transparent #ffff00 transparent transparent;
    left:0;
    margin-top: -70px;
    margin-left:30px;
}

#arrow-right{
    border-width: 25px 0px 25px 40px;
    border-color: transparent transparent transparent #ffff00;
    right:0;
    margin-right:30px;
}

iframe{
    width: 640px;
    height: 360px;
    border: 0px;
    margin-top: 0;
    margin-bottom:0;
}