/*
    Theme Name: Xelvera
    Theme URI: 
    Author: Aneeq Rehman
    Author URI: https://aneeqrehman.com/
    Description: This is custom theme
    Version: 0.1 alpha
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: black, white, responsive, one-column, two-columns, featured-images, custom-menu, custom-header, post-formats
*/

.text-gradient {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.bg-gradient-hero {
    background: linear-gradient(135deg, #0ea5e9 0%, #3b82f6 50%, #2563eb 100%);
}

.bg-gradient-problem {
    background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 40%, #f3e8ff 100%);
}

.scale-102:hover {
    transform: scale(1.02);
}

/* Custom animations */
@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

/* Backdrop blur fallback */
.backdrop-blur-sm {
    backdrop-filter: blur(4px);
}


#menu-primary-menu,
#menu-blog-header {
    display: flex;
}

#menu-primary-menu a,
#menu-blog-header a {
    padding: 0 15px;
}
#menu-primary-menu a:hover,
#menu-blog-header a:hover {
	color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
#menu-footer-menu a {
    color: rgb(255 255 255 / 0.7);
    transition-property : color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    margin: 15px 0;
    display: block;
}
#menu-footer-menu a:hover {
    color: #fff;
}
.cus-pagination ul {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.cus-pagination a {
    padding: 5px 10px;
    display: inline-block;
}
.cus-pagination a:hover {
    background: rgb(37 99 235 / var(--tw-bg-opacity, 1));
    color: #fff;
}
.cus-pagination .active a { 
    background: #eff6ff var(--tw-gradient-from-position);
    color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.foot-blog li:not(:last-child) {
    margin-bottom: 8px;
}
.foot-blog li a {
    transition: color 0.2s ease;
}
.foot-blog li a:hover {
    margin-bottom: 8px;
    color: rgba(255,255,255,var(--tw-text-opacity));
}
.forminator-edit-module {
	display: none;
}
.forminator-custom-form {
    display: flex;
    max-width: 28rem;
    margin: 0 auto;
}
.forminator-row:not(.forminator-row-last) {
    flex: 1 1 0%;
}
.forminator-row:not(.forminator-row-last) .forminator-col {
    margin-right: 1rem;
}
.forminator-field {
    position: relative;
}
.forminator-input {
    border-color: rgba(209,213,219);
    border-radius: .5rem;
    border-width: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
}
.forminator-input:focus {
    border-color: rgba(59,130,246);
    outline: 2px solid transparent;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.forminator-response-message.forminator-error.forminator-accessible {
    display: none;
}
.forminator-error-message {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    font-size: 11px;
    color: rgb(153 27 27);
    background: rgb(254 226 226);
    font-weight: 500;
    padding: 5px;
    border-radius: 25px;
	text-align: center;
}
.forminator-button-submit {
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgba(37, 99, 235);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255);
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms;
}
.forminator-button-submit:focus {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}
.cus-sidebar-form form {
	flex-direction: column;
}
.cus-sidebar-form .forminator-col {
	margin: 0 !important;
}
.cus-sidebar-form .forminator-input {
	padding: .5rem 1rem;
}
.cus-sidebar-form .forminator-error-message {
	bottom: -24px;
	z-index: 1;
	font-size: 10px;
}
.cus-sidebar-form .forminator-button-submit {
	width: 100%;
	padding-top: .5rem;
    padding-bottom: .5rem;
}
.cus-blog-detail .lg-para {
	line-height: 1.7;
    color: rgba(75,85,99,1);
    font-size: 1.125rem;
}
.cus-blog-detail h2 {
	margin-top: 2rem;
    margin-bottom: 1rem;
	color: rgba(17,24,39,1);
	font-weight: 700;
	font-size: 1.5rem;
    line-height: 2rem;
}
.cus-blog-detail h3 {
	margin-top: 1.5rem;
    margin-bottom: 0.75rem;
	color: rgba(17,24,39,1);
	font-weight: 600;
	font-size: 1.25rem;
    line-height: 1.75rem;
}
.cus-blog-detail p {
	margin-bottom: 1.5rem;
    line-height: 1.7;
	color: rgba(55,65,81,1);
}
.cus-blog-detail .key {
	padding: 1.5rem;
	background-color: rgba(239,246,255,1);
	border-left: 4px solid rgba(59,130,246,1);
	margin-bottom: 2rem;
}
.cus-blog-detail .key p {
	color: rgba(30,64,175,1);
}
.cus-blog-detail ol,
.cus-blog-detail ul {
	color: rgba(55,65,81,1);
	list-style-position: inside;
}
.cus-blog-detail ol {
	list-style-type: decimal;
	margin-bottom: 2rem;
}
.cus-blog-detail li {
	margin-bottom: 0.5rem;
}
.cus-blog-detail .case {
	border-radius: .5rem;
	margin-bottom: 2rem;
	padding: 1.5rem;
	background-color: rgba(249,250,251,1);
}
.cus-blog-detail .case h4 {
	margin-bottom: .75rem;
	font-weight: 600;
	color: rgba(17,24,39,1);
}
.cus-blog-detail .case p {
	color: rgba(55,65,81,1);
}
.cus-blog-detail .case ul {
	list-style-type: disc;
}