/*@font-face {
    font-family: poppins-regular;
    src: url(../Fonts/Poppins-Regular.ttf);
}*/

*{
    font-family: poppins !important;
}

.reactivation h1 {
    text-align: center;
    margin-bottom: 20px;
}

.reactivation p {
    text-align: center;
    margin-bottom: 20px;
}

.reactivation form {
    display: flex;
    flex-direction: column;
}

.reactivation label {
    margin-bottom: 5px;
}

.reactivation input[type="text"] {
    padding: 5px;
    border: 1px solid;
    border-radius: 5px;
    
}

.reactivation input[type="submit"]:hover {
    background-color: #0056b3;
}

.reactivation .neon {
    background-color: #0056b3;
    color: #fff;
}

.reactivation .box , .after-reactivation .box {
    padding: 50px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.after-reactivation .box {
    padding: 10px;
}

.after-reactivation .dashed-br {
    border: 1px dashed;
    border-radius: 5px;
}

@media screen and (max-width:768px){
    .reactivation .box {
        padding: 35px;
    }
}

@media screen and (max-width:576px){
    .reactivation .box {
        padding: 25px;
    }
}

/* svg  */

/*@font-face {
    font-family: poppins-reg;
    src: url(../Fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: pacifico-reg;
    src: url(../Fonts/Pacifico-Regular.ttf);
}*/

body {
    font-family: poppins;
}

.main h2 {
    font-family: poppins;
}

.col {
    border: 1px solid red;
}

.main i {
    font-size: 50px;
    color: green;
}

.great {
    font-weight: 400;
}

.tick-icon {
    height: 77px;
    width: 77px;
}

.animation-ctn {
    text-align: center;
}

@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 200px
    }
}

@-ms-keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 200px
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 0px
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px
    }

    100% {
        stroke-dashoffset: 960px;

    }
}

@-ms-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    100% {
        stroke-dashoffset: 480px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px
    }

    100% {
        stroke-dashoffset: 960px
    }
}

@keyframes colored-circle {
    0% {
        opacity: 0
    }

    100% {
        opacity: 100
    }
}

.inlinesvg .svg svg {
    display: inline
}

.icon--order-success svg polyline {
    -webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards;
    animation: checkmark 0.25s ease-in-out 0.7s backwards
}

.icon--order-success svg circle {
    -webkit-animation: checkmark-circle 0.6s ease-in-out backwards;
    animation: checkmark-circle 0.6s ease-in-out backwards;
}

.icon--order-success svg circle#colored {
    -webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards;
    animation: colored-circle 0.6s ease-in-out 0.7s backwards;
}