.elementor-1721 .elementor-element.elementor-element-cad6505{--display:flex;--min-height:220px;--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:15px 0px;--row-gap:15px;--column-gap:0px;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1721 .elementor-element.elementor-element-cad6505:not(.elementor-motion-effects-element-type-background), .elementor-1721 .elementor-element.elementor-element-cad6505 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(161deg, #059669 0%, #066046 100%);}.elementor-1721 .elementor-element.elementor-element-98b4046.elementor-element{--align-self:center;}.elementor-1721 .elementor-element.elementor-element-98b4046 .elementor-heading-title{font-family:"Poppins", Inter;font-size:48px;font-weight:700;font-style:normal;line-height:48px;color:#FFFFFF;}.elementor-1721 .elementor-element.elementor-element-e72f4bb.elementor-element{--align-self:center;}.elementor-1721 .elementor-element.elementor-element-e72f4bb .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:400;font-style:normal;line-height:29px;color:#D1FAE5;}.elementor-1721 .elementor-element.elementor-element-9a95c9a{--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;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-9a95c9a{--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-1721 .elementor-element.elementor-element-fa1171f{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1721 .elementor-element.elementor-element-ab17919{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1721 .elementor-element.elementor-element-e202ce9{--divider-border-style:solid;--divider-color:#E5E7EB;--divider-border-width:1px;}.elementor-1721 .elementor-element.elementor-element-e202ce9 .elementor-divider-separator{width:100%;}.elementor-1721 .elementor-element.elementor-element-6550d8d{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:50px;--padding-inline-end:50px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-6550d8d{--padding-inline-start:50px;--padding-inline-end:50px;}.elementor-1721 .elementor-element.elementor-element-ac92357{--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;}.elementor-1721 .elementor-element.elementor-element-4464cda{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);--padding-block-start:22px;--padding-block-end:50px;--padding-inline-start:22px;--padding-inline-end:22px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-4464cda{--padding-inline-start:22px;--padding-inline-end:22px;}.elementor-1721 .elementor-element.elementor-element-c8426d8{--display:flex;}.elementor-1721 .elementor-element.elementor-element-ee997f9{background-color:#DCFCE7;margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 15px 3px 15px;border-radius:30px 30px 30px 30px;}.elementor-1721 .elementor-element.elementor-element-ee997f9.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-ee997f9 .elementor-heading-title{font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;line-height:20px;color:#15803D;}.elementor-1721 .elementor-element.elementor-element-0074fd2{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1721 .elementor-element.elementor-element-0074fd2.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-0074fd2 .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:700;font-style:normal;line-height:28px;color:#1F2937;}.elementor-1721 .elementor-element.elementor-element-c2b97c9{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Inter;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#4B5563;}.elementor-1721 .elementor-element.elementor-element-e06c333{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);--padding-block-start:22px;--padding-block-end:50px;--padding-inline-start:22px;--padding-inline-end:22px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-e06c333{--padding-inline-start:22px;--padding-inline-end:22px;}.elementor-1721 .elementor-element.elementor-element-b7898f5{--display:flex;}.elementor-1721 .elementor-element.elementor-element-87a61ae{background-color:#CCFBF1;margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 15px 3px 15px;border-radius:30px 30px 30px 30px;}.elementor-1721 .elementor-element.elementor-element-87a61ae.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-87a61ae .elementor-heading-title{font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;line-height:20px;color:#0F766E;}.elementor-1721 .elementor-element.elementor-element-11a0ad4{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1721 .elementor-element.elementor-element-11a0ad4.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-11a0ad4 .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:700;font-style:normal;line-height:28px;color:#1F2937;}.elementor-1721 .elementor-element.elementor-element-6e387fc{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Inter;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#4B5563;}.elementor-1721 .elementor-element.elementor-element-290165f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);--padding-block-start:22px;--padding-block-end:50px;--padding-inline-start:22px;--padding-inline-end:22px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-290165f{--padding-inline-start:22px;--padding-inline-end:22px;}.elementor-1721 .elementor-element.elementor-element-72ac7db{--display:flex;}.elementor-1721 .elementor-element.elementor-element-a309946{background-color:#FFEDD5;margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 15px 3px 15px;border-radius:30px 30px 30px 30px;}.elementor-1721 .elementor-element.elementor-element-a309946.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-a309946 .elementor-heading-title{font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;line-height:20px;color:#C2410C;}.elementor-1721 .elementor-element.elementor-element-e98453f{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1721 .elementor-element.elementor-element-e98453f.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-e98453f .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:700;font-style:normal;line-height:28px;color:#1F2937;}.elementor-1721 .elementor-element.elementor-element-3c981be{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Inter;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#4B5563;}.elementor-1721 .elementor-element.elementor-element-f0c4b7f{--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;}.elementor-1721 .elementor-element.elementor-element-0b68795{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);--padding-block-start:22px;--padding-block-end:50px;--padding-inline-start:22px;--padding-inline-end:22px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-0b68795{--padding-inline-start:22px;--padding-inline-end:22px;}.elementor-1721 .elementor-element.elementor-element-195f4df{--display:flex;}.elementor-1721 .elementor-element.elementor-element-913d723{background-color:#F3E8FF;margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 15px 3px 15px;border-radius:30px 30px 30px 30px;}.elementor-1721 .elementor-element.elementor-element-913d723.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-913d723 .elementor-heading-title{font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;line-height:20px;color:#7E22CE;}.elementor-1721 .elementor-element.elementor-element-ec6f304{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1721 .elementor-element.elementor-element-ec6f304.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-ec6f304 .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:700;font-style:normal;line-height:28px;color:#1F2937;}.elementor-1721 .elementor-element.elementor-element-6ed28da{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Inter;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#4B5563;}.elementor-1721 .elementor-element.elementor-element-d4b49f2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);--padding-block-start:22px;--padding-block-end:50px;--padding-inline-start:22px;--padding-inline-end:22px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-d4b49f2{--padding-inline-start:22px;--padding-inline-end:22px;}.elementor-1721 .elementor-element.elementor-element-2db07c7{--display:flex;}.elementor-1721 .elementor-element.elementor-element-d11ce8a{background-color:#FEE2E2;margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 15px 3px 15px;border-radius:30px 30px 30px 30px;}.elementor-1721 .elementor-element.elementor-element-d11ce8a.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-d11ce8a .elementor-heading-title{font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;line-height:20px;color:#B91C1C;}.elementor-1721 .elementor-element.elementor-element-881056e{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1721 .elementor-element.elementor-element-881056e.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-881056e .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:700;font-style:normal;line-height:28px;color:#1F2937;}.elementor-1721 .elementor-element.elementor-element-54c228a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Inter;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#4B5563;}.elementor-1721 .elementor-element.elementor-element-4ea4a6c{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1721 .elementor-element.elementor-element-6f4626a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1721 .elementor-element.elementor-element-f0bb285{--divider-border-style:solid;--divider-color:#E5E7EB;--divider-border-width:1px;}.elementor-1721 .elementor-element.elementor-element-f0bb285 .elementor-divider-separator{width:100%;}.elementor-1721 .elementor-element.elementor-element-626dc24{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:50px;--padding-inline-end:50px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-626dc24{--padding-inline-start:50px;--padding-inline-end:50px;}.elementor-1721 .elementor-element.elementor-element-ee12c4f{--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;}.elementor-1721 .elementor-element.elementor-element-d80ae59{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);--padding-block-start:22px;--padding-block-end:50px;--padding-inline-start:22px;--padding-inline-end:22px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-d80ae59{--padding-inline-start:22px;--padding-inline-end:22px;}.elementor-1721 .elementor-element.elementor-element-4aa7bb3{--display:flex;}.elementor-1721 .elementor-element.elementor-element-88c1c42{background-color:#DCFCE7;margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 15px 3px 15px;border-radius:30px 30px 30px 30px;}.elementor-1721 .elementor-element.elementor-element-88c1c42.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-88c1c42 .elementor-heading-title{font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;line-height:20px;color:#15803D;}.elementor-1721 .elementor-element.elementor-element-79bdbcc{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1721 .elementor-element.elementor-element-79bdbcc.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-79bdbcc .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:700;font-style:normal;line-height:28px;color:#1F2937;}.elementor-1721 .elementor-element.elementor-element-79651b1{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Inter;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#4B5563;}.elementor-1721 .elementor-element.elementor-element-fdd1e0e{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1721 .elementor-element.elementor-element-ba27a83{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1721 .elementor-element.elementor-element-9892035{--divider-border-style:solid;--divider-color:#E5E7EB;--divider-border-width:1px;}.elementor-1721 .elementor-element.elementor-element-9892035 .elementor-divider-separator{width:100%;}.elementor-1721 .elementor-element.elementor-element-f8a1d9c{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:50px;--padding-inline-end:50px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-f8a1d9c{--padding-inline-start:50px;--padding-inline-end:50px;}.elementor-1721 .elementor-element.elementor-element-a60a9d9{--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;}.elementor-1721 .elementor-element.elementor-element-f486998{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);--padding-block-start:22px;--padding-block-end:50px;--padding-inline-start:22px;--padding-inline-end:22px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-f486998{--padding-inline-start:22px;--padding-inline-end:22px;}.elementor-1721 .elementor-element.elementor-element-57c673b{--display:flex;}.elementor-1721 .elementor-element.elementor-element-0a43972{background-color:#CCFBF1;margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 15px 3px 15px;border-radius:30px 30px 30px 30px;}.elementor-1721 .elementor-element.elementor-element-0a43972.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-0a43972 .elementor-heading-title{font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;line-height:20px;color:#0F766E;}.elementor-1721 .elementor-element.elementor-element-8d56bfa{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1721 .elementor-element.elementor-element-8d56bfa.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-8d56bfa .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:700;font-style:normal;line-height:28px;color:#1F2937;}.elementor-1721 .elementor-element.elementor-element-f7e4bee{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Inter;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#4B5563;}.elementor-1721 .elementor-element.elementor-element-174d0d4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);--padding-block-start:22px;--padding-block-end:50px;--padding-inline-start:22px;--padding-inline-end:22px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-174d0d4{--padding-inline-start:22px;--padding-inline-end:22px;}.elementor-1721 .elementor-element.elementor-element-2da5fc1{--display:flex;}.elementor-1721 .elementor-element.elementor-element-b56f0ba{background-color:#FEE2E2;margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 15px 3px 15px;border-radius:30px 30px 30px 30px;}.elementor-1721 .elementor-element.elementor-element-b56f0ba.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-b56f0ba .elementor-heading-title{font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;line-height:20px;color:#B91C1C;}.elementor-1721 .elementor-element.elementor-element-6bee601{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1721 .elementor-element.elementor-element-6bee601.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-6bee601 .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:700;font-style:normal;line-height:28px;color:#1F2937;}.elementor-1721 .elementor-element.elementor-element-687da2e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Inter;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#4B5563;}.elementor-1721 .elementor-element.elementor-element-07c222e{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1721 .elementor-element.elementor-element-e07477f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1721 .elementor-element.elementor-element-02cff42{--divider-border-style:solid;--divider-color:#E5E7EB;--divider-border-width:1px;}.elementor-1721 .elementor-element.elementor-element-02cff42 .elementor-divider-separator{width:100%;}.elementor-1721 .elementor-element.elementor-element-f3e55e1{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:50px;--padding-inline-end:50px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-f3e55e1{--padding-inline-start:50px;--padding-inline-end:50px;}.elementor-1721 .elementor-element.elementor-element-7031610{--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;}.elementor-1721 .elementor-element.elementor-element-cabe528{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);--padding-block-start:22px;--padding-block-end:50px;--padding-inline-start:22px;--padding-inline-end:22px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-cabe528{--padding-inline-start:22px;--padding-inline-end:22px;}.elementor-1721 .elementor-element.elementor-element-5d63c69{--display:flex;}.elementor-1721 .elementor-element.elementor-element-e539f50{background-color:#FFEDD5;margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 15px 3px 15px;border-radius:30px 30px 30px 30px;}.elementor-1721 .elementor-element.elementor-element-e539f50.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-e539f50 .elementor-heading-title{font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;line-height:20px;color:#C2410C;}.elementor-1721 .elementor-element.elementor-element-f0659d6{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1721 .elementor-element.elementor-element-f0659d6.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-f0659d6 .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:700;font-style:normal;line-height:28px;color:#1F2937;}.elementor-1721 .elementor-element.elementor-element-c9fefd8{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Inter;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#4B5563;}.elementor-1721 .elementor-element.elementor-element-df58b1d{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1721 .elementor-element.elementor-element-0cfa211{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1721 .elementor-element.elementor-element-ffabc02{--divider-border-style:solid;--divider-color:#E5E7EB;--divider-border-width:1px;}.elementor-1721 .elementor-element.elementor-element-ffabc02 .elementor-divider-separator{width:100%;}.elementor-1721 .elementor-element.elementor-element-0b5eddc{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:50px;--padding-inline-end:50px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-0b5eddc{--padding-inline-start:50px;--padding-inline-end:50px;}.elementor-1721 .elementor-element.elementor-element-a8b21bb{--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;}.elementor-1721 .elementor-element.elementor-element-cef3791{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.29);--padding-block-start:22px;--padding-block-end:50px;--padding-inline-start:22px;--padding-inline-end:22px;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-cef3791{--padding-inline-start:22px;--padding-inline-end:22px;}.elementor-1721 .elementor-element.elementor-element-5dcb9b5{--display:flex;}.elementor-1721 .elementor-element.elementor-element-f90bad5{background-color:#F3E8FF;margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 15px 3px 15px;border-radius:30px 30px 30px 30px;}.elementor-1721 .elementor-element.elementor-element-f90bad5.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-f90bad5 .elementor-heading-title{font-family:"Inter", Inter;font-size:16px;font-weight:600;font-style:normal;line-height:20px;color:#7E22CE;}.elementor-1721 .elementor-element.elementor-element-2b2b9df{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1721 .elementor-element.elementor-element-2b2b9df.elementor-element{--align-self:flex-start;}.elementor-1721 .elementor-element.elementor-element-2b2b9df .elementor-heading-title{font-family:"Poppins", Inter;font-size:20px;font-weight:700;font-style:normal;line-height:28px;color:#1F2937;}.elementor-1721 .elementor-element.elementor-element-222c622{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Inter", Inter;font-size:16px;font-weight:400;font-style:normal;line-height:24px;color:#4B5563;}.elementor-1721 .elementor-element.elementor-element-3c38bdb{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:16px;--n-tabs-title-border-radius:999px 999px 999px 999px;--n-tabs-title-padding-top:0.5rem;--n-tabs-title-padding-right:1.5rem;--n-tabs-title-padding-bottom:0.5rem;--n-tabs-title-padding-left:1.5rem;--n-tabs-title-font-size:16px;--n-tabs-title-color:#374151;--n-tabs-title-color-active:#FFFFFF;}.elementor-1721 .elementor-element.elementor-element-3c38bdb > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#E5E7EB;}.elementor-1721 .elementor-element.elementor-element-3c38bdb.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#D1D5DB;}.elementor-1721 .elementor-element.elementor-element-3c38bdb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1721 .elementor-element.elementor-element-3c38bdb.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#059669;}.elementor-1721 .elementor-element.elementor-element-3c38bdb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Inter;font-weight:600;font-style:normal;line-height:24px;}.elementor-1721 .elementor-element.elementor-element-3c38bdb [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#374151;}@media(min-width:768px){.elementor-1721 .elementor-element.elementor-element-0b68795{--width:31.5%;}.elementor-1721 .elementor-element.elementor-element-d4b49f2{--width:31.5%;}.elementor-1721 .elementor-element.elementor-element-d80ae59{--width:31.5%;}.elementor-1721 .elementor-element.elementor-element-f486998{--width:31.5%;}.elementor-1721 .elementor-element.elementor-element-174d0d4{--width:31.5%;}.elementor-1721 .elementor-element.elementor-element-cabe528{--width:31.5%;}.elementor-1721 .elementor-element.elementor-element-cef3791{--width:31.5%;}}/* Start custom CSS for container, class: .elementor-element-4464cda *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-4464cda > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e06c333 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-e06c333 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-290165f *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-290165f > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b68795 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-0b68795 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d4b49f2 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d80ae59 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d80ae59 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f486998 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-f486998 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-174d0d4 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-174d0d4 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cabe528 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cabe528 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cef3791 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cef3791 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4464cda *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-4464cda > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e06c333 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-e06c333 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-290165f *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-290165f > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b68795 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-0b68795 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d4b49f2 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d80ae59 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d80ae59 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f486998 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-f486998 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-174d0d4 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-174d0d4 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cabe528 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cabe528 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cef3791 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cef3791 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4464cda *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-4464cda > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e06c333 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-e06c333 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-290165f *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-290165f > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b68795 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-0b68795 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d4b49f2 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d80ae59 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d80ae59 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f486998 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-f486998 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-174d0d4 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-174d0d4 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cabe528 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cabe528 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cef3791 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cef3791 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4464cda *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-4464cda > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e06c333 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-e06c333 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-290165f *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-290165f > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b68795 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-0b68795 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d4b49f2 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d80ae59 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d80ae59 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f486998 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-f486998 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-174d0d4 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-174d0d4 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cabe528 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cabe528 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cef3791 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cef3791 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4464cda *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-4464cda > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e06c333 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-e06c333 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-290165f *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-290165f > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b68795 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-0b68795 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d4b49f2 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d80ae59 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d80ae59 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f486998 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-f486998 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-174d0d4 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-174d0d4 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cabe528 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cabe528 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cef3791 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cef3791 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4464cda *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-4464cda > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-4464cda .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-4464cda:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e06c333 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-e06c333 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-e06c333 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-e06c333:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-290165f *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-290165f > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-290165f .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-290165f:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0b68795 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-0b68795 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-0b68795 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-0b68795:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d4b49f2 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d4b49f2 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d4b49f2:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d80ae59 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-d80ae59 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-d80ae59 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-d80ae59:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f486998 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-f486998 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-f486998 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-f486998:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-174d0d4 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-174d0d4 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-174d0d4 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-174d0d4:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cabe528 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cabe528 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cabe528 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cabe528:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cef3791 *//* ========================================================================== 1. MAIN CONTAINER & TEXT RESET ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 { position: relative !important; overflow: hidden !important; } /* ========================================================================== 2. IMAGE CONTAINER & OVERLAY LAYOUT (Headings are completely ignored) ========================================================================== */ /* Image wale inner container ko isolated overflow rule dena */ .elementor-1721 .elementor-element.elementor-element-cef3791 > .elementor-element:nth-child(1), .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image { position: relative !important; overflow: hidden !important; border-radius: 12px !important; /* Premium rounded look */ } /* Actual Image element scale configuration */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image img { transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; transform: scale(1) !important; display: block !important; } /* 🖼️ CSS OVERLAY: Dark premium backdrop smooth layer */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-color: rgba(0, 0, 0, 0.4) !important; /* 40% Dark overlay opacity */ opacity: 0 !important; z-index: 1 !important; transition: opacity 0.4s ease !important; } /* ========================================================================== 3. 🚀 DYNAMIC "VIEW DETAILS" CAPSULE BUTTON ========================================================================== */ .elementor-1721 .elementor-element.elementor-element-cef3791 .elementor-widget-image::after { content: "View Details" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -30%) !important; /* Micro-slid base position */ /* Premium Button Aesthetics */ background-color: #ffffff !important; color: #059669 !important; padding: 12px 28px !important; font-size: 16px !important; font-weight: 600 !important; border-radius: 10px !important; /* Smooth pill shape */ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important; opacity: 0 !important; z-index: 2 !important; white-space: nowrap !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease !important; } /* ========================================================================== 4. 🔥 ISOLATED HOVER ACTIONS (Sirf Image block response karega) ========================================================================== */ /* 🎯 Effect A: Image smoothly zooms inside its boundaries */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image img { transform: scale(1.08) !important; } /* 🎯 Effect B: Dark blur overlay mask fades in */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::before { opacity: 1 !important; } /* 🎯 Effect C: View Details button rises and pops perfectly center */ .elementor-1721 .elementor-element.elementor-element-cef3791:hover .elementor-widget-image::after { opacity: 1 !important; transform: translate(-50%, -50%) !important; }/* End custom CSS */