body{font-family: 'Open Sans', sans-serif; background: #FCFCFC; color: #000; font-size: 16px; max-width: 2500px; margin: 0 auto; position: relative;}
ul,li{margin:0;padding:0}
a,a:hover{color:inherit;text-decoration:none}
h1,h2,h3,h4 {font-weight: normal; margin: 0;}
select {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239AA5C0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px;}
::-webkit-scrollbar{width:8px;background-color:#ddd;}
::-webkit-scrollbar-thumb{background-color: #000086;}

.greyBg {background: #EFEFEF;}

h2.title {color: #000; font-weight: 700; font-size: 32px;}
/* h2.title.ch{color: #595959;} */
h3.subtitle {color: #000; font-size: 24px; font-weight: 600;}
@media (max-width:1400px) {
    h2.title {font-size: 28px;}
}
@media (max-width:767px) {h2.title  {font-size: 22px;} h3.subtitle {font-size: 20px;}  }


.swiper-pagination {display:flex; justify-content: center; position: relative; bottom: auto; margin-top: 15px;}
.swiper-pagination span {margin: 0 3px;}
.swiper-pagination span {width: 5px; height: 5px; border-radius: 100px; padding: 0; display: block; color: transparent; background: #707070; border: 0;}
.swiper-pagination span.swiper-pagination-bullet-active {width: 20px; background: #da2128;}


/* form */
.form_wrapper {margin-bottom: -75px;}
.form_box {background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 25px 25px 60px #0208164D;border-radius: 3px; padding: 20px; box-shadow: 0px 3px 10px #0208164d;}
.form_box h3 {text-align: center; color: #000B86; font-size: 24px; font-weight: 700; margin-bottom: 15px;}
.form_box .form-control {border-radius: 4px; font-size: 14px; height: 50px; color: #9AA5C0; border: 1px solid #D9DDE5; padding: 0 10px; transition: all 0.3s ease-in-out;}
.form_box .form-control:focus {box-shadow: none; border: 1px solid #999; transition: all 0.3s ease-in-out;}
.form_box .form-control::placeholder {color:#9AA5C0}
.form_box .form-control:-moz-placeholder {color:#9AA5C0}

.form_box .apply-btn {width: 100%; border: 0; font-size: 20px; border-radius: 6px; font-weight: 700; color: #fff; text-transform: capitalize; height: 48px;background: #DA2128; transition: all 0.3s ease-in-out;}
.form_box .apply-btn:hover {background: #1C1C93; transition: all 0.3s ease-in-out;}
.single-input {font-size: 12px; color: #9AA5C0; text-align: left; padding-left: 20px; position: relative;}
.single-input input[type=checkbox] {position: absolute; left: 0; top: 5px;}
.single-input a {color: #272727;}
/* .apply_btn_wrp {display: none;} */

@media (max-width:1400px) {
    .form_box .form-control, .form_box .apply-btn {height: 45px;}
}

@media (max-width:991px) {
    .form_wrapper {display: none; margin: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgb(255 255 255 / 70%); z-index:2;}
    .form_box {max-width: 400px;}
    .apply_btn_wrp {position: fixed; bottom: 0; background-color: #fff; width: 100%; padding: 10px; display: block; opacity: 0.94;
        z-index: 1; box-shadow: 0px -3px 6px #00000029;}
    .apply_btn_wrp button {border: 0; display: block; text-align: center; font-size: 16px; padding: 8px 20px; background: #DA2128; color: #fff; border-radius: 5px; font-weight: 600; }
}

@media (max-width:575px) {
    .apply_btn_wrp button {padding: 8px 20px; font-size: 14px;}
}

button.close {position: absolute; right: 15px; top: 18px; padding: 0; width: 20px; height: 20px; opacity: 1; background: none; border: 0;}
button.close::before {content: ''; position: absolute; left: 0; width: 100%; height: 2px; background-color: #000; transform: rotate(45deg);}
button.close::after {content: ''; position: absolute; left: 0; width: 100%; height: 2px; background-color: #000; transform: rotate(-45deg);}

/*  */
.monthFee_box h4 {color: #000000; font-weight: 700; font-size: 28px;}
.monthFee_box h4 span {font-weight: normal; font-size: 14px; color: #777777;}

@media (max-width:1200px){
    .monthFee_box h4 {font-size: 22px;}
}


@media (max-width:575px){
    .monthFee_box h4 {font-size: 16px;}
    .monthFee_box img {width: 20px;}
    .monthFee_box h4 span {font-size: 12px;}
}

/* paragraph */
.pic_box {border-radius:3px; border-bottom-right-radius: 100px; overflow: hidden;}
.pic_box img {width: 100%; height: 100%; object-fit: cover;}
.intro_txt p {font-size: 18px; line-height: 30px;}
.intro_txt p span {font-weight: bold;}
@media (max-width:1400px){
    .intro_txt p {font-size: 16px; line-height: 26px;}
}
@media (max-width:1200px){
    .intro_txt p {font-size: 15px; line-height: 24px;}
}

/* @media (max-width:991px){
    .pic_box img {height: 300px;}
} */
/* course highlishts */
/*.highlight_wrapper {height: 500px;}*/
.swiper {width: 100%;height: 100%;}
.swiper-grid-column>.swiper-wrapper { flex-direction: inherit;}
.swiper-wrapper{height: auto;}
.swiper-slide {padding: 15px 8px;height: auto;/*margin: 0!important;*/}
.ch_box {
    box-shadow: 0px 5px 9px #00000029;
    border-radius: 20px;
    padding: 25px;
    position: relative;
    height: 100%;
    min-height: 160px;
    text-align: center;
    background: #fff;
    margin: 0 15px;
}
.ch_icon {
    /* background: #1C1C93; */
    /* border-radius: 15px; */
    /* width: 80px; */
    /* height: 80px; */
    /* line-height: 80px; */
    text-align: center;
    /* top: -40px; */
    /* position: absolute; */
    margin-bottom: 15px;
    }
.ch_box p {margin: 0;}
/* course content */
.course_content {background: #DA2128;}
.course_content h2.title {text-align: center;color: #fff;}
/* .accordian_box {background: #fff; box-shadow: 0px 3px 6px #00000029; border-radius: 5px;} */
.accordian_head { /*cursor: pointer;*/ padding: 15px 0 ;  position: relative; font-size: 18px; color: #DA2128; font-weight: 600;}
/* .accordian_head::before {content: ''; position: absolute; right: 30px; top: 50%; margin-top: -6px; width: 12px; height: 12px; border-top: 2px solid #9A9A9A; border-right: 2px solid #9A9A9A; transform: rotate(45deg); transition: all 0.2s ease-in-out;} */
.accordian_head.active::before { transform: rotate(135deg); transition: all 0.2s ease-in-out;}
.accordian_content {/*border-top: 1px solid #eaeaea;*/ padding:15px 0 0 0; /*display: none;*/}
.course_content ul, .course_content ol {font-size: 16px; padding: 0 0 0 20px; margin: 0;}
.course_content ul li, .course_content ol li {margin: 10px 0;}
.course_content ul li:last-child {margin-bottom: 0;}
.course_content ul.roman_list {padding-left: 10px; list-style: disc;}
.courseNote {font-size: 14px; font-style: italic;color: #fff;}
.accordian_content p span{font-weight: 700; color: #00008C; font-size: 20px; margin-bottom: 5px;}


/*
.accordian_box:nth-child(4) .accordian_head::before {display: none;} */

@media (max-width:1200px){
    .accordian_head {font-size: 16px;}
}

@media (max-width:991px){
    .highlight_wrapper {height: auto    ;}

}

@media (max-width:575px){
    .accordian_head {font-size: 15px; padding-top: 0;}
    .accordian_head::before {margin-top: -5px; width: 10px; height: 10px; }
    /* .accordian_content {padding: 15px;} */
    .course_content ul, .course_content ol {font-size: 15px;}
    .course_contentInner {padding: 15px!important;}
    .accordian_content p span {font-size: 16px;}
}

/* eligibility */
.eligibility_list li {position: relative; list-style: none; padding-left: 20px; margin-bottom: 10px; font-size: 15px;}
.eligibility_list li:before {content: '';position: absolute;left: 0;top: 8px;width: 7px;height: 7px;border-radius: 100px;background: #1C1C1C;}
.eligibility_note {font-style: italic;font-size: 14px; color: #000;}
.list-unstyled{padding-left: 0;margin: 10px 0;}
.list-unstyled li:before{content: none;}
.list-unstyled li{list-style-type: lower-alpha;padding-left: 0;}

/* class schedule */
.cs_box {background: #DDDDDD; border-radius: 4px; padding: 20px;}
.cs_box p {font-size: 16px;font-weight: 400;}
.cs_box em {font-size: 13px;font-weight: 400;}

/* fee */
.fee_box { padding: 20px; color:#fff; box-shadow: 0px 3px 6px #00000029;
border-radius: 8px;    background: #CF2F1F;}
.fee_box p {margin-bottom: 0px; font-size: 18px; font-weight: 300;}
.fee_box h4 {font-weight: 700; margin-bottom: 0; font-size: 30px;}
.fee_box h4 span {font-size: 14px; font-weight: normal;display: block;}
@media (max-width:575px) {
.fee_box h4  {font-size: 20px;}
}

/* timer */


.timer_box span  {font-size: 25px; vertical-align: middle; font-weight: 700;}


@media (min-width:991px) {
    .timer_box {background: #fff; border-radius: 100px; width:60px; height: 60px;    position: fixed; right: 50px; bottom: 50px;  overflow: hidden; box-shadow: 0px 3px 6px #00000029; display: none; z-index: 1;}
    .timerIcon {width: 60px; line-height: 60px; text-align: center; }
    .timer_box:hover {width: auto; height: auto; background: #F2F2F2;}
    .timeRun_box {display: none;}
    .timer_box:hover .timeRun_box {display: block;}
}

@media (max-width:575px) {
    .timer_box p {font-size: 14px;}
.timer_box span {font-size: 16px;vertical-align: middle;}
}

/* footer */
footer {background: #E0E0E0; color: #000;}
footer h4 {font-size: 14px;color: #0F0F0F;font-weight: 500;}
footer p {font-size: 14px;color: #0F0F0F;}
footer .foot_border {border-left:2px solid #0F0F0F}
.col-auto.foot_border img {display: table; /*margin: 0 auto;*/width: 150px;margin: 0 auto 10px auto;}
footer .timesproLogo {width: 120px;}
footer .logo {max-width: 250px;}
@media (max-width:991px) {
    footer {margin-bottom: 60px;}
}

@media (max-width:575px) {
    footer .logo {max-width: 100%;}
}


.termBox {border-right: 1px solid #ddd; height: 100%; margin-top: 20px;}
.termBox p strong {color: #00008C;}

.course_contentInner {background: #fff; padding: 15px 30px 30px 30px; border-radius: 5px; overflow: hidden;}