:root {
    /* Colors */
    --devider: #F7BF10;
    --purple: #71079F;
    --green: #51C498;
    --yellow: #F7BF10;
    --orange: #E57402;
}

.bg-gradient {
    background: linear-gradient(135deg, rgba(113, 7, 159, 1) 0%, rgba(236, 0, 140, 1) 75%, rgba(247, 191, 16, 1) 100%) !important;    
}

/* Margin and Spacing */
.mt-0 {
    margin-top: 0 !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.sec-p {
    padding-top: 90px;
    padding-bottom: 90px;
}
.sec-p-t {
    padding-top: 90px;
}
.sec-p-b {
    padding-bottom: 90px;
}

@media (max-width: 767px) {
    .sec-p {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sec-p-t {
        padding-top: 40px;
    }
    .sec-p-b {
        padding-bottom: 40px;
    }
}

/* Typography */
.italic {
    font-style: italic !important;
}
b {
    font-weight: 600;
}
.colprime{
	color:var(--e-global-color-secondary);
}
/* Global Styles */
@media (max-width: 767px) {
    .mob_remove_bg {
        background: transparent !important;
    }
    .mob_remove_bg .elementor-heading-title {
        color: #000 !important;
    }
}

/* Header */
#masthead {
    position: sticky;
    top: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.07);
}

.ast-builder-menu .main-navigation>ul {
    gap: 25px;
}

.main-navigation .menu-item>.menu-link {
    border-bottom: 4px solid transparent;
    padding: 0 5px;
}

.main-navigation .menu-item.current-menu-item>.menu-link,
.main-navigation .menu-item>.menu-link:hover {
    color: var(--orange) !important;
    border-color: var(--orange);
}

@media (min-width: 992px) {
    body .ast-primary-header-bar {
        border: none;
    }
}

@media (max-width: 1199px) {
    .ast-builder-menu .main-navigation>ul {
        gap: 10px;
    }
}

@media (max-width: 575px) {
    .ast-logo-title-inline .site-logo-img {
        max-width: 225px
    }
}

/* Hover Effect */
.hover-effect {
    position: relative;
    overflow: hidden;
}

.hover-effect::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 0.5s ease;
    z-index: 0;
}

.hover-effect:hover::before {
    transform: scale(1.1);
}

.hover-effect>* {
    position: relative;
    z-index: 1;
}

.hover-effect:hover .elementor-icon {
    transform: scale(1.2) translate(5px, 5px);
}

.hover-bg-gradient:after {
    content: "";
    background: #71079F;
    background: linear-gradient(135deg, rgba(113, 7, 159, 1) 0%, rgba(236, 0, 140, 1) 75%, rgba(247, 191, 16, 1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.hover-bg-gradient:hover:after {
    opacity: 1;
    visibility: visible;
}

/* Main Service Card */
.main_service_card a {
    text-decoration: none !important;
}

/* Contact Us Form */
.form-main .row-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.form-main .row-grid>.col-md-6 {
    width: calc(50% - 10px);
}

.form-main .row-grid>.col-12 {
    width: 100%;
}

/* Work Marqee */
.work_text_img {
    display: inline-flex;
    max-width: 11vw;
}

/* Testimonials */
.testimonials-quotes {
    position: absolute;
    top: -85px;
    left: -10px;
    font-size: 334px;
    font-family: Montserrat, sans-serif;
    color: #ffd401;
    font-weight: 700;
    letter-spacing: -.06em;
    z-index: -1;
}

.elementor-testimonial {
    max-width: 80%;
    margin: auto;
    padding: 35px 35px 0 35px;
    position: relative;
}

/* .elementor-widget-testimonial-carousel .elementor-swiper-button svg {
    display: none;
} */

/* .elementor-widget-testimonial-carousel .elementor-swiper-button-prev:before,
.elementor-widget-testimonial-carousel .elementor-swiper-button-next:before {
    content: "";
    width: 70px;
    height: 70px;
} */

/* .elementor-widget-testimonial-carousel .elementor-swiper-button-prev:before {
    background: url('wp-content/uploads/2025/07/arrow-left-yellow.svg') no-repeat center/contain;

} */

/* .elementor-widget-testimonial-carousel .elementor-swiper-button-next:before {
    background: url('wp-content/uploads/2025/07/arrow-right-yellow.svg') no-repeat center/contain;
} */

@media (max-width: 767px) {
    .elementor-testimonial {
        max-width: 100%;
    }
/* 
    .elementor-widget-testimonial-carousel .elementor-swiper-button-prev:before,
    .elementor-widget-testimonial-carousel .elementor-swiper-button-next:before {
        width: 30px;
        height: 30px;
    } */

    .testimonials-quotes {
        top: -25px;
        left: 5px;
        font-size: 150px;
    }
}

@media (max-width: 767px) {
    .work_text_img {
        max-width: 16vw;
    }
}

/* Client Logos */
.client_logos .gallery {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.gallery-item img {
    max-height: 60px;
    width: inherit;
}

.client_logos .elementor-image-gallery {
    text-align: center;
}

.load-more {
    background: transparent !important;
    padding: 0 0 7px !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
}

@media (max-width: 767px) {

    .gallery-columns-7 .gallery-item {
        max-width: 30% !important;
    }

    .gallery-item img {
        max-height: 45px;
    }
}

/* Vertical Slider Animation */
.v_slider {
    width: 350px;
    height: 600px;
}
.v_slider_card {
    width: 350px;
    height: 350px;
}

/* Portfolio */
.tlp-portfolio .tlp-portfolio-isotope-button {
    gap: 25px;
}
.tlp-portfolio-sd {
    word-spacing: 5px;
}
.our-work .tlp-content-holder h3 a {
    font-weight: 600;
}
.our-work button {
    position: relative;
    overflow: hidden;
    padding: 0;
}
.our-work button:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--e-global-color-secondary);
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    transform: translateX(-100%);
}
.our-work button.selected:after, .our-work button:hover:after {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Blog */
.category-blogs .elementor-post__text {
    padding: 0 !important;
    margin: 0 !important;
}
.category-blogs .elementor-post__meta-data {
    color: #999 !important;
/*     position: absolute; */
    bottom: 0;
    right: 0;
    font-weight: 400 !important;
    font-size: 14px !important;
    padding: 3px 0 !important;
}
.category-blogs .elementor-post__read-more {
    margin-bottom: 0 !important;
}

/* Form */
form input, form select {
    border-radius: 30px !important;
}
form textarea {
    border-radius: 15px !important;
}
form input:focus, form select:focus, form textarea:focus {
    border-color: var(--purple) !important;
}
.bgn-star {
    color: red;
}

@media (min-width: 992px) {
    .btn-big {
        padding: 18px 40px !important;
        font-size: 20px !important;
        min-width: 200px;
    }
}

/* Row Grid */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.row > .item {
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
}

/* ===== Margin Bottom Utilities ===== */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 5px !important; }
.mb-2 { margin-bottom: 10px !important; }
.mb-3 { margin-bottom: 15px !important; }
.mb-4 { margin-bottom: 20px !important; }
.mb-5 { margin-bottom: 30px !important; }

/* Small (≥576px) */
@media (min-width: 576px) {
    .grid-column-sm-1 > .item { width: 100%; }
    .grid-column-sm-2 > .item { width: 50%; }
    .grid-column-sm-3 > .item { width: 33.3333%; }
    .grid-column-sm-4 > .item { width: 25%; }
    .grid-column-sm-6 > .item { width: 16.6667%; }
    .grid-column-sm-12 > .item { width: 8.3333%; }
}

/* Medium (≥768px) */
@media (min-width: 768px) {
    .grid-column-md-1 > .item { width: 100%; }
    .grid-column-md-2 > .item { width: 50%; }
    .grid-column-md-3 > .item { width: 33.3333%; }
    .grid-column-md-4 > .item { width: 25%; }
    .grid-column-md-6 > .item { width: 16.6667%; }
    .grid-column-md-12 > .item { width: 8.3333%; }
}

/* Large (≥992px) */
@media (min-width: 992px) {
    .grid-column-lg-1 > .item { width: 100%; }
    .grid-column-lg-2 > .item { width: 50%; }
    .grid-column-lg-3 > .item { width: 33.3333%; }
    .grid-column-lg-4 > .item { width: 25%; }
    .grid-column-lg-6 > .item { width: 16.6667%; }
    .grid-column-lg-12 > .item { width: 8.3333%; }
}