.hero {
    background-size: cover;
    /* background-image: url("../images/bg-services.png") !important; */
background-image: none;
  /* background-image: url("../images/bg-long-support.png") !important; */
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0);
  width: 100%;
  /* background-position: center; */
}
.bg-body{
    transition: all 3s ease-in-out;

    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-image: url("../images/bg-services.png") !important;
/* background-image: none; */
  /* background-image: url("../images/bg-long-support.png") !important; */
  height: 100%;
  /* border: 1px solid red; */
  width: 100%;
  /* background-position: center; */
}
.row{
    /* display:list-item !important; */
    /* display: inline !important; */
}
.program {
  transition: all 3s ease-in-out;


}
.program-title {
    cursor: pointer;
    box-shadow: 4px 6px 4px 0px rgba(0, 0, 0, 0.25);
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center !important; */
    border-radius: 20px;
    /* width: 100%; */
   /* background-image: url("../images/card-bg.png"); */
    padding-inline: 20px !important;
    transition: all 300ms ease-in-out !important;
    background-color: rgba(238, 179, 31, 0.44);
    background-color: #F8CF63;
    
    height: 80px;
  /* border: 1px solid red; */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title-prog {
  margin: 0 !important;
  /* border: 1px solid black; */
  color: rgba(91, 20, 68, 0.8);
  font-size: 30px;
  /* font-style: normal; */
  font-weight: 700;
  /* line-height: normal; */
}

.program-details {
    margin-bottom: 20px;
    display: none;
    /* visibility: hidden; */
  height: fit-content;
    margin-inline: 20px;
  background-color: rgba(238, 179, 31, 0.2);
  font-size: 18px;
  color: rgba(91, 20, 68, 0.8);
  padding-inline: 30px;
  padding-block: 20px;
  text-align: justify;
  border-radius: 0 0 20px 20px;
  /* transition: width 1s ease-in-out, height 0.5s linear, opacity 0.5s ease-in; */
  opacity: 0;
  /* visibility: hidden; */
  transition: opacity 300ms ease-in-out !important;
  /* display: none; */
  
}

.show-program {
    height: fit-content;
  visibility: visible;
  display: block !important;
  /* height: fit-content; */
  /* overflow: hidden; */
  opacity: 100%;
  /* transition: all 300ms ease-in-out !important; */
  /* background-color: rgba(238, 179, 31, 0.2); */

  /* content: ''; */
  /* overflow: hidden; */
  /* transition: 3s all ease-in-out; */
  /* display: none; */
}
.program-wrapper{
    /* column-gap: 20px; */
    display: flex;
    flex-direction: column;
    gap: 20px !important;
    margin-bottom: 50px;
}

.row .program-wrapper:nth-child(odd) .col-md-12:nth-child(even) .program .program-title{
    background-color: #B88DBF;

}

.row .program-wrapper:nth-child(odd) .col-md-12:nth-child(even) .program .program-title .title-prog,
.row .program-wrapper:nth-child(odd) .col-md-12:nth-child(even) .program .program-title .bi{
    color: white !important;

}

.rotate{
    transform: rotate(calc(360deg + 180deg));
}
.bi{
    /* transition: all 2s ease-in-out; */
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
}







.row .program-wrapper:nth-child(even) .col-md-12:nth-child(odd) .program .program-title{
    background-color: #B88DBF;

}

.row .program-wrapper:nth-child(even) .col-md-12:nth-child(odd) .program .program-title .title-prog,
.row .program-wrapper:nth-child(even) .col-md-12:nth-child(odd) .program .program-title .bi{
    color: white !important;

}