/*boostrap*/
@import url("/Content/css/bootstrap.min.css");

/*fontawesome*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");

/*boostrap icons*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

/*animate*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css");

/*toastr*/
@import url("//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css");
/*aos*/
@import url("https://unpkg.com/aos@2.3.1/dist/aos.css");


/*owl*/
@import url("/Content/css/owl.theme.default.min.css");
@import url("/Content/css/owl.carousel.min.css");


/*select*/
@import url("/Content/css/select2.min.css");
@import url("/Content/css/select2-bootstrap4.min.css");

/*sweetalert*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.css");


/*telephone*/
@import url("/Content/css/intlTelInput.min.css");


/*img upload*/
@import url("/Content/css/imageuploadify.min.css");

/*tags*/
@import url("/Content/css/jquery.tagsinput-revisited.css");


/*lightgallery*/
@import url("/Content/css/lightgallery.min.css");


/*general*/
@import url("/Content/css/general.css");

/*header*/
@import url("/Content/css/header.css");

/*footer*/
@import url("/Content/css/footer.css");

/*keyframes*/
@import url("/Content/css/keyframes.css");

/* Styling + attention animations for the site feedback alert (_Alert.cshtml).
   Keeps the existing Bootstrap .alert look and only layers an icon, a close
   button, a slide-in entrance and a one-shot double pulse. The pulse glow
   colour is derived from the Bootstrap alert-* type via CSS variables, so no
   server value or JS colour logic is needed. */

.site-alert-wrap .alert {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}

.site-alert-wrap .alert .sa-ic {
    flex: none;
    width: 22px;
    height: 22px;
    margin-top: 1px;
}

.site-alert-wrap .alert .sa-body {
    flex: 1;
}

.site-alert-wrap .alert .sa-close {
    flex: none;
    background: none;
    border: 0;
    color: inherit;
    opacity: .55;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0 2px;
}

.site-alert-wrap .alert .sa-close:hover {
    opacity: 1;
}

/* Per-type glow colour (matches the Bootstrap alert-* background family). */
.site-alert-wrap .alert-info {
    --sa-glow1: rgba(49, 112, 143, 0);
    --sa-glow2: rgba(49, 112, 143, .40);
}

.site-alert-wrap .alert-warning {
    --sa-glow1: rgba(138, 109, 59, 0);
    --sa-glow2: rgba(138, 109, 59, .42);
}

.site-alert-wrap .alert-success {
    --sa-glow1: rgba(60, 118, 61, 0);
    --sa-glow2: rgba(60, 118, 61, .40);
}

.site-alert-wrap .alert-danger {
    --sa-glow1: rgba(169, 68, 68, 0);
    --sa-glow2: rgba(169, 68, 68, .42);
}

@keyframes saSlideIn {
    from {
        transform: translateY(-130%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes saPulse {
    0% {
        box-shadow: 0 0 0 0 var(--sa-glow1, rgba(138, 109, 59, 0));
    }

    22% {
        box-shadow: 0 0 0 6px var(--sa-glow2, rgba(138, 109, 59, .42));
    }

    100% {
        box-shadow: 0 0 0 16px var(--sa-glow1, rgba(138, 109, 59, 0));
    }
}

.site-alert-wrap .sa-animate {
    animation: saSlideIn .55s cubic-bezier(.2, .8, .2, 1) both;
}

.site-alert-wrap .sa-pulse {
    animation: saPulse 1.05s ease-out 2;
}