@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@media screen and (min-width: 992px){
    body{
        background-color: #000 !important;
        background-size: cover;
    }
    .bg-container01{
        background-color: #000 !important;
        border: 1px dotted #323f4b !important;
        width: 40% !important;
    }
    .logo-container{
        background-color: transparent !important;
    }
    .logo-heading{
        color: #DC2626;
        font-weight: 700;
        text-align: center;
    }

    .span01{
        color: #FEE000;
    }
    .paragraph01{
        color: #f7f8fa;
        font-size: 17px;
    }
    .bg-container02{
        background-color: #130E08;
    }
    .image01{
        width: 90%;
        margin-bottom: 40px;
    }
    .icon01{
        width: 60px;
        height: 60px;
    }
    .paragraph02{
        color: #fff;
        text-align: center;
        padding-top: 5px;
        font-size: 18px;
        font-family: "Lora", serif;
    }
    .image02{
        width: 100%;
        margin-top: 20px;
    }
    .bg-container03{
        background-image: url("./assets/image03.avif");
        background-size: cover;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .paragraph03{
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
    }

    .bg-container04{
        background-color: #F5EBD0;
        background-size: cover;
    }

    .heading01{
        color: #000;
        font-size: 17px;
        font-style: italic;
        font-weight: 700;
        line-height: 30px;
    }
    .paragraph04{
        line-height: 30px;
        font-weight: 500;
    }
    .button01{
        background-color: #b529d8;
        width: 170px;
        height: 45px;
        border-radius: 22.5px;
        border: 0px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        animation: blink 1.5s infinite;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    }
    @keyframes blink {
        0%, 100% {
            opacity: 1;
            transform: scale(1);
        }
        50% {
            opacity: 0.35;
            transform: scale(1.25);
        }
    }

    .button01:hover{
        background-color: #717787;
    }
    .bg-container05{
        background-color: transparent;
        background-size: cover;
    }
    .mini-ng-container{
        background-color: transparent;
        border: 2px dotted #fff;
    }
    .heading02{
        color: #FEE000;
        text-align: center;
        font-weight: 700;
        font-size: 22px;
    }
    .image03{
        width: 100%;
    }
    .paragraph05{
        color: #fff;
        line-height: 30px;
    }
    .image04{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .paragraph06{
        color: #fff;
        line-height: 30px;
        font-weight: 600;
    }
    .span02{
        font-size: 18px;
        font-weight: 800;
    }

    .bg-container06{
        background-color: #fff;
    }
    .image05{
        width: 30%;
    }
    .span03{
        color: #25E201;
    }
    .paragraph07{
        color: #fff;
        text-align: center;
    }
    .image06{
        width: 100%;
    }

    .heading-container{
        background-color: #DC2626;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .heading03{
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-size: 24px;
        font-family: "Lora", serif;
        margin-bottom: 10px;
    }
    .paragraph08{
        color: #000;
        padding-top: 10px;
        line-height: 25px;
        font-size: 15px;
        font-weight: 500;
    }
    .image07{
        width: 70%;
        margin-bottom: 30px;
    }
    .paragraph09{
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-size: 16px;
        font-family: "Lora", serif;
        padding-top: 5px;

    }

    .icon02{
        width: 70px;
        height: 70px;
    }

    .image08{
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .paragraph10{
        color: #FEE000;
        line-height: 30px;
        font-size: 17px;
        font-family: "Lora", serif;
    }

    .span04{
        color: #fff;
        font-weight: 700;

    }
    .paragraph11{
        color: #fff;
        line-height: 30px;
        font-size: 17px;
        font-family: "Lora", serif;
    }
    .rows{
        padding-top: 30px !important;
    }
    .image09{
        width: 70%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mini-bg-container01{
        background-color: #FEE000;
        background-size: cover;
        border-radius: 8px;
    }
    .mini-bg-container02{
        background-color: transparent;
        border: 1px dashed #000;
        border-radius: 5px;
    }
    .heading04{
        color: #000;
        text-align: center;
        line-height: 30px;
        font-weight: 600;
    }
    .bg-container08{
        background-color: #DC2626;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .heading05{
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-size: 20px;
    }

    .paragraph12{
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        font-family: "Lora", serif;
        text-align: center;
    }

    .heading06{
        color: #FEE000;
        text-align: center;
        font-size: 35px;
        font-weight: 700;
        line-height: 50px;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .bg-container09{
        background-color: #F8FAFC;
        background-size: cover;
        border-radius: 10px;
        margin-bottom: 25px;
    }

    .heading07{
        color: #000;
        text-decoration: underline;
        text-align: center;
        font-weight: 700;
        font-size: 35px;
        font-family: "Lora", serif;
    }

    .label01{
        color: #000 !important;
        font-size: 18px !important;
        font-weight: 700 !important;

    }

    .button02{
        background-color: #DC2626;
        width: 45%;
        border: 0px;
        height: 45px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 22px;
    }
    .bg-container10{
        background-color: #F8FAFC;
        background-size: cover;
    }

    .heading08{
        color: #000;
        font-size: 35px;
        text-align: center;
        font-weight: 700;
    }
    .span05{
        color: #DC2626;
    }
    .card-container{
        background-color: #fff;
        border-radius: 8px;
        box-shadow: black -1px 0px 5px 0px;
        margin-bottom: 15px;
    }
    .testimonial{
        width: 50px;
        height: 50px;
        border-radius: 60px;
    }
    .name{
        color: #000;
        font-size: 20px;
        font-weight: 700;
    }
    .date{
        color: #DC2626;
        font-size: 18px;
        font-weight: 500;
        margin-top: -7px !important;
    }
    .tick01{
        width: 3% !important;
        margin-top: -40px !important;
    }
    .review-description{
        color: #000;
        font-size: 17px;
        line-height: 30px;
    }
    .heading09{
        color: #000;
        text-align: center;
        font-size: 35px;
    }
    .online-shop{
        width: 30% !important;
    }

    .bg-container11{
        background-color: #000;
        background-size: cover;
    }

    .copyright-heading{
        color: #fff;
        text-align: center;
        font-size: 20px;
    }
    .privacy-heading{
        color: #fff;
        font-size: 18px;
        text-align: center;
    }
}









@media screen and (max-width: 992px){
    body{
        background-color: #000 !important;
        background-size: cover;
    }
    .bg-container01{
        background-color: #000 !important;
        border: 1px dotted #323f4b !important;
        width: 100% !important;
    }
    .logo-container{
        background-color: transparent !important;
    }
    .logo-heading{
        color: #DC2626;
        font-weight: 700;
        text-align: center;
    }

    .span01{
        color: #FEE000;
    }
    .paragraph01{
        color: #f7f8fa;
        font-size: 17px;
    }
    .bg-container02{
        background-color: #130E08;
    }
    .image01{
        width: 90%;
        margin-bottom: 40px;
    }
    .icon01{
        width: 60px;
        height: 60px;
    }
    .paragraph02{
        color: #fff;
        text-align: center;
        padding-top: 5px;
        font-size: 18px;
        font-family: "Lora", serif;
    }
    .image02{
        width: 100%;
        margin-top: 20px;
    }
    .bg-container03{
        background-image: url("./assets/image03.avif");
        background-size: cover;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .paragraph03{
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
    }

    .bg-container04{
        background-color: #F5EBD0;
        background-size: cover;
    }

    .heading01{
        color: #000;
        font-size: 17px;
        font-style: italic;
        font-weight: 700;
        line-height: 30px;
    }
    .paragraph04{
        line-height: 30px;
        font-weight: 500;
    }
    .button01{
        background-color: #b529d8;
        width: 170px;
        height: 45px;
        border-radius: 22.5px;
        border: 0px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        animation: blink 1.5s infinite;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    }
    @keyframes blink {
        0%, 100% {
            opacity: 1;
            transform: scale(1);
        }
        50% {
            opacity: 0.35;
            transform: scale(1.25);
        }
    }

    .button01:hover{
        background-color: #717787;
    }
    .bg-container05{
        background-color: transparent;
        background-size: cover;
    }
    .mini-ng-container{
        background-color: transparent;
        border: 2px dotted #fff;
    }
    .heading02{
        color: #FEE000;
        text-align: center;
        font-weight: 700;
        font-size: 22px;
    }
    .image030{
        width: 50%;
    }
    .new-ima{
        width: 50%;
    }
    .paragraph05{
        color: #fff;
        line-height: 30px;
    }
    .image04{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .paragraph06{
        color: #fff;
        line-height: 30px;
        font-weight: 600;
    }
    .span02{
        font-size: 18px;
        font-weight: 800;
    }

    .bg-container06{
        background-color: #fff;
    }
    .image05{
        width: 30%;
    }
    .span03{
        color: #25E201;
    }
    .paragraph07{
        color: #fff;
        text-align: center;
    }
    .image06{
        width: 100%;
    }

    .heading-container{
        background-color: #DC2626;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .heading03{
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-size: 24px;
        font-family: "Lora", serif;
        margin-bottom: 10px;
    }
    .paragraph08{
        color: #000;
        padding-top: 10px;
        line-height: 25px;
        font-size: 15px;
        font-weight: 500;
    }
    .image07{
        width: 70%;
        margin-bottom: 30px;
    }
    .paragraph09{
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-size: 16px;
        font-family: "Lora", serif;
        padding-top: 5px;

    }

    .icon02{
        width: 70px;
        height: 70px;
    }

    .image08{
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .paragraph10{
        color: #FEE000;
        line-height: 30px;
        font-size: 17px;
        font-family: "Lora", serif;
    }

    .span04{
        color: #fff;
        font-weight: 700;

    }
    .paragraph11{
        color: #fff;
        line-height: 30px;
        font-size: 17px;
        font-family: "Lora", serif;
        padding-top: 12.5px;
    }
    .rows{
        padding-top: 30px !important;
    }
    .image09{
        width: 70%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .mini-bg-container01{
        background-color: #FEE000;
        background-size: cover;
        border-radius: 8px;
    }
    .mini-bg-container02{
        background-color: transparent;
        border: 1px dashed #000;
        border-radius: 5px;
    }
    .heading04{
        color: #000;
        text-align: center;
        line-height: 30px;
        font-weight: 600;
    }
    .bg-container08{
        background-color: #DC2626;
        background-size: cover;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .heading05{
        color: #fff;
        text-align: center;
        font-weight: 700;
        font-size: 20px;
    }

    .paragraph12{
        color: #fff;
        font-weight: 600;
        font-size: 18px;
        font-family: "Lora", serif;
        text-align: center;
    }

    .heading06{
        color: #FEE000;
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        line-height: 45px;
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .bg-container09{
        background-color: #F8FAFC;
        background-size: cover;
        border-radius: 10px;
        margin-bottom: 25px;
    }

    .heading07{
        color: #000;
        text-decoration: underline;
        text-align: center;
        font-weight: 700;
        font-size: 30px;
        font-family: "Lora", serif;
    }

    .label01{
        color: #000 !important;
        font-size: 18px !important;
        font-weight: 700 !important;

    }

    .button02{
        background-color: #DC2626;
        width: 45%;
        border: 0px;
        height: 45px;
        border-top-left-radius: 8px;
        border-bottom-right-radius: 8px;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 22px;
    }
    .bg-container10{
        background-color: #F8FAFC;
        background-size: cover;
    }

    .heading08{
        color: #000;
        font-size: 30px;
        text-align: center;
        font-weight: 700;
    }
    .span05{
        color: #DC2626;
    }
    .card-container{
        background-color: #fff;
        border-radius: 8px;
        box-shadow: black -1px 0px 5px 0px;
        margin-bottom: 15px;
    }
    .testimonial{
        width: 50px;
        height: 50px;
        border-radius: 60px;
    }
    .name{
        color: #000;
        font-size: 20px;
        font-weight: 700;
    }
    .date{
        color: #DC2626;
        font-size: 18px;
        font-weight: 500;
        margin-top: -7px !important;
    }
    .tick01{
        width: 3% !important;
        margin-top: -40px !important;
    }
    .review-description{
        color: #000;
        font-size: 17px;
        line-height: 30px;
    }
    .heading09{
        color: #000;
        text-align: center;
        font-size: 35px;
    }
    .online-shop{
        width: 30% !important;
    }

    .bg-container11{
        background-color: #000;
        background-size: cover;
    }

    .copyright-heading{
        color: #fff;
        text-align: center;
        font-size: 20px;
    }
    .privacy-heading{
        color: #fff;
        font-size: 18px;
        text-align: center;
    }
}