
.giftcardtype_containter{
    background-color: var(--color-milk);
}

#giftcards-page .giftcardtype li label input {
    display: none;
}

.giftcardtype ul{
    display: flex;
    justify-content: center;
    gap: 24px;
}

.giftcardtype ul li{
    flex: 0 0 424px;
}

.giftcardtype .section-header h2, .giftcardamnt .section-header h2 , .giftform  .section-header h2{
    color: var(--color-jet) !important;
    font-family: var(--font-family-ivy) !important;
    font-size: var(--font-ivy-28) !important;
    font-weight: var(--font-weight-regular) !important;
    line-height: var(--font-ivy-28-line-height) !important;
    text-align: center !important;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
  }

  .gifttypesrhead{
    color: var(--color-brown) !important;
    font-family: var(--font-family-ivy) !important;
    font-size: var(--font-ivy-28) !important;
    font-weight: var(--font-weight-regular) !important;
    line-height: var(--font-ivy-28-line-height) !important;
    text-align: center !important;
    margin-top: 0px !important;
    margin-bottom: 24px !important;
  }

  .gifttypesrdesc{
    color: var(--color-jet) !important;
    font-family: var(--font-family-libre) !important;
    font-size: var(--font-libre-16) !important;
    font-weight: var(--font-weight-regular) !important;
    line-height: var(--font-libre-16-line-height) !important;
    text-align: center !important;
    margin-top: 0px !important;
    margin-bottom: 24px !important;
  }

  .btn_select{   
    /* width:168px; */
    padding: 16px 40px;
    border-radius: 2px;
    color: var(--color-jet) !important;
    font-family: var(--font-family-libre) !important;
    font-size: var(--font-libre-14) !important;
    font-weight: var(--font-weight-regular) !important;
    display: inline-block !important;
  }
  
  .btn_select_comingsoon{   
    /* width:168px; */
    padding: 16px 40px;
    border-radius: 2px;
    color: #090909 !important;
    font-family: var(--font-family-libre) !important;
    font-size: var(--font-libre-14) !important;
    border: 1px solid #957127;
    font-weight: var(--font-weight-regular) !important;
    display: inline-block !important;
  }

    #giftcards-page .giftcardamnt li label input {
        display: none;
    }

    .giftcardamnt{
        padding-top:60px;
        max-width: 572px;
        margin: auto;
    }

    .customamt{
        padding-top:40px; 
        padding-bottom:60px; 
        max-width: 572px;
        margin: auto;
    }

    .giftcardamnt ul{
        display: flex;
        justify-content: center;
        gap: 24px;
    }

    .giftcardamnt ul li .btn-lg{
        font-size: 14px;
        line-height: 17.2px;
        padding: 16px 20px !important;
        color: var(--color-jet) ;
    }

    .custom_amount {
        background: 0 0;
        border-bottom: 1px solid var(--color-brown);
        border-top: 0;
        border-left: 0;
        border-right: 0;
        width: 100%;
        padding: 12px 0px;
        color: var(--color-brown) !important;
        font-size: var(--font-libre-14);
        font-family: var(--font-family-libre);
        line-height: var(--font-libre-14-line-height);
        font-weight: var(--font-weight-regular);
    }

    .custom_amount::placeholder{
        color : var(--color-brown) !important;
    }

    label.giftprices_btn.btn-lg:hover{
        color: white !important;
    }

    .bg-milk{
        background-color: var(--color-milk);
    }

    .giftform{
        padding-top: 60px;
    }

    ul{
        margin-bottom: 0px !important;
    }

    .tnc_padding{
        padding-bottom: 40px;
    }

    .step3_form input, .step3_form textarea{
        width: 100%;       
    }

    .max_width_872{
        max-width: 872px;
        margin:auto;    
        padding: 0px;   
    }

    .clear_float{
        float: none;
        clear: both;
    }

    .step3_form .col-md-6:nth-child(odd){
        padding-right:24px;
    }

    textarea{
        height: 136px;
    }

    #button-cart{
        margin-bottom: 60px;
    }

    .textleft{
        text-align:left !important;
        margin-bottom: 0px !important;
    }

    .contact-us-form .form-group .floating-label-group {
        /* display: flex;
        flex-direction: column;
        position: relative;
        margin-top: 0;
        margin-bottom: 24px; */
    }

    .flexdiv.form-group .floating-label-gift {
        color: var(--color-brown);
        position: absolute;
        pointer-events: none;
        top: 9px;
        left:0px;
        transition: all 0.1s ease;
        font-size: var(--font-libre-14);
        font-family: var(--font-family-libre);
        font-weight: var(--font-weight-regular);
        line-height: var(--font-libre-14-line-height);
    }

    .gift-label{
        color: var(--color-brown);
        transition: all 0.1s ease;
        font-size: var(--font-libre-14);
        font-family: var(--font-family-libre);
        font-weight: var(--font-weight-regular);
        line-height: var(--font-libre-14-line-height);
        text-align: left;
        margin-bottom: 16px;
    }
    
    .form_floating_label_gift{
        top:-15px !important;
    }

    .star_cump{
        color: #E54545;
    }

    .gift-label{
        color: var(--color-brown); 
    }

    .compulsory_text{
        padding: 0px 0px 24px;
        color: var(--color-jet);
        font-size: var(--font-libre-12);
        font-family: var(--font-family-libre);
        line-height: var(--font-libre-24);
        font-weight: var(--font-weight-regular);
        text-align: left;
    }
 

    .tnc_text{
        color: var(--color-jet);
        font-size: var(--font-libre-12);
        font-family: var(--font-family-libre);
        line-height: var(--font-libre-24);
        font-weight: var(--font-weight-regular);
        text-align: left; 
    }

    .giftprices_btn:hover{
        cursor: pointer;
    }

    .form_error{
        position: absolute;
        left:0;
        top: 45px;
    }

    .select-btn,.btn_select_comingsoon{
       
        font-size: var(--font-libre-14) !important;
        font-family: var(--font-family-libre) !important;
        /* line-height: 17.2px; */
        line-height: 24px;
        font-weight: var(--font-weight-regular) !important;
        min-width: 169px;
        width: auto;
    }

    .btn-outline-brown{
        border-color: #F4E8DA !important;
    }

    .giftcardamnt ul li .btn-lg{
        min-width: 125px !important;  
    }

    .compulsory_text small{
        font-size: 100%;
    }

    .tnc_text{
        color:#0F172A !important;
    }

    .btn-lg{
        font-weight: var(--font-weight-regular) !important; 
    }

    .step3_form{
        /* display: flex; */
    }

    .add_a_note_error {
        top : 0px !important;
    }

    .Inputgroup.form-group .text-danger{
       display: flex;
       text-align: left !important;
       margin-top: 8px !important;
       font-size: var(--font-libre-16) !important;
       line-height: 19.39px !important;
       position: static;
    }

    .Inputgroup.form-group input{
        /* color: var(--color-brown) !important; */
    } 

    .pagetopbanner_right p{
        font-size: var(--font-libre-18);
        font-family: var(--font-family-libre);
        font-weight: var(--font-weight-regular);
        line-height: 26px;
    }

    .btn-active-card{
        color: var(--color-white) !important;
    }

    .Inputgroup.form-group .text-danger{
        font-size: var(--font-libre-16);
    }

    .giftform  .floating-label-group{
        margin-bottom: 0px !important;
    }

    .giftprices_btn {
        color: var(--color-jet) !important;
    }

    .giftcardtype label{
        margin-bottom: 0px;
    }
   

    @media only screen and (min-width: 1199px) {
        .pagetopbanner_right p{
            max-width: 390px;
        }

        .customamt .Inputgroup.form-group{
            margin-bottom: 0px !important; 
        }
        .customamt .floating-label-group{
            margin-bottom: 0px !important; 
        }
        

        .giftform .Inputgroup.form-group{
            margin-bottom:28px !important; 
        }

       
    }

    @media (min-width:  992px) and (max-width: 1198px){

        .customamt .Inputgroup.form-group {
            margin-bottom: 0px !important;
        }
        .customamt .floating-label-group {
            margin-bottom: 0px !important;
        }
    }

    @media (min-width: 768px) and (max-width: 991px){
        .giftform{
            padding-left: 32px;
            padding-right: 32px;
            padding-top: 30px;
            padding-bottom: 16px;
        }

        .step3_form .col-md-6:nth-child(odd){
            padding-right: 0px;
        }
        .customamt {
            width: 100% !important;
            padding: 48px 32px 0px !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .pagetopbanner_right p{
            line-height: 26px;
        }

        #giftcards-page h1{ text-align: center;}

        .giftcardtype .section-header, .giftcardamnt .section-header{
            margin-bottom: 0px;
        }

        .giftcardamnt{
            padding-top:30px;
        }

       

        .giftcardtype .section-header h2, .giftcardamnt .section-header h2, .giftform .section-header h2 {
            
            font-size: var(--font-ivy-24) !important;
            line-height: var(--font-ivy-24-line-height) !important;           
            margin-bottom: 16px !important;
        }
        .gifttypesrhead {            
            font-size: var(--font-ivy-24) !important;
            line-height: var(--font-ivy-24-line-height) !important;           
            margin-bottom: 16px !important;
        }
        .gifttypesrdesc{
            margin-bottom: 16px !important; 
        }
        .giftcardtype ul{
            flex-wrap: wrap;
            gap: 16px;
        }
        .giftcardtype ul li {
            flex: 0 0 100%;
        }

        label{
            margin-bottom: 0px;
        }

        .giftprices_btn {
            font-weight: var(--font-weight-regular) !important;
            line-height: 20px !important;
        }        

        .giftcardamnt ul {
            display: flex;
            justify-content: center;
            gap: 16px;
            flex-wrap: wrap;
        }
        .giftcardamnt ul li .btn-lg{
            width: 147.5px !important;  
            padding-top: 12px !important;
            padding-bottom: 12px !important;            
        }

         

        .customamt{
            width: 100% !important;  
            padding: 48px 32px 0px !important;
            
        }
        .customamt .Inputgroup.form-group{
            margin-bottom: 0px !important;
        }

        .customamt .floating-label-group{
            margin-bottom: 34px !important;
        }
        

        .giftform{
            padding-left: 32px;
            padding-right: 32px;
            padding-top: 30px;
            padding-bottom: 16px;
        }

        .giftform .section-header{
            margin-bottom: 0px !important;  
        }

        .step3_form .col-md-6:nth-child(odd){
            padding-right: 0px;
        }

        .flexdiv.form-group .floating-label-gift {
            top:12px;
        }

        .step3_form .floating-label-group{
            margin-bottom: 20px !important;
        }

        .step3_form .floating-label-group.has-error{
            margin-bottom: 16px !important;
        }
        .step3_form .Inputgroup.form-group{
            margin-bottom: 0px;
        }
        .gift-label{
            margin-top: 12px;
            margin-bottom: 12px;
        }

        .gift-label-form-group{
            margin-bottom: 16px !important;
        }
        .compulsory_text{
            padding: 0 0 16px 0;
        }

        .tnc_padding{
            padding-bottom: 16px;
        }

        #button-cart{
            margin-bottom: 30px;
        }

        
    }

    