main { padding: 0px 10px; }
html { scroll-padding-top: 100px}
.ci-dollar-sign::before { display: none}
.form-control { padding: 10px !important}
.logo { max-width: 50px !important}
#hero .background { background-color: rgba(47, 110, 213, 0.2)}
#hero .lead { font-size: 18px}
#hero img { max-height: 600px; width: auto !important}
#hero .swiper { padding: 0px !important}

#faq-main img { border-radius: 10px}
#faq-main .col-image { padding: 0px 10px}
#faq-main .col-accordion>div { padding-left: 0px !important}
#faq-main .col-accordion { padding-top:30px !important; padding-left: 30px !important; padding-right: 30px !important;}

.features .icon-round { height: 90px; width: 90px; background-color: rgba(47, 110, 213, 0.15) !important;}
@media (max-width:1400px) {.features .icon-round { height: 74px; width: 74px} }

.courses-main { overflow: unset}
.courses-main img { border: 1px solid #ddd}

@media (min-width:768px) { #faq-main .col-accordion { width:80% !important; margin: auto;}}

footer {  background-color: rgba(47, 110, 213, 0.9) !important}
footer .market-category,
footer .border-white{ display: none !important}
footer .accordion { padding-bottom: 0px !important; padding-top: 20px !important}
footer img { max-height:300px; margin:auto !important}
footer:has(.img-fluid) { padding: 0px !important; margin:0px !important}
footer .accordion>div.row>div { padding-bottom: 0px !important; margin:0px !important}
 

@media (max-width:768px) {
footer .accordion>div.row>div:first-child { display: flex !important; order: 2}
footer .accordion>div.row>div:last-child { order: 1}  
}

@media (min-width:768px) {.course .col-accordion { width:100% !important; margin: auto;}}
.course>div{ padding-top: 30px !important;}
.course .col-accordion { padding: 0px !important}
.course .col-accordion>div { padding: 0px !important }
.course .col-accordion h3 button { font-size: 20px}
.course { margin-bottom: 50px}
.course>.row { padding: 0px 20px}
.course .col-accordion a { background: #2358ae; margin: 20px auto; text-align: center; display: block; padding: 10px 20px; border-radius: 5px; color: white;
    text-decoration: auto; min-width: 150px; width: fit-content;  transition: all 0.5s ease;}
.course .col-accordion a::after { content: '\F144'; font-family: 'bootstrap-icons' !important; font-weight: 400; font-size: 14px; color: white; padding-left: 5px;}
.course .col-accordion a:hover {background: #2f6ed5; }

.course .col-accordion video { width: 600px; height: auto; max-width: 100%; }
.course .col-accordion blockquote { display:block; padding: 15px; margin: 30px 0px 30px 30px; border-left: 4px solid #2f6ed5; background: #eee; }