html {
    scroll-behavior: smooth;
}

.sizeimg {
    height: 20px;
    width: 23px;
    margin-top: -3px;
}
.sizeimg1 {
    height: 40px;
    margin-top: -3px;
}


.headton {
    font-size: 22px;
}

.point {
    cursor: pointer;
}

.wid {
    width: 200px;
}

.grad {
    background: -webkit-linear-gradient(#EE601C, #D33724);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.grad1 {
    background: -webkit-linear-gradient(#EE601C, #D33724);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.grad-div {
    background-image: linear-gradient(to right, #69A908, #04DBEC);
}

.grad-div1 {
    background-image: linear-gradient(to right, #EE601C, #D33724);
}

.text-justify-xs {
    text-align: left;
}

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .text-justify-sm {
        display: block;
    }
}

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .text-justify-md {
        display: block;
    }
    .text-justify-md1 {
        display: none;
    }
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .text-justify-lg {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .text-justify-sm1 {
        display: none;
    }
}