.loader-content {position: relative;width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center;flex-direction: column;transition: .5s cubic-bezier(.77, 0, .18, 1);font-family: 'ITC Avant Garde Gothic Pro Book';}
.loader-content h3 {font-family: 'ITC Avant Garde Gothic Pro Book';font-size: 28px;color: var(--primary-color);letter-spacing: 0.56px;line-height: 40px;}
.register-popup-hide {
    display: none !important;
}
html::-webkit-scrollbar ,body::-webkit-scrollbar {
    display: none;
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
    .loader-content h3 {font-size: 22px;line-height: 40px;}
}
@media only screen and (max-width:991px) {
    .loader-content h3 {font-size: 13px;line-height: 19px}
    .page-loader {background-position: bottom right;background-size: 150% 30%}
}
@media only screen and (max-width: 767px) {
    .loader-content h3 {font-size: 13px;line-height: 19px}
}

.register-popup {color: var(--primary-color);max-width: 100%;box-shadow: 0px 3px 6px #00000029;}
.register-popup h1 {font-size: 35px;font-family: 'ITC Avant Garde Gothic Pro Md';}
.register-popup h2 {font-size: 33px;font-family: 'ITC Avant Garde Gothic Pro Book';}
.register-popup-img {background-position: center;background-size: 100% 101%;background-repeat: no-repeat;height: 100%;}
.register .close-popup i {font-size: 26px;background-color: var(--primary-color);padding: 10px 14px;color: var(--secondary-color);position: absolute;top: 0;right: 0;}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .register-popup h1 {font-size: 32px !important;}
    .register-popup h2 {font-size: 28px !important;}
    .register-popup-img { height: 300px;background-size: 101% 100%;}
}
@media screen and (min-width: 992px) and (max-width: 1919px) {
    .register-popup h1 {font-size: 32px !important;}
    .register-popup h2 {font-size: 28px !important;}
}
@media only screen and (max-width:767px) {
    .register {background-position: bottom right;background-size: 150% 30%; }
    .register-popup-img { height: 225px;background-size: 101% 100%;}
    .register .close-popup i {position: fixed;top: 10px;right: 10px;font-size: 20px;padding: 7px 10px;}
    .register-popup h2 {font-size: 17px!important;}
    .register-popup h1 {font-size: 20px!important;}
    .register-popup br{display: none;}
}
@media screen and (max-device-width: 991px) and (orientation: landscape) {
    .register{overflow-y: auto !important;}
}
.page-loader, .register{transition: all 1s linear;}