.img-fluid {
    max-width: 100%;
    height: auto;
}
.align-items-lg-center {
    align-items: center !important;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.rounded {
    border-radius: 0.375 !important;
}
.border {
    border: 1px solid #dee2e6 !important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.fw-400{
    font-weight: 400;
}
.border-0 {
    border: 0 !important;
}
.cards{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}
.card-title {
    margin-bottom: .5rem;
}
.card-body {
    flex: 1 1 auto;
    padding: 1rem, 1rem;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.p-0 {
    padding: 0 !important;
}
.m-0 {
    margin: 0 !important;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.gap-2 {
    gap: .5rem !important;
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}
.align-items-center {
    align-items: center !important;
}
.d-flex {
    display: flex !important;
}
.text-primary {
    opacity: 1;
    color: rgba(13,110,253, 1) !important;
}
.rows {
    padding-bottom: 1.5rem;
    padding-top:  0;
    display: flex;
    flex-wrap: wrap;
}
.rows >* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(1.5rem * .5);
    padding-left: calc(1.5rem * .5);
    margin-top: 0;
}
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.iframe_container{
    position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
@media all and (min-width: 501px){
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
}
@media all and (max-width: 500px){
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .rows{display: block;}
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }       
    .d-sm-flex {
        display: flex !important;
    }
    .card-body h4, .cards{
        font-size: .75rem;
    }
}