.banner-section .banner-left .small-text,.courses-section .feature-courses-span{
    font-family: "Kalam", cursive;
}
.banner-section .banner-left .small-text,.banner-section .banner-left a,.courses-section .feature-courses-span{
    font-weight: 600;
}
.banner-section .banner-left a{
    text-decoration: none !important;    
}
.banner-section .banner-left a:hover{
    background-color: #000 !important;
    color: #fff !important;
}
.banner-section .wp-block-cover .wp-block-cover__inner-container{
    position: unset !important;
}
.banner-section .banner-left,.banner-section .banner-right{
    position:absolute !important;
}
.banner-section span:before,
.banner-section span:after{
    content: '';
    position: absolute;    
    aspect-ratio: 1/1;   
    border-radius: 50%;    
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}
.banner-section span:before{
    left: 0px;
    height: 100%;
    background: linear-gradient(0deg, #422770 0%,#543A7C 100%);
}
.banner-section span:after{
    left: 4%;
    height: 75%;
    background: linear-gradient(0deg, #452C74 0%, #624B87 100%); 
}
.banner-section .banner-left{
    top: 22%;
}   
.banner-section .banner-left .small-text:after{
    content: '';
    width: 70px;
    height: 2px;
    background: #fff;
    display: inline-block;
    margin: 0px 0px 0px 6px
}
.banner-section .banner-right .line-png img{
    position: absolute;
    top: 57%;
    left: 34%;
    width: auto;
    z-index: -1;
}
.banner-section .banner-right{
    right: 15%;
    top: 12%;
}
.banner-section .banner-right .img1{
    padding: 25px 0;
}
.banner-section .banner-right .img1 img,.banner-section .banner-right .img3 img,
.banner-section .banner-right .img4 img{
    border-radius: 50px;
}
.banner-section .banner-right .img2 img{
    border-radius: 50%;
    background: linear-gradient(0deg, #422770 0%,#543a7c 100%);
    padding: 25px;
}
.banner-section  .wp-block-columns:not(.is-not-stacked-on-mobile)>.banner-right{
    flex-basis: 50% !important; 
}
.banner-section .banner-right .row1,.banner-section .banner-right .row2{
    flex-wrap: nowrap !important;
}
.courses-section .feature-courses-span{
    position: relative;
    margin-bottom: 0rem !important;
}
.courses-section .feature-courses-span:after,
.courses-section .feature-courses-span:before{
    content: '';
    width: 70px;
    height: 3px;
    background: #F24080;
    position: absolute;
    bottom: 50%;
}
.courses-section .feature-courses-span:before{
    left: 39%;  
}
.courses-section .feature-courses-span:after{
    right: 39%; 
}
.courses-section .post-item{
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 10px;
    padding: 0!important;
    width: 23%;
}
.courses-section .post-item img{
    border-radius: 10px 10px 0 0;
    width: 100%;
    object-fit: cover;
}
.courses-section .post-item .post-content{
    padding: 10px;
}
.courses-section .rating-section,.courses-section .student-section{
    gap: 0.5em;
}
.courses-section .rating-section i{
    color: #feaf18;
}
.courses-section .price-sec .wp-block-column,.courses-section .star-myaccount .wp-block-column{
    flex-basis: auto !important;
}
.courses-section .price-sec{
    width: fit-content;
    gap: 1em;
}
.courses-section  .price-text-sec1{
    padding: 5px 0;
    margin-top: 0;
}
.courses-section .star-myaccount{
    width: fit-content;
}
@media screen and (max-width: 767px){   
    .banner-section span:after,.banner-section span:before,
    .banner-section .banner-right .line-png img{
        display: none;
    } 
    .courses-section .feature-courses-span:after{
        right: 60%;
    }
    .courses-section .feature-courses-span:before {
        left: 60%;
    }
    .banner-section .banner-right .img1 img, .banner-section .banner-right .img3 img, .banner-section .banner-right .img4 img {
        height: 100px !important;
        width: 150px !important;
        border-radius: 20px;
    }
    .banner-section .banner-right .img2 img{
        height: 130px !important;
        width: 130px !important;
        padding: 14px;
        margin-top: 8%;
    }
    .banner-section .banner-left{
        top: 8%;
        left: 5%;
        right: 5%;
    }
    .banner-section .banner-left h2{
        font-size: 32px !important;
    }
    .banner-section .banner-right{
        top: 45%;
        width: 100%;
        text-align: center;
        padding: 10px;
        left: 0;
        right: 0;        
    }
    .banner-section .banner-right .row1,.banner-section .banner-right .row2{
        gap: 1em;
    }
    .banner-section .banner-left h2,.banner-section .banner-left p{
        text-align: center !important;
    }
    .banner-section .banner-left .wp-block-buttons.is-layout-flex{
        justify-content: center !important;
    }

}
@media screen and (max-width: 781px){
    .courses-section .rating-section,.courses-section .student-section,.courses-section .star-myaccount,.courses-section .price-sec{
        flex-wrap: nowrap !important;
    }
}
@media screen and (max-width: 999px){
    .banner-section .para{
        display: none;
    } 
}
@media screen and (max-width: 1199px) and (min-width: 992px){
    .courses-section .rating-section i{
        font-size: 10px;
    }
}
@media screen and (max-width: 1400px) and (min-width: 768px){
    .banner-section .wp-block-cover__inner-container:after{
        left: 6%;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .courses-section .post-item{
        width: 50%;
        flex-basis: 50% !important;
    }
    .courses-section .wp-block-columns:not(.is-not-stacked-on-mobile)>.post-item{
        flex-basis: 47% !important;
    }
    .courses-section .post-sec{
        flex-wrap: wrap !important;
    }
    .courses-section .feature-courses-span:after{
        right: 28%;
    }
    .courses-section .feature-courses-span:before {
        left: 28%;
    }   
}
@media screen and (max-width: 999px) and (min-width: 768px){
    .banner-section .banner-right .img1 img,.banner-section .banner-right .img3 img,
    .banner-section .banner-right .img4 img{
        height: 130px !important;
        width: 180px !important;
    }
    .banner-section .banner-right .img2 img{
        height: 180px !important;
        width: 180px !important;
    }
    .banner-section .banner-left{
        left: 5%;
        right:50%;
    }
    .banner-section{
        min-height: 400px !important;
    }
    .banner-section h2{
        font-size: 32px !important;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1000px){
    .banner-section .banner-right .img1 img,.banner-section .banner-right .img3 img,
    .banner-section .banner-right .img4 img{
        height: 180px !important;
        width: 240px !important;
    }
    .banner-section .banner-right .img2 img{
        height: 200px !important;
        width: 200px !important;
    }
    .banner-section .banner-right .row1,.banner-section .banner-right .row2{
        gap: 1em;
    }
    .star-myaccount h3{
        font-size: 14px;
    }
}
@media screen and (max-width: 1500px) and (min-width: 768px){
    .banner-section .banner-right{
        right: 2%;
    }
    .banner-section .banner-left{
        left: 5%;
    }
}
@media screen and (max-width: 1399px) and (min-width: 992px){
    .courses-section .star-myaccount{
        gap: 0.5em;
    }
    .courses-section .rating-section, .courses-section .student-section{
        gap: 0.1em;
    }
    .courses-section .feature-courses-span:after{
        right: 35%;
    }
    .courses-section .feature-courses-span:before {
        left: 35%;
    }
}