.Box1 {
   padding: 50px 0;
}

.Box1 .accordion-item {
   margin-bottom: 30px;
   border-radius: 10px;
   overflow: hidden;
}

.Box1 .accordion-button:not(.collapsed) {
   background-color: transparent;
}

.Box1 .accordion-button:focus {
   box-shadow: none;
}

.Box1 .accordion-button:not(.collapsed) {
   color: #333;
}

.Box1 .accordion-button {
   padding: 30px;
   font-size: 18px;
}


.Box1 button.custom-button {
   background-color: #428CCC;
   padding: 10px 20px;
   color: white;
   border: none;
   border-radius: 5px;
   position: relative;
   overflow: hidden;
   display: block;
   margin: 0 auto;
}

.Box1 button.custom-button::before {
   position: absolute;
   content: '';
   width: 10px;
   height: 10px;
   top: 5px;
   right: 5px;
   border: 2px solid white;
   border-left: none;
   border-bottom: none;
   /* background-color: white; */
   transition: all .3s ease;
   z-index: 3;
}

.Box1 button.custom-button::after {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   background-color: #000;
   top: 0;
   left: -100%;
   transition: 0.3s;
}

.Box1 button.custom-button:hover::after {
   left: 0;
}

.Box1 button.custom-button .button-text {
   position: relative;
   z-index: 4;
}

.Box1 .accordion-button.collapsed {
   background-color: #fff !important;
   color: #333 !important;
}

.Box1 .accordion-button {
   /* background-color: #428CCC !important;
   color: white !important; */
}
.Box1 .accordion-button.collapsed::after{
   filter:none;
}
.Box1 .accordion-button::after{
   /* filter: invert(100%) brightness(2); */
} 
.Box1 .accordion-item .accordion-collapse .accordion-body{
   padding: 20px;
   background: #428CCC;
    color: #FFF;
}
.Box1 .accordion-item .accordion-collapse p{
   margin: 0 auto;
}

.Box1 #accordionExample .accordion-header button.accordion-button{
   font-size: 23px;
   padding: 30px 40px;
}
.Box1 #accordionExample .accordion-item{
   border-radius: 10px;
   transition: 0.4s;
}
.Box1 #accordionExample .accordion-item:hover{
  transform: translateY(-10px);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}



@media screen and (max-width:1400px) {
   .Box1 #accordionExample .accordion-header button.accordion-button{
      font-size: 22px;
   }
}
@media screen and (max-width:1200px) {
   .Box1 #accordionExample .accordion-header button.accordion-button{
      font-size: 20px;
   }
}


@media screen and (max-width:991px) { 
   .Box1 #accordionExample .accordion-header button.accordion-button { 
      padding: 20px 20px;
      font-size: 18px;
  }
  .Box1 .accordion-item{
   margin-bottom: 20px;
  }
}
@media screen and (max-width:576px) {
   .Box1 #accordionExample .accordion-header button.accordion-button{
      font-size:16px;
   }
   .Box1 .accordion-item .accordion-collapse .accordion-body p{
      font-size: 14px;
   }
}