.elementor-813 .elementor-element.elementor-element-fcbd0f6{--display:flex;--min-height:181px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:-92px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-813 .elementor-element.elementor-element-fcbd0f6:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-fcbd0f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bahawalpurmarketingagency.com/wp-content/uploads/2025/09/Noor-Mahal-Daytime-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-813 .elementor-element.elementor-element-fcbd0f6::before, .elementor-813 .elementor-element.elementor-element-fcbd0f6 > .elementor-background-video-container::before, .elementor-813 .elementor-element.elementor-element-fcbd0f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-813 .elementor-element.elementor-element-fcbd0f6 > .elementor-background-slideshow::before, .elementor-813 .elementor-element.elementor-element-fcbd0f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-813 .elementor-element.elementor-element-fcbd0f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00336C;--background-overlay:'';}.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-813 .elementor-element.elementor-element-cdf9177 > .elementor-widget-container{margin:150px 0px 100px 0px;}.elementor-813 .elementor-element.elementor-element-cdf9177{text-align:center;}.elementor-813 .elementor-element.elementor-element-cdf9177 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:600;color:#F2EEEE;}.elementor-813 .elementor-element.elementor-element-438c3a1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-813 .elementor-element.elementor-element-e757c5e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-ha-infobox .ha-infobox-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-ha-infobox .ha-infobox-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-infobox .ha-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-813 .elementor-element.elementor-element-fdf6965 > .elementor-widget-container{background-color:#6F151500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#312E2E54;border-radius:6px 6px 6px 6px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-813 .elementor-element.elementor-element-fdf6965.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-813 .elementor-element.elementor-element-fdf6965 .ha-infobox-figure--icon{color:#000000;}.elementor-813 .elementor-element.elementor-element-fdf6965 .ha-infobox-title{color:#000000;font-size:18px;font-weight:bold;}.elementor-813 .elementor-element.elementor-element-fdf6965 .ha-infobox-text{color:#8c8c8c;}.elementor-813 .elementor-element.elementor-element-fdf6965 .ha-btn .ha-btn-icon{--infobox-btn-icon-translate-x-hover:10px;}.elementor-813 .elementor-element.elementor-element-298db47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-813 .elementor-element.elementor-element-5b9318c > .elementor-widget-container{background-color:#6F151500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#312E2E54;border-radius:6px 6px 6px 6px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-813 .elementor-element.elementor-element-5b9318c.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-813 .elementor-element.elementor-element-5b9318c .ha-infobox-figure--icon{color:#000000;}.elementor-813 .elementor-element.elementor-element-5b9318c .ha-infobox-title{color:#000000;font-size:18px;font-weight:bold;}.elementor-813 .elementor-element.elementor-element-5b9318c .ha-infobox-text{color:#8c8c8c;}.elementor-813 .elementor-element.elementor-element-5b9318c .ha-btn .ha-btn-icon{--infobox-btn-icon-translate-x-hover:10px;}.elementor-813 .elementor-element.elementor-element-dc017df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-813 .elementor-element.elementor-element-c026381 > .elementor-widget-container{background-color:#6F151500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#312E2E54;border-radius:6px 6px 6px 6px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-813 .elementor-element.elementor-element-c026381.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-813 .elementor-element.elementor-element-c026381 .ha-infobox-figure--icon{color:#000000;}.elementor-813 .elementor-element.elementor-element-c026381 .ha-infobox-title{color:#000000;font-size:18px;font-weight:bold;}.elementor-813 .elementor-element.elementor-element-c026381 .ha-infobox-text{color:#8c8c8c;}.elementor-813 .elementor-element.elementor-element-c026381 .ha-btn .ha-btn-icon{--infobox-btn-icon-translate-x-hover:10px;}.elementor-813 .elementor-element.elementor-element-432390c{--display:flex;}.elementor-813 .elementor-element.elementor-element-81612bc{--display:flex;}.elementor-widget-ucaddon_custom_cursor .ue_cursor_text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-813 .elementor-element.elementor-element-973a6b2 .cursor__ball--big{width:30px;height:30px;background-color:#ffffff;border-radius:50px 50px 50px 50px;}.elementor-813 .elementor-element.elementor-element-973a6b2 .cursor__ball--small-inner{width:10px;height:10px;background-color:#0011A9;border-radius:50px 50px 50px 50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-813 .elementor-element.elementor-element-e757c5e{--width:50%;}.elementor-813 .elementor-element.elementor-element-298db47{--width:50%;}.elementor-813 .elementor-element.elementor-element-dc017df{--width:50%;}}@media(min-width:1025px){.elementor-813 .elementor-element.elementor-element-fcbd0f6:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-fcbd0f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-438c3a1 *//* Main section with animated background */
.elementor-813 .elementor-element.elementor-element-438c3a1 {
    position: relative;
    background: #ffffff !important;
    overflow: hidden;
    padding: 60px 20px;
}

/* Animated background particles */
.elementor-813 .elementor-element.elementor-element-438c3a1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(3px 3px at 15% 20%, rgba(74, 144, 226, 0.4), transparent),
        radial-gradient(2px 2px at 85% 30%, rgba(129, 140, 248, 0.3), transparent),
        radial-gradient(4px 4px at 25% 80%, rgba(99, 102, 241, 0.4), transparent),
        radial-gradient(3px 3px at 75% 70%, rgba(139, 92, 246, 0.3), transparent),
        radial-gradient(2px 2px at 45% 45%, rgba(168, 85, 247, 0.3), transparent);
    background-size: 200px 200px, 300px 300px, 250px 250px, 180px 180px, 220px 220px;
    animation: contact-particles 20s infinite linear;
    pointer-events: none;
    z-index: 1;
}

/* Gradient overlay animation */
.elementor-813 .elementor-element.elementor-element-438c3a1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 30%, rgba(74, 144, 226, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(139, 92, 246, 0.06) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.04) 0%, transparent 60%);
    animation: contact-gradient 25s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

/* Contact cards container */
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-container {
    position: relative;
    z-index: 10;
}

/* Individual contact cards animations */
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column {
    animation: card-float-in 1.2s ease-out forwards;
    opacity: 0;
    transform: translateY(50px);
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:nth-child(1) {
    animation-delay: 0.2s;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:nth-child(2) {
    animation-delay: 0.4s;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:nth-child(3) {
    animation-delay: 0.6s;
}

/* Card hover effects */
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:hover {
    animation: card-glow 0.6s ease-in-out forwards;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:hover .elementor-widget-wrap {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 
        0 20px 40px rgba(74, 144, 226, 0.15),
        0 10px 25px rgba(139, 92, 246, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    background: linear-gradient(135deg, #ffffff 0%, #f8faff 100%);
}

/* Widget container styling */
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-widget-wrap {
    position: relative;
    border-radius: 20px;
    padding: 40px 30px;
    background: #ffffff;
    border: 1px solid rgba(74, 144, 226, 0.1);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(74, 144, 226, 0.08);
}

/* Card inner glow effect */
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-widget-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(74, 144, 226, 0.05) 0%, 
        rgba(139, 92, 246, 0.03) 50%, 
        rgba(99, 102, 241, 0.05) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: 20px;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:hover .elementor-widget-wrap::before {
    opacity: 1;
}

/* Icon animations */
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-icon {
    animation: icon-bounce 2s ease-in-out infinite;
    transition: all 0.3s ease;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:hover .elementor-icon {
    animation: icon-spin 0.8s ease-in-out;
    transform: scale(1.1);
    color: #4a90e2 !important;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-icon i,
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-icon svg {
    filter: drop-shadow(0 4px 8px rgba(74, 144, 226, 0.2));
}

/* Text animations */
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-heading-title {
    position: relative;
    transition: all 0.3s ease;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:hover .elementor-heading-title {
    color: #4a90e2;
    transform: translateY(-2px);
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-text-editor p,
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-text-editor {
    transition: all 0.3s ease;
    position: relative;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:hover .elementor-text-editor p,
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:hover .elementor-text-editor {
    color: #6366f1;
    transform: translateY(-1px);
}

/* Ripple effect on click */
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-widget-wrap {
    position: relative;
    overflow: hidden;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-widget-wrap::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(74, 144, 226, 0.3) 0%, transparent 70%);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-widget-wrap:active::after {
    width: 300px;
    height: 300px;
}

/* Keyframe animations */
@keyframes contact-particles {
    0% {
        transform: translateY(0) rotate(0deg);
        background-position: 0% 0%, 20% 20%, 40% 40%, 60% 60%, 80% 80%;
    }
    25% {
        transform: translateY(-20px) rotate(90deg);
        background-position: 25% 25%, 45% 45%, 65% 65%, 85% 85%, 5% 5%;
    }
    50% {
        transform: translateY(-40px) rotate(180deg);
        background-position: 50% 50%, 70% 70%, 90% 90%, 10% 10%, 30% 30%;
    }
    75% {
        transform: translateY(-20px) rotate(270deg);
        background-position: 75% 75%, 95% 95%, 15% 15%, 35% 35%, 55% 55%;
    }
    100% {
        transform: translateY(0) rotate(360deg);
        background-position: 100% 100%, 20% 20%, 40% 40%, 60% 60%, 80% 80%;
    }
}

@keyframes contact-gradient {
    0%, 100% {
        transform: scale(1) rotate(0deg);
        background-position: 0% 0%, 100% 100%, 50% 50%;
        opacity: 0.8;
    }
    33% {
        transform: scale(1.1) rotate(120deg);
        background-position: 33% 33%, 66% 66%, 80% 20%;
        opacity: 1;
    }
    66% {
        transform: scale(0.9) rotate(240deg);
        background-position: 66% 66%, 33% 33%, 20% 80%;
        opacity: 0.6;
    }
}

@keyframes card-float-in {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.9);
    }
    60% {
        transform: translateY(-5px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes card-glow {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(-10px);
    }
}

@keyframes icon-bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-8px);
    }
    60% {
        transform: translateY(-4px);
    }
}

@keyframes icon-spin {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(1.15);
    }
    100% {
        transform: rotate(360deg) scale(1.1);
    }
}

/* Progressive loading animation */
@keyframes text-reveal {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-heading-title {
    animation: text-reveal 0.8s ease-out;
    animation-delay: 0.3s;
    animation-fill-mode: both;
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-text-editor {
    animation: text-reveal 0.8s ease-out;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}

/* Pulse border effect */
@keyframes pulse-border {
    0% {
        box-shadow: 0 0 0 0 rgba(74, 144, 226, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(74, 144, 226, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(74, 144, 226, 0);
    }
}

.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:hover .elementor-widget-wrap {
    animation: pulse-border 2s infinite;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .elementor-813 .elementor-element.elementor-element-438c3a1 {
        padding: 40px 15px;
    }
    
    .elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-widget-wrap {
        padding: 30px 20px;
        border-radius: 15px;
    }
    
    .elementor-813 .elementor-element.elementor-element-438c3a1::before {
        background-size: 150px 150px, 200px 200px, 180px 180px, 120px 120px, 160px 160px;
        animation-duration: 25s;
    }
    
    .elementor-813 .elementor-element.elementor-element-438c3a1::after {
        animation-duration: 30s;
    }
    
    .elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-column:hover .elementor-widget-wrap {
        transform: translateY(-5px) scale(1.01);
    }
}

/* Performance optimization */
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-widget-wrap,
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-icon,
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-heading-title,
.elementor-813 .elementor-element.elementor-element-438c3a1 .elementor-text-editor {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}/* End custom CSS */