@media only screen and (max-width: 768px) {

    /* Carrier Profile Navbar Scroll Behavior */
    .scroll-x {
        overflow-x: scroll;
    }

    .scroll-x .d-flex {
        white-space: nowrap;
        width: 100%;
    }
}

body {
    font-family: 'Bai Jamjuree', sans-serif !important;
}

.platform-body {
    padding-top: 140px;
}

p {
    font-weight: 600;
    font-size: 0.85rem;
}

.p-size {
    font-size: 13px;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    font-weight: bold;
}


.brand-bg {
    background: #a55840 !important;
}



.bg-lprimary {
    background: #004B7F;
}

.color-lprimary {
    color: #004B7F;
}

.card-btn {
    color: #2a3f65;
    border: 1px solid #43587ec5;
    font-size: 14px;
}

.card-field {
    color: #2a3f65;
    border: 1px solid #ced4da;
    font-weight: 500;
    font-size: 14px;
}

.carrier-profile-btn {
    border: 1px solid #ced4da;
    font-size: 11px !important;
}

.carrier-name-link {
    color: #2a3f65;
}

.carrier-name-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}

textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline: 0px !important;
    -webkit-appearance: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.index--main {
    /* background: #F7F7F7; */
    background: linear-gradient(116.82deg, #c47d69 0%, #853216 100%);
}

#topbar {
    background: #43587e;
}

#topbarlogin {
    background: -webkit-gradient(linear, left top, left bottom, from(#274060), to(#1b2845));
    background: linear-gradient(180deg, #274060 0%, #1b2845 100%);
}

#modalmenu {
    color: #863316 !important;
}

.llfontcolor {
    color: #2d1300 !important;
}

.nav-link:hover {
    opacity: 0.7;
    cursor: pointer;
}

.navbar-nav>.active {
    color: #000000 !important;
    font-weight: 500 !important;
}

/* Refresh */
.field-input {
    background: #ffffff;
    border: 1px solid #c6c6c6;
    /*
-webkit-box-sizing: border-box;
        box-sizing: border-box;
-webkit-box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.15);
        box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.15);
*/
    border-radius: 3px;
}

.label-standard {
    color: #747474;
    font-weight: 400;
    font-size: 0.775rem;
    letter-spacing: 1.1px;
}

.card-carriersearch {
    /*  -webkit-box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.08);
*/
    border-radius: 6px;
    border: none;
}

.link-standard {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-align: right;

    color: #243b55;
}

.form-control:focus {
    border-color: #243b55 !important;
}

.link-hover:hover {
    cursor: pointer;
}

.btn-shadow {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
}

.btn {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 0.875rem;
}

.border-dashed {
    border: 1px dashed #e0e0e0;
}

/* Override Pagination Styling */

.page-link {
    background-color: transparent !important;
    color: #243b55;
    border: none !important;
}

.page-item.active .page-link {
    color: #243b55;
    font-weight: bold;
    border-color: #c6c6c6;
}

/* Sign In Page */
.mw-login-card {
    max-width: 500px;
}

#more_filters {
    font-size: 12px;
    color: #253a60;
    font-weight: 500;
}

#export_carriers {
    font-size: 13px;
}

#sort_select {
    max-width: 150px;
}

.carrier-profile-nav-item {
    letter-spacing: 1px;
}

.carrier-profile-page {
    /* min-height: 350px; */
}

#carrier_profile_section_card_header_score_col {
    background: #2a3f65;
    border-radius: 100px;
    height: 100px;
    width: 100px;
}

#carrier_profile_section_card_header_score_col>h1 {
    line-height: 100px;
}


#select1 {
    border-radius: 0 3px 3px 0px;
}

#select_car_commodities {
    text-transform: none;
    letter-spacing: normal;
}

.checkbox_carrier_col {
    min-width: 76px;
}

@media (min-width: 992px) {
    .min-vh-80 {
        min-height: 80vh !important;
    }

    .max-vh-80 {
        max-height: 80vh !important;
    }

    #carrier_profile_main {
        height: calc(80vh - 66px) !important;
    }
}


.min-vh-90 {
    min-height: 90vh !important;
}

.vh-70 {
    height: 60vh;
}

#modal_commodities {
    z-index: 1061 !important;
}

.carship-tag {
    color: #63686d;
}

.style1 {
    position: sticky;
}

.label-toggle-active {
    background: #f7f5ff;
    font-weight: 500;
}

#mc_dot_label:hover {
    cursor: pointer;
}

.report-bug-btn {
    position: fixed;
    right: 2%;
    display: inline-block;
    height: 44px;
    width: 44px;
    line-height: 44px;
    bottom: 2%;
    z-index: 19999;
}

.platform-alert {
    position: fixed;
    display: inline-block;
    max-width: 400px;
    line-height: 60px;
    top: 2%;
    z-index: 19999;
}

#platform_alert {
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}

#platform_alert.show-alert {
    opacity: 1;
}

.platform-alert .success-icon {
    display: none;
}

.platform-alert.success .error-icon {
    display: none;
}

.platform-alert.success .success-icon {
    display: inline;
}

#mini_profile_modal {
    position: relative;
}

.modal-dialog-profile-mini {
    margin-top: 0;
    margin-bottom: 0;
    position: fixed;
}

.mini-profile-dropdown {
    margin-top: 54px;
}

.mini-profile-navbar-nav {
    margin-top: -10px;
}

.btn-sm {
    font-size: 0.775rem !important;
}

h5 {
    font-size: 1.075rem;
}

.letter-spacing {
    letter-spacing: 1px;
}

.btn-outline-primary {
    border: 1px solid linear-gradient(180deg, #253a60 0%, #5d7cb3 100%);
}

.file-upload {
    font-size: 0.875rem;
}

.table-header-bg {
    background: #f8f8f8;
}

.univ-hover:hover {
    cursor: pointer;
}

.cursor-disabled:hover {
    cursor: not-allowed;
}

.reset-letter-spacing {
    letter-spacing: 0;
}

.profile-tab-btn {
    font-size: 1rem !important;
}

.carrier-profile-icon {
    height: 44px;
    width: 44px;
    background: #f5f6f6;
    color: #91999f;
}


.parent-scroll {
    overflow: visible;
    position: relative;
}

.overflow-scroll {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.carrier-profile-icon {
    min-width: 44px !important;
}

#index {
    background: #f7f7f7;
}

/* FADE IN AND FADE OUT TRANSITIONS REFERENCED IN JAVASCRIPT */
.fade-in {
    -webkit-animation: fadeIn ease 0.5s;
    animation: fadeIn ease 0.5s;
}

.fade-out {
    -webkit-animation: fadeOut ease 0.5s;
    animation: fadeOut ease 0.5s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Auto-Sizing (Cover) Profile Image */
.profile-image-container {
    width: 54px;
    /* Set the desired width of the container */
    height: 54px;
    /* Set the desired height of the container */
    overflow: hidden;
    /* Hide any part of the image that overflows the container */
}

.profile-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* Quick Copy Manager - Confirmation Message */
.copy-tooltip {
    visibility: hidden;
    font-size: 14px;
    position: absolute;
    top: 8px;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.show-tooltip {
    visibility: visible;
    opacity: 1;
}

/* Quick Search Field Selection */
.qs-select-card {
    height: 50px;
}

.qs-swap-btn {}

.ob-quick-search-options {
    max-height: 450px !important;
}

#navbarusername {
    min-width: 135px;
}

/* Lists */
.custom-dropdown-menu {
    font-size: 0.9rem;
    padding: 0.25rem 0;
}

.custom-dropdown-item {
    padding: 0.25rem 1rem;
}

.carrier-list-div:hover {
    opacity: 0.7;
}

#container_results_table,
#carrier_profile_section_card_main {

    /* height: calc(100% - 160px); */
    /* height: calc(80vh - 251px); */
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
    }
}

#carrier_results_loading {
    -webkit-animation: fadeInOut 2s infinite;
    animation: fadeInOut 2s infinite;
}

#carrier_profile_main {
    height: 100%;
}


#settings_account_manage,
#admin_dashboard {
    overflow-y: scroll;
    height: calc(80vh - 56px);
}

#form_search_form .fa-exchange {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

#form_search_form:hover .fa-exchange {
    opacity: 1;
}

#list_add_select,
#results_list_add_select,
#bulk_results_list_add_select,
#bulk_results_list_remove_select,
#list_remove_select,
#results_list_remove_select,
#list_create_modal,
#carship_modal {
    display: none;
    position: absolute;
    padding: 10px;
    width: 230px;
}


.modal-backdrop.show {
    opacity: 0.1;
}

div.platform-alert {
    z-index: 9999;
}

.user-card {
    min-width: 350px;
    max-width: 400px;
}


.star-hover:hover {
    cursor: pointer;
    opacity: 0.85;
}

#list_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#row_results {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}



@-webkit-keyframes pulse {
    0% {
        border-color: rgba(173, 216, 230, 0.5);
        /* Light blue with 50% opacity */
        -webkit-box-shadow: 0 0 5px rgba(173, 216, 230, 0.5);
        box-shadow: 0 0 5px rgba(173, 216, 230, 0.5);
    }

    50% {
        border-color: rgba(173, 216, 230, 1);
        /* Fully opaque light blue */
        -webkit-box-shadow: 0 0 10px rgba(173, 216, 230, 1), 0 0 15px rgba(173, 216, 230, 1);
        box-shadow: 0 0 10px rgba(173, 216, 230, 1), 0 0 15px rgba(173, 216, 230, 1);
    }

    100% {
        border-color: rgba(173, 216, 230, 0.5);
        -webkit-box-shadow: 0 0 5px rgba(173, 216, 230, 0.5);
        box-shadow: 0 0 5px rgba(173, 216, 230, 0.5);
    }
}

@keyframes pulse {
    0% {
        border-color: rgba(173, 216, 230, 0.5);
        /* Light blue with 50% opacity */
        -webkit-box-shadow: 0 0 5px rgba(173, 216, 230, 0.5);
        box-shadow: 0 0 5px rgba(173, 216, 230, 0.5);
    }

    50% {
        border-color: rgba(173, 216, 230, 1);
        /* Fully opaque light blue */
        -webkit-box-shadow: 0 0 10px rgba(173, 216, 230, 1), 0 0 15px rgba(173, 216, 230, 1);
        box-shadow: 0 0 10px rgba(173, 216, 230, 1), 0 0 15px rgba(173, 216, 230, 1);
    }

    100% {
        border-color: rgba(173, 216, 230, 0.5);
        -webkit-box-shadow: 0 0 5px rgba(173, 216, 230, 0.5);
        box-shadow: 0 0 5px rgba(173, 216, 230, 0.5);
    }
}

@-webkit-keyframes pulseGlow {
    0% {
        -webkit-box-shadow: 0 0 3px rgba(123, 175, 254, 0.5);
        box-shadow: 0 0 3px rgba(123, 175, 254, 0.5);
    }

    50% {
        -webkit-box-shadow: 0 0 8px rgba(123, 175, 254, 1), 0 0 12px rgba(123, 175, 254, 1);
        box-shadow: 0 0 8px rgba(123, 175, 254, 1), 0 0 12px rgba(123, 175, 254, 1);
    }

    100% {
        -webkit-box-shadow: 0 0 3px rgba(123, 175, 254, 0.5);
        box-shadow: 0 0 3px rgba(123, 175, 254, 0.5);
    }
}

@keyframes pulseGlow {
    0% {
        -webkit-box-shadow: 0 0 3px rgba(123, 175, 254, 0.5);
        box-shadow: 0 0 3px rgba(123, 175, 254, 0.5);
    }

    50% {
        -webkit-box-shadow: 0 0 8px rgba(123, 175, 254, 1), 0 0 12px rgba(123, 175, 254, 1);
        box-shadow: 0 0 8px rgba(123, 175, 254, 1), 0 0 12px rgba(123, 175, 254, 1);
    }

    100% {
        -webkit-box-shadow: 0 0 3px rgba(123, 175, 254, 0.5);
        box-shadow: 0 0 3px rgba(123, 175, 254, 0.5);
    }
}

.glow {
    border: 3px solid rgba(123, 175, 254, 0.5);
    -webkit-animation: pulseGlow 2s infinite;
    animation: pulseGlow 2s infinite;
}


@media (min-width: 992px) {
    #flex_container_carrier_search {
        max-height: calc(100vh - 180px) !important;

    }
}

.note-item-container .edit-button {
    display: none;
}

.note-item-container:hover .edit-button {
    display: inline-block;
}

.note-item-container .delete-button {
    display: none;
}

.note-item-container:hover .delete-button {
    display: inline-block;
}

#summary {
    white-space: pre-wrap;
}

.dropdown-left {
    right: 0;
    left: auto;
}

.top-element {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}


/* Carrier Review Items Styling */

.review-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}

@media (max-width: 767px) {
    .review-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.review-card {
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    /* This ensures that a single review doesn't split between columns */
}

.disabled-cursor {
    cursor: not-allowed;
    pointer-events: all !important;
}

#whats_new_header {
    background-size: cover;
    background-image: url("../assets/images/Carrier_Beacon_Landing_7.png") !important;
    background-position: center 100%;

}

.light-btn-close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 2l12 12M2 14L14 2'/%3e%3c/svg%3e");
}

/* End Carrier Review Items Styling */



.style2 {}

.style3 {}

.style4 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.style5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.style6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.style7 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.style8 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: -webkit-sticky !important;
    top: 225px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
}

@media (min-width: 576px) {

    .style9 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.style10 {
    font-size: 14px;
}

.style11 {
    position: absolute;
    right: 0px;
    height: 500px;
}

/* End Knowledgebase Styling */

.landing--image-column {
    position: relative;
    height: 90vh;
    overflow: hidden;
}

.landing--image-column video {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
    /* Add this line */
}

@media only screen and (max-width: 768px) {
    .landing--image-column {
        background: url('../assets/images/Carrier_Beacon_Landing_7.png') no-repeat center center;
        background-size: cover;
        height: auto;
        /* Adjust the height as needed */
        position: relative;
        height: 90vh;
        overflow: hidden;
    }

    .landing--image-column video {
        display: none;
        /* Hide the video on mobile */
    }
}

#get_started_container {
    position: relative;
    z-index: 2;
    /* Add this line */
}

#landing-features-desktop {
    position: relative;
    z-index: 3;
    /* Add this line */
}

#pricing_landing {
    background-image: url("../assets/images/Beacon_Background.gif");
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: contain;

}

#features_landing {
    background-image: url("../assets/images/Beacon_Background1.gif");
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: contain;

}


.style12 {
    margin-top: -80px;
}

#h_Carrier_Notes,
#h_Carrier_Search,
#h_AI_Insights,
#h_Qualify,
#h_Monitor,
#h_Organize {
    opacity: 0;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fade-in-2 {
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.fade-out-2 {
    -webkit-animation: fadeOut 2s;
    animation: fadeOut 2s;
}

#login_modal_content,
#review_modal_content,
#review_modal_content2,
#review_dispute_content {
    background: rgba(255, 255, 255, 0.94);
    min-height: 50vh;
}

@media (min-width: 992px) {
    .modal-content {
        max-height: 80vh;
        overflow-y: auto;
    }
}

.modal-content {
    max-height: 100vh;
}

.modal-header {
    z-index: 1000;
    /* higher than the modal elements */
    position: sticky;
    top: 0;
    background: #fcfcfd;
}

.style13 {
    opacity: 0.6;
}

@-webkit-keyframes grow-shrink {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    /* Start at normal size */
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    /* Grow to 10% larger */
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    /* Shrink back to normal size */
}

@keyframes grow-shrink {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    /* Start at normal size */
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    /* Grow to 10% larger */
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    /* Shrink back to normal size */
}

#main_get_started {
    -webkit-animation: grow-shrink 3s infinite;
    animation: grow-shrink 3s infinite;
    /* Apply the animation, duration is 2 seconds, and it repeats infinitely */
}

.light {
    position: absolute;
    margin-top: -260px;
    width: 100%;
    height: 300px;
    padding-left: 100px;
    background: url('https://www.freepngimg.com/thumb/light/69355-light-sunshine-vector-vecteur-pattern-glow.png') no-repeat center;
    background-size: contain;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
    -webkit-animation: blink 2s infinite 2s none, vertical 1s ease-in-out infinite 2s alternate;
    animation: blink 2s infinite 2s none, vertical 1s ease-in-out infinite 2s alternate;
}

@-webkit-keyframes blink {
    0% {
        opacity: .2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .2;
    }
}

@keyframes blink {
    0% {
        opacity: .2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .2;
    }
}

@-webkit-keyframes vertical {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes vertical {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.sticky-bottom {
    position: sticky;
    bottom: 0px;
}

.wappler-temp {}

#SrchOpt {
    margin-left: -150px;
    min-width: 152px;
}

#prevResult,
#nextResult {
    cursor: pointer;
    width: 18px;
}

/* Tooltip container */
#heresHow,
#heresHow1 {
    position: relative;
    display: inline-block;
    cursor: help;
    color: inherit;
    /* Inherit text color */
    text-decoration: none;
    /* Remove underline */
}

.review-carrier-search-result:hover {
    background-color: #E2EEF6;
    cursor: pointer;
}

#review_carrier_search_results {
    max-height: 200px;
    margin-top: -1px;
}

.pac-container {
    z-index: 9999 !important;
    /* 1051 or higher than the modal z-index */
}

@media (max-width: 768px) {
    .modal-fullscreen-mobile {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        -webkit-transform: none !important;
        transform: none !important;
    }
}

button:disabled {
    background-color: grey !important;
}

#more_blog, #blog_search {
    background-color: #a2c2f7;
}



@media (max-width: 575px) { /* Adjust breakpoint if needed */
  .latest-news-heading {
    text-align: center;
  }
}

.hover-pointer:hover {
    cursor: pointer;
}

.blog-active-category {
    color: blue !important;
}

.style14 {
    position: relative;
}


.style14::before {
  content: ''; /* Required for pseudo-elements */
  background-image: url('../post_images/Yang%20Mings%20First%20Quarter%20Results%20Soar%20Amid%20Surging%20Shipping%20Market%20Conditions%20-%20Find%20Out%20How%21.png'); /* Set the image URL */
  background-size: cover; /* Adjust image size as needed */
  background-position: center; /* Center the image horizontally and vertically */
  opacity: 0.45; /* Adjust opacity for visibility */
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100; /* Place the image behind the content */
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fade-in-reviewSummary {
    -webkit-animation: fadeIn 1s ease-in-out;
            animation: fadeIn 1s ease-in-out;

}