body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 20px;

}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

li {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}



/* body stucture complete */
.banner-plan-details {
    background-image: url(../images/plan-details.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 80vh;
    position: relative;
}

.banner-plan-details::after {
    position: absolute;
    content: "";
    background-color: #131313cb;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}

.banner-plan-details .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 100%;
    z-index: 5;
}

.banner-plan-details img {
    width: 450px;
    object-fit: cover;

    border: #fff 1px solid;

}

.banner-plan-details .box-plan {
    position: relative;
    z-index: 2;
}

.banner-plan-details .box-plan h2 {
    color: #f38c25;
    padding-bottom: 10px;
}

.banner-plan-details .box-plan span {
    color: #fff;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

.banner-plan-details .box-plan p {
    color: #fff;
    font-size: 20px;
}

/* your-plan */
.your-plan {
    padding: 50px 0;
    background-color: rgb(229, 229, 214);

}
.your-plan p{
    font-family: "Roboto", sans-serif;
}


.your-plan .row {
    align-items: center;
}

.heading-para {
    text-align: center;
}

.your-plan .bxt-box {
    width: 100%;

}

.your-plan .hero-subscribe {
    color: hsl(0, 0%, 100%);
    background: #7d4f69;
    padding: 12px 35px;
    margin-top: 20px;
    transition: 0.8s;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.your-plan .hero-subscribe:hover {
    background-color: #313131;
    color: #ffffff;
}



.your-plan .your-p-box {
    text-align: right;


}
.your-image-box{
    width: 100%;
}

.your-plan h2 {
    position: relative;
    text-align: center;
    padding-bottom: 25px;
    color: #761a4e;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Oswald", serif;

}

.logo-box-three h4 {
    text-align: center;
    padding: 10px 0;
    color: #fff;
    background-color: #4e032d;

}
.bottom-scroll .logo-box-three {
    background-color: #514334;
    padding: 20px;

}
.bottom-scroll p{
    color: #e0e0e0 !important;
}


.logo-box-three .scroll-para {
    width: 100%;
    height: 250px;
    overflow: scroll;
    padding-left: 15px;
    border-top: #5c5c5c50 2px solid;
    text-align: left;
    cursor: pointer;


}

.logo-box-three {
    box-shadow: rgba(102, 101, 101, 0.4) 5px 5px, rgba(150, 144, 148, 0.3) 10px 10px, rgba(165, 156, 162, 0.2) 15px 15px, rgba(167, 159, 164, 0.1) 20px 20px, rgba(214, 214, 214, 0.05) 25px 25px;
    /* box-shadow: rgba(53, 51, 52, 0.171) 0px 5px, rgba(138, 134, 136, 0.3) 0px 10px, rgba(179, 169, 175, 0.2) 0px 15px, rgba(211, 207, 210, 0.1) 0px 20px, rgba(240, 46, 170, 0.05) 0px 25px; */

    border: #12a6b1 23 4px solid;
    border-left: #16404d2f 1px solid;

}

.logo-box-three p {
    color: #5c5c5c;
    font-weight: normal;
    /* font-style: italic; */
    text-align: center;
    padding: 5px 0;
    font-family: "Roboto", sans-serif;
}

.logo-box-three ul li i {
    color: #12a6b1;
    font-weight: 600;

}

/* plan */
.all-plans {
    padding: 50px 0;
}

.plan-choose-box img {
    width: 100%;
}

.all-plans .boder-plan {
    background-color: #4e032d;
    padding: 10px 0;
}
.plan-background{
    padding: 20px;
    height: 100%;
}



.all-plans .plan-background button {
    border: none;
    outline: none;
    background-color: #514334;
    color: #ffffff;
    padding: 5px 30px;
    margin: 10px 0;
    text-align: center;
    border-radius: 100px;
    font-family: "Roboto", sans-serif;
    border: #4e032d 1px solid;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

}

.plan-background {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.plan-background h5 {
    text-align: center;
}

.plan-background h2 {
    text-align: center;
    color:#16404D;
  
}

.all-plans .box-shadwo-plan {
    box-shadow: rgba(0, 0, 0, 0.404) 0px 3px 8px;
}

.all-plans .plan-choose-box {
    position: relative;
}




@media (min-width:768px) and (max-width:991px) {
    .banner-plan-details img {
        display: none;
    }

    .banner-plan-details .container {
        text-align: center;
    }
}

@media(max-width:991px) {
    .banner-plan-details img {
        width: 100%;

    }

    .banner-plan-details .container {
        text-align: center;
    }
}



@media (max-width:400px) {

    /* .plan-background ul li{
       font-size: 13px;
    } */
    .all-plans .plan-name-all {
        position: absolute;
        top: 13%;
        left: 50%;
        transform: translateX(-50%);
        color: rgb(255, 255, 255);
    }
}