@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: 40vh;
    overflow-x: hidden;
    }

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

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

    h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 2.6em;
        line-height: 100%;
        color: #ffeb00;
        margin: 3%
    }

    h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 2.2em;
        line-height: 110%;
        color: #ffeb00;
        margin: 3%
    }

    h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 1.4em;
        line-height: 125%;
        color: #1A1A1A;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 3%;
    }

    h4 {
        font-family: 'Jomolhari', Times, serif;
        font-size: 1.1em;
        line-height: 120%;
        color: #1A1A1A;
        font-weight: normal;
        margin: 3%;
        margin-bottom: 60px;
    }

.wrap{position: relative}

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

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


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


}

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

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

#arrow-left{
    border-width: 16px 28px 16px 0px;
    border-color: transparent #ffeb00 transparent transparent;
    left:0;
    margin-top: -47px;
    margin-left:5px;
}

#arrow-right{
    border-width: 16px 0px 16px 28px;
    border-color: transparent transparent transparent #ffeb00;
    right:0;
    margin-right:5px;
}

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