/*
Template Name: Cookbook
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************classes****************/
.course_dt1{
  width:85%;
 }
.progress {
    display: flex;
    height: 0.5rem;
    border-radius:0;
}
/*********************classes_end****************/

/*********************faq****************/
.accordion-button {
background:var(--bs-dark);
color:var(--bs-white);
padding:8px 15px;
font-weight: bold;
border: 0;
font-size: 18px;
text-align: left;
}
.accordion-button:focus {
box-shadow: none;
border: none;
}
.accordion-button:not(.collapsed) {
background:var(--red);
color:var(--bs-white);
padding:8px 15px;
}
.accordion-body {
padding: 20px;
background: var(--bg_light)!important;
}
.accordion-button::after {
width: auto;
height: auto;
content: "+";
font-size: 40px;
background-image: none;
font-weight: 100;
color: var(--bs-white);
transform: translateY(-4px);
}
.accordion-button:not(.collapsed)::after {
width: auto;
height: auto;
background-image: none;
content: "-";
font-size: 40px;
transform: translate(-5px, -4px);
transform: rotate(0deg);
}
.accordion-item{
border:none;
border-radius:0;
background:none;
border-bottom:1px solid var(--border_light);
margin-bottom:10px;
}

.faq_1l .accordion-body{
background:var(--bs-white);
 }
/*********************faq_end****************/




@media screen and (max-width : 767px){
.faq_1r{
   margin-top:15px;
 }
.course_dt1 {
  width: 100%;
}
.course_dt1_inner1_right{
  margin-top:15px;
 }
.contact_1_right{
  margin-top:15px;
 }
.contact_2_left{
  margin-top:8px;
  margin-bottom:8px;
 }
.course_dt1_inner1_right_new_right {
   margin-top:15px!important;
   text-align:center;
 }
 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {
.contact_2_left .font_15{
  font-size:13px;
 }
.course_dt1_inner1_right_new_right .button{
   padding:25px 40px!important;
 }
.course_dt1 {
  width: 100%;
}
 }

@media (min-width:992px) and (max-width:1200px) {

 }

@media (min-width:1201px) and (max-width:1300px) {

 }
@media screen and (min-width : 1400px){

 }