.elementor-10 .elementor-element.elementor-element-ffe1339{margin-top:-51px;margin-bottom:0px;}.elementor-10 .elementor-element.elementor-element-eb27e43{margin-top:52px;margin-bottom:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-8e74f1c{border-style:none;text-align:center;}.elementor-10 .elementor-element.elementor-element-8e74f1c .elementor-heading-title{font-family:"Questrial", Sans-serif;font-size:40px;font-weight:700;color:#E8DF6D;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-4ee1ca3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 40px;padding:1px 11px 0px 0px;text-align:start;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-e3d4654 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10 .elementor-element.elementor-element-e3d4654{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-75px;margin-bottom:-15px;}.elementor-10 .elementor-element.elementor-element-81259b2{margin-top:0px;margin-bottom:0px;}.elementor-10 .elementor-element.elementor-element-00c0ba5{margin-top:-11px;margin-bottom:8px;}.elementor-10 .elementor-element.elementor-element-b113fe0{margin-top:-44px;margin-bottom:0px;}.elementor-10 .elementor-element.elementor-element-12dc8e5{margin-top:-2px;margin-bottom:0px;}.elementor-10 .elementor-element.elementor-element-a21e2bb{text-align:center;}.elementor-10 .elementor-element.elementor-element-a21e2bb .elementor-heading-title{font-family:"Roboto Mono", Sans-serif;font-size:39px;font-weight:600;color:#E8DF6D;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:15px;--ekit_testimonial_slidetoshow:3;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-single-testimonial-slider, .elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-testimonial_card, .elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-tootltip-testimonial .elementskit-commentor-content::before{background-color:#17121F00;}.elementor-10 .elementor-element.elementor-element-4fe1dc7{width:100%;max-width:100%;padding:97px 0px -43px 0px;align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-tootltip-testimonial .elementskit-commentor-content,
					.elementor-10 .elementor-element.elementor-element-4fe1dc7 .ekit-main-swiper .elementskit-single-testimonial-slider,
					.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-testimonial_card{margin-left:2px;margin-right:2px;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-single-testimonial-slider, .elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-testimonial_card{border-radius:78px 78px 78px 78px;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-single-testimonial-slider{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFD700;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-single-testimonial-slider, .elementor-10 .elementor-element.elementor-element-4fe1dc7  .elementskit-testimonial_card{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-commentor-content{text-align:center;padding:-6px 30px 20px 29px;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-testimonial_card{text-align:center;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-profile-info{text-align:center;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-commentor-bio{text-align:center;justify-content:center;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .ekit_testimonial_style_5 .elementskit-commentor-header{text-align:center;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-single-testimonial-slider  .elementskit-commentor-content > p{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-testimonial_card .elementskit-commentor-coment{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-single-testimonial-slider  .elementskit-commentor-content > p, .elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-testimonial_card .elementskit-commentor-coment{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-stars > li > a, .elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-stars > li > span{color:#FFD700;fill:#FFD700;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-stars > li:not(:last-child){margin-right:5px;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-profile-info .elementskit-author-name{color:#FFFFFF;margin-bottom:0px;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-author-name{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-commentor-bio .elementskit-commentor-image > img{height:70px;width:70px;}.elementor-10 .elementor-element.elementor-element-776a971{margin-top:43px;margin-bottom:-28px;}.elementor-10 .elementor-element.elementor-element-985227d{text-align:center;}.elementor-10 .elementor-element.elementor-element-985227d .elementor-heading-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-071cf7e > .elementor-container{min-height:400px;}.elementor-10 .elementor-element.elementor-element-071cf7e{margin-top:8px;margin-bottom:8px;padding:73px 56px -17px 56px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-b98f38c{margin:-2px -2px calc(var(--kit-widget-spacing, 0px) + -2px) 1px;padding:4px 4px 4px 4px;border-style:groove;border-color:#E6C35C;border-radius:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-b98f38c .elementor-accordion-item{border-width:15px;border-color:#10152B;}.elementor-10 .elementor-element.elementor-element-b98f38c .elementor-accordion-item .elementor-tab-content{border-width:15px;border-block-start-color:#10152B;}.elementor-10 .elementor-element.elementor-element-b98f38c .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:15px;border-block-end-color:#10152B;}.elementor-10 .elementor-element.elementor-element-b98f38c .elementor-accordion-icon, .elementor-10 .elementor-element.elementor-element-b98f38c .elementor-accordion-title{color:#F8FAFF;}.elementor-10 .elementor-element.elementor-element-b98f38c .elementor-accordion-icon svg{fill:#F8FAFF;}.elementor-10 .elementor-element.elementor-element-b98f38c .elementor-active .elementor-accordion-icon, .elementor-10 .elementor-element.elementor-element-b98f38c .elementor-active .elementor-accordion-title{color:#E5B93F;}.elementor-10 .elementor-element.elementor-element-b98f38c .elementor-active .elementor-accordion-icon svg{fill:#E5B93F;}.elementor-10 .elementor-element.elementor-element-b98f38c .elementor-accordion-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:600;}.elementor-10 .elementor-element.elementor-element-b98f38c .elementor-tab-content{background-color:#F5C542;color:#111111;font-family:"Roboto Slab", Sans-serif;font-weight:400;}.elementor-10 .elementor-element.elementor-element-389ffb6{margin-top:57px;margin-bottom:0px;}.elementor-10 .elementor-element.elementor-element-9de5368{text-align:center;}.elementor-10 .elementor-element.elementor-element-9de5368 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:600;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-742d164{text-align:center;}.elementor-10 .elementor-element.elementor-element-742d164 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:900;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-6e6bbcf{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10 .elementor-element.elementor-element-898737b{padding:4px 4px 4px 4px;--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-898737b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(27px/2);}.elementor-10 .elementor-element.elementor-element-898737b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(27px/2);}.elementor-10 .elementor-element.elementor-element-898737b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(27px/2);}.elementor-10 .elementor-element.elementor-element-898737b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-27px/2);}.elementor-10 .elementor-element.elementor-element-898737b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-27px/2);}.elementor-10 .elementor-element.elementor-element-898737b .elementor-icon-list-icon i{color:#767D87F5;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-898737b .elementor-icon-list-icon svg{fill:#767D87F5;transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-898737b .elementor-icon-list-icon{padding-inline-end:2px;}.elementor-10 .elementor-element.elementor-element-898737b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-437f7bc{padding:30px 9px 46px 100px;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form label{color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form label span{font-size:1px;font-style:italic;color:#777777;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form select{width:100%;height:50px;color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form textarea{width:100%;height:176px;margin-bottom:20px;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form .ekit-form-input, .elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form select, .elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form input{margin-bottom:20px;}.elementor-10 .elementor-element.elementor-element-437f7bc .wpcf7-form textarea{color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-wid-con .ekit-form form textarea{color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder{font-size:14px;color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-moz-placeholder{font-size:14px;color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form textarea::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form textarea::-moz-placeholder{font-size:14px;color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form textarea:-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form textarea:-moz-placeholder{font-size:14px;color:#000000;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form > p{text-align:left;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form input[type="submit"]{color:#ffffff;}.elementor-10 .elementor-element.elementor-element-437f7bc .ekit-form form input[type="submit"]:hover{color:#ffffff;}body.elementor-page-10:not(.elementor-motion-effects-element-type-background), body.elementor-page-10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEEEE;background-image:url("https://muneebdigital.com/wp-content/uploads/2026/10/WhatsApp-Image-2026-10-01-at-4.54.55-AM.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.eael-reading-progress-wrap .eael-reading-progress{height:5px !important;}.eael-reading-progress-wrap .eael-reading-progress .eael-reading-progress-fill{height:5px !important;transition:width 50ms ease;}:root{--page-title-display:none;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{bottom:15px;right:15px;width:50px;height:50px;z-index:9999;opacity:0.7;background-color:#000000;border-radius:5px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button i{font-size:16px;color:#ffffff;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button svg{width:16px;height:16px;fill:#ffffff;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-4ee1ca3{width:var( --container-widget-width, 385px );max-width:385px;--container-widget-width:385px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}.elementor-10 .elementor-element.elementor-element-b98f38c{width:var( --container-widget-width, 839px );max-width:839px;--container-widget-width:839px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-4fe1dc7 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}}/* Start custom CSS for section, class: .elementor-element-4c4ed22 *//* =====================================================
   MUNEEB DIGITAL
   PROFESSIONAL HERO
   ===================================================== */

.muneeb-pro-hero {
    width: 100%;
    box-sizing: border-box;

    padding: 48px 20px 58px;

    text-align: center;
}

.muneeb-pro-content {
    width: 100%;
    max-width: 920px;

    margin: 0 auto;
}


/* =====================================================
   NAME
   ===================================================== */

.muneeb-pro-name {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    margin-bottom: 15px;

    font-family: "Poppins", sans-serif;

    font-size: 14px;
    font-weight: 500;

    letter-spacing: 2.8px;
    text-transform: uppercase;

    color: rgba(255,255,255,0.68);
}

.muneeb-pro-name span {
    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #d5b66a;

    box-shadow:
        0 0 10px rgba(213,182,106,0.55);
}


/* =====================================================
   MAIN HEADING
   ===================================================== */

.muneeb-pro-hero h1 {
    margin: 0 auto;

    max-width: 900px;

    font-family: "Poppins", sans-serif;

    font-size: clamp(40px, 5.4vw, 66px);

    font-weight: 600;

    line-height: 1.08;

    letter-spacing: -2px;

    color: #ffffff;
}


/* Gold emphasis */

.muneeb-pro-hero h1 strong {
    font-weight: 600;

    background: linear-gradient(
        100deg,
        #c19c50,
        #f0d78c,
        #d0ad60
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
}


/* =====================================================
   GOLD DETAIL
   ===================================================== */

.muneeb-pro-line {
    width: 100%;

    height: 12px;

    display: flex;

    justify-content: center;
    align-items: center;

    margin: 20px 0 18px;
}

.muneeb-pro-line::before,
.muneeb-pro-line::after {
    content: "";

    width: 42px;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(211,180,103,0.65)
    );
}

.muneeb-pro-line::after {
    background: linear-gradient(
        90deg,
        rgba(211,180,103,0.65),
        transparent
    );
}

.muneeb-pro-line i {
    width: 5px;
    height: 5px;

    margin: 0 8px;

    border-radius: 50%;

    background: #dfc477;

    box-shadow:
        0 0 12px rgba(223,196,119,0.55);
}


/* =====================================================
   GLASS DESCRIPTION
   ===================================================== */

.muneeb-pro-description {
    width: 100%;
    max-width: 760px;

    margin: 0 auto;

    padding: 19px 32px;

    box-sizing: border-box;

    border-radius: 17px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.065),
            rgba(255,255,255,0.018)
        );

    border: 1px solid rgba(211,180,103,0.28);

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    box-shadow:
        0 12px 35px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.07);

    position: relative;
}


/* Thin gold highlight */

.muneeb-pro-description::before {
    content: "";

    position: absolute;

    top: 0;
    left: 18%;
    right: 18%;

    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(239,211,137,0.65),
        transparent
    );
}

.muneeb-pro-description p {
    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 14.5px;

    line-height: 1.75;

    font-weight: 400;

    color: rgba(255,255,255,0.72);
}


/* =====================================================
   BUTTON
   ===================================================== */

.muneeb-pro-actions {
    margin-top: 25px;

    display: flex;

    justify-content: center;
}

.muneeb-pro-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 11px;

    min-width: 158px;

    padding: 12px 23px;

    box-sizing: border-box;

    border-radius: 50px;

    text-decoration: none;

    font-family: "Poppins", sans-serif;

    font-size: 13.5px;

    font-weight: 500;

    color: #111111;

    background: linear-gradient(
        135deg,
        #c5a158,
        #efd78e,
        #c9a75f
    );

    box-shadow:
        0 8px 24px rgba(0,0,0,0.22),
        0 0 18px rgba(214,181,106,0.08);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.muneeb-pro-button b {
    font-size: 16px;

    font-weight: 400;

    transition:
        transform 0.3s ease;
}

.muneeb-pro-button:hover {
    transform: translateY(-2px);

    box-shadow:
        0 12px 28px rgba(0,0,0,0.28),
        0 0 25px rgba(214,181,106,0.15);
}

.muneeb-pro-button:hover b {
    transform: translate(3px,-3px);
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {

    .muneeb-pro-hero {
        padding: 40px 20px 50px;
    }

    .muneeb-pro-hero h1 {
        font-size: 52px;
    }
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {

    .muneeb-pro-hero {
        padding: 28px 16px 38px;
    }

    .muneeb-pro-name {
        font-size: 12px;
        letter-spacing: 2.1px;

        margin-bottom: 12px;
    }

    .muneeb-pro-hero h1 {
        font-size: 33px;

        line-height: 1.12;

        letter-spacing: -0.9px;
    }

    .muneeb-pro-line {
        margin: 17px 0 18px;
    }

    .muneeb-pro-line::before,
    .muneeb-pro-line::after {
        width: 28px;
    }

    .muneeb-pro-description {
        padding: 17px 18px;

        border-radius: 15px;
    }

    .muneeb-pro-description p {
        font-size: 13px;

        line-height: 1.7;
    }

    .muneeb-pro-actions {
        margin-top: 22px;
    }

    .muneeb-pro-button {
        min-width: 145px;

        padding: 11px 20px;

        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ce853ac *//* =========================================
   MUNEEB DIGITAL - PREMIUM SERVICE MARQUEE
   ========================================= */

.muneeb-services-marquee {
    width: 100%;
    overflow: hidden;

    position: relative;

    padding: 18px 0;

    background: rgba(0, 0, 0, 0.16);

    border-top: 1px solid rgba(211, 180, 103, 0.20);
    border-bottom: 1px solid rgba(211, 180, 103, 0.20);

    box-sizing: border-box;
}


/* subtle glass layer */

.muneeb-services-marquee::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(20, 16, 35, 0.35),
            transparent 15%,
            transparent 85%,
            rgba(20, 16, 35, 0.35)
        );

    pointer-events: none;

    z-index: 2;
}


/* Moving track */

.muneeb-marquee-track {
    display: flex;

    width: max-content;

    align-items: center;

    white-space: nowrap;

    animation: muneebMarquee 28s linear infinite;
}


/* Service text */

.muneeb-marquee-track span {
    display: inline-block;

    margin: 0 28px;

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    font-weight: 500;

    letter-spacing: 2px;

    color: rgba(255, 255, 255, 0.78);
}


/* Gold separator */

.muneeb-marquee-track b {
    display: inline-block;

    font-size: 7px;

    font-weight: 400;

    color: #d8b96c;

    text-shadow:
        0 0 10px rgba(216, 185, 108, 0.45);
}


/* Moving animation */

@keyframes muneebMarquee {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}


/* Pause when mouse is over it */

.muneeb-services-marquee:hover
.muneeb-marquee-track {
    animation-play-state: paused;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .muneeb-services-marquee {
        padding: 14px 0;
    }

    .muneeb-marquee-track span {
        margin: 0 20px;

        font-size: 11px;

        letter-spacing: 1.5px;
    }

    .muneeb-marquee-track b {
        font-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d2ba62 *//* ==============================
   MUNEEB DIGITAL GLOWING DOTS
   ============================== */

.muneeb-dot-bg {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    background: #030303;
}

/* Glowing dots */

.muneeb-dot-bg span {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    
    background: #ffd66b;

    box-shadow:
        0 0 5px #ffd66b,
        0 0 12px #dcae35,
        0 0 25px rgba(255, 200, 70, 0.7);

    opacity: 0.3;

    animation:
        muneebDotGlow 3s ease-in-out infinite,
        muneebDotMove 8s ease-in-out infinite;
}


/* Dot positions */

.muneeb-dot-bg span:nth-child(1)  { left: 5%;  top: 12%; animation-delay: 0s; }
.muneeb-dot-bg span:nth-child(2)  { left: 12%; top: 42%; animation-delay: 1s; }
.muneeb-dot-bg span:nth-child(3)  { left: 18%; top: 75%; animation-delay: 2s; }
.muneeb-dot-bg span:nth-child(4)  { left: 25%; top: 20%; animation-delay: .5s; }
.muneeb-dot-bg span:nth-child(5)  { left: 32%; top: 58%; animation-delay: 1.5s; }

.muneeb-dot-bg span:nth-child(6)  { left: 40%; top: 10%; animation-delay: 2.5s; }
.muneeb-dot-bg span:nth-child(7)  { left: 47%; top: 35%; animation-delay: .8s; }
.muneeb-dot-bg span:nth-child(8)  { left: 53%; top: 70%; animation-delay: 1.8s; }
.muneeb-dot-bg span:nth-child(9)  { left: 60%; top: 18%; animation-delay: 2.8s; }
.muneeb-dot-bg span:nth-child(10) { left: 67%; top: 48%; animation-delay: .3s; }

.muneeb-dot-bg span:nth-child(11) { left: 73%; top: 82%; animation-delay: 1.2s; }
.muneeb-dot-bg span:nth-child(12) { left: 80%; top: 28%; animation-delay: 2.2s; }
.muneeb-dot-bg span:nth-child(13) { left: 87%; top: 60%; animation-delay: .7s; }
.muneeb-dot-bg span:nth-child(14) { left: 94%; top: 15%; animation-delay: 1.7s; }
.muneeb-dot-bg span:nth-child(15) { left: 8%;  top: 88%; animation-delay: 2.7s; }

.muneeb-dot-bg span:nth-child(16) { left: 22%; top: 35%; animation-delay: .4s; }
.muneeb-dot-bg span:nth-child(17) { left: 36%; top: 90%; animation-delay: 1.4s; }
.muneeb-dot-bg span:nth-child(18) { left: 50%; top: 52%; animation-delay: 2.4s; }
.muneeb-dot-bg span:nth-child(19) { left: 64%; top: 92%; animation-delay: .9s; }
.muneeb-dot-bg span:nth-child(20) { left: 78%; top: 72%; animation-delay: 1.9s; }

.muneeb-dot-bg span:nth-child(21) { left: 90%; top: 40%; animation-delay: 2.9s; }
.muneeb-dot-bg span:nth-child(22) { left: 15%; top: 8%; animation-delay: .6s; }
.muneeb-dot-bg span:nth-child(23) { left: 30%; top: 42%; animation-delay: 1.6s; }
.muneeb-dot-bg span:nth-child(24) { left: 45%; top: 78%; animation-delay: 2.6s; }
.muneeb-dot-bg span:nth-child(25) { left: 70%; top: 8%; animation-delay: 1.1s; }

.muneeb-dot-bg span:nth-child(26) { left: 84%; top: 88%; animation-delay: 2.1s; }
.muneeb-dot-bg span:nth-child(27) { left: 3%;  top: 55%; animation-delay: .2s; }
.muneeb-dot-bg span:nth-child(28) { left: 55%; top: 42%; animation-delay: 1.3s; }
.muneeb-dot-bg span:nth-child(29) { left: 92%; top: 75%; animation-delay: 2.3s; }
.muneeb-dot-bg span:nth-child(30) { left: 38%; top: 25%; animation-delay: .9s; }


/* Glow animation */

@keyframes muneebDotGlow {

    0% {
        opacity: 0.15;
        transform: scale(0.7);
    }

    50% {
        opacity: 1;
        transform: scale(1.6);
    }

    100% {
        opacity: 0.15;
        transform: scale(0.7);
    }
}


/* Very slow movement */

@keyframes muneebDotMove {

    0% {
        margin-top: 0;
    }

    50% {
        margin-top: -12px;
    }

    100% {
        margin-top: 0;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c22d174 *//* =====================================================
   MUNEEB DIGITAL
   SERVICES SECTION
   DARK GLASS + GOLD
   ===================================================== */

.muneeb-services {
    width: 100%;

    padding: 70px 20px 80px;

    box-sizing: border-box;

    background: transparent;
}


/* =====================================================
   SECTION HEADING
   ===================================================== */

.muneeb-services-heading {
    max-width: 750px;

    margin: 0 auto 45px;

    text-align: center;
}


/* Small label */

.services-label {
    display: inline-block;

    margin-bottom: 12px;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 2.5px;

    color: #d8b96c;
}


/* Main heading */

.muneeb-services-heading h2 {
    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: clamp(36px, 5vw, 56px);

    line-height: 1.1;

    font-weight: 600;

    letter-spacing: -1.5px;

    color: #ffffff;
}


/* Gold heading word */

.muneeb-services-heading h2 span {
    color: #d8b96c;

    background: linear-gradient(
        110deg,
        #c19b4e,
        #f0d78e,
        #caa75c
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
}


/* Heading description */

.muneeb-services-heading p {
    max-width: 650px;

    margin: 17px auto 0;

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    line-height: 1.75;

    color: rgba(255,255,255,0.60);
}


/* =====================================================
   GRID
   ===================================================== */

.muneeb-services-grid {

    width: 100%;

    max-width: 1150px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 22px;
}


/* =====================================================
   SERVICE CARD
   ===================================================== */

.muneeb-service-card {

    position: relative;

    min-height: 365px;

    padding: 30px 27px 25px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    border-radius: 22px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(35,31,50,0.88),
            rgba(13,13,22,0.92)
        );

    border: 1px solid rgba(216,185,108,0.42);

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(15px);

    box-shadow:
        0 12px 35px rgba(0,0,0,0.25),

        inset 0 1px 0
        rgba(255,255,255,0.07);

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}


/* =====================================================
   SUBTLE GOLD LIGHT
   ===================================================== */

.muneeb-service-card::before {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    top: -100px;

    right: -70px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(216,185,108,0.14),
            transparent 70%
        );

    pointer-events: none;
}


/* =====================================================
   CARD HOVER
   ===================================================== */

.muneeb-service-card:hover {

    transform: translateY(-7px);

    border-color:
        rgba(216,185,108,0.72);

    box-shadow:

        0 20px 45px rgba(0,0,0,0.35),

        0 0 25px
        rgba(216,185,108,0.07),

        inset 0 1px 0
        rgba(255,255,255,0.10);
}


/* =====================================================
   ICON BOX
   ===================================================== */

.muneeb-service-icon {

    width: 72px;

    height: 72px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 24px;

    border-radius: 17px;

    box-sizing: border-box;

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.5px;

    color: #f0d78e;

    background:
        linear-gradient(
            145deg,
            rgba(216,185,108,0.10),
            rgba(255,255,255,0.025)
        );

    border: 1px solid
        rgba(216,185,108,0.48);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,0.07),

        0 5px 18px
        rgba(0,0,0,0.15);
}


/* =====================================================
   CARD NUMBER
   ===================================================== */

.muneeb-service-number {

    position: absolute;

    top: 29px;

    right: 26px;

    font-family: "Poppins", sans-serif;

    font-size: 11px;

    font-weight: 500;

    letter-spacing: 1px;

    color: rgba(255,255,255,0.25);
}


/* =====================================================
   CARD TITLE
   ===================================================== */

.muneeb-service-card h3 {

    margin: 0 0 13px;

    font-family: "Poppins", sans-serif;

    font-size: 21px;

    line-height: 1.25;

    font-weight: 600;

    letter-spacing: -0.4px;

    color: #ffffff;
}


/* =====================================================
   CARD DESCRIPTION
   ===================================================== */

.muneeb-service-card p {

    margin: 0;

    font-family: "Poppins", sans-serif;

    font-size: 13.5px;

    line-height: 1.75;

    font-weight: 400;

    color: rgba(255,255,255,0.66);
}


/* =====================================================
   SERVICE LINK
   ===================================================== */

.muneeb-service-card a {

    margin-top: auto;

    padding-top: 25px;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    width: fit-content;

    font-family: "Poppins", sans-serif;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none;

    color: #e3c76f;

    transition:
        gap 0.3s ease,
        color 0.3s ease;
}


.muneeb-service-card a span {

    font-size: 17px;

    line-height: 1;

    transition:
        transform 0.3s ease;
}


.muneeb-service-card a:hover {

    color: #f3dc96;

    gap: 10px;
}


.muneeb-service-card a:hover span {

    transform: translateX(3px);
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 1024px) {

    .muneeb-services {

        padding: 60px 20px 70px;
    }

    .muneeb-services-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 20px;
    }

    .muneeb-service-card {

        min-height: 350px;
    }
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {

    .muneeb-services {

        padding: 50px 16px 60px;
    }

    .muneeb-services-heading {

        margin-bottom: 32px;
    }

    .services-label {

        font-size: 11px;

        letter-spacing: 2px;
    }

    .muneeb-services-heading h2 {

        font-size: 34px;

        letter-spacing: -0.8px;
    }

    .muneeb-services-heading p {

        font-size: 13px;

        line-height: 1.7;
    }

    .muneeb-services-grid {

        grid-template-columns: 1fr;

        gap: 17px;
    }

    .muneeb-service-card {

        min-height: 0;

        padding: 25px 23px 23px;

        border-radius: 19px;
    }

    .muneeb-service-icon {

        width: 65px;

        height: 65px;

        margin-bottom: 20px;
    }

    .muneeb-service-card h3 {

        font-size: 19px;
    }

    .muneeb-service-card p {

        font-size: 13px;

        line-height: 1.7;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f34880 *//* =========================
   MUNEEB DIGITAL SMM GLASS BOX
   ========================= */

.muneeb-smm-card {
    position: relative;
    width: 100%;
    max-width: 360px;
    padding: 35px 30px;

    border-radius: 22px;

    /* Glass effect */
    background: rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    /* Border */
    border: 1px solid rgba(255, 214, 107, 0.22);

    /* Soft shadow */
    box-shadow:
        0 8px 40px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);

    overflow: hidden;

    transition:
        transform 0.4s ease,
        border-color 0.4s ease,
        box-shadow 0.4s ease;
}


/* Golden glass glow */

.muneeb-smm-card::before {
    content: "";
    position: absolute;

    width: 180px;
    height: 180px;

    top: -100px;
    right: -80px;

    background: rgba(255, 190, 50, 0.16);

    border-radius: 50%;

    filter: blur(50px);

    pointer-events: none;
}


/* Bottom glow */

.muneeb-smm-card::after {
    content: "";
    position: absolute;

    width: 160px;
    height: 160px;

    bottom: -100px;
    left: -70px;

    background: rgba(150, 70, 255, 0.10);

    border-radius: 50%;

    filter: blur(55px);

    pointer-events: none;
}


/* SMM icon */

.smm-icon {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;

    margin-bottom: 25px;

    border-radius: 16px;

    color: #ffd66b;

    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;

    background: rgba(255, 214, 107, 0.08);

    border: 1px solid rgba(255, 214, 107, 0.25);

    box-shadow:
        0 0 20px rgba(255, 200, 70, 0.12);
}


/* Heading */

.muneeb-smm-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 15px;

    color: #ffffff;

    font-size: 24px;
    font-weight: 600;
}


/* Description */

.muneeb-smm-card p {
    position: relative;
    z-index: 2;

    margin: 0 0 25px;

    color: rgba(255, 255, 255, 0.65);

    font-size: 15px;
    line-height: 1.7;
}


/* Link */

.muneeb-smm-card a {
    position: relative;
    z-index: 2;

    color: #ffd66b;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: 0.3s ease;
}


/* Hover */

.muneeb-smm-card:hover {
    transform: translateY(-10px);

    border-color: rgba(255, 214, 107, 0.55);

    box-shadow:
        0 18px 60px rgba(0, 0, 0, 0.5),
        0 0 35px rgba(255, 190, 50, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}


.muneeb-smm-card:hover .smm-icon {
    background: rgba(255, 214, 107, 0.14);

    box-shadow:
        0 0 25px rgba(255, 200, 70, 0.22);
}


.muneeb-smm-card:hover a {
    letter-spacing: 0.5px;
}/* End custom CSS */
/* Start custom CSS */body{
    background:#050505 !important;
    overflow-x:hidden;
}

/* MAIN FIXED BACKGROUND */

body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-999;
    background:
    radial-gradient(circle at 20% 50%, rgba(170,0,255,0.45), transparent 0%),
    radial-gradient(circle at 80% 50%, rgba(255,0,300,0.35), transparent 45%),
    radial-gradient(circle at 50% 80%, rgba(98,0,255,0.35), transparent 0%),
    #000000;
    filter:blur(40px);
    animation:bgMove 15s ease-in-out infinite alternate;
}
/* =========================================
   MUNEEB DIGITAL
   DARK GRADIENT + CSS PARTICLES
   ========================================= */

.muneeb-particle-bg {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 0% 10%,
            rgba(0, 180, 255, 0.16),
            transparent 30%
        ),
        radial-gradient(
            circle at 100% 15%,
            rgba(115, 45, 255, 0.18),
            transparent 32%
        ),
        radial-gradient(
            circle at 5% 90%,
            rgba(20, 90, 255, 0.12),
            transparent 28%
        ),
        radial-gradient(
            circle at 95% 90%,
            rgba(150, 40, 255, 0.14),
            transparent 30%
        ),
        #020711;
}


/* =========================================
   SUBTLE TECH GRID
   ========================================= */

.muneeb-particle-bg {
    background-image:
        linear-gradient(
            rgba(255,255,255,0.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,0.018) 1px,
            transparent 1px
        ),
        radial-gradient(
            circle at 0% 10%,
            rgba(0, 180, 255, 0.16),
            transparent 30%
        ),
        radial-gradient(
            circle at 100% 15%,
            rgba(115, 45, 255, 0.18),
            transparent 32%
        ),
        #020711;

    background-size:
        80px 80px,
        80px 80px,
        auto,
        auto,
        auto;
}


/* =========================================
   FLOATING PARTICLES
   ========================================= */

.muneeb-particle-bg::before {
    content: "";

    position: absolute;

    width: 3px;
    height: 3px;

    top: 10%;
    left: 8%;

    z-index: -1;

    border-radius: 50%;

    background: #35d8ff;

    box-shadow:

        /* cyan particles */
        120px 80px 0 #35d8ff,
        280px 160px 0 #35d8ff,
        430px 40px 0 #35d8ff,
        560px 240px 0 #35d8ff,
        720px 100px 0 #35d8ff,
        850px 310px 0 #35d8ff,
        1000px 150px 0 #35d8ff,
        1140px 380px 0 #35d8ff,

        /* purple particles */
        180px 350px 0 #9b5cff,
        360px 500px 0 #9b5cff,
        520px 370px 0 #9b5cff,
        690px 560px 0 #9b5cff,
        820px 430px 0 #9b5cff,
        980px 620px 0 #9b5cff,
        1120px 500px 0 #9b5cff,

        /* small distant particles */
        70px 450px 0 rgba(53,216,255,.5),
        230px 620px 0 rgba(53,216,255,.5),
        470px 700px 0 rgba(53,216,255,.5),
        760px 740px 0 rgba(53,216,255,.5),
        940px 820px 0 rgba(53,216,255,.5),
        1180px 700px 0 rgba(53,216,255,.5),

        50px 900px 0 rgba(155,92,255,.5),
        300px 850px 0 rgba(155,92,255,.5),
        600px 920px 0 rgba(155,92,255,.5),
        880px 900px 0 rgba(155,92,255,.5),
        1100px 950px 0 rgba(155,92,255,.5);

    opacity: .65;

    animation: muneebParticles 12s ease-in-out infinite alternate;
}


/* =========================================
   SECOND PARTICLE LAYER
   ========================================= */

.muneeb-particle-bg::after {
    content: "";

    position: absolute;

    width: 2px;
    height: 2px;

    top: 30%;
    left: 20%;

    z-index: -1;

    border-radius: 50%;

    background: #ffffff;

    box-shadow:

        100px 100px 4px #35d8ff,
        250px -50px 3px #9b5cff,
        400px 180px 4px #35d8ff,
        580px -80px 3px #9b5cff,
        720px 220px 4px #35d8ff,
        900px -20px 3px #9b5cff,
        1050px 180px 4px #35d8ff,

        150px 400px 3px #9b5cff,
        340px 520px 4px #35d8ff,
        530px 420px 3px #9b5cff,
        750px 550px 4px #35d8ff,
        920px 450px 3px #9b5cff,
        1100px 600px 4px #35d8ff,

        80px 750px 3px #35d8ff,
        300px 680px 3px #9b5cff,
        500px 800px 4px #35d8ff,
        700px 720px 3px #9b5cff,
        900px 850px 4px #35d8ff,
        1150px 780px 3px #9b5cff;

    opacity: .45;

    animation: muneebParticles2 18s linear infinite;
}


/* =========================================
   PARTICLE MOVEMENT
   ========================================= */

@keyframes muneebParticles {

    0% {
        transform:
            translate3d(0, 0, 0)
            scale(1);

        opacity: .35;
    }

    50% {
        opacity: .75;
    }

    100% {
        transform:
            translate3d(25px, -35px, 0)
            scale(1.15);

        opacity: .55;
    }
}


@keyframes muneebParticles2 {

    0% {
        transform:
            translate3d(0, 0, 0);
    }

    50% {
        transform:
            translate3d(-20px, 25px, 0);
    }

    100% {
        transform:
            translate3d(15px, -15px, 0);
    }
}


/* =========================================
   KEEP ALL CONTENT ABOVE PARTICLES
   ========================================= */

.muneeb-particle-bg > * {
    position: relative;
    z-index: 2;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .muneeb-particle-bg {
        background-size:
            55px 55px,
            55px 55px,
            auto,
            auto,
            auto;
    }

    .muneeb-particle-bg::before {
        opacity: .45;
        transform: scale(.75);
    }

    .muneeb-particle-bg::after {
        opacity: .30;
        transform: scale(.75);
    }
}


/* =========================================
   REDUCE MOTION
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    .muneeb-particle-bg::before,
    .muneeb-particle-bg::after {
        animation: none;
    }
}/* =========================
   TESTIMONIAL SECTION
========================= */

.testimonials {
    padding: 100px 8%;
    background: #080b12;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.testimonials .section-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 15px;
}

.testimonials .section-subtitle {
    max-width: 650px;
    margin: 0 auto 55px;
    color: #a7adbb;
    font-size: 16px;
    line-height: 1.8;
}

/* Testimonial Grid */

.testimonial-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    max-width: 1200px;
    margin: auto;
}

/* Card */

.testimonial-card {
    position: relative;
    padding: 35px 30px;
    text-align: left;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all 0.4s ease;
}

/* Hover Effect */

.testimonial-card:hover {
    transform: translateY(-10px);
    border-color: rgba(120, 100, 255, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

/* Quote Icon */

.testimonial-card::before {
    content: "“";
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 70px;
    font-family: Georgia, serif;
    color: rgba(130, 110, 255, 0.25);
}

/* Stars */

.testimonial-stars {
    color: #ffc107;
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 18px;
}

/* Review */

.testimonial-card p {
    color: #c5cad4;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 25px;
}

/* Client Info */

.client-info {
    display: flex;
    align-items: center;
    gap: 14px;
}

.client-info img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.15);
}

.client-info h4 {
    margin: 0;
    font-size: 16px;
    color: #fff;
}

.client-info span {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #858b99;
}

/* Responsive */

@media (max-width: 900px) {
    .testimonial-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .testimonials {
        padding: 70px 5%;
    }

    .testimonials .section-title {
        font-size: 32px;
    }

    .testimonial-container {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */