html{
    height:100%;
    width:100%;
    scroll-behavior: smooth;
}
body {
    height: 100%;
    width:100%;
    z-index: 10000;
    position:relative;
    overflow-x: hidden;
}

@font-face {
    font-family: bold;
    src: url(../../fonts/ubuntu/Ubuntu-M.ttf);
}
@font-face {
    font-family: black;
    src: url(../../fonts/ubuntu/Ubuntu-B.ttf);
}
@font-face {
    font-family: light;
    src: url(../../fonts/ubuntu/Ubuntu-L.ttf);
}
@font-face {
    font-family: medium;
    src: url(../../fonts/ubuntu/Ubuntu-M.ttf);
}
@font-face {
    font-family: thin;
    src: url(../../fonts/ubuntu/Ubuntu-C.ttf);
}
@font-face {
    font-family: font-1;
    src: url(../../fonts/playfair/PlayfairDisplay-Italic.otf);
}

p{
    font-family: light;
    font-size:16px;
    color:#878787;
}
h1,h2,h3,h4{
    font-family: black;
}
h5{
    font-family: bold;
}
.btn-1{
    background: linear-gradient(270deg, rgba(46,115,232,1) 0%, rgba(133,57,217,1) 100%);
    padding:15px 35px;
    border-radius: 0px;
    border:0px;
    color:#fff;
    text-transform: uppercase;
    font-family: medium;
    letter-spacing: 1px;
    transition:0.3s all ease-in;
    -webkit-transition:0.3s all ease-in;
    -moz-transition:0.3s all ease-in;
    -ms-transition:0.3s all ease-in;
    -o-transition:0.3s all ease-in;
}
.btn-1:hover{
    color:#fff;
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    box-shadow: rgba(44, 112, 174, 0.5) 0px 22px 30px -15px;
    transform: translateY(-4px);
    transition:0.3s all ease-out;
    background:linear-gradient(170deg, rgba(46,115,232,1) 0%, rgba(133,57,217,1) 100%);
    -webkit-transition:0.3s all ease-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition:0.3s all ease-out;
}
.btn-1:active, .btn-1:focus{
    background: linear-gradient(270deg, rgba(46,115,232,1) 0%, rgba(133,57,217,1) 100%)!important;
}

.height100{
    height:100%;
}

/* home - public */
.home1{
    width:100%; 
    height:auto; 
    background:#fff;
    position:relative;
}
.home2{
    text-align:center;
    padding:25px 10%;
}

.home22{
    font-size:3rem;
}
.home222{
    margin-bottom:0px;
    font-size:0.6rem;
}

.home2 > ul > li {
    padding:15px 25px;
}
.home4{
    width:100%;
    height:10%;
    background:red;
}
.home3{
    width:100px;
    height:100px;
    border-radius:100%;
    background:#666666;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    -ms-border-radius:100%;
    -o-border-radius:100%;
    margin:0 auto;
}
.home5{
    margin-top:50px;
}
.home33 > p {
    margin-top:10px;
}

.icons{
    font-size:6rem;
}
.icons1{
    padding:25px;
}
.icons2{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icons3{
    height:100%;
}

/* footer */
.footer{
    padding:25px;
    padding-top:100px;
}

/* events */
.events{
    margin-bottom:35px;
}
.events1{
    margin-top:15px;
    margin-bottom:15px;
}

/* navbar */
.navbar-1{
    padding:0px;
}
.navbar-1 .navbar-nav .nav-link{
    padding:25px 15px;
}
.navbar-2{
    position:absolute;
    right:0px;
}