html,
body {
    width: 100vw;
    overflow-x: hidden;
    overflow-y: auto !important;

}

body {
    background-color: #f8f9fa !important;
}

.co2page .fs-7 {
    font-size: .8em;
}

.co2page picture img {
    max-height: 320px;
}

.co2page .body {
    background-color: #f8f9fa !important;
}

.co2page .sec-title {
    color: #000 !important;
    font-weight: bold !important;
    font-size: 1.25rem !important;
}

.co2page .form-body {
    background-color: #fff !important;
}

.co2page a.btn,
.co2page a.btn:hover {
    background-color: transparent !important;
    border-color: transparent !important;

}

.co2page button[type=submit],
.co2page button[type=button],
.co2page a.btn {
    background-color: #D6C35D !important;
    border-color: #D6C35D !important;
    color: #000 !important;
    font-size: 1.1em;
}

.co2page button[type=submit]:hover,
.co2page button[type=submit]:focus,
.co2page button[type=button]:hover,
.co2page button[type=button]:focus,
.co2page a.btn:hover,
.co2page a.btn:focus {
    background-color: #d2cdae !important;
    border-color: #d2cdae !important;
    color: #000 !important;
}

.co2page .form-check-input:checked {
    background-color: #D6C35D !important;
    border-color: #D6C35D !important;
}

.co2page .travel-menu .nav-item {
    background-color: #cdcabc !important;
    border-color: #cdcabc !important;
    margin-right: 12px;
    margin-top: 5px;
    width: 7.9em;
    text-align: center;
}

.co2page .travel-menu .nav-item .nav-link {
    color: #5c5c5c !important;
    text-decoration: none !important;
    font-size: 1.12rem;
    font-weight: bold;
}

.co2page .travel-menu .nav-item .nav-link.active {
    background-color: #d6c35d !important;
    border-color: #D6C35D !important;
    color: #000 !important;
    text-decoration: none !important;
    font-size: 1.12rem;
    font-weight: bold;
}

.co2page .btn-itm-rmv i {
    color: #dc3545 !important;
}

.co2page .select2-container--bootstrap-5 .select2-selection {
    color: #212529;
    background-color: #fff;
    border: 1px solid #D6C35D;
    border-radius: .25rem;
}

.co2page .select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #D6C35D;
    box-shadow: 0 0 0 .25rem rgba(237, 230, 134, 0.25);
}

.co2page .form-inputwselect .form-control,
.select2-container--bootstrap-5 {
    border-radius: 0px !important;
    background-color: #fafafa;
}

.co2page .select2-dropdown {
    background-color: white;
    border: 1px solid #D6C35D !important;
}

.co2page .coporjects {
    text-align: center;
    background: none;
    border: 1px solid #D6C35D !important;
    margin: 8px;
    cursor: pointer;
}

.co2page .coporjects .mask {
    position: absolute;
    width: 100%;
    height: 100%;

    display: none;
}

.co2page .coporjects:hover>.mask,
.co2page .coporjects.active>.mask {
    display: block;
    background-color: rgba(214, 196, 93, 0.30) !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    background-clip: padding-box;
    border: 1px solid #D6C35D;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: #D6C35D;
    box-shadow: 0 0 0 .25rem rgba(237, 230, 134, 0.25)
}

.select2-dropdown.select2-dropdown--below {
    border-color: #D6C35D !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: #000;
    background-color: #D6C35D;
}

.co2page .select2-selection__placeholder {
    font-size: 1em !important;
}

.co2page .select2-selection__rendered {
    font-size: .8em !important;
    padding-top: .2em !important;
}

.co2page .roundtrip-check {
    margin-top: 1.3em;
}

.co2page .fromto .subject {
    font-size: .95em;
    font-weight: 600;
}

.co2page .fromto .muted {
    font-size: .90em;
}

.co2page .checkout-bg-form {
    width: 100%;
    padding: .7em 1em;
    background-color: #dfd07d6c !important;
}

.co2page .cart-summary .list-group-item:hover {
    cursor: pointer;
    background-color: #dfd07d6c !important;
}

.co2page #coportfoliopriceviewer2 .card-footer {
    background-color: #fffde6;
}



.co2page .cart .nature-icon img {
    max-width: 70%;
}

.co2page .cart .offset-total-title {
    font-size: 1em;
    font-weight: 700;
}

.co2page .cart .offset-total-value {
    font-size: 1.4em;
    font-weight: 700;
}


.co2page .cart .offset-price-title {
    font-size: 1em;
    font-weight: 700;
}

.co2page .cart .offset-price-value {
    font-size: 1.8em;
    font-weight: 700;
}

.co2page .offsetwarning {
    font-size: .7em;
    line-height: 1.3em;
    color: #000;

}

.co2page .card.cart .card-body {
    background-repeat: no-repeat;
    background-size: 32% auto;
    background-position: center center;
    background-image: url('/site/common/backgrounds/cloud_10214922.png');
}

.co2page .cash-detail div[data-section='title'] {
    font-size: 1.1em;
    font-weight: 900;
}

.co2page .cash-detail div[data-section='description'] {
    font-size: .9em;
    font-weight: 300;
}

.co2page .cash-detail table.projectdetail-list .titlew {
    font-size: .92em;
    font-weight: 900;
}

.co2page .cash-detail .projecturl-title,
.co2page .cash-detail table.projectdetail-list .subject {
    font-size: .9em;
    font-weight: 900;
}

.co2page .cash-detail table.projectdetail-list .subject a {
    font-size: .9em;
    font-weight: 500;
    text-decoration: none;
    color: #000;
}

.co2page .cash-detail table.projectdetail-list .subject a:hover {
    color: #747474;
}



.co2page .lansman {
    font-size: .74em;
    color: #747474;
}

.co2page .lansman span {
    font-size: 2em;
    color: #fe0000;
    top: 5px;
    position: relative;
}

.pdf {
    width: 100%;
    aspect-ratio: 4 / 3;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}





/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .co2page .travel-menu .nav-item {
        margin-right: 5px;
        width: 7.9em;
    }

    .co2page .travel-menu .nav-item:last-child {
        margin-right: 0px;
    }

    .co2page .cart .list-group-item {
        padding: 0em;
    }

    .co2page .cart .fromto .subject {
        font-size: .76em;
    }

    .co2page .cart .fromto .price {
        font-size: .8em;
    }

    .co2page .cash-detail div[data-section='title'] {
        font-size: .9em;
        font-weight: 900;
    }

    .co2page .cash-detail div[data-section='description'] {
        font-size: .8em;
        font-weight: 300;
    }

    .co2page .nature-icon img {
        max-width: 90%;
    }

    .co2page .cart .offset-total-title {
        font-size: .8em;
        font-weight: 700;
    }

    .co2page .cart .offset-total-value {
        font-size: 1.2em;
        font-weight: 700;
    }

    .co2page .cart .offset-price-title {
        font-size: .8em;
        font-weight: 700;
    }

    .co2page .cart .offset-price-value {
        font-size: 1.24em;
        font-weight: 700;
    }
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}