@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@200;300;400;500;600;700;800&display=swap');

.index{
    background-color: #9E0B0F;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
}

@media (min-width: 62em){
#header.sticky {
    background-color: rgba(255,255,255,0) !important;
}
}

.index .logo{
    margin: 0 auto 70px;
    width: 270px;
}

.secInr {
    margin: 0 auto;
    max-width: 1200px;
    width: 90%;
}

.secInr ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -2%;
    padding: 0 !important;
}

.secInr ul li {
    list-style: none;
    width: 31%;
    margin: 0 1.5%;
}

.secInr ul li .cat{
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    z-index: 2;
    position: relative;
    font-family: 'Spartan', sans-serif;
    letter-spacing: 0.05em;
}

.secInr .btn{
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    border-radius: 15px;
    background: #9E0B0F;
    box-shadow: 16px 16px 25px #890a0d, -16px -16px 25px #b30c11;
    padding: 30px 10px;
    color: #fff;
    text-align: center;
    z-index: 1;
    transition: 0.5s ease;
    font-family: 'Spartan', sans-serif;
    border: 1px solid #d2ac3a;
}

.secInr .btn:hover{
    border-radius: 15px;
    background: linear-gradient(145deg, #8e0a0e, #a90c10);
    box-shadow:  16px 16px 25px #890a0d,
             -16px -16px 25px #b30c11;
    opacity: 1;
}

.secInr .btnText{
    font-size: 24px;
    margin: 0;
}

/*------------------------------------comingsoon-----*/

.index.comingsoon{
    height: 100vh;
}

.cs{
    color: #fff;
    font-size: 50px;
    letter-spacing: 0.1em;
    font-family: 'Spartan', sans-serif;
    text-align: center;
}

.btn.csBtn {
    max-width: 250px;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 768px){

.index{
    height: calc(100vh - 80px);
}

.secInr ul {
    display: block;
}

.secInr ul li {
    width: 90%;
    margin: 0 auto 50px;
}

.secInr ul li .cat {
    font-size: 15px;
    margin-bottom: 5px;
}

.secInr .btn {
    padding: 15px 10px;
}

.secInr .btnText {
    font-size: 20px;
    margin: 0;
}

/*------------------------------------comingsoon-----*/

.cs{
    font-size: 20px;
}



}