@font-face {
    font-family: 'Montserrat-Regular';
    src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat-Bold.ttf);
}
/* Variables for color and font family Start */
:root
{
    /* Colors */
    --colorWhite: #fff;
    --colorblack: #000;

    /* Font Family */
    --regularFont: 'Montserrat-Regular';
    --boldFont: 'Montserrat-Bold';
}

/* Variables for color and font family End */

h2,
p,
ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.boxs {
    float: left;
    width: 100%;
    display: block;
}

h2 {
    font-family: var(--monserratSemibold);
    color: var(--colorblack);
    line-height: normal;
}

h2.headingSize {
    font-size: 38px;
}

.mainBox{
    position: relative;
    /* height: 100vh; */
}
.bannerContent{
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    text-align: center;
}
.bannerContent h2{
    font-size: 100px;
    line-height: 110px;
    color: #fff;
    font-family: var(--boldFont);
}
span.proContent{
    color: #217aff;
}
span.skiContent{
    color: #b60000;
}
.btmContent{
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
}
p{
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    font-family: var(--regularFont);
    font-weight: 600;
}
a,a:hover{
    color: #fff;
    text-decoration: underline;
}
.bannerVideo{
    height: 100vh;
}
#skiVideo{
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: -1;
}