.step3Outer { background: #1a2c53; display: grid; grid-template-columns: 1fr 1fr 1fr; text-align: center; color: #fff; font-size: 18px; line-height: 25px;}
.boxYellow { background-color: #feca5b; color: #1a2c53;}
.boxYellow, .boxBlue { padding: 30px ;}
.EnrollNow, .footersectionLeft a  { background: #feca5b; color: #1a2c53; border-radius: 100px; padding: 15px 30px; display: inline-block; font-weight: bold; text-decoration: none;}
.EnrollNow:hover { background: #1a2c53; color: #fff; text-decoration: none;}
.couraseList { display: grid; grid-template-columns: 481px 1fr; gap: 0px; padding: 50px 0;}
.courseOuter { background: #e4e3f4;  padding: 40px 0 250px 0  ;}
.step3Outer h2  {  font-size: 30px;}
.coursDec { background: #fff; border-radius: 0 15px 15px   0px ; padding: 25px 25px 25px 40px;}
.coursDec h3 { font-size: 30px; color: #1a2c53; line-height: 40px; margin-bottom: 20px; margin: 0 0 20px 0;}
.coursDec ul { margin: 0; padding: 0;}
.coursDec ul li , .colourseList_new ul li, .footersectionLeft ul li{ list-style: none; background: url(images/btn-arrow-2.png) no-repeat left 15px; 
    padding: 12px 0 12px 30px ; font-weight: bold; font-size: 18px; color: #1a2c53;}
    .coursImg img { border-radius: 15px 0px 0px   15px ;}
    
    .title h2 { text-align: center; font-size: 40px; color: #1a2c53; margin: 0 0 0px 0;}
    .courase23List { display: grid; grid-template-columns: 1fr 1fr 1fr ; gap: 30px; }
    .colourseList_new { border-radius: 15px; background-color: #fff; padding: 30px;} 
    .colourseList_new img  { border-radius: 15px;} 
    .colourseList_new  h3  { text-align: center;  font-size: 30px; color: #1a2c53; line-height: 40px; margin: 0 0 20px 0;}
    .colourseList_new .EnrollNow { margin-left: 30px;}
    .musicBox .EnrollNow { margin-top: 45px;}

    .step3Box { border-radius: 15px; background-color: #1a2c53; padding: 20px; margin-top: -150px;
         display: grid; grid-template-columns: 40% 1fr; align-items: center;} 
    .step3BoxDecList { display: grid; grid-template-columns: 60px 1fr; color: #fff; gap: 20px; align-items: center; margin-bottom: 15px;}
    .step3BoxDec .title h2 { color: #fff; font-size: 30px; font-weight:  bold; text-align: left;}
    .step3BoxDec .title h2 span { display: inline-block; background: #feca5b; color: #1a2c53; border-radius: 50px; padding: 10px 20px; margin-top: 15px;margin-bottom:15px} 
    .step3BoxDecList h4 { width: 60px; height: 60px; border-radius: 50%; background: #feca5b; color: #1a2c53; line-height: 60px; text-align: center; font-size: 25px; margin: 0;}
    .titleTex h5 { font-size: 20px; color: #fff; line-height: 30px; margin: 0;}
    .titleTex p { font-size: 16px; color: #fff; line-height: 25px; margin: 0;}

    .studentTestimonailOuter {
        display: grid
    ;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px;
        
        padding-top: 30px;
    }
    .studentName {color: #1a2c53; }
    .studentName span {
        display: block;
    }
    .studentTestiBox p { color: #1a2c53; line-height: 25px;}
    .StudentsTestimonials {padding:  50px 0 0 0 ;}

    .studentTestiBox {
        background-color: #fff;
        border: solid 1px #c7dbf5;
        padding: 20px;
        border-radius: 10px;
    }
    .footersection { background: #1a2c53; padding: 70px 0 0 0  ; margin:200px 0 0 0;} 
    .footersectionInner { display: grid; grid-template-columns: 60% 1fr; gap: 50px ; color: #fff;} 
    .footersectionLeft h3 { font-size: 45px; margin: 0; }
    .footersectionLeft h6 { font-size: 20px; margin: 0; padding: 0; line-height: 30px;} 
    .footersectionRight img { margin-top: -200px;}
    .footersectionLeft ul li{ color: #fff; background: url(images/btn-arrow-yellow.png) no-repeat left 15px; }
    .footersectionLeft ul { margin: 0; padding: 20px 0;} 


    @media (min-width: 100px) and (max-width: 767px) {
        .couraseList, .courase23List, .step3Box, .studentTestiBox, .studentTestimonailOuter, .footersectionInner, .step3Outer{ grid-template-columns: 1fr;}
        .container { width: 100%;}
        .courseNewimg img, .footersectionRight img, .step3BoxImg  img, .coursImg img { width: 100%;}

        .courseOuter { padding: 30px 25px 50px 25px;}
        .coursDec ul li, .colourseList_new ul li, .footersectionLeft ul li { font-size: 16px; padding: 7px 0 7px 35px;}
        .coursDec { padding: 20px; border-radius:  0px  0px  0px   0px ;}
        .coursDec ul { padding-bottom: 25px;}
        .coursImg img, .colourseList_new , .step3Box{ border-radius:  0px  0px  0px   0px ;}
        .step3BoxDec .title h2 { padding-top: 15px; font-size: 20px;} 
        .StudentsTestimonials { padding: 25px;}
        
        .title h2 { font-size: 30px;}
        .couraseList, .courase23List { padding: 30px 0 0 0 ;}
        .musicBox .EnrollNow { margin: 0;}
        .colourseList_new h3 { font-size: 25px;}
        .footersectionRight img ,  .footersection, .step3Box { margin: 0;}
        .footersection { padding: 25px  25px  0px  25px ;}
        .footersectionLeft h3 { font-size: 25px;}


        }