.page-header {padding-bottom: 100px;padding-top: 110px; background-image: url(../images/title-bar-06-bg.jpg); margin-top: -65px;  background-size: cover; background-position: top center;}
.page-header .col6 {width: 60%; padding-left: 15px; padding-right: 15px;}
.page-header .col6 h1 {font-size: 32px; margin-top: 0; margin-bottom: 0; color: #241c15; font-weight: 600;line-height: 1.3;}
.bread ul { justify-content: inherit;}

.courses_list {margin: 60px 0;}
.courses_list h3 {font-size: 34px;margin-bottom: 15px;color: #3f3a64;font-weight: 400;}
.courses_list ul{padding-top:10px;}
.courses_list .h4 {padding-right: 30px; font-size:20px; font-weight: 500; line-height: 2; display: block; margin-bottom: 0; text-transform: uppercase; color: #6d6a81;}
.courses_list ul li { margin: 0 0 12px; position: relative; padding-left: 0; color: #1c1c1c; line-height: 1.4; font-size: 15px;}
.courses_list .row { gap: 0;}
.courses_list .row .col8{width:65%;}
.courses_list .row .col4 {width: 35%; display: flex; align-items: center;}
.courses_list .row .intro { padding-left: 30px; padding-right: 30px;}
.courses_list .intro.prices h4 { font-size: 21px; font-weight: 500; line-height: 52px; display: block; margin-bottom: 24px; text-transform: uppercase; color: #6d6a81;}
.courses_list .intro.prices h4 b { font-size: 51px; display: block; color: #20ad96; text-transform: capitalize; background: linear-gradient(to right, #EDBE48 0%, #17A18A 50%, #dd703b 100%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.courses_list .set { border: 1px solid #ddd; padding: 25px 30px; border-radius: 12px; margin-bottom: 20px;}
.courses_list .set .st { padding: 10px 0;}
.courses_list .set .st + .st { border-top: 1px solid #ddd;}
.courses_list .set ul li:last-child { margin-bottom: 10px !important;}
.courses_list .intro.prices {position: sticky; top: 50px;}
.courses_list .intro.intro2 { position: relative; padding-right: 30px;}
.courses_list .intro.intro2::after { content: ""; background: #ddd; width: 1px; height: 120%; position: absolute; right: 0; top: -25px; margin: auto;}
.courses_list .set .h4 span {color: #20ad96; text-transform: capitalize; background: linear-gradient(to right, #EDBE48 0%, #17A18A 50%, #dd703b 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 22px; text-decoration: underline;}
.accordion button { position: relative; display: block; text-align: left; width: 100%; border: none; background: none; outline: none;}
.accordion button .accordion-title {padding: 1em 1.5em 1em 0;}
.accordion button .icon { display: inline-block; position: absolute; top: 14px; right: 0; width: 22px; height: 22px; border: 1px solid; border-radius: 22px;}
.accordion button .icon::before { display: block; position: absolute; content: ''; top: 9px; left: 5px; width: 10px; height: 2px; background: currentColor;}
.accordion button .icon::after { display: block; position: absolute; content: ''; top: 5px; left: 9px; width: 2px; height: 10px; background: currentColor;}
.accordion button[aria-expanded='true'] .icon::after { width: 0;}
.accordion button[aria-expanded='true'] + .accordion-content { opacity: 1; max-height: 9em; transition: all 200ms linear; will-change: opacity, max-height;}
.accordion .accordion-content { opacity: 0; max-height: 0; overflow: hidden; transition: opacity 200ms linear, max-height 200ms linear; will-change: opacity, max-height;}
.courses_list .container {overflow: hidden;}
.courses_list .set:last-child { margin-bottom: 0;}
.intro.prices.formob{display:none}

@media (max-width: 1199.98px) {
.courses_list .intro.prices h4 b {font-size: 46px;}
.courses_list .intro.intro2 { padding-right: 20px;}
.courses_list .row .intro { padding-left: 20px; padding-right: 20px;}
.courses_list .intro.prices h4 { line-height: 45px; margin-bottom: 20px;}
.courses_list .set {padding: 25px 20px;}
}



@media (max-width: 991.98px) {
.courses_list {margin: 40px 0;}
.courses_list .row {display: block;}
.courses_list .row .col8, .courses_list .row .col4{width:100%; }
.courses_list .row .col4{ display:none;}
.courses_list .intro.intro2 {padding-right: 15px;}
.courses_list .row .intro { padding-left: 15px; padding-right: 15px;}
.courses_list .intro.intro2::after{display:none}
.intro.prices.formob { padding: 0; margin-bottom: 15px; background: #f6f2ed; padding: 18px; border-radius: 11px; display:block}
.courses_list .intro.prices h4 {line-height: 37px; margin-bottom: 13px;}
}

@media (max-width: 767px) {
.courses_list .h4 {font-size: 18px;line-height: 26px;}
.courses_list .intro.prices h4 b {font-size: 36px;}
.courses_list h3 {font-size: 30px;}
}

@media (max-width: 575px) {
 .courses_list h3 {
    font-size:26px;
  }
}