h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

p {
    margin-bottom: 0px;
}

a {
    text-decoration: none;
}

.badge_one {
    background-color: rgb(94, 23, 235);
    font-size: 2.5rem;
    padding: 10px 90px;
    clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
}

.border_style  .badge_one::before {
    position: absolute;
    content: '';
    top: 2%;
    left: 0.5%;
    width: 99%;
    height: 96%;
    position: absolute;
    clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
    z-index: -1;
}


.badge_two {
    background-color: rgb(246, 22, 22);
    padding: 20px 35px;
    font-size: 1.5rem;
    clip-path: polygon(0 0, 100% 0, 98% 50%, 100% 100%, 0 100%, 2% 50%);
    line-height: 1.4;
}

.badge_three {
    background-color: rgb(246, 22, 22);
    padding: 25px 45px;
    border-radius: 50px;
    line-height: 1.4;
    font-size: 25px;
}

.badge_four {
    background-color: rgb(12, 123, 13);
    color: rgb(255, 236, 111);
    padding: 15px 10px;
    font-size: 35px;
}

.text_shadow {
    text-shadow: -1px -2px 4px rgb(128, 128, 128);
}

#two .badge {
    clip-path: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0% 50%);
}

.text_one {
    font-size: 30px;
}

.text_two {
    color: rgb(241, 227, 32);
    font-size: 40px;
    font-weight: 600;
}

section {
    background-image: radial-gradient(circle, rgb(9, 8, 34), rgb(52, 50, 200));
    overflow-x: hidden;
    padding-top: 15px;
}

#home {
    background-image: linear-gradient(rgb(6, 5, 22), rgb(52, 50, 200));
    text-align: center;
}

.nav_img {
    height: 80px;
}

#home i {
    font-size: 40px;
    color: rgb(12, 123, 13);
}

#two ul li {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}

.photo {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: rgb(255, 236, 111);
}

#page_demo .badge_two {
    background-color: rgb(12, 123, 13);
}

#difference .badge_one {
    background-color: rgb(12, 123, 13);
    padding: 25px 50px;
}

#about_course .about_title .border_style .badge_one {
    background-color: rgb(214, 204, 64);
    position: relative;
}

#about_course .about_title .border_style .badge_one::before {
    background-color:rgb(11, 12, 84);
}

#about_course .about_subtitle .badge_one {
    clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    background-color: rgb(12, 123, 13);
    color: rgb(255, 236, 109);
}

#about_course .element {
    border: 5px solid white;
    border-radius: 10px;
}

#about_course ul li{
    list-style: none;
    font-size: 25px;
    color: white;
}

#about_course ul li i{
    padding: 10px;
}

#about_course .badge_three {
    color: rgb(255, 236, 109);
}

#about_course .badge_one, #demo_video  .badge_one {
    background-color:  rgb(246, 22, 22);
}

#demo_video .about_title .badge_one {
    background-color: rgb(214, 204, 64);
    position: relative;
}

#demo_video .about_title .border_style .badge_one::before {
    background-color:rgb(11, 12, 84);
}

#demo_video .about_subtitle .badge_one {
    clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
    background-color: rgb(12, 123, 13);
    color: rgb(255, 236, 109);
}

#course_pages .badge_three {
    background-color: #000000;
    border-radius: 30px
}

#course_pages .buy_now {
    background-color:  rgb(246, 22, 22);
    border-radius: 50px;
    border: 5px solid black;
    padding: 10 20px;
    text-shadow: 0 0 rgb(255, 255, 255);
}

#faq .about_title .badge_one {
    background-color: rgb(214, 204, 64);
    position: relative;
}

#faq .about_title .border_style .badge_one::before {
    background-color:rgb(11, 12, 84);
}


#faq .accordion-button {
    background-color: rgb(82, 78, 213);
    color: rgb(252, 253, 7);
    font-size: 28px;
    font-weight: 600;
}

#faq .accordion-body {
    background-color: rgb(72, 0, 74);
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 600;
}

#writer img {
    border-radius: 50%;
}

#writer .intro_text {
    font-size: 25px;
}

#info .badge_one {
    background-color: rgb(252, 253, 7);
    color: red;
}


#guatantee .border_style .badge_four {
    position: relative;
    background-color: rgb(214, 204, 64);
}

#guatantee .border_style .badge_four::before {
    position: absolute;
    content: '';
    top: 2%;
    left: 0.5%;
    width: 99%;
    height: 96%;
    background-color:rgb(12, 123, 13);
    position: absolute;
    clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
    z-index: -1;
}

.btn_order {
    z-index: 2;
    width: 300px;
}

.order-btn {
    background: linear-gradient(90deg, rgb(46, 8, 130), rgb(255, 48, 137));
    border-radius: 50px;
    padding: 10px 30px 10px 60px;
    font-size: 24px;
    top: -6%;
    left: 3%;
    z-index: -1;
}

#order i{
    background-color: white;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6a11cb;
    font-size: 24px;
}

#ignor_form, form {
    background-color: rgb(209, 186, 255);
}

form label {
    font-size: 25px;
}

form .form-group {
    padding-top: 1rem;
}

#ignor_form .form-check {
    color: rgb(95, 40, 242);
}

.product_table input {
    font-size: 20px;
    font-weight: 600;
    color: #1200ff;
}



/* Owl carosol */

.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
    left: 0;
}
.owl-nav button.owl-next {
    right: 0;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(117, 110, 110, 0.38) !important;
}
.owl-slider span {
    font-size: 70px;
    position: relative;
    top: -5px;
}
.owl-nav button:focus {
    outline: none;
}
.owl-item {
    height: 100% !important;
    display: flex;
}
#carousel .item {
    width: 100%;
}




@media (max-width: 1024px) {
    .badge_one {
        padding: 10px 45px;
        font-size: 2rem;
    }

}

@media (max-width: 992px) {
    .review_item {
        /* margin-top: 45px; */

        width: 98%;
        margin:  45px auto;
        box-shadow: 0px 0px 24px #a5a559;


    }
}

@media (max-width: 768px) {

    .badge_one {
        padding: 10px 30px;
        font-size: 1.5rem;
    }

    .badge_two {
        padding: 20px 15px;
        font-size: 1rem;
    }

    .badge_four {
        font-size: 25px;
    }


    .text_two {
        font-size: 30px;
    }

    #page_demo .badge_two {
        clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%);
        padding: 20px 35px;
    }

}

@media (max-width: 425px) {

    #home i {
        display: none;
    }

    .badge_one {
        font-size: 16px;
        font-weight: 600;
        padding: 20px 30px;
    }

    .badge_two {
        padding: 18px 25px;
        clip-path: polygon(0 0, 100% 0, 90% 50%, 100% 100%, 0 100%, 10% 50%);
    }

    .text_two {
        color: rgb(241, 227, 32);
        font-size: 25px;
        font-weight: 500;
    }

    .badge_four {
        font-size: 20px;
    }

    #two ul li {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 10px;
    }

    .badge_three {
        padding: 10px 18px;
        font-size: 19px;
    }

    #difference .badge_one {
        padding: 10px 16px;
    }

    .badge_one {
        font-size: 20px;
        padding: 8px 13px;
    }

    #about_course ul li {
        font-size: 18px;
    }

    #demo_video .badge_one {
        font-size: 16px;
    }

    #faq .accordion-button {
        font-size: 18px;
    }

    #faq .accordion-body {
        font-size: 18px;
    }

    form label {
        font-size: 18px;
    }

    #writer .intro_text {
        font-size: 16px;
    }






}