:root {
    --matblue: #00ABB3;
    --white: #fff;
    --matblack: #151617;
    --matgrey: #3C4048;
    --grey: #B2B2B2;
    --matwhite: #EAEAEA;
}

@font-face {
    font-family: Opensans;
    src: url('../fonts/static/OpenSans-Bold.ttf');
}

.slottext {
    margin-top: 30px !important;
    color: black;
    font-weight: 900;
    font-family: Opensans ;

}

.slotdiv {
    padding-top: 100px !important;
    padding-left: 80px !important;
}

.slotcard {
    width: 300px;
    height: 300px;
    border-radius: 20px;
    background-image: linear-gradient(to bottom left, #FF6B00, #FFF505);
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;

}

.slotcard:hover {
    transform: scale(1.1);
    /* transform:rotate(10deg); */
    transition: 1000ms;
}

.slotcardtxt {
    font-weight: 900;
    font-family: Opensans ;
}

#slothead {
    margin-left: 10px !important;
    color: black;
    /* font-size: 35px;
   background: transparent;
   border-radius: 10px;
   height: 10px;
   width: 500px;
   box-shadow: 0 55px 0 0 #FF6B00;
   font-family: sans-serif; */

}

#mis {
    margin-left: 10px !important;
    font-size: 5px;
    background: transparent;
    border-radius: 10px;
    height: 10px;
    width: 200px;
    box-shadow: 0 55px 0 0 #FF6B00;
    font-family: Opensans ;
}



/* second attempt  */
#imgsect{
    display: flex;
    justify-content: center;
    align-items: center
}

.lg-wrapper{
    margin: 25px !important;
    padding: 25px !important;
}
#lgimg{
    margin: 25px;
    padding: 25px;
    width: 300px;
}

#abouttxt{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;
    padding: 20px;
}

#abouttxt ul li{
    list-style:disc !important;
}

@media only screen and (max-width: 768px){
    #abouttxt ul li{
        list-style: disc !important;
        padding: 20px !important;
    }
         #lgimg {
             margin: 25px;
             padding: 25px;
             width: 200px;
         }
    
         .lg-wrapper {
             background: var(--matwhite);
             width: 300px !important;
             height: 300px !important;
             border-radius: 150px;
         }
}
/* @media only screen and (max-width: 576px){
    #imgsect {
            display: flex;
            justify-content: center;
            align-items: center
        }
    #lgimg {
            margin: 25px;
            padding: 25px;
            width: 200px;
        }
    .lg-wrapper {
            background: var(--matwhite);
            width: 200px;
            height: 200px;
            border-radius: 75px;
    }
} */
.lg-wrapper{
    background: var(--matwhite);
    width: 400px;
    height: 400px;
    border-radius: 200px;
}
/* #abtsect div h1 {
        font-family: Opensans;
} */

#abthead{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto;
}