/*  - - - - other add-ins - - - -  */

@font-face {font-family: 'Kalam';src: url('/design/fonts/Kalam-Regular.ttf');font-weight: 400;font-style: normal;font-display: swap;}

/* - - - mains - - - */

#index_main_1 {position: relative;width: 90%;margin: 0 auto;max-width: 1280px;}


#index_main_1_left {position: relative;z-index: 2;/* max-width: 80%; */}


#index_main_1_right {position: absolute;top: -170px;right: -50px;z-index: 1;width: 700px;max-width: 100%;min-width: 400px;}
#index_main_1_right video {width: 100%;}





#index_main_2 {position: relative;width: 90%;max-width: 1280px;margin: 70px auto 80px;padding: 15px 15px 30px;overflow: hidden;box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);border-radius: 10px;}

#index_main_2_title {margin-left: 5%;font-weight: 600;position: relative;z-index: 2;}

#index_main_2_content_0 {position: relative;margin: 50px 0;padding: 0 65px;overflow: hidden;}

#index_main_2_content_arrow_left, #index_main_2_content_arrow_right {width: 25px;/* margin: 0 10px; */padding: 0 20px;cursor: pointer;position: absolute;top: 0;bottom: 0;z-index: 2;}
#index_main_2_content_arrow_left {background: #fff;background: linear-gradient(90deg, #ffffff 85%, #ffffff00 100%);left: 0;}
#index_main_2_content_arrow_right {background: #020202;background: linear-gradient(270deg, #ffffff 85%, #ffffff00 100%);right: 0;}

#index_main_2_content_arrow_left img, #index_main_2_content_arrow_right img {height: 100%;width: 100%;display: block;object-fit: contain;}

#index_main_2_content_1 {position: relative;z-index: 1;/* overflow: hidden; */}

#index_main_2_content_2 {position: relative;left: 0;display: flex;/* overflow: auto; */transition: 0.5s;}

.index_main_2_greeting_card {cursor: pointer;height: 100%;margin: 0 20px;/* width: 150px; */display: flex;flex-direction: column;}
.index_main_2_greeting_card img {
    flex: 0 0 auto;
    padding: 4px 6px;
    border: 5px solid white;
    width: 150px;
}


.index_main_2_greeting_card div {
    color: var(--black_1);
    /* height: 42px; */
    text-align: center;
    line-height: 30px;
}
.index_main_2_greeting_card div span {
    opacity: 0;
}


.selected_greeting_card img {border: 5px solid var(--green_1);}
.selected_greeting_card span {opacity: 1 !important;}


/* - index_main_3 - */

#index_main_3 {position: relative;width: 93%;max-width: 1280px;margin: 70px auto 50px;/* padding: 15px 15px 30px; */display: flex;align-items: flex-start;}


#index_main_3_left {min-width: 550px;flex: 3.5 0 auto;background-color:  var(--green_1);margin-right: 15px;padding: 25px;box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);border-radius: 10px;}


#index_main_3_right:not(span, b) {flex: 1 1 auto;color: var(--gray_1);margin-left: 15px;margin-top: 25px;max-width: 400px;font-size: 12px;/* margin-right: 80px; *//* padding-right: 20px; */}



#index_main_3_left_container {display: flex;margin-top: 35px;}

#index_main_3_left_container_left, #index_main_3_left_container_right {flex: 1 1 auto;}
#index_main_3_left_container_right {margin-left: 40px;}


.order_input_line {display: flex;min-height: 40px;margin: 10px 0 4px;align-items: center;}
.order_input_line div {/* flex: 1 1 auto; */}
.order_input_line span {font-weight: 500;width: 150px;/* white-space: pre-wrap; */font-size: 12px;color: var(--black_1);flex-basis: 35%;}
.order_input_line:nth-of-type(5) span {align-self: flex-start;}
.order_input_line input, .order_input_line textarea, .order_input_line select {flex: 1 1 auto;width: 90%;box-sizing: border-box;margin-left: 20px;background: #FFFFFF;border: 1px solid #F6F4F4;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);border-radius: 4px;padding: 5px;}

textarea {height: 115px;resize: none;}


#tree_nr_selection_container {width: 75%;display: flex;flex-basis: 79.5%;}

.tree_nr_selection {color: white;font-size: 12px;line-height: 22px;padding: 2px 5px;background: #A6CE39;border: 1px solid #F6F4F4;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);border-radius: 4px;margin-right: 10px;flex: 0 0 auto !important;cursor: pointer;}
.tree_nr_selection_selected {border: 1px solid #171717;}

.tree_nr_selection_2 input {max-width: 80px;margin-left: 25px;font-size: 12px;}

.tree_selection_spacer {flex: 1 1 auto;}

#payment_methods_select {
    display: flex;
    /* margin-left: 20px; */
    flex-basis: 79.5%;
}

.payment_option {background: #FFFFFF;border: 1px solid #F6F4F4;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);border-radius: 4px;text-align: center;padding: 7px 5px;flex-basis: 50%;cursor: pointer;}
.payment_option:nth-of-type(1) {margin-right: 15px;}
.payment_option span {color: var(--gray_1);font-size: 12px;}

.payment_option img {vertical-align: -1px;margin: 0 5px;}

.payment_option_selected {border: 1px solid #171717;}


#index_main_3_conditions_checkbox {margin: 15px 0 5px;font-size: 12px;width: 65%;float: right;text-align: left;clear: both;}
#index_main_3_card_preview {margin-top: 15px;background: #A6CE39;color: white;font-size: 12px;padding: 8px 25px;border: 1px solid #EFEFEF;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);border-radius: 7px;float: right;cursor: pointer;clear: both;}




/* - greeting_card_preview_popup - */

#greeting_card_preview_popup {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: #c0c0c0c0;backdrop-filter: blur(11px);z-index: 100;/**//* display: none; *//**/}
#greeting_card_preview_popup_2 {width: 90%;max-width: 900px;background: #FFFFFF;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);padding: 15px;box-sizing: border-box;}

#greeting_card_preview_popup_2 span {font-weight: 600;margin: 25px;}

#preview_popup_preview {margin: 10px 0;position: relative;}
#preview_popup_preview img {width: 100%;border-radius: 10px;}

#index_preview_text_1 {
    position: absolute;
    top: 32%;
    left: 20.9%;
    font-family: 'Kalam';
    background-color: #FCF8ED;
    padding: 3px 3px 0 3px;
    box-sizing: border-box;
    width: 27.5%;
    height: 33%;
    max-height: 34%;
    font-size: 65%;
    /* font-size: 1.2vw; */
    line-height: 118%;
    overflow-wrap: break-word;
}

#index_preview_text_2 {
    position: absolute;
    min-width: 24%;
    max-width: 33%;
    height: 16.5%;
    text-align: right;
    font-weight: 600;
    font-size: 30%;
    /* font-size: 0.65vw; */
    background-color: #FCF8ED;
    top: 66.5%;
    right: 48.8%;
    padding: 2% 2% 0 2%;
    line-height: 110%;
    box-sizing: border-box;
    overflow: hidden;
    }

#preview_popup_buttons {display: flex;justify-content: center;align-items: center;}
#preview_popup_button_1 {color: var(--green_1);margin: 0 20px;font-size: 13px;cursor: pointer;}
#preview_popup_button_2 {background: var(--green_1);border: 1px solid #EFEFEF;box-shadow: 0px 5px 10px rgb(0 0 0 / 5%);border-radius: 7px;color: white;padding: 11px 12px;margin: 0 20px;font-weight: 300;cursor: pointer;}
#preview_popup_button_2 img {vertical-align: -2px;margin-left: 7px;}



#paypal_buttons {display: none;margin: 0 100px;}




/* coupon rules */

#index_coupon_container_div {
    margin: 20px 10px;
    font-size: 14px;
}
#index_coupon_container_div span {
}
#index_coupon_container_div_2 {
    width: 100%;
    justify-content: space-between;
    gap: 10px;
    margin: 15px 0;
}
.inline-items {
    display: flex;
    justify-content: space-between;
}
/*#index_coupon_input {*/
/*    width: 100%;*/
/*}*/
#index_coupon_container_div_2 input {flex: 1 1 auto;border-color: #a0a0a0;}

.grey_button_small {display: inline-block;font-size: 16px;font-weight: 400;/* margin: 8px; */padding: 3px 20px;border: 1px solid #a0a0a0;border-radius: 4px;cursor:pointer;color: #a0a0a0;flex-grow: 0;}






/* - - - media - - - */

@media (max-width: 1280px) {

#index_main_3 {flex-direction: column;align-items: center;}
#index_main_3_right {width: 100%;max-width: 600px;margin: 20px auto !important;}

}

@media (max-width: 1000px) {

    #index_preview_text_1 {font-size: 1vw;}
    #index_preview_text_2 {font-size: 0.65vw;}
    
#index_main_3_left_container {flex-direction: column;}
#index_main_3_left_container_right {margin: 50px 0 0 0;}

}

@media (max-width: 700px) {

    #index_main_1_left {}
    #index_text_mare {font-size: 40px !important;line-height: 80px !important;font-weight: 300 !important;}

    #index_media_1 {margin-top: 100px;}

    #container_1 {overflow: hidden;}
    #index_main_3 {width: 100% !important;box-sizing: border-box;margin: 70px 0 50px;display: block;}
    #index_main_3_left {margin-right: 10px;margin-left: 10px;width: calc(100% - 20px);box-sizing: border-box;min-width: auto;}

    .order_input_line {flex-direction: column;}
    .order_input_line span {width: auto;flex-basis: 25%;word-break: keep-all;white-space: nowrap;margin-top: 20px;align-self: auto !important;}
    .order_input_line input, .order_input_line textarea, #form_planting_select {width: 80%;min-width: 100px;margin-left: 0px;margin-top: 11px;}

    #index_main_3_left_container {width: 100%;}

    #im3_green_box_title {/* margin-left: 75px; */word-break: break-all !important;position: relative;/* left: 80px; */}
    #im3_hidden_br {display: block !important;}

    #im3_remaining_characters {margin: 5px 80px !important;}

    .tree_nr_selection {height: 20px;}
    #tree_nr_selection_container {align-items: center;width: 70%;margin: 20px 0;}
    .tree_nr_selection_2 {margin-bottom: 10px;}
    .payment_option {width: 150px;margin-top: 11px;}

    #index_main_3_conditions_checkbox {width: 80%;}
    #index_main_3_card_preview {margin-right: 90px;}

    #greeting_card_preview_popup_2 {width: 100%;}
}

@media (max-width: 500px) {

    .order_input_line input, .order_input_line textarea, #form_planting_select {width: 90%;}
    
    #tree_nr_selection_container {flex-direction: column;}
    .tree_nr_selection {margin: 10px 0;}
}


@media (max-width: 400px) {

    .order_input_line input, .order_input_line textarea, #form_planting_select {width: 100%;}
}