.elementor-132 .elementor-element.elementor-element-aa6a3a6 > .elementor-container{max-width:1200px;}.elementor-132 .elementor-element.elementor-element-aa6a3a6:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-aa6a3a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-132 .elementor-element.elementor-element-aa6a3a6{border-style:solid;border-width:0px 0px 1px 0px;border-color:#1363DF0D;box-shadow:0px 20px 40px -20px rgba(18.999999999999982, 99.00000000000006, 223, 0.05);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-80px;margin-bottom:0px;padding:230px 0px 170px 0px;z-index:2;}.elementor-132 .elementor-element.elementor-element-aa6a3a6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-132 .elementor-element.elementor-element-ad66624{--e-transform-rotateX:0deg;--e-transform-perspective:20px;--e-transform-rotateY:0.3deg;padding:0px 0px 0px 0px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-132 .elementor-element.elementor-element-ad66624 img{border-radius:20px 20px 20px 20px;box-shadow:-15px 15px 37px 0px rgba(110.76978260869565, 161.3697684310019, 164.89999999999998, 0.5);}.elementor-132 .elementor-element.elementor-element-977274c.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.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-132 .elementor-element.elementor-element-839bdd3{width:var( --container-widget-width, 27% );max-width:27%;background-color:#E7EFFC;padding:0px 0px 10px 0px;--container-widget-width:27%;--container-widget-flex-grow:0;text-align:center;}.elementor-132 .elementor-element.elementor-element-839bdd3 .elementor-heading-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:16px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-2110cd7{padding:20px 0px 0px 0px;text-align:end;}.elementor-132 .elementor-element.elementor-element-2110cd7 .elementor-heading-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:40px;font-weight:600;line-height:78px;color:var( --e-global-color-secondary );}.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-132 .elementor-element.elementor-element-93a7e66{padding:10px 0px 0px 0px;text-align:end;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#3F3E3E;}.elementor-132 .elementor-element.elementor-element-93a7e66 p{margin-block-end:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-132 .elementor-element.elementor-element-e4874a5 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:17px;font-weight:500;padding:20px 50px 20px 50px;}.elementor-132 .elementor-element.elementor-element-e4874a5 .elementor-button:hover, .elementor-132 .elementor-element.elementor-element-e4874a5 .elementor-button:focus{background-color:#0A2E66;}.elementor-132 .elementor-element.elementor-element-e4874a5{padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-e4874a5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-132 .elementor-element.elementor-element-e4874a5 .elementor-button .elementor-button-content-wrapper{gap:21px;}.elementor-132 .elementor-element.elementor-element-9385395 > .elementor-container{max-width:1200px;}.elementor-132 .elementor-element.elementor-element-9385395{border-style:solid;border-width:0px 0px 1px 0px;border-color:#1363DF0D;box-shadow:0px 20px 40px -20px rgba(18.999999999999982, 99.00000000000006, 223, 0.05);padding:120px 0px 120px 0px;z-index:2;}.elementor-132 .elementor-element.elementor-element-2060eb3.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-132 .elementor-element.elementor-element-e3a0701{width:var( --container-widget-width, 27% );max-width:27%;background-color:#E7EFFC;padding:0px 0px 10px 0px;--container-widget-width:27%;--container-widget-flex-grow:0;text-align:center;}.elementor-132 .elementor-element.elementor-element-e3a0701 .elementor-heading-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:16px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-98cd27b{padding:20px 0px 0px 0px;text-align:end;}.elementor-132 .elementor-element.elementor-element-98cd27b .elementor-heading-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:40px;font-weight:600;line-height:78px;color:var( --e-global-color-secondary );}.elementor-132 .elementor-element.elementor-element-6560af1{padding:10px 0px 0px 0px;text-align:end;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#3F3E3E;}.elementor-132 .elementor-element.elementor-element-6560af1 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-33b9da6{padding:10px 0px 0px 0px;text-align:end;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#3F3E3E;}.elementor-132 .elementor-element.elementor-element-33b9da6 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-bb45949{padding:10px 0px 0px 0px;text-align:end;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#3F3E3E;}.elementor-132 .elementor-element.elementor-element-bb45949 p{margin-block-end:0px;}.elementor-132 .elementor-element.elementor-element-caa641b .elementor-button{background-color:var( --e-global-color-primary );font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:17px;font-weight:500;padding:20px 50px 20px 50px;}.elementor-132 .elementor-element.elementor-element-caa641b .elementor-button:hover, .elementor-132 .elementor-element.elementor-element-caa641b .elementor-button:focus{background-color:#0A2E66;}.elementor-132 .elementor-element.elementor-element-caa641b{padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-caa641b .elementor-button-content-wrapper{flex-direction:row;}.elementor-132 .elementor-element.elementor-element-caa641b .elementor-button .elementor-button-content-wrapper{gap:21px;}.elementor-bc-flex-widget .elementor-132 .elementor-element.elementor-element-0e49b5d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-132 .elementor-element.elementor-element-0e49b5d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-132 .elementor-element.elementor-element-c505a88{--e-transform-rotateX:0deg;--e-transform-perspective:20px;--e-transform-rotateY:0.3deg;padding:0px 0px 0px 0px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-132 .elementor-element.elementor-element-c505a88 img{border-radius:20px 20px 20px 20px;box-shadow:-15px 15px 37px 0px rgba(110.76978260869565, 161.3697684310019, 164.89999999999998, 0.5);}.elementor-132 .elementor-element.elementor-element-6996974:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-6996974 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7FB;}.elementor-132 .elementor-element.elementor-element-6996974 > .elementor-container{max-width:1200px;}.elementor-132 .elementor-element.elementor-element-6996974{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 0px 100px 0px;}.elementor-132 .elementor-element.elementor-element-6996974 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-132 .elementor-element.elementor-element-a426b14{padding:20px 0px 0px 0px;text-align:end;}.elementor-132 .elementor-element.elementor-element-a426b14 .elementor-heading-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:40px;font-weight:600;line-height:78px;color:var( --e-global-color-secondary );}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-132 .elementor-element.elementor-element-1ae41ca.elementor-position-right .elementor-image-box-img{margin-left:21px;}.elementor-132 .elementor-element.elementor-element-1ae41ca.elementor-position-left .elementor-image-box-img{margin-right:21px;}.elementor-132 .elementor-element.elementor-element-1ae41ca.elementor-position-top .elementor-image-box-img{margin-bottom:21px;}.elementor-132 .elementor-element.elementor-element-1ae41ca .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-132 .elementor-element.elementor-element-1ae41ca .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-132 .elementor-element.elementor-element-1ae41ca .elementor-image-box-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:20px;font-weight:800;color:var( --e-global-color-secondary );}.elementor-132 .elementor-element.elementor-element-faa82c2.elementor-position-right .elementor-image-box-img{margin-left:21px;}.elementor-132 .elementor-element.elementor-element-faa82c2.elementor-position-left .elementor-image-box-img{margin-right:21px;}.elementor-132 .elementor-element.elementor-element-faa82c2.elementor-position-top .elementor-image-box-img{margin-bottom:21px;}.elementor-132 .elementor-element.elementor-element-faa82c2 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-132 .elementor-element.elementor-element-faa82c2 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-132 .elementor-element.elementor-element-faa82c2 .elementor-image-box-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:20px;font-weight:800;color:var( --e-global-color-secondary );}.elementor-132 .elementor-element.elementor-element-018d998.elementor-position-right .elementor-image-box-img{margin-left:21px;}.elementor-132 .elementor-element.elementor-element-018d998.elementor-position-left .elementor-image-box-img{margin-right:21px;}.elementor-132 .elementor-element.elementor-element-018d998.elementor-position-top .elementor-image-box-img{margin-bottom:21px;}.elementor-132 .elementor-element.elementor-element-018d998 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-132 .elementor-element.elementor-element-018d998 .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-132 .elementor-element.elementor-element-018d998 .elementor-image-box-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:20px;font-weight:800;color:var( --e-global-color-secondary );}.elementor-132 .elementor-element.elementor-element-a9382ff.elementor-position-right .elementor-image-box-img{margin-left:21px;}.elementor-132 .elementor-element.elementor-element-a9382ff.elementor-position-left .elementor-image-box-img{margin-right:21px;}.elementor-132 .elementor-element.elementor-element-a9382ff.elementor-position-top .elementor-image-box-img{margin-bottom:21px;}.elementor-132 .elementor-element.elementor-element-a9382ff .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-132 .elementor-element.elementor-element-a9382ff .elementor-image-box-img img{border-radius:20px;transition-duration:0.3s;}.elementor-132 .elementor-element.elementor-element-a9382ff .elementor-image-box-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:20px;font-weight:800;color:var( --e-global-color-secondary );}.elementor-132 .elementor-element.elementor-element-faeaf83:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-faeaf83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF4FA;}.elementor-132 .elementor-element.elementor-element-faeaf83 > .elementor-container{max-width:1200px;}.elementor-132 .elementor-element.elementor-element-faeaf83{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-132 .elementor-element.elementor-element-faeaf83 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-132 .elementor-element.elementor-element-b64d73b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-132 .elementor-element.elementor-element-b64d73b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-132 .elementor-element.elementor-element-b64d73b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-bc-flex-widget .elementor-132 .elementor-element.elementor-element-ed1279f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-132 .elementor-element.elementor-element-ed1279f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-132 .elementor-element.elementor-element-ed1279f.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-132 .elementor-element.elementor-element-b2eeb08{width:var( --container-widget-width, 22% );max-width:22%;background-color:#E7EFFC;padding:6px 0px 4px 0px;--container-widget-width:22%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;text-align:center;}.elementor-132 .elementor-element.elementor-element-b2eeb08 .elementor-heading-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:11px;font-weight:600;}.elementor-132 .elementor-element.elementor-element-cc35480{padding:20px 0px 0px 0px;text-align:end;}.elementor-132 .elementor-element.elementor-element-cc35480 .elementor-heading-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:40px;font-weight:600;line-height:78px;color:var( --e-global-color-secondary );}.elementor-132 .elementor-element.elementor-element-9fee273{padding:10px 0px 0px 0px;text-align:end;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;color:#3F3E3E;}.elementor-132 .elementor-element.elementor-element-9fee273 p{margin-block-end:0px;}body:not(.rtl) .elementor-132 .elementor-element.elementor-element-af2f895{left:-298px;}body.rtl .elementor-132 .elementor-element.elementor-element-af2f895{right:-298px;}.elementor-132 .elementor-element.elementor-element-af2f895{top:-65px;}body:not(.rtl) .elementor-132 .elementor-element.elementor-element-26adea9{left:191px;}body.rtl .elementor-132 .elementor-element.elementor-element-26adea9{right:191px;}.elementor-132 .elementor-element.elementor-element-26adea9{top:-700px;}body:not(.rtl) .elementor-132 .elementor-element.elementor-element-5f5fa64{left:944px;}body.rtl .elementor-132 .elementor-element.elementor-element-5f5fa64{right:944px;}.elementor-132 .elementor-element.elementor-element-5f5fa64{top:-144px;}.elementor-132 .elementor-element.elementor-element-9c2204f .elementor-button{background-color:#1363DF;font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:17px;font-weight:500;padding:20px 50px 20px 50px;}.elementor-132 .elementor-element.elementor-element-9c2204f .elementor-button:hover, .elementor-132 .elementor-element.elementor-element-9c2204f .elementor-button:focus{background-color:#0A2E66;}.elementor-132 .elementor-element.elementor-element-9c2204f{padding:0px 0px 0px 0px;}.elementor-132 .elementor-element.elementor-element-9c2204f .elementor-button-content-wrapper{flex-direction:row;}.elementor-132 .elementor-element.elementor-element-9c2204f .elementor-button .elementor-button-content-wrapper{gap:21px;}.elementor-bc-flex-widget .elementor-132 .elementor-element.elementor-element-654dfda.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-132 .elementor-element.elementor-element-654dfda.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-132 .elementor-element.elementor-element-654dfda > .elementor-element-populated{padding:50px 50px 50px 50px;}.elementor-132 .elementor-element.elementor-element-f94fe18 > .elementor-container{max-width:1200px;}.elementor-132 .elementor-element.elementor-element-f94fe18{padding:100px 0px 100px 0px;}.elementor-132 .elementor-element.elementor-element-ce0b2d5{padding:20px 0px 0px 0px;text-align:end;}.elementor-132 .elementor-element.elementor-element-ce0b2d5 .elementor-heading-title{font-family:"Noto Nastaliq Urdu", Sans-serif;font-size:40px;font-weight:600;line-height:78px;color:var( --e-global-color-secondary );}@media(min-width:768px){.elementor-132 .elementor-element.elementor-element-b64d73b{width:2%;}.elementor-132 .elementor-element.elementor-element-ed1279f{width:47.332%;}.elementor-132 .elementor-element.elementor-element-ebbb590{width:2%;}.elementor-132 .elementor-element.elementor-element-067b8da{width:97.999%;}.elementor-132 .elementor-element.elementor-element-654dfda{width:50%;}}@media(min-width:1025px){.elementor-132 .elementor-element.elementor-element-aa6a3a6:not(.elementor-motion-effects-element-type-background), .elementor-132 .elementor-element.elementor-element-aa6a3a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-132 .elementor-element.elementor-element-ad66624{padding:20px 20px 20px 20px;}.elementor-132 .elementor-element.elementor-element-839bdd3 .elementor-heading-title{font-size:12px;}.elementor-132 .elementor-element.elementor-element-2110cd7 .elementor-heading-title{font-size:30px;}.elementor-132 .elementor-element.elementor-element-93a7e66{font-size:16px;}.elementor-132 .elementor-element.elementor-element-e4874a5 .elementor-button{font-size:14px;line-height:1em;letter-spacing:0.5px;word-spacing:0.5em;padding:15px 70px 15px 70px;}.elementor-132 .elementor-element.elementor-element-e3a0701{--container-widget-width:122px;--container-widget-flex-grow:0;width:var( --container-widget-width, 122px );max-width:122px;}.elementor-132 .elementor-element.elementor-element-e3a0701 .elementor-heading-title{font-size:12px;}.elementor-132 .elementor-element.elementor-element-98cd27b .elementor-heading-title{font-size:30px;}.elementor-132 .elementor-element.elementor-element-6560af1{font-size:16px;}.elementor-132 .elementor-element.elementor-element-33b9da6{font-size:16px;}.elementor-132 .elementor-element.elementor-element-bb45949{font-size:16px;}.elementor-132 .elementor-element.elementor-element-c505a88{padding:20px 20px 20px 20px;}.elementor-132 .elementor-element.elementor-element-a426b14{text-align:center;}.elementor-132 .elementor-element.elementor-element-a426b14 .elementor-heading-title{font-size:30px;}.elementor-132 .elementor-element.elementor-element-1ae41ca .elementor-image-box-img{margin-bottom:21px;}.elementor-132 .elementor-element.elementor-element-1ae41ca .elementor-image-box-wrapper .elementor-image-box-img{width:79%;}.elementor-132 .elementor-element.elementor-element-1ae41ca .elementor-image-box-title{font-size:16px;}.elementor-132 .elementor-element.elementor-element-faa82c2 .elementor-image-box-img{margin-bottom:21px;}.elementor-132 .elementor-element.elementor-element-faa82c2 .elementor-image-box-wrapper .elementor-image-box-img{width:79%;}.elementor-132 .elementor-element.elementor-element-faa82c2 .elementor-image-box-title{font-size:16px;}.elementor-132 .elementor-element.elementor-element-018d998 .elementor-image-box-img{margin-bottom:21px;}.elementor-132 .elementor-element.elementor-element-018d998 .elementor-image-box-wrapper .elementor-image-box-img{width:79%;}.elementor-132 .elementor-element.elementor-element-018d998 .elementor-image-box-title{font-size:16px;}.elementor-132 .elementor-element.elementor-element-a9382ff .elementor-image-box-img{margin-bottom:21px;}.elementor-132 .elementor-element.elementor-element-a9382ff .elementor-image-box-wrapper .elementor-image-box-img{width:79%;}.elementor-132 .elementor-element.elementor-element-a9382ff .elementor-image-box-title{font-size:16px;}.elementor-132 .elementor-element.elementor-element-b2eeb08{--container-widget-width:120px;--container-widget-flex-grow:0;width:var( --container-widget-width, 120px );max-width:120px;}.elementor-132 .elementor-element.elementor-element-b2eeb08 .elementor-heading-title{font-size:12px;}.elementor-132 .elementor-element.elementor-element-cc35480 .elementor-heading-title{font-size:30px;}.elementor-132 .elementor-element.elementor-element-9fee273{font-size:16px;}body:not(.rtl) .elementor-132 .elementor-element.elementor-element-26adea9{left:-355px;}body.rtl .elementor-132 .elementor-element.elementor-element-26adea9{right:-355px;}.elementor-132 .elementor-element.elementor-element-26adea9{top:-663px;}.elementor-132 .elementor-element.elementor-element-ce0b2d5{text-align:center;}.elementor-132 .elementor-element.elementor-element-ce0b2d5 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for image, class: .elementor-element-ad66624 */:root {
    --primary-blue: #1363DF; /* Aapka theme color */
}

/* Perspective Wrapper (Must have for 3D tilt) */
.image-wrapper {
    perspective: 1500px;
    display: inline-block;
    position: relative;
}

/* The actual image class */
.image {
    width: 100%;
    height: auto;
    border-radius: 20px; /* Modern curved edges */
    box-shadow: -20px 20px 50px rgba(0, 0, 0, 0.08); /* Shallow shadow on left side for depth */
    
    /* LEFTWARD TILT DESIGN */
    transform: rotateY(-15deg) rotateX(3deg); 
    
    /* Smooth transitions */
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(19, 99, 223, 0.05); /* Subtle border accent */
    object-fit: cover;
}

/* Hover Interaction: Straightens on hover */
.image-wrapper:hover .image {
    transform: rotateY(0deg) rotateX(0deg);
    box-shadow: 0 15px 40px rgba(19, 99, 223, 0.15); /* Modern blue-tinted shadow */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c505a88 */:root {
    --primary-blue: #1363DF; /* Aapka theme color */
}

/* Perspective Wrapper (Must have for 3D tilt) */
.image-wrapper {
    perspective: 1500px;
    display: inline-block;
    position: relative;
}

/* The actual image class */
.image {
    width: 100%;
    height: auto;
    border-radius: 20px; /* Modern curved edges */
    box-shadow: -20px 20px 50px rgba(0, 0, 0, 0.08); /* Shallow shadow on left side for depth */
    
    /* LEFTWARD TILT DESIGN */
    transform: rotateY(-15deg) rotateX(3deg); 
    
    /* Smooth transitions */
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid rgba(19, 99, 223, 0.05); /* Subtle border accent */
    object-fit: cover;
}

/* Hover Interaction: Straightens on hover */
.image-wrapper:hover .image {
    transform: rotateY(0deg) rotateX(0deg);
    box-shadow: 0 15px 40px rgba(19, 99, 223, 0.15); /* Modern blue-tinted shadow */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6996974 */.section-wrapper {
    box-shadow: 0 20px 40px -20px rgba(19, 99, 223, 0.15);
    border-bottom: 1px solid rgba(19, 99, 223, 0.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af2f895 */:root {
    --f-blue: #1363DF;
}

.floating-container {
    position: relative;
    width: 100%;
    height: 500px; /* Aapke section ki height */
    overflow: hidden; /* Halka sa background color */
}

/* Base Style for Floating Objects */
.ff-obj {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(19, 99, 223, 0.1);
    color: orange;
    box-shadow: 0 8px 32px rgba(19, 99, 223, 0.1);
    z-index: 1;
    pointer-events: none; /* Taake clicks ko block na karein */
}

/* Individual Sizes & Positions */
.obj-book {
    width: 80px;
    height: 80px;
    top: 10%;
    right: 5%;
    font-size: 30px;
    animation: float-slow 6s ease-in-out infinite;
}

.obj-heart {
    width: 60px;
    height: 60px;
    bottom: 15%;
    right: 15%;
    font-size: 22px;
    animation: float-medium 5s ease-in-out infinite;
    opacity: 0.7;
}

.obj-light {
    width: 100px;
    height: 100px;
    top: 40%;
    left: 8%;
    font-size: 40px;
    animation: float-fast 7s ease-in-out infinite;
    opacity: 0.5;
}

/* Animations */
@keyframes float-slow {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(10deg); }
}

@keyframes float-medium {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-15px, -15px); }
}

@keyframes float-fast {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-30px) scale(1.05); }
}

/* Responsive: Choti screen par hide kar dein ya chota kar dein */
@media (max-width: 768px) {
    .f-obj { display: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26adea9 */:root {
    --f-red: #FF0000;
}

.floating-container {
    position: relative;
    width: 100%;
    height: 500px; /* Aapke section ki height */
    overflow: hidden; /* Halka sa background color */
}

/* Base Style for Floating Objects */
.f-obj {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(19, 99, 223, 0.1);
    color: var(--f-red);
    box-shadow: 0 8px 32px rgba(19, 99, 223, 0.1);
    z-index: 1;
    pointer-events: none; /* Taake clicks ko block na karein */
}

/* Individual Sizes & Positions */
.obj-book {
    width: 80px;
    height: 80px;
    top: 10%;
    right: 5%;
    font-size: 30px;
    animation: float-slow 6s ease-in-out infinite;
}

.obj-heart {
    width: 60px;
    height: 60px;
    bottom: 15%;
    right: 15%;
    font-size: 22px;
    animation: float-medium 5s ease-in-out infinite;
    opacity: 0.7;
}

.obj-light {
    width: 100px;
    height: 100px;
    top: 40%;
    left: 8%;
    font-size: 40px;
    animation: float-fast 7s ease-in-out infinite;
    opacity: 0.5;
}

/* Animations */
@keyframes float-slow {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(10deg); }
}

@keyframes float-medium {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-15px, -15px); }
}

@keyframes float-fast {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-30px) scale(1.05); }
}

/* Responsive: Choti screen par hide kar dein ya chota kar dein */
@media (max-width: 768px) {
    .f-obj { display: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f5fa64 */:root {
    --f-green: #008000;
}

.floating-container {
    position: relative;
    width: 100%;
    height: 500px; /* Aapke section ki height */
    overflow: hidden; /* Halka sa background color */
}

/* Base Style for Floating Objects */
.gf-obj {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(5px);
    border: 1px solid rgba(19, 99, 223, 0.1);
    color: var(--f-green);
    box-shadow: 0 8px 32px rgba(19, 99, 223, 0.1);
    z-index: 1;
    pointer-events: none; /* Taake clicks ko block na karein */
}

/* Individual Sizes & Positions */
.obj-book {
    width: 80px;
    height: 80px;
    top: 10%;
    right: 5%;
    font-size: 30px;
    animation: float-slow 6s ease-in-out infinite;
}

.obj-heart {
    width: 60px;
    height: 60px;
    bottom: 15%;
    right: 15%;
    font-size: 22px;
    animation: float-medium 5s ease-in-out infinite;
    opacity: 0.7;
}

.obj-light {
    width: 100px;
    height: 100px;
    top: 40%;
    left: 8%;
    font-size: 40px;
    animation: float-fast 7s ease-in-out infinite;
    opacity: 0.5;
}

/* Animations */
@keyframes float-slow {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(10deg); }
}

@keyframes float-medium {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-15px, -15px); }
}

@keyframes float-fast {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-30px) scale(1.05); }
}

/* Responsive: Choti screen par hide kar dein ya chota kar dein */
@media (max-width: 768px) {
    .f-obj { display: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c975a */:root {
    --primary-blue: #1363DF; /* */
    --accent-yellow: #FFD233; /* Eduvalt Style */
    --card-bg: #ffffff;
    --border-color: rgba(19, 99, 223, 0.08);
}

.ultimate-sidebar {
    direction: rtl;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 25px;
    font-family: 'Noto Nastaleeq Urdu', serif;
}

.u-card {
    position: relative;
    background: var(--card-bg);
    border-radius: 28px; /* Thora zyada rounded for modern look */
    padding: 30px 15px;
    text-align: center;
    border: 1px solid var(--border-color);
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(149, 157, 165, 0.05);
    overflow: hidden;
    z-index: 1;
}

/* Icon Container with Floating Animation */
.u-icon-container {
    position: relative;
    width: 65px;
    height: 65px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.u-icon-container i {
    font-size: 28px;
    color: var(--primary-blue);
    transition: all 0.5s ease;
}

/* Professional Morphing Background */
.u-icon-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(19, 99, 223, 0.1), rgba(19, 99, 223, 0.02));
    border-radius: 38%;
    
    z-index: -1;
    transition: 0.5s ease;
}

@keyframes professional-morph {
    0%, 100% { border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%; transform: rotate(0deg); }
    33% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
    66% { border-radius: 30% 70% 70% 30% / 50% 60% 40% 50%; }
}

/* Typography Refinement */
.u-content h3 {
    font-size: 19px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 10px;
    line-height: 2; /* Urdu ke liye zaroori hai */
}

.u-stats {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--primary-blue);
    background: #f0f7ff;
    padding: 4px 14px;
    border-radius: 12px;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* HOVER STATE - Isko "Acha" banaya hai */
.u-card:hover {
    transform: translateY(-12px);
    border-color: rgba(19, 99, 223, 0.3);
    box-shadow: 0 25px 50px -12px rgba(19, 99, 223, 0.15);
}

.u-card:hover .u-icon-container i {
    color: #ffffff;
    transform: scale(1.1) rotate(-10deg);
}

.u-card:hover .u-icon-glow {
    background: var(--primary-blue);
    width: 120%;
    height: 120%;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(19, 99, 223, 0.4);
}

.u-card:hover .u-stats {
    background: var(--primary-blue);
    color: #ffffff;
    transform: scale(1.05);
}

/* Subtle Gradient Shine
/* --- Desktop/General Styles (Jo aapne pehle likhi thin) --- */
.ultimate-sidebar {
    direction: rtl;
    display: grid;
    grid-template-columns: 1fr 1fr; /* Desktop par 2 columns */
    gap: 20px;
    padding: 25px;
    font-family: 'Noto Nastaleeq Urdu', serif;
}

/* --- Mobile & Tablet Responsiveness --- */

/* Tablet ke liye (992px se niche) */
@media (max-width: 992px) {
    .ultimate-sidebar {
        padding: 15px;
        gap: 15px;
    }
}

/* Mobile ke liye (768px se niche) - Yahan asal magic hai */
@media (max-width: 768px) {
    .ultimate-sidebar {
        grid-template-columns: 1fr; /* 2 columns ko 1 kar diya */
        padding: 10px;
    }

    .u-card {
        padding: 25px 10px; /* Padding thori kam takay screen space bache */
        border-radius: 20px; /* Choti screen par zyada rounded ajeeb lagta hai */
    }

    .u-content h3 {
        font-size: 17px; /* Mobile par headings thori choti */
    }

    /* Hover effect mobile par click se trigger hota hai, 
       is liye mobile par translate ko thora kam rakha hai */
    .u-card:hover {
        transform: translateY(-5px); 
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-faeaf83 */.section-wrapper4 {
    box-shadow:0 20px 40px -20px rgba(19, 99, 223, 0.15); 
    /* rgba(15, 23, 42) aik boht dark blue shade hai */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e035bf *//* Unique Color Themes */
.theme-blue { --accent-color: #1363DF; --bg-soft: #f0f7ff; }
.theme-red { --accent-color: #EF4444; --bg-soft: #fef2f2; }
.theme-green { --accent-color: #10B981; --bg-soft: #ecfdf5; }
.theme-yellow { --accent-color: #F59E0B; --bg-soft: #fffbeb; }

.resource-list-card {
    direction: rtl;
    background: #ffffff;
    border-radius: 28px;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);
    font-family: 'Noto Nastaleeq Urdu', serif;
    margin-bottom: 30px;
    transition: all 0.4s ease;
    position: relative;
}

.resource-list-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    border-color: var(--accent-color);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--bg-soft);
}

.card-header h3 {
    font-family: 'Noto Nastaliq Urdu', serif;
    margin: 0;
    color: #0A2E66;
    font-size: 24px;
    line-height: 1.8;
}

/* Icon Box with Dynamic Colors */
.card-header i {
    width: 50px;
    height: 50px;
    background: var(--bg-soft);
    color: var(--accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 22px;
    transition: 0.4s;
}

.resource-list-card:hover .card-header i {
    background: var(--accent-color);
    color: #ffffff;
    transform: scale(1.1);
}

.clean-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clean-list li {
    display: flex;
    align-items: center;
    padding: 12px 10px;
    transition: 0.3s;
}

/* List Check Icons Matching Theme */
.clean-list li i {
    color: var(--accent-color);
    margin-left: 12px;
    font-size: 16px;
    opacity: 0.7;
}

.clean-list li span {
    font-family: 'Noto Nastaliq Urdu', serif;
    font-size: 17px;
    color: #475569;
    line-height: 2.2;
}

.clean-list li:hover {
    background: var(--bg-soft);
    border-radius: 12px;
    padding-right: 15px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9c972a *//* Unique Color Themes */
.theme-blue { --accent-color: #1363DF; --bg-soft: #f0f7ff; }
.theme-red { --accent-color: #EF4444; --bg-soft: #fef2f2; }
.theme-green { --accent-color: #10B981; --bg-soft: #ecfdf5; }
.theme-yellow { --accent-color: #F59E0B; --bg-soft: #fffbeb; }

.resource-list-card {
    direction: rtl;
    background: #ffffff;
    border-radius: 28px;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);
    font-family: 'Noto Nastaleeq Urdu', serif;
    margin-bottom: 30px;
    transition: all 0.4s ease;
    position: relative;
}

.resource-list-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    border-color: var(--accent-color);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--bg-soft);
}

.card-header h3 {
    margin: 0;
    color: #0f172a;
    font-size: 24px;
    line-height: 1.8;
}

/* Icon Box with Dynamic Colors */
.card-header i {
    width: 50px;
    height: 50px;
    background: var(--bg-soft);
    color: var(--accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 22px;
    transition: 0.4s;
}

.resource-list-card:hover .card-header i {
    background: var(--accent-color);
    color: #ffffff;
    transform: scale(1.1);
}

.clean-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clean-list li {
    display: flex;
    align-items: center;
    padding: 12px 10px;
    transition: 0.3s;
}

/* List Check Icons Matching Theme */
.clean-list li i {
    color: var(--accent-color);
    margin-left: 12px;
    font-size: 16px;
    opacity: 0.7;
}

.clean-list li span {
    font-size: 17px;
    color: #475569;
    line-height: 2.2;
}

.clean-list li:hover {
    background: var(--bg-soft);
    border-radius: 12px;
    padding-right: 15px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-794798d *//* Unique Color Themes */
.theme-blue { --accent-color: #1363DF; --bg-soft: #f0f7ff; }
.theme-red { --accent-color: #EF4444; --bg-soft: #fef2f2; }
.theme-green { --accent-color: #10B981; --bg-soft: #ecfdf5; }
.theme-yellow { --accent-color: #F59E0B; --bg-soft: #fffbeb; }

.resource-list-card {
    direction: rtl;
    background: #ffffff;
    border-radius: 28px;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);
    font-family: 'Noto Nastaleeq Urdu', serif;
    margin-bottom: 30px;
    transition: all 0.4s ease;
    position: relative;
}

.resource-list-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    border-color: var(--accent-color);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--bg-soft);
}

.card-header h3 {
    margin: 0;
    color: #0f172a;
    font-size: 24px;
    line-height: 1.8;
}

/* Icon Box with Dynamic Colors */
.card-header i {
    width: 50px;
    height: 50px;
    background: var(--bg-soft);
    color: var(--accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 22px;
    transition: 0.4s;
}

.resource-list-card:hover .card-header i {
    background: var(--accent-color);
    color: #ffffff;
    transform: scale(1.1);
}

.clean-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clean-list li {
    display: flex;
    align-items: center;
    padding: 12px 10px;
    transition: 0.3s;
}

/* List Check Icons Matching Theme */
.clean-list li i {
    color: var(--accent-color);
    margin-left: 12px;
    font-size: 16px;
    opacity: 0.7;
}

.clean-list li span {
    font-size: 17px;
    color: #475569;
    line-height: 2.2;
}

.clean-list li:hover {
    background: var(--bg-soft);
    border-radius: 12px;
    padding-right: 15px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-99e65d6 *//* Unique Color Themes */
.theme-blue { --accent-color: #1363DF; --bg-soft: #f0f7ff; }
.theme-red { --accent-color: #EF4444; --bg-soft: #fef2f2; }
.theme-green { --accent-color: #10B981; --bg-soft: #ecfdf5; }
.theme-yellow { --accent-color: #F59E0B; --bg-soft: #fffbeb; }

.resource-list-card {
    direction: rtl;
    background: #ffffff;
    border-radius: 28px;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02);
    font-family: 'Noto Nastaleeq Urdu', serif;
    margin-bottom: 30px;
    transition: all 0.4s ease;
    position: relative;
}

.resource-list-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    border-color: var(--accent-color);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--bg-soft);
}

.card-header h3 {
    margin: 0;
    color: #0f172a;
    font-size: 24px;
    line-height: 1.8;
}

/* Icon Box with Dynamic Colors */
.card-header i {
    width: 50px;
    height: 50px;
    background: var(--bg-soft);
    color: var(--accent-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 22px;
    transition: 0.4s;
}

.resource-list-card:hover .card-header i {
    background: var(--accent-color);
    color: #ffffff;
    transform: scale(1.1);
}

.clean-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.clean-list li {
    display: flex;
    align-items: center;
    padding: 12px 10px;
    transition: 0.3s;
}

/* List Check Icons Matching Theme */
.clean-list li i {
    color: var(--accent-color);
    margin-left: 12px;
    font-size: 16px;
    opacity: 0.7;
}

.clean-list li span {
    font-size: 17px;
    color: #475569;
    line-height: 2.2;
}

.clean-list li:hover {
    background: var(--bg-soft);
    border-radius: 12px;
    padding-right: 15px;
}/* End custom CSS */