.gift-card {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
} 

.gift-card h2 {
    color: #005FAA;
    font-size: 34px;
    line-height: 120%; /* 40.8px */
}

.gift-card p {
    font-weight: 400;
    line-height: 150%; /* 21px */
}

.gift-card .price-buttons button {
    border: 1px solid #DBDBDB;
    line-height: 120%; /* 19.2px */
    font-size: 16px;
    font-weight: 700;
    margin: 0!important;
    padding: 10px 2px;
}

.gift-card .price-buttons .col-6 {
    padding: 0.5rem;
}

.gift-card .action-buttons button {
    border: 1px solid #005FAA;
    padding: 15px 5px;
    margin-bottom: 0!important;
}

.gc-button-selected {
    border: 2px solid #005FAA!important;
}

.gc-div-selected {
    border: 2px solid #005FAA!important;
}

.gift-card .action-buttons .cart-btn {
    background-color: #005FAA;
}

.gift-card .action-buttons .bal-btn {
    color: #005FAA;
} 

.gift-card-image-wrapper {
    width: 100%;
    height: 100%;
}

.gift-card-image-wrapper img {
    height: 100%;
    object-fit: cover;
} 

.title-image-wrapper {
    height: 300px;
}

.title-image-wrapper img {
    object-fit: cover;
}

.number-input-container {
    border: 1px solid #DBDBDB;
    padding: 10px 14px;
    font-size: 16px;
}

.number-input-container input {
    width: 90px;
    height: 30px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #DBDBDB;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.min-height-md {
    min-height: 370px;
}
    
@media (max-width: 1199px) {  /* You can adjust this breakpoint if needed */
    .iframe-wrapper {
        position: static;
    }
}

@media (min-width: 1200px) {  /* You can adjust this breakpoint if needed */
    .iframe-wrapper {
        top: -30px;
        position: absolute;
    }
}

.mega-menu {
    top: var(--large-header);
}

/* fixes the back to top of page icon missing / error*/
.btn-back-to-top .icon::before {
  content: "\f286"; /* Unicode for 'arrow-up' in Font Awesome */
  font-family: "Font Awesome 6 Pro"; /* or "FontAwesome" depending on the version you're using */
  font-weight: 900; /* Weight for solid icons */
  color: white; /* Icon color */
}