*{
    margin: 0;
    padding: 0;
}

html{
    scroll-behavior: smooth;
    line-height: 1.5 !important;
    overflow-x: hidden !important;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #0003;
}

::-webkit-scrollbar-track {
    width: 8px;
    height: 8px;
}

body{
    margin: 0;
    width: 100%;
    background-color: #ffffff;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden !important;
}

a{
    text-decoration: none;
    color: black;
    transition-property: all !important;
    transition-duration: 0.35s !important;
    transition-timing-function: cubic-bezier(0, -0.05, 0.99, 0.96) !important;
}

.mdi__social, .illustrations-footer a {
    color: black;
}



.text-gradient {
    color: #ff3939;
}

.text-gradient-hover:hover {
    color: rgba(255, 57, 57, 1);
}

.hover-orange:hover {
    color: #ff3a39;
}

.bg-gradient{
    background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(255, 57, 57, 1) 0%, rgba(255, 119, 87, 1) 100%);
}

.border-orange {
    border: 2px solid #FF3A39;
}

.bg-orange {
    background: #FF3A39;
}

.logo{
    width: 4rem;
}

/* .tm1, .t1{
    font-weight: 500;
}

.tm2, .t2, .p1, .p2{
    font-weight: 400;
} */

.tm1{
    font-size: 6rem;
}

.tm2{
    font-size: 2.8rem;
}

.t1{
    font-size: 6.25rem;
}

.t2{
    font-size: 2.18rem;
}

.p1{
    font-size: 1.5rem;
}

.p2{
    font-size:  1.125rem;
}

@media only screen and (max-width: 1024px){
}

@media only screen and (max-width: 767px){
}

@media only screen and (max-width: 575px){
}

@media only screen and (max-width: 425px){
}

#3d-packs * {
    font-family: 'Poppins' !important;
}