.elementor-12616 .elementor-element.elementor-element-4216b92{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;--padding-top:15px;--padding-bottom:015px;--padding-left:0px;--padding-right:0px;}.elementor-12616 .elementor-element.elementor-element-4216b92:not(.elementor-motion-effects-element-type-background), .elementor-12616 .elementor-element.elementor-element-4216b92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000014;}.elementor-12616 .elementor-element.elementor-element-4216b92, .elementor-12616 .elementor-element.elementor-element-4216b92::before{--border-transition:0.3s;}.elementor-12616 .elementor-element.elementor-element-49188b7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12616 .elementor-element.elementor-element-4908868{text-align:left;}.elementor-12616 .elementor-element.elementor-element-4908868 img{width:35%;max-width:100%;}.elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button{font-size:13px;font-weight:700;fill:var( --e-global-color-d268409 );color:var( --e-global-color-d268409 );background-color:var( --e-global-color-c4a3f9b );border-radius:50px 50px 50px 50px;padding:20px 20px 20px 20px;}.elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button:hover, .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button:focus{color:var( --e-global-color-d268409 );background-color:var( --e-global-color-bdfa3c3 );}.elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button:hover svg, .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button:focus svg{fill:var( --e-global-color-d268409 );}.elementor-12616 .elementor-element.elementor-element-dcdc043{--display:flex;--min-height:350px;--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;--background-transition:0.3s;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12616 .elementor-element.elementor-element-dcdc043:not(.elementor-motion-effects-element-type-background), .elementor-12616 .elementor-element.elementor-element-dcdc043 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c4a3f9b );}.elementor-12616 .elementor-element.elementor-element-dcdc043::before, .elementor-12616 .elementor-element.elementor-element-dcdc043 > .elementor-background-video-container::before, .elementor-12616 .elementor-element.elementor-element-dcdc043 > .e-con-inner > .elementor-background-video-container::before, .elementor-12616 .elementor-element.elementor-element-dcdc043 > .elementor-background-slideshow::before, .elementor-12616 .elementor-element.elementor-element-dcdc043 > .e-con-inner > .elementor-background-slideshow::before, .elementor-12616 .elementor-element.elementor-element-dcdc043 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-12616 .elementor-element.elementor-element-dcdc043, .elementor-12616 .elementor-element.elementor-element-dcdc043::before{--border-transition:0.3s;}.elementor-12616 .elementor-element.elementor-element-4be08f0{--display:flex;--background-transition:0.3s;}.elementor-12616 .elementor-element.elementor-element-ded1d19{text-align:center;}.elementor-12616 .elementor-element.elementor-element-ded1d19 .elementor-heading-title{color:#FFFFFF;font-size:4.4rem;font-weight:500;letter-spacing:-4.7px;}.elementor-12616 .elementor-element.elementor-element-12f4a431{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--padding-top:6%;--padding-bottom:6%;--padding-left:9%;--padding-right:9%;}.elementor-12616 .elementor-element.elementor-element-12f4a431:not(.elementor-motion-effects-element-type-background), .elementor-12616 .elementor-element.elementor-element-12f4a431 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12616 .elementor-element.elementor-element-12f4a431, .elementor-12616 .elementor-element.elementor-element-12f4a431::before{--border-transition:0.3s;}.elementor-12616 .elementor-element.elementor-element-1eb464dd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--background-transition:0.3s;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-12616 .elementor-element.elementor-element-1eb464dd.e-con{--align-self:center;}.elementor-12616 .elementor-element.elementor-element-235349f8{text-align:center;}.elementor-12616 .elementor-element.elementor-element-235349f8 .elementor-heading-title{color:#1C244B;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button{font-size:15px;font-weight:700;fill:var( --e-global-color-d268409 );color:var( --e-global-color-d268409 );background-color:var( --e-global-color-c4a3f9b );border-radius:50px 50px 50px 50px;padding:25px 25px 25px 25px;}.elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button:hover, .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button:focus{color:var( --e-global-color-d268409 );background-color:var( --e-global-color-bdfa3c3 );}.elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button:hover svg, .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button:focus svg{fill:var( --e-global-color-d268409 );}.elementor-12616 .elementor-element.elementor-element-00594e2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;--padding-top:60px;--padding-bottom:060px;--padding-left:0px;--padding-right:0px;}.elementor-12616 .elementor-element.elementor-element-00594e2:not(.elementor-motion-effects-element-type-background), .elementor-12616 .elementor-element.elementor-element-00594e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000014;}.elementor-12616 .elementor-element.elementor-element-00594e2, .elementor-12616 .elementor-element.elementor-element-00594e2::before{--border-transition:0.3s;}.elementor-12616 .elementor-element.elementor-element-ff44e9d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-12616 .elementor-element.elementor-element-ab98bca img{width:45%;}.elementor-12616 .elementor-element.elementor-element-6c1f847{color:#000000;font-weight:700;}.elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button{font-size:15px;font-weight:700;fill:var( --e-global-color-d268409 );color:var( --e-global-color-d268409 );background-color:var( --e-global-color-c4a3f9b );border-radius:50px 50px 50px 50px;padding:25px 25px 25px 25px;}.elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button:hover, .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button:focus{color:var( --e-global-color-d268409 );background-color:var( --e-global-color-bdfa3c3 );}.elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button:hover svg, .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button:focus svg{fill:var( --e-global-color-d268409 );}@media(max-width:1024px){.elementor-12616 .elementor-element.elementor-element-dcdc043{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-12616 .elementor-element.elementor-element-ded1d19 .elementor-heading-title{font-size:3rem;}.elementor-12616 .elementor-element.elementor-element-12f4a431{--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;--gap:30px 30px;--padding-top:12%;--padding-bottom:12%;--padding-left:12%;--padding-right:12%;}.elementor-12616 .elementor-element.elementor-element-1eb464dd{--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;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-12616 .elementor-element.elementor-element-235349f8{text-align:center;}}@media(max-width:767px){.elementor-12616 .elementor-element.elementor-element-4216b92{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-12616 .elementor-element.elementor-element-49188b7{--justify-content:center;}.elementor-12616 .elementor-element.elementor-element-4908868{text-align:center;}.elementor-12616 .elementor-element.elementor-element-4908868 img{width:45%;}.elementor-12616 .elementor-element.elementor-element-dcdc043{--min-height:200px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-12616 .elementor-element.elementor-element-dcdc043:not(.elementor-motion-effects-element-type-background), .elementor-12616 .elementor-element.elementor-element-dcdc043 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://propertystock.com.pk/wp-content/uploads/2024/02/grunge-wall-texture-1-min-150x150.jpg");background-position:center center;}.elementor-12616 .elementor-element.elementor-element-ded1d19 .elementor-heading-title{font-size:2rem;letter-spacing:-2px;}.elementor-12616 .elementor-element.elementor-element-12f4a431{--gap:50px 50px;--padding-top:20%;--padding-bottom:20%;--padding-left:6%;--padding-right:6%;}.elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button{font-size:13px;padding:18px 18px 18px 18px;}.elementor-12616 .elementor-element.elementor-element-00594e2{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-12616 .elementor-element.elementor-element-6c1f847{text-align:center;}.elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button{font-size:13px;padding:18px 18px 18px 18px;}}/* Start custom CSS for button, class: .elementor-element-96888b2 *//* ========================================= SMOOTH PREMIUM ATTENTION BUTTON ========================================= */ .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button { position: relative; z-index: 1; overflow: visible; border-radius: 10px; /* Smooth hover transition */ transition: transform 0.35s ease, box-shadow 0.35s ease; /* Soft breathing animation */ animation: smoothAttention 3s ease-in-out infinite; } /* ========================================= SOFT OUTER GLOW ========================================= */ .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button::before { content: ""; position: absolute; inset: -4px; z-index: -1; border-radius: inherit; background: inherit; opacity: 0.35; filter: blur(8px); animation: softGlow 3s ease-in-out infinite; pointer-events: none; } /* ========================================= EXPANDING ATTENTION RING ========================================= */ .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button::after { content: ""; position: absolute; inset: -5px; z-index: -2; border: 1px solid currentColor; border-radius: inherit; opacity: 0; animation: softRing 3s ease-out infinite; pointer-events: none; } /* ========================================= SMOOTH BUTTON BREATHING ========================================= */ @keyframes smoothAttention { 0%, 100% { transform: scale(1); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); } 50% { transform: scale(1.025); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18); } } /* ========================================= SOFT GLOW BREATHING ========================================= */ @keyframes softGlow { 0%, 100% { opacity: 0.2; transform: scale(0.98); } 50% { opacity: 0.55; transform: scale(1.04); } } /* ========================================= SLOW EXPANDING RING ========================================= */ @keyframes softRing { 0% { opacity: 0; transform: scale(0.98); } 25% { opacity: 0.45; } 70% { opacity: 0; transform: scale(1.12); } 100% { opacity: 0; transform: scale(1.12); } } /* ========================================= PREMIUM HOVER STATE ========================================= */ .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button:hover { transform: translateY(-4px) scale(1.035); animation-play-state: paused; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18), 0 0 25px rgba(0, 0, 0, 0.25); } /* Stop animation on hover */ .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button:hover::before, .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button:hover::after { animation-play-state: paused; } /* ========================================= ACCESSIBILITY ========================================= */ @media (prefers-reduced-motion: reduce) { .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button, .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button::before, .elementor-12616 .elementor-element.elementor-element-96888b2 .elementor-button::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ded1d19 */.elementor-12616 .elementor-element.elementor-element-ded1d19 span{ color: #FF6000; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dcdc043 */.page-id-11977 #qlwapp.qlwapp-rounded.qlwapp-bubble .qlwapp-toggle{ display: none !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a19e3c1 *//* ========================================= SMOOTH PREMIUM ATTENTION BUTTON ========================================= */ .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button { position: relative; z-index: 1; overflow: visible; border-radius: 10px; /* Smooth hover transition */ transition: transform 0.35s ease, box-shadow 0.35s ease; /* Soft breathing animation */ animation: smoothAttention 3s ease-in-out infinite; } /* ========================================= SOFT OUTER GLOW ========================================= */ .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button::before { content: ""; position: absolute; inset: -4px; z-index: -1; border-radius: inherit; background: inherit; opacity: 0.35; filter: blur(8px); animation: softGlow 3s ease-in-out infinite; pointer-events: none; } /* ========================================= EXPANDING ATTENTION RING ========================================= */ .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button::after { content: ""; position: absolute; inset: -5px; z-index: -2; border: 1px solid currentColor; border-radius: inherit; opacity: 0; animation: softRing 3s ease-out infinite; pointer-events: none; } /* ========================================= SMOOTH BUTTON BREATHING ========================================= */ @keyframes smoothAttention { 0%, 100% { transform: scale(1); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); } 50% { transform: scale(1.025); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18); } } /* ========================================= SOFT GLOW BREATHING ========================================= */ @keyframes softGlow { 0%, 100% { opacity: 0.2; transform: scale(0.98); } 50% { opacity: 0.55; transform: scale(1.04); } } /* ========================================= SLOW EXPANDING RING ========================================= */ @keyframes softRing { 0% { opacity: 0; transform: scale(0.98); } 25% { opacity: 0.45; } 70% { opacity: 0; transform: scale(1.12); } 100% { opacity: 0; transform: scale(1.12); } } /* ========================================= PREMIUM HOVER STATE ========================================= */ .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button:hover { transform: translateY(-4px) scale(1.035); animation-play-state: paused; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18), 0 0 25px rgba(0, 0, 0, 0.25); } /* Stop animation on hover */ .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button:hover::before, .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button:hover::after { animation-play-state: paused; } /* ========================================= ACCESSIBILITY ========================================= */ @media (prefers-reduced-motion: reduce) { .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button, .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button::before, .elementor-12616 .elementor-element.elementor-element-a19e3c1 .elementor-button::after { animation: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-657fcbb *//* ========================================= SMOOTH PREMIUM ATTENTION BUTTON ========================================= */ .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button { position: relative; z-index: 1; overflow: visible; border-radius: 10px; /* Smooth hover transition */ transition: transform 0.35s ease, box-shadow 0.35s ease; /* Soft breathing animation */ animation: smoothAttention 3s ease-in-out infinite; } /* ========================================= SOFT OUTER GLOW ========================================= */ .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button::before { content: ""; position: absolute; inset: -4px; z-index: -1; border-radius: inherit; background: inherit; opacity: 0.35; filter: blur(8px); animation: softGlow 3s ease-in-out infinite; pointer-events: none; } /* ========================================= EXPANDING ATTENTION RING ========================================= */ .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button::after { content: ""; position: absolute; inset: -5px; z-index: -2; border: 1px solid currentColor; border-radius: inherit; opacity: 0; animation: softRing 3s ease-out infinite; pointer-events: none; } /* ========================================= SMOOTH BUTTON BREATHING ========================================= */ @keyframes smoothAttention { 0%, 100% { transform: scale(1); box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); } 50% { transform: scale(1.025); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18); } } /* ========================================= SOFT GLOW BREATHING ========================================= */ @keyframes softGlow { 0%, 100% { opacity: 0.2; transform: scale(0.98); } 50% { opacity: 0.55; transform: scale(1.04); } } /* ========================================= SLOW EXPANDING RING ========================================= */ @keyframes softRing { 0% { opacity: 0; transform: scale(0.98); } 25% { opacity: 0.45; } 70% { opacity: 0; transform: scale(1.12); } 100% { opacity: 0; transform: scale(1.12); } } /* ========================================= PREMIUM HOVER STATE ========================================= */ .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button:hover { transform: translateY(-4px) scale(1.035); animation-play-state: paused; box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18), 0 0 25px rgba(0, 0, 0, 0.25); } /* Stop animation on hover */ .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button:hover::before, .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button:hover::after { animation-play-state: paused; } /* ========================================= ACCESSIBILITY ========================================= */ @media (prefers-reduced-motion: reduce) { .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button, .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button::before, .elementor-12616 .elementor-element.elementor-element-657fcbb .elementor-button::after { animation: none; } }/* End custom CSS */