@layer base {

  .focus\:outline-none:focus {
    outline: 2px solid transparent!important;
    outline-offset: 2px;
    border-color: transparent;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  background-color: rgb(243 244 246)!important;
 
}

.accordion-button:not(.collapsed) {
  color:rgb(92, 92, 92) !important;
}
p{
  font-family: sans-serif;

}
}
@media (min-width:100px) and (max-width:320px) {
  .banner_position{
background-position: 70% 50% !important;
  }
  .small_banner{
background-position: 88% 100% !important;
  }
}
@media (min-width:321px) and (max-width:375px) {
  .banner_position{
background-position: 75% 50% !important;
  }
  .small_banner{
    background-position:88% 100% !important;
  }
}@media (min-width:376px) and (max-width:414px) {
  .banner_position{
background-position: 75% 50% !important;
  }
  .small_banner{
    background-position: 88% 100% !important;

  }
}



/* iframe Start*/
iframe {
  width:560px;
  height: 315px;
  margin: auto;
}
@media (min-width:100px) and (max-width:320px) {
  iframe {
    width: 340px;
    height: 200px;
  }
}
@media (min-width:321px) and (max-width:360px) {
  iframe {
    width: 340px;
    height: 191px;
  }
}
@media (min-width:361px) and (max-width:375px) {
  iframe {
    width: 352px;
    height: 200px;
  }
}
@media (min-width:376px) and (max-width:414px) {
  iframe {
    width: 355px;
    height: 200px;
  }
}
@media (min-width:376px) and (max-width:414px) {
  iframe {
    width: 390px;
    height: 213px;
  }
}
@media (min-width:420px) and (max-width:600px) {
  iframe {
    width: 410px;
    height: 232px;
  }
}
/* End iframe */