.sidebar {
    min-height: 100vh;
    background-color: #fff;
}

.sidebar .nav-link.active {
    position: relative;
}

.sidebar .nav-link.active i {
    color: white !important;
}

.sidebar .nav-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15%;
    bottom: 15%;
    width: 4px;
    background-color: #C4A358;
    border-radius: 10px;
}

.content {
    /*min-height: calc(100vh - 60px - 60px);*/
    /* Adjust for header and footer height */
    min-height: calc(100vh - 60px);
}

.header {
    height: 60px;
    background-color: #272624;
    color: #fff;
}

.footer {
    height: 60px;
    background-color: #272624;
    color: #fff;
    /*padding: 0 10px;*/
    /*margin-top: auto;*/
    padding: 10px;
    margin-top: 50px;
    position: relative;
}

html, body {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.logo-image,
.footer-logo {
    width: 120px;
    height: auto;
    max-height: 50px;
}

.nav-link {
    color: #333;
    padding: 10px 15px;
    font-weight: 500;
    transition: all 0.2s;
}

.nav-link i {
    font-size: 18px;
    color: #5c5c5c;
}

.nav-link.active {
    background-color: #272624;
    color: #fff;
}

.nav-link:hover {
    /*background-color: #f0f0f0;*/
    color: #AA7D3A;
}

body {
    background-color: #f8f9fa;
}

.text-grey {
    color: #757575;
}

.text-gold {
    color: #AA7D3A;
}

.text-verified {
    color: #34C759;
}

.text-grey-secondary {
    color: #6F6F6F;
}

.text-gradient-gold {
    background: linear-gradient(to right, #5C5C5C 0%, #AA7D3A 10%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.bg-light-grey {
    background-color: #EBEBEB;
}

.bg-light-green {
    background-color: #DBFFDA;
}

.bg-light-red {
    background-color: #FFDADA;
}

.bg-light-gold {
    background-color: #FFF5CC;
}

.btn-gold-gradient {
    background: linear-gradient(83.54deg, #836203 0.78%, #C89F2C 98.73%);
    color: #fff;
    border: none;
    border-radius: 8px;
    /*padding: 10px 20px;*/
    transition: all 0.3s;

}

.btn-gold-gradient:hover {
    background: linear-gradient(83.54deg, #C89F2C 0.78%, #836203 98.73%);
    color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.btn-outline-gold {
    color: #7A540A;
    border: 1px solid #7A540A;
    background-color: transparent;
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.btn-outline-gold:hover {
    color: #fff;
    background: linear-gradient(83.54deg, #836203 0.78%, #C89F2C 98.73%);
    border-color: #7A540A;
}

.btn-outline-gold:focus,
.btn-outline-gold:active {
    color: #fff;
    background-color: #7A540A;
    border-color: #7A540A;
    box-shadow: 0 0 0 0.2rem rgba(201, 166, 53, 0.5);
}


.balance-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    /*min-width: 330px;*/
}


.balance-icon {
    width: 40px;
    height: 40px;
    object-fit: fill;
}


.portfolio-chart {
    height: 400px;
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

#portfolioChart {
    height: 82% !important;
    width: 100% !important;
}

.border-bottom-dotted {
    border-bottom: 1px dashed #20B757;

}

.featured-section-image {
    height: auto;
    max-height: 500px;
    object-fit: cover;
    border-radius: 12px;
}

.carousel-inner {
    border-radius: 12px;
}

.available-product-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.product-card {
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    flex-direction: row;
}

.product-card img {
    width: 150px;
    height: auto;
}

.badge {
    font-weight: 400;
}

.breadcrumb-text {
    color: #757575 !important;
    font-weight: 500;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "›";
    color: #757575;
    padding: 0 10px;
}

.breadcrumb a {
    color: #757575;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #555;
    text-decoration: none;
}

.status-icon {
    width: 18px;
    height: 18px;
    margin-left: 5px;
    vertical-align: middle;
}

.text-verified {
    color: #34C759;
}

.announcement-image img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.product-image {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.btn-next {
    padding-left: 100px;
    padding-right: 100px;
}

.nav-tabs {
    border: 0;
}

.text-success {
    color: #34C759 !important;
}

body {
    background-color: #f9f9f9;
    font-family: 'Arial', sans-serif;
}

.container-fluid .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.card {
    border-radius: 12px;
    border: none;
}

.text-primary {
    color: #8B6505 !important;
}

.btn-primary {
    background: linear-gradient(88.08deg, #C89F2C 2.43%, #836203 99.56%);
    border: none;
}

.input-group .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.col-lg-6:first-child {
    padding: 40px;
}

.col-lg-6:last-child {
    background-size: cover;
    background-position: center;
}

.small-text {
    font-size: 0.75rem;
}

.text-danger {
    color: red;
}

.me-1 {
    margin-right: 4px;
}

.logo-04 {
    max-width: 200px;
    margin-left: 60px;
}

#agree_terms:checked {
    background-color: #836203;
    border: #836203;
}

.nav-tabs .nav-link {
    color: #B3B3B3;
    padding-left: 0;
    padding-right: 0;
    margin-right: 20px;
}

.nav-tabs .nav-link.active {
    border: 0;
    border-bottom: solid 3px #1E1E1E;
    font-weight: 600;
    color: #1E1E1E;
}

.nav-tabs .nav-link:hover {
    border-radius: 0;
    border-bottom: solid 3px #B3B3B3;
}

h5.text-gradient-gold {
    text-align: left;
}

.portfolio-chart,
.featured-section,
.available-product-section {
    padding: 20px;
    border-radius: 10px;
}

.portfolio-chart h5 {
    margin-left: -6px;
}

.featured-section h5 {
    margin-top: -5px;
    margin-left: -5px;
}

.available-product-section h5 {
    margin-left: -17px;
}

.sort-by-container {
    margin-top: -8px;
}

#sortByDropdown {
    font-size: 0.9rem;
    padding: 5px 10px;
}

.balance-card {
    /*width: 300px;*/
    margin-left: 12px;
}

.card {
    margin-left: -1px;
}

#termsCheckbox:checked {
    background-color: #836203;
    border: #836203;
}

@media (max-width: 768px) {
    .footer {
        margin-top: 15px;
    }

    .footer .text-start {
        font-size: 0.8rem;
    }
}

@media (max-width: 768px) {
    .balance-card {
        margin-left: 12px;
        width: auto;
    }
}

@media (max-width: 768px) {
    .available-product .card.product-card {
        display: flex;
        flex-direction: column;
    }

    .available-product .card.product-card img.card-img {
        width: 80%;
        height: auto;
        margin: 0 auto;
    }

    .available-product .card.product-card .card-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .available-product .card.product-card .card-body .left-section {
        margin-bottom: 16px;
    }

    .available-product .card.product-card .card-body .d-flex {
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        gap: 10px;
    }

    .available-product .card.product-card .card-body .d-flex .btn {
        font-size: 14px;
        padding: 8px 16px;
        text-align: center;
        white-space: nowrap;
        width: 45%;
    }
}

@media (max-width: 768px) {
    .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .nav-tabs .nav-item {
        flex-grow: 1;
    }

    .nav-tabs .nav-link {
        width: 100%;
        text-align: center;
        font-size: 12px;
        padding: 8px 12px;
    }
}

.mt-4.d-flex {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .mt-4.d-flex {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .mt-4.d-flex {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .mt-4.d-flex .btn-outline-danger,
    .mt-4.d-flex .btn-gold-gradient {
        flex-grow: 1;
        font-size: 14px;
        padding: 10px 20px;
        text-align: center;
        white-space: nowrap;
    }

    .mt-4.d-flex .btn-outline-danger {
        padding: 10px 20px;
        white-space: nowrap;
    }

    .mt-4.d-flex .text-decoration-none {
        display: flex;
        align-items: center;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .btn-next {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 768px) {
    .card-body > .row.mb-5 {
        margin-bottom: 12px !important;
    }

    .card-body p.text-grey {
        margin-bottom: 4px;
    }

    .card-body .row.mb-5 .col-md-12 {
        margin-bottom: 22px;
    }

    .card-body .row.mb-5 .col-md-6 {
        margin-bottom: 22px;
    }
}

.form-control.is-invalid,
.form-check-input.is-invalid {
    border-color: #dc3545;
}

.form-control.is-invalid:focus,
.form-check-input.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

#nextButton:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

h2,
h4,
h5.mb-1,
h5,
h6,
#orderAmount,
#taxAmount,
#subtotalAmount{
    font-weight: 600;
}

h6.mb-5 {
    font-weight: normal;
}

/* remove white gap in homepage*/
.mx-3.mt-3,
.mt-4 {
    margin: 0 !important;
}





/*@font-face {*/
/*    font-family: "Nunito";*/
/*    font-weight: 400;*/
/*    src: url("../../font/Nunito/Nunito-Regular.ttf") format("truetype");*/
/*}*/

/*@font-face {*/
/*    font-family: "Nunito";*/
/*    font-weight: 600;*/
/*    src: url("../../font/Nunito/Nunito-Semibold.ttf") format("truetype");*/
/*}*/

/*@font-face {*/
/*    font-family: "Nunito";*/
/*    font-weight: 200;*/
/*    src: url("../../font/Nunito/Nunito-Light.ttf") format("truetype");*/
/*}*/

/*@media (min-width: 992px) {*/
/*    .main-content {*/
/*        display: flex;*/
/*        justify-content: center;*/
/*    }*/
/*}*/

/*.phpdebugbar {*/
/*    display: none;*/
/*}*/

/*body {*/
/*    font-family: "Nunito", sans-serif;*/
/*}*/

/*main {*/
/*    color: black;*/
/*}*/

/*video {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    display: block;*/
/*}*/

/*.text-underline {*/
/*    text-decoration: underline;*/
/*}*/

/*.uppercase {*/
/*    text-transform: uppercase;*/
/*}*/

/*.capitalize {*/
/*    text-transform: capitalize;*/
/*}*/

/*.vertical-align-top {*/
/*    vertical-align: top;*/
/*}*/

/*.text-align-center {*/
/*    text-align: center;*/
/*    text-align: -webkit-center;*/
/*}*/

/*.text-align-right {*/
/*    text-align: right;*/
/*}*/

/*.align-self-center {*/
/*    align-self: center;*/
/*}*/

/*.justify-content-right {*/
/*    justify-content: right;*/
/*}*/

/*.align-items-center {*/
/*    align-items: center;*/
/*}*/

/*.place-self-center {*/
/*    place-self: center;*/
/*}*/

/*.w-fit-content {*/
/*    width: fit-content;*/
/*}*/

/*.justify-content-right {*/
/*    justify-content: right;*/
/*}*/

/*.align-items-end {*/
/*    align-items: end;*/
/*}*/

/*.br-10 {*/
/*    border-radius: 10px !important;*/
/*}*/

/*.gap-10 {*/
/*    gap: 10px;*/
/*}*/

/*.gap-20 {*/
/*    gap: 20px;*/
/*}*/

/*.gap-40 {*/
/*    gap: 40px;*/
/*}*/

/*.d-block {*/
/*    display: block;*/
/*}*/

/*.lh-1-2 {*/
/*    line-height: 1.2;*/
/*}*/

/*.pb-10vh {*/
/*    padding-bottom: 10vh;*/
/*}*/

/*.font-size-16 {*/
/*    font-size: 16px;*/
/*}*/

/*.font-weight-200 {*/
/*    font-weight: 200;*/
/*}*/

/*.font-weight-400 {*/
/*    font-weight: 400;*/
/*}*/

/*.font-weight-500 {*/
/*    font-weight: 500;*/
/*}*/
/*.font-weight-600 {*/
/*    font-weight: 600;*/
/*}*/

/*.font-weight-700 {*/
/*    font-weight: 700;*/
/*}*/

/*.flex {*/
/*    display: flex;*/
/*}*/

/*.w-80 {*/
/*    width: 80%;*/
/*}*/

/*.mt-10 {*/
/*    margin-top: 10px;*/
/*}*/

/*.mt-20 {*/
/*    margin-top: 20px;*/
/*}*/

/*.mb-20 {*/
/*    margin-bottom: 20px;*/
/*}*/

/*.place-content-center {*/
/*    place-content: center;*/
/*}*/

/*.place-items-center {*/
/*    place-items: center;*/
/*}*/

/*.place-space-around {*/
/*    place-content: space-around;*/
/*}*/

/*.place-space-between {*/
/*    place-content: space-between;*/
/*}*/

/*.h-fit {*/
/*    height: fit-content !important;*/
/*}*/

/*.text-justify {*/
/*    text-align: justify;*/
/*}*/

/*.h-50 {*/
/*    height: 50px;*/
/*}*/

/*.button-purple {*/
/*    background: #463391;*/
/*    border-radius: 30px;*/
/*    border: none;*/
/*    width: 100%;*/
/*    font-family: "Nunito";*/
/*    color: white;*/
/*}*/

/*!* sidebar *!*/

/*.menu-btn {*/
/*    font-size: 20px;*/
/*    top: 10px;*/
/*    left: 0;*/
/*    margin: 0 1.2rem;*/
/*    cursor: pointer;*/
/*    text-align: left;*/
/*    width: fit-content;*/
/*    height: fit-content;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*.menu-btn img {*/
/*    width: 25px;*/
/*    margin-right: 8px;*/
/*}*/

/*.menu-title {*/
/*    font-size: 22px;*/
/*    font-weight: bold;*/
/*    color: black;*/
/*}*/

/*.close-btn {*/
/*    position: absolute;*/
/*    color: #463391;*/
/*    font-size: 20px;*/
/*    top: 10px;*/
/*    left: 0;*/
/*    margin: 25px;*/
/*    cursor: pointer;*/
/*}*/

/*.side-bar {*/
/*    background-color: white;*/
/*    backdrop-filter: blur(15px);*/
/*    width: 200px;*/
/*    height: 100vh;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: -100%;*/
/*    overflow-y: auto;*/
/*    transition: 0.6s ease;*/
/*    transition-property: left;*/
/*    z-index: 999;*/
/*    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);*/
/*}*/

/*.side-bar.active {*/
/*    left: 0;*/
/*    transition: 0.6s ease;*/
/*    transition-property: left;*/
/*}*/

/*.side-bar .menu .item::after {*/
/*    content: " ";*/
/*    display: block;*/
/*    border: 0;*/
/*    height: 1px;*/
/*    background-image: linear-gradient(*/
/*        to left,*/
/*        rgba(0, 0, 0, 0),*/
/*        rgba(255, 255, 255, 0.75)*/
/*    );*/
/*}*/

/*.side-bar .menu {*/
/*    width: 100%;*/
/*    margin-top: 80px;*/
/*}*/

/*.side-bar .menu .item {*/
/*    position: relative;*/
/*    cursor: pointer;*/
/*    text-align: left;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*.side-bar .menu .item img {*/
/*    width: 25px;*/
/*    margin-right: 10px;*/
/*    margin-left: 15px;*/
/*}*/

/*.side-bar .menu .item a {*/
/*    color: black;*/
/*    font-size: 18px;*/
/*    font-weight: bold;*/
/*    text-decoration: none;*/
/*    display: block;*/
/*    padding: 5px 10px 0 5px;*/
/*    line-height: 60px;*/
/*    width: fit-content;*/
/*}*/

/*.side-bar .menu .item a:hover {*/
/*    color: #463391;*/
/*    transition: 0.3s ease;*/
/*}*/

/*.side-bar .menu .item button {*/
/*    color: black;*/
/*    font-size: 18px;*/
/*    font-weight: bold;*/
/*    text-decoration: none;*/
/*    display: block;*/
/*    padding: 5px 10px 0 5px;*/
/*    line-height: 60px;*/
/*    width: fit-content;*/
/*    border: none;*/
/*    background: transparent;*/
/*    cursor: pointer;*/
/*}*/

/*.side-bar .menu .item button:hover {*/
/*    color: #463391;*/
/*    transition: 0.3s ease;*/
/*}*/

/*.side-bar .menu .item-logo {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.side-bar .menu .item-logo img {*/
/*    width: 80%;*/
/*}*/

/*.side-bar .menu .item-logout {*/
/*    margin-top: 60px;*/
/*}*/

/*!* pagination *!*/

/*.pagination {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*.pagination-list {*/
/*    display: flex;*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin: 0;*/
/*}*/

/*.pagination-list .page-item {*/
/*    margin: 0 5px;*/
/*}*/

/*.pagination-list .page-link {*/
/*    padding: 9px 15px;*/
/*    border: 1px solid #bebebe;*/
/*    border-radius: 5px;*/
/*    color: #7a7a8a;*/
/*    text-decoration: none;*/
/*    display: inline-block;*/
/*    text-align: center;*/
/*    font-weight: bold;*/
/*}*/

/*.pagination-list .page-item.active .page-link {*/
/*    background-color: #eff1fe;*/
/*    color: #463391;*/
/*    border-color: #cbcdfb;*/
/*}*/

/*.pagination-list .page-item.disabled .page-link {*/
/*    color: #7a7a7a;*/
/*    cursor: not-allowed;*/
/*}*/

/*.pagination-list .page-link:hover {*/
/*    background-color: #f8f9fa;*/
/*}*/

/*!* flash message *!*/

/*.alert {*/
/*    position: relative;*/
/*    padding: 0.75rem 1.25rem;*/
/*    margin-bottom: 1rem;*/
/*    border: 1px solid transparent;*/
/*    border-radius: 0.5rem;*/
/*}*/

/*.alert-heading {*/
/*    color: inherit;*/
/*}*/

/*.alert-link {*/
/*    font-weight: 700;*/
/*}*/

/*.alert-dismissible {*/
/*    padding-right: 3.85rem;*/
/*}*/

/*.alert-dismissible .close {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    z-index: 2;*/
/*    padding: 0.75rem 1.25rem;*/
/*    color: inherit;*/
/*}*/

/*.alert-primary {*/
/*    color: #1b4b72;*/
/*    background-color: #d6e9f8;*/
/*    border-color: #c6e0f5;*/
/*}*/

/*.alert-primary hr {*/
/*    border-top-color: #b0d4f1;*/
/*}*/

/*.alert-primary .alert-link {*/
/*    color: #113049;*/
/*}*/

/*.alert-secondary {*/
/*    color: #383d41;*/
/*    background-color: #e2e3e5;*/
/*    border-color: #d6d8db;*/
/*}*/

/*.alert-secondary hr {*/
/*    border-top-color: #c8cbcf;*/
/*}*/

/*.alert-secondary .alert-link {*/
/*    color: #202326;*/
/*}*/

/*.alert-success {*/
/*    color: #1d643b;*/
/*    background-color: #d7f3e3;*/
/*    border-color: #c7eed8;*/
/*}*/

/*.alert-success hr {*/
/*    border-top-color: #b3e8ca;*/
/*}*/

/*.alert-success .alert-link {*/
/*    color: #123c24;*/
/*}*/

/*.alert-info {*/
/*    color: #385d7a;*/
/*    background-color: #e2f0fb;*/
/*    border-color: #d6e9f9;*/
/*}*/

/*.alert-info hr {*/
/*    border-top-color: #c0ddf6;*/
/*}*/

/*.alert-info .alert-link {*/
/*    color: #284257;*/
/*}*/

/*.alert-warning {*/
/*    color: #857b26;*/
/*    background-color: #fffbdb;*/
/*    border-color: #fffacc;*/
/*}*/

/*.alert-warning hr {*/
/*    border-top-color: #fff8b3;*/
/*}*/

/*.alert-warning .alert-link {*/
/*    color: #5d561b;*/
/*}*/

/*.alert-danger {*/
/*    color: #761b18;*/
/*    background-color: #f9d6d5;*/
/*    border-color: #f7c6c5;*/
/*}*/

/*.alert-danger hr {*/
/*    border-top-color: #f4b0af;*/
/*}*/

/*.alert-danger .alert-link {*/
/*    color: #4c110f;*/
/*}*/

/*.alert-light {*/
/*    color: #818182;*/
/*    background-color: #fefefe;*/
/*    border-color: #fdfdfe;*/
/*}*/

/*.alert-light hr {*/
/*    border-top-color: #ececf6;*/
/*}*/

/*.alert-light .alert-link {*/
/*    color: #686868;*/
/*}*/

/*.alert-dark {*/
/*    color: #1b1e21;*/
/*    background-color: #d6d8d9;*/
/*    border-color: #c6c8ca;*/
/*}*/

/*.alert-dark hr {*/
/*    border-top-color: #b9bbbe;*/
/*}*/

/*.alert-dark .alert-link {*/
/*    color: #040505;*/
/*}*/

/*!* modal *!*/

/*.modal {*/
/*    display: none;*/
/*    position: fixed;*/
/*    z-index: 100;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    overflow: auto;*/
/*    background-color: rgb(0, 0, 0);*/
/*    background-color: rgba(0, 0, 0, 0.4);*/
/*    padding-top: 60px;*/
/*}*/

/*.modal-content {*/
/*    background-color: #fefefe;*/
/*    margin: 5% auto;*/
/*    padding: 20px;*/
/*    border: 1px solid #888;*/
/*    width: 80%;*/
/*    max-width: 400px;*/
/*    border-radius: 10px;*/
/*    text-align: center;*/
/*}*/

/*.confirm-button,*/
/*.cancel-button {*/
/*    background-color: #6b50db;*/
/*    color: white;*/
/*    border: none;*/
/*    border-radius: 5px;*/
/*    padding: 10px 20px;*/
/*    font-size: 16px;*/
/*    margin: 10px;*/
/*    cursor: pointer;*/
/*    transition: background-color 0.3s;*/
/*}*/

/*.confirm-button:hover {*/
/*    background-color: #5843c0;*/
/*}*/

/*.cancel-button {*/
/*    background-color: #999;*/
/*}*/

/*.cancel-button:hover {*/
/*    background-color: #777;*/
/*}*/

/*.iframe-div {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 0;*/
/*    padding-bottom: 56.25%;*/
/*    margin-bottom: 1rem;*/
/*}*/

/*.iframe-div > iframe {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/