/*From Aditi*/
/*banner section styling start*/
.banner {
    padding: 35px 0 55px 0;
}

.banner .img {
    background-image: url('../img/how-it-works/banner.png');
    background-size: cover;
    width: 100%;
}

.banner .img .content h2 {
    font-size: 55px;
    font-weight: 600;
    padding: 34px 0;
    margin: 0;
    letter-spacing: 0px;
    color: #FFFFFF;
}

/*banner section styling end*/

/*steps section styling start*/
.steps .content .text-part {
    margin-bottom: 97px;
}

.steps .content .text-part h3 {
    font-size: 45px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #292929;
    margin-bottom: 25px;
}

.steps .content .text-part p {
    font-size: 16px;
    letter-spacing: 0px;
    color: #000000;
}

.steps .content .img-part-one {
    margin-bottom: 70px;
}

.steps .content .img-part-one .content p {
    font-size: 20px;
    width: 68%;
    text-align: center;
    margin-bottom: 0;
    margin-top: 31px;
}

.steps .content .img-part-one .content {
    display: flex;
    justify-content: center;
}

.inner-round-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
}

.round-image {
    height: 200px;
    width: 200px;
    background-color: #008EA3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative;
}

.round-image img {
    width: 50%;
}

.round-image .four {
    width: 44%;
}

.no-round {
    width: 90px;
    height: 90px;
    background-color: #E3913A;
    border-radius: 50%;
    font-size: 45px;
    color: #FFFFFF;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -25px;
    top: -40px;
}

/*steps section styling end*/

/*price section styling start*/
.price {
    background-image: url('../img/how-it-works/intro-cancer-picture.png');
    background-size: cover;
}

.price .img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #008EA3CC;
    width: 100%;
}

.price h2 {
    font-size: 40px;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: 600;
    padding: 75px 0 27px 0;
}

.price .img .form {
    padding: 0 0 75px 0;
}

.price .img .form input {
    width: 193px;
    height: 58px;
    border-radius: 10px;
    border: none;
    outline: none;
    font-size: 25px;
    margin-right: 42px;
    padding: 0 12px;
}

.price .img .form .btn {
    background-color: #E3913A;
    padding: 15px 49px;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    border-radius: 5px;
}

/*price section styling end*/

/*accoedion section styling start*/
.accordion-section {
    padding-top: 1rem;
    padding-bottom: 16rem;
}

.accordion-section .header h2 {
    font-size: 45px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #292929;
}

.accordion-section .accordion {
    margin-top: 32px;
}

.accordion-section .accordion .accordion-button {
    background-color: #F5F5F5;
    margin: 25px 0;
}

.accordion-section .accordion .accordion-item {
    background-color: #FFFFFF;
    border: none;
    border-radius: 5px;
}

.accordion-section .accordion .accordion-button[aria-expanded="true"] {
    background-color: #E3913A;
    color: #FFFFFF;
}

.accordion-button:focus {
    box-shadow: none;
}

/*.accordion-button::after {
    background-image: url('/img/how-it-works/Plus.svg');
    height: 20px;
    width: 20px;
}*/

/*.accordion-button:not(.collapsed)::after {
    background-image: url('/img/how-it-works/Minus.png');
    transform: none;
    color: #FFFFFF;
}*/
/*accordion section styling end*/

/*media query start*/
@media screen and (max-width:1024px) {
    .steps .content .img-part-two .content p {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .banner .img .content h2 {
        font-size: 50px;
    }

    .steps .content .text-part h3 {
        font-size: 40px;
        font-weight: 600;
    }

    .price h2 {
        font-size: 35px;
    }

    .price .img .form .btn {
        font-size: 16px;
    }

    .price .img .form input {
        width: 150px;
    }

    .accordion-section .header h2 {
        font-size: 40px;
    }
}

@media screen and (max-width:767px) {
    .banner .img .content h2 {
        font-size: 40px;
    }

    .steps .content .text-part h3 {
        font-size: 30px;
        font-weight: 600;
    }

    .accordion-section .header h2 {
        font-size: 30px;
        margin-bottom: 45px;
    }

    .accordion-section .accordion {
        margin: 0;
    }
}

@media screen and (max-width: 500px) {
    .price .img .form input {
        width: 80%;
        margin: 0;
    }
}

@media screen and (max-width:425px) {
    .accordion-section {
        margin-top: 50px;
    }

    .banner {
        padding: 0;
    }

    section {
        margin: 50px 0;
    }

    .accordion-section .header h2 {
        margin-bottom: 10px;
    }

    .steps .content .img-part-one .content p {
        width: 100%;
    }

    .price .img .form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .price h2 {
        text-align: center;
    }

    .price .img .form .btn {
        margin-top: 25px;
    }

    .steps .content .text-part h3 {
        font-size: 20px;
        font-weight: 600;
    }

    .accordion-section .accordion .accordion-button {
        border-bottom: 0;
    }
}