.fancybox-is-open .fancybox-slide--current {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fancybox-container {
    display: none;
}

.fancybox-container.fancybox-is-open {
    display: flex;
}

/*.guidepopup {
    max-width: 50%;
}*/
.guidepopup .modal-body {
    display: flex;
    align-items: flex-end;
    border-radius: 10px;
    background-color: #fff;
    padding: 30px;
    position: relative;
    background-image: url(../img/mix/guide-popup-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (max-width: 575px) {
    .guidepopup .modal-body {
        padding: 10px;
    }
}

.guidepopup .fancybox-close-small {
    border: 2px solid rgb(0 0 0);
    width: 28px;
    height: 28px;
}


.guidepopup .fancybox-close-small:hover {
    border: 2px solid rgb(255 255 255);
}

.guidepopup .modal-body .popup-content {
    /*display: flex;*/
    display: inline;
    align-items: center;
}

.guidepopup .popup-content h2 {
    color: #000;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 10px;
}
.guidepopup .title-area {
    text-align: left;
}
.guidepopup .popup-content p  {
    color: #000;
    text-align: left;
    margin-bottom: 10px;
}
.guidepopup .popup-content .form-control {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: #A5A984 solid 1px;
    background-color: transparent;
    height: 44px;
}
.guidepopup .popup-content .form-control:focus {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-bottom: #A5A984 solid 1px !important;
}
.guidepopup .popup-content textarea {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: #A5A984 solid 1px;
    background-color: transparent;
    resize: none;
}
.guidepopup .btn {
    width: 100%;
    margin-top: 15px;
}
.guidepopup .imgBox {
    display: flex;
    align-items: center;
    justify-content: center;
    /*position: absolute;
    left: 15px;
    bottom: 0;
    right: 15px;*/
    margin-top: -145px;
}
.guidepopup .popup-content.thank-popup {
    /*width: 590px;
    height: 420px;*/
    display: inline;
}
/*Thankyou Popup CSS Start Here*/
.thankyouBox {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background-image: url(/assets/img/mix/thankyou-popup-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 25px;
}

    .thankyouBox h1 {
        position: relative;
        margin-bottom: 35px;
    }
        .thankyouBox h1:after {
            position: absolute;
            content: "";
            width: 80%;
            height: 3px;
            bottom: -17px;
            left: 0;
            background-color: #fff;
        }
        .thankyouBox h1, .thankyouBox p {
            color: #fff !important;
        }
    .thankyouBox p {
        font-size: 14px;
        line-height: 1.4;
    }

/*Search Popup CSS Start Here*/

.popupform.searchpopup .modal-body {
    border: 1px solid #1F1F1F;
    background: url(/assets/img/mix/search-popup-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    border-radius: 10px;
    display: block;
    padding: 35px 10px;
}
.popupform.searchpopup h2 {
    text-transform: uppercase;
    font-size: calc(26px + (34 - 26) * (100vw - 320px) / (1920 - 320));
    color: #272823;
    font-weight: 500;
}
.popupform.searchpopup h2 span {
    color: var(--primary-color);
    font-weight: 700;
}
.popupform.searchpopup .imgBox {
    height: 100%;
    background: #E0E0E0;
    border-radius: 5px;
    background-blend-mode: color;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 0 35px;
}
.popupform.searchpopup .popup-content input, .popupform.searchpopup .popup-content textarea {
    border-bottom: 1px solid var(--secondary-color);
    border-top: transparent;
    border-left: transparent;
    border-right: transparent;
    box-shadow: 0px 0px 4px 0px #0000001A;
    background: transparent;
    border-radius: 0 !important;
}
.popupform.searchpopup .btn-primary {
    width: 100%;
    justify-content: center;
}
.popupform.searchpopup .popup-content input::placeholder, .popupform.searchpopup .popup-content textarea::placeholder {
    color: #B5B5B5F2 !important;
}

/*additional styling*/

.popupform.searchpopup .input[type=email], .popupform.searchpopup .popup-content input[type=tel], .popupform.searchpopup .popup-content input[type=text], .popupform.searchpopup .popup-content select, .popupform.searchpopup .popup-content textarea, .popupform.searchpopup input[type=email] {
    background-color: #FFFFFF1A !important;
    /*border: 2px solid #FFFFFFBF;*/
    color: #1f1f1f !important;
}

.popupform.searchpopup input::placeholder, .popupform.searchpopup textarea::placeholder {
    color: #FFFFFFF2;
}

.popupform.searchpopup .iti--separate-dial-code .iti__selected-dial-code {
    color: #1f1f1f;
}

.popupform.searchpopup .iti__arrow, .popupform.searchpopup .iti__arrow--up {
    border-top-color: #555;
}

/*New popups available and unavailble*/

.popupform.search-popup-1 {

}
    .popupform.search-popup-1 .modal-body {
        background-image: url(/assets/img/mix/newpopup-bg.png);
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        padding: 50px 35px;
    }
    .popupform.search-popup-1 .imgBox {
        align-items: self-start;
        flex-direction: column;
        gap: 25px;
    }
.popupform.search-popup-1 .new-popup-content-box {
    text-align: left;
}
    .popupform.search-popup-1 .new-popup-content-box h4 {
        text-transform: uppercase;
        font-weight: 500;
        font-size: calc(26px + (41 - 26) * (100vw - 320px) / (1920 - 320));
        color: #272823;
        line-height: 1.2;
    }
    .popupform.search-popup-1 .new-popup-content-box h5 {
        text-transform: uppercase;
        font-weight: 500;
        font-size: calc(16px + (22 - 16) * (100vw - 320px) / (1920 - 320));
        color: #272823;
        line-height: 1.2;
    }
        .popupform.search-popup-1 .new-popup-content-box h5 span {
            font-weight: 600;
            color: #D40000;
        }
        .popupform.search-popup-1 .new-popup-content-box h4 span {
            font-weight: 600;
        }

    .popupform.search-popup-1 .form-box {
        border-radius: 5px;
        background: #FEFEFE95;
        /*background: #E0E0E040;*/
        /*opacity: 0.4;*/
        /*mix-blend-mode: overlay;*/
        padding: 35px;
    }
    .popupform.search-popup-1 input::placeholder, .popupform.search-popup-1 textarea::placeholder {
        color: #B5B5B5 !important;
        font-size: 14px;
    }
    .popupform.search-popup-1 input, .popupform.search-popup-1 textarea {
        color: #272823 !important;
    }
    .popupform.search-popup-1 .iti--separate-dial-code .iti__selected-dial-code {
        color: #B5B5B5 !important;
    }
    .popupform.search-popup-1 .iti__arrow, .popupform .iti__arrow--up {
        border-top-color: #B5B5B5;
        border-bottom-color: #B5B5B5;
    }
    .popupform.search-popup-1 input, .popupform.search-popup-1 textarea {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: 0px 0px 4px 0px #0000001A;
        border-bottom: 2px solid #A5A98480;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0 !important;
        font-size: 14px;
    }
        .popupform.search-popup-1 input[type=email]:focus, .popupform.search-popup-1 input[type=text]:focus, .popupform.search-popup-1 textarea:focus {
            border-top: none !important;
            border-left: none !important;
            border-right: none !important;
            border-bottom: 2px solid #A5A98480 !important;
        }

    .popupform.search-popup-1 .btn-primary {
        width: 100%;
        justify-content: center;
        color: #1f1f1f;
    }

@media (max-width: 991px) {
    .popupform.search-popup-1 .imgBox {
        width: 100%;
        display: flex !important;
        align-items: center;
        gap: 10px;
    }
    .popupform.search-popup-1 .modal-body {
        flex-wrap: wrap;
        padding: 30px 15px;
    }
    .popupform.search-popup-1 .new-popup-content-box {
        text-align: center;
    }
    .popupform.search-popup-1 .form-box {
        padding: 15px;
    }
}