/* ==========================================================
Courses page css start here
========================================================== */


.our-Courses-main h1 {
font-weight: 500;
    text-align: center;
    color: #1A4778;
    margin-bottom: 16px;
        font-size: 50px;
}


section.our-Courses-main {
    padding-top: 50px;
    padding-bottom: 50px;
}
.our-Courses-main p.all_course_para {
    text-align: center;
}


.coursesBlock {
    margin-top: 77px;
}





.courses-tags{ 
 text-align: center;   
 }
.courses-tags ul {
    display: inline-block;
    text-align: center;
    width: 83%;
}

.courses-tags ul li {
display: inline-block;
    margin: 15px 6px;
}

.courses-tags ul li a {
    background: #F8DEEB;
    border-radius: 55px;
    display: block;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #000000;
    text-transform: uppercase;
    font-family: 'Avenir LT Pro 55 Roman';
    padding: 10px 60px;
    cursor: pointer;
}


.courses-tags ul li.music a {
background: #D0F2EE;
 }   


.courses-tags ul li.drawing a {
background: #D0E6FF;
 }   

.courses-tags ul li.chess a {
background: #FFD2D5;
 }   


.courses-tags ul li.dance a {
 background: #FFF6DE;
}   


.courses-tags ul li.public_speaking a {
background: #E0DEF0;
}   


.coursesBlock .coursesContentBlock {
background: #FFFFFF;
border: 1px solid #A9A9A9;
box-shadow: 25px 25px 55px rgba(0, 0, 0, 0.05);
border-radius: 60px;
margin-bottom: 50px;
}

.coursesBlock .coursesContent {
    padding: 20px 30px;
}

.coursesBlock .imgBlk img {
    width: 100%;
    vertical-align: bottom;border-radius: 60px 60px 0 0;
}
.listClassActive.active a {
    background: #1A4778 !important;
    box-shadow: 8px 8px 0px rgb(165 208 255 / 54%);
    color: #fff;
}
.listClassActive a:hover {
    background: #1A4778 !important;
    box-shadow: 8px 8px 0px rgb(165 208 255 / 54%);
    color: #fff;
    font-weight: 700;
}
.coursesName {
    color: #3877BB;
    font-family: 'Avenir LT Pro 55 Roman';
    font-weight: 800;
    font-size: 18px;
    line-height: 35px;
}

.priceBlk {
    display: flex;
    align-items: baseline;
    margin-bottom: 10px;
}

.coursesContent .courseDetailBlock {
    margin-bottom: 18px;
}

.coursesContent .courseDetailBlock p {
    line-height: 25px;
    letter-spacing: 0.05em;
    color: #575757;
    padding-right: 7px;
}

.priceBlk span.priceBlkSpan {
    font-size: 33px;
    line-height: 25px;
    color: #96296E;
    font-family: 'Avenir LT Pro 65';
    font-weight: 900;
        margin-right: 5px;
}
.priceBlk span {
    font-weight: 900;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.05em;
    color: #7E7E7E;
}

.coursesContent ul.class_desc {
    margin-bottom: 25px;
    margin-top: 21px;
}

.coursesContent ul.class_desc li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.coursesContent ul.class_desc li span:first-child {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.05em;
    color: #676767;
    width: 27%;
}

.coursesContent ul.class_desc li span:last-child {
    font-weight: 900;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.05em;
    color: #333333;
    width: 73%;
}

ul.course_buttons {
    text-align: center;
}
ul.course_buttons li {
    margin: 11px 0;
}

ul.course_buttons a.btn.large.blue{
    background: #8AB5E4;
    box-shadow: rgba(165, 208, 255, 0.54) 8px 8px 0px;
    color: #FFFFFF;
        font-size: 18px;
    line-height: 38px;
 }   


 ul.course_buttons a.btn.large.blue:hover{
background: #3985D8;

 }
ul.course_buttons button.btn.large.blue{
    background: #8AB5E4;
    box-shadow: rgba(165, 208, 255, 0.54) 8px 8px 0px;
    color: #FFFFFF;
        font-size: 18px;
    line-height: 38px;
 }   


 ul.course_buttons button.btn.large.blue:hover{
background: #3985D8;

 }
 ul.course_buttons li a.viewDetails {
    letter-spacing: 0.05em;
    text-decoration-line: underline;
    color: #232323;
    font-size: 16px;
    line-height: 25px;
}

.imgBlk {
    position: relative;
}

.imgBlk .priceBlk {
background: #FFFFFF;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15);
border-radius: 55px;
    display: inline-block;
    font-weight: 900;
    font-size: 20px;
    line-height: 26px;
    color: #96296E;
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding: 7px 26px;
    display: none;
}