.elementor-14 .elementor-element.elementor-element-02cf050{--display:flex;--min-height:90vh;--justify-content:center;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-02cf050:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-02cf050 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thekaba.com/wp-content/uploads/2026/09/umrah-kaaba-pilgrim-makkah.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-02cf050::before, .elementor-14 .elementor-element.elementor-element-02cf050 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-02cf050 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-02cf050 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-02cf050 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-02cf050 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-2e22c13 );--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-02cf050.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14 .elementor-element.elementor-element-34f6fc8 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:500;fill:var( --e-global-color-01feab6 );color:var( --e-global-color-01feab6 );box-shadow:0px 0px 2px 1px #DAB153;transition-duration:0.5s;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-34f6fc8{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-34f6fc8.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-34f6fc8 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-34f6fc8 .elementor-button:focus{box-shadow:0px 0px 5px 2px #DAB153;}.elementor-14 .elementor-element.elementor-element-df48080{--display:flex;--min-height:40vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-424346f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-14 .elementor-element.elementor-element-424346f.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-424346f .elementor-heading-title{font-family:"Noto Naskh Arabic", Sans-serif;font-size:39px;font-weight:600;color:var( --e-global-color-01feab6 );}.elementor-14 .elementor-element.elementor-element-396a9ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 30px;text-align:center;}.elementor-14 .elementor-element.elementor-element-396a9ac.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-396a9ac .elementor-heading-title{font-family:"Reggae One", Sans-serif;font-size:27px;font-weight:100;line-height:39px;color:var( --e-global-color-01feab6 );}.elementor-14 .elementor-element.elementor-element-77edf0f{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--align-items:center;--overlay-opacity:0.69;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-77edf0f::before, .elementor-14 .elementor-element.elementor-element-77edf0f > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-77edf0f > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-77edf0f > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-77edf0f > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-77edf0f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-77edf0f.e-con{--align-self:center;}.elementor-14 .elementor-element.elementor-element-ff8f7a0{--display:flex;--overlay-opacity:0.54;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-ff8f7a0::before, .elementor-14 .elementor-element.elementor-element-ff8f7a0 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-ff8f7a0 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-ff8f7a0 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-ff8f7a0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-ff8f7a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-03ce0f2{text-align:center;}.elementor-14 .elementor-element.elementor-element-03ce0f2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;color:var( --e-global-color-01feab6 );}.elementor-14 .elementor-element.elementor-element-0291f98{text-align:center;}.elementor-14 .elementor-element.elementor-element-0291f98 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;color:var( --e-global-color-01feab6 );}.elementor-14 .elementor-element.elementor-element-6c318cd{text-align:center;}.elementor-14 .elementor-element.elementor-element-6c318cd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:23px;font-weight:600;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-92b1259 .elementor-button{background-color:var( --e-global-color-01feab6 );font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-2e22c13 );color:var( --e-global-color-2e22c13 );box-shadow:0px 0px 2px 1px #DAB153;transition-duration:0.5s;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-92b1259{padding:5px 5px 5px 5px;}.elementor-14 .elementor-element.elementor-element-92b1259.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-92b1259 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-92b1259 .elementor-button:focus{box-shadow:0px 0px 5px 2px #DAB153;}.elementor-14 .elementor-element.elementor-element-bb8bd68 .elementor-button{background-color:var( --e-global-color-01feab6 );font-family:"Roboto", Sans-serif;font-weight:500;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 2px 1px #DAB153;transition-duration:0.5s;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-bb8bd68{padding:5px 5px 5px 5px;}.elementor-14 .elementor-element.elementor-element-bb8bd68.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-bb8bd68 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-bb8bd68 .elementor-button:focus{box-shadow:0px 0px 5px 2px #DAB153;}.elementor-14 .elementor-element.elementor-element-a3595af{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-cb17cb8 .elementor-button{background-color:var( --e-global-color-01feab6 );font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-2e22c13 );color:var( --e-global-color-2e22c13 );box-shadow:0px 0px 2px 1px #DAB153;transition-duration:0.5s;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-cb17cb8{padding:5px 5px 5px 5px;}.elementor-14 .elementor-element.elementor-element-cb17cb8.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-cb17cb8 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-cb17cb8 .elementor-button:focus{box-shadow:0px 0px 5px 2px #DAB153;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-14 .elementor-element.elementor-element-992ae1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;}.elementor-14 .elementor-element.elementor-element-d2b746c{--display:flex;--min-height:30em;--justify-content:center;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-d2b746c:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-d2b746c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thekaba.com/wp-content/uploads/2026/09/Cover-Photo.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-d2b746c::before, .elementor-14 .elementor-element.elementor-element-d2b746c > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-d2b746c > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-d2b746c > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-d2b746c > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-d2b746c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-2e22c13 );--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-0afb8c7 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-size:23px;font-weight:500;fill:var( --e-global-color-01feab6 );color:var( --e-global-color-01feab6 );box-shadow:0px 0px 2px 1px #DAB153;transition-duration:0.5s;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-0afb8c7{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-0afb8c7.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-0afb8c7 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-0afb8c7 .elementor-button:focus{box-shadow:0px 0px 5px 2px #DAB153;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-a60e37a.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-a60e37a{text-align:center;font-family:"Rokkitt", Sans-serif;font-size:19px;font-weight:100;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-a657160 .elementor-button{background-color:#DAB15300;font-family:"Roboto", Sans-serif;font-size:13px;font-weight:500;fill:var( --e-global-color-01feab6 );color:var( --e-global-color-01feab6 );box-shadow:0px 0px 3px 0px #DAB153;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-01feab6 );border-radius:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-a657160 .elementor-button-content-wrapper{flex-direction:row;}.elementor-14 .elementor-element.elementor-element-a657160 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-a657160 .elementor-button:focus{box-shadow:0px 0px 5px 3px #DAB153;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-77edf0f{--width:90%;}}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-02cf050{--min-height:60vh;--padding-top:40px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-396a9ac .elementor-heading-title{font-size:23px;}.elementor-14 .elementor-element.elementor-element-6c318cd .elementor-heading-title{font-size:19px;}.elementor-14 .elementor-element.elementor-element-92b1259 .elementor-button{font-size:13px;}.elementor-14 .elementor-element.elementor-element-bb8bd68 .elementor-button{font-size:13px;}.elementor-14 .elementor-element.elementor-element-cb17cb8 .elementor-button{font-size:13px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-02cf050{--min-height:60vh;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-02cf050:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-02cf050 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-89px 8px;}.elementor-14 .elementor-element.elementor-element-34f6fc8 .elementor-button{font-size:19px;}.elementor-14 .elementor-element.elementor-element-424346f .elementor-heading-title{font-size:23px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-396a9ac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 40px 15px 40px;}.elementor-14 .elementor-element.elementor-element-396a9ac .elementor-heading-title{font-size:19px;line-height:1.2em;}.elementor-14 .elementor-element.elementor-element-77edf0f{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-6c318cd .elementor-heading-title{font-size:18px;}.elementor-14 .elementor-element.elementor-element-92b1259{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-92b1259 .elementor-button{font-size:17px;}.elementor-14 .elementor-element.elementor-element-bb8bd68{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-14 .elementor-element.elementor-element-bb8bd68 .elementor-button{font-size:17px;}.elementor-14 .elementor-element.elementor-element-cb17cb8{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-14 .elementor-element.elementor-element-cb17cb8 .elementor-button{font-size:13px;}.elementor-14 .elementor-element.elementor-element-d2b746c:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-d2b746c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thekaba.com/wp-content/uploads/2026/09/Cover-Photo-1024x427.png");background-position:center right;}.elementor-14 .elementor-element.elementor-element-d2b746c{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-0afb8c7 .elementor-button{font-size:19px;}.elementor-14 .elementor-element.elementor-element-a657160 .elementor-button{font-size:11px;}}@media(min-width:1025px){.elementor-14 .elementor-element.elementor-element-02cf050:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-02cf050 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-14 .elementor-element.elementor-element-d2b746c:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-d2b746c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for button, class: .elementor-element-34f6fc8 */.elementor-14 .elementor-element.elementor-element-34f6fc8 { position: relative; overflow: hidden; border: 1px solid #a9812f !important; border-radius: 0px !important; transition: box-shadow 0.4s ease, border-color 0.4s ease; background-repeat: no-repeat !important; background-size: 16px 16px !important; background-image: linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954); background-position: top left, top left, top right, top right, bottom left, bottom left, bottom right, bottom right; } /* প্রতিটা কোণের জন্য ২টা করে লাইন (horizontal + vertical) */ .elementor-14 .elementor-element.elementor-element-34f6fc8 { background-image: linear-gradient(to right, #e0b954 2px, transparent 2px), /* top-left horizontal */ linear-gradient(to bottom, #e0b954 2px, transparent 2px), /* top-left vertical */ linear-gradient(to left, #e0b954 2px, transparent 2px), /* top-right horizontal */ linear-gradient(to bottom, #e0b954 2px, transparent 2px), /* top-right vertical */ linear-gradient(to right, #e0b954 2px, transparent 2px), /* bottom-left horizontal */ linear-gradient(to top, #e0b954 2px, transparent 2px), /* bottom-left vertical */ linear-gradient(to left, #e0b954 2px, transparent 2px), /* bottom-right horizontal */ linear-gradient(to top, #e0b954 2px, transparent 2px); /* bottom-right vertical */ background-size: 14px 14px; background-repeat: no-repeat; background-position: top left, top left, top right, top right, bottom left, bottom left, bottom right, bottom right; } .elementor-14 .elementor-element.elementor-element-34f6fc8:hover { box-shadow: 0 0 20px rgba(224, 185, 84, 0.35); border-color: #e0b954 !important; background-size: 20px 20px; } /* Shine sweep */ .elementor-14 .elementor-element.elementor-element-34f6fc8::after { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(120deg, transparent, rgba(224, 185, 84, 0.5), transparent); transform: skewX(-20deg); animation: umrah-sweep 4s ease-in-out infinite; pointer-events: none; z-index: 1; } @keyframes umrah-sweep { 0% { left: -60%; } 45% { left: 130%; } 100% { left: 130%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-424346f */.arabic-neon-sweep { display: inline-block; color: #DAB153 !important; background: linear-gradient( 90deg, #DAB153 0%, #DAB153 28%, rgba(218, 177, 83, 0.9) 38%, #FFFFFF 50%, rgba(218, 177, 83, 0.95) 62%, #DAB153 72%, #DAB153 100% ); background-size: 220% 100%; background-position: -100% center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; animation: arabicNeonSweep 2.0s linear infinite; text-shadow: 0 0 3px rgba(218, 177, 83, 0.3), 0 0 7px rgba(218, 177, 83, 0.18); } @keyframes arabicNeonSweep { 0% { background-position: -100% center; } 100% { background-position: 100% center; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-92b1259 */.elementor-14 .elementor-element.elementor-element-92b1259 { position: relative; overflow: hidden; background: linear-gradient(180deg, #f0c65a 0%, #d9a934 45%, #c69423 100%) !important; border: 1px solid #8f6e1c !important; border-radius: 3px !important; box-shadow: 0 4px 10px rgba(0,0,0,.35), 0 2px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.4); transition: transform 0.25s ease, box-shadow 0.4s ease; animation: umrah-glow-soft 5s ease-in-out infinite; } .elementor-14 .elementor-element.elementor-element-92b1259::before { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.7) 50%, transparent); transform: skewX(-18deg); animation: umrah-metal-sheen 3s cubic-bezier(.3,.7,.3,1) infinite; pointer-events: none; z-index: 1; } .elementor-14 .elementor-element.elementor-element-92b1259:hover { transform: translateY(1px); box-shadow: 0 2px 4px rgba(0,0,0,.3), 0 1px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.35); } @keyframes umrah-metal-sheen { 0% { left: -60%; } 66.6% { left: 130%; } 100% { left: 130%; } } @keyframes umrah-glow-soft { 0%, 100% { box-shadow: 0 4px 10px rgba(0,0,0,.35), 0 2px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0px rgba(240,198,90,0); } 50% { box-shadow: 0 4px 14px rgba(0,0,0,.3), 0 2px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.4), 0 0 16px rgba(240,198,90,.45); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb8bd68 */.elementor-14 .elementor-element.elementor-element-bb8bd68 { position: relative; overflow: hidden; background: linear-gradient(180deg, #f0c65a 0%, #d9a934 45%, #c69423 100%) !important; border: 1px solid #8f6e1c !important; border-radius: 3px !important; box-shadow: 0 4px 10px rgba(0,0,0,.35), 0 2px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.4); transition: transform 0.25s ease, box-shadow 0.4s ease; animation: umrah-glow-soft 5s ease-in-out infinite; } .elementor-14 .elementor-element.elementor-element-bb8bd68::before { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.7) 50%, transparent); transform: skewX(-18deg); animation: umrah-metal-sheen 3s cubic-bezier(.3,.7,.3,1) infinite; pointer-events: none; z-index: 1; } .elementor-14 .elementor-element.elementor-element-bb8bd68:hover { transform: translateY(1px); box-shadow: 0 2px 4px rgba(0,0,0,.3), 0 1px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.35); } @keyframes umrah-metal-sheen { 0% { left: -60%; } 66.6% { left: 130%; } 100% { left: 130%; } } @keyframes umrah-glow-soft { 0%, 100% { box-shadow: 0 4px 10px rgba(0,0,0,.35), 0 2px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0px rgba(240,198,90,0); } 50% { box-shadow: 0 4px 14px rgba(0,0,0,.3), 0 2px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.4), 0 0 16px rgba(240,198,90,.45); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cb17cb8 */.elementor-14 .elementor-element.elementor-element-cb17cb8 { position: relative; overflow: hidden; background: linear-gradient(180deg, #f0c65a 0%, #d9a934 45%, #c69423 100%) !important; border: 1px solid #8f6e1c !important; border-radius: 3px !important; box-shadow: 0 4px 10px rgba(0,0,0,.35), 0 2px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.4); transition: transform 0.25s ease, box-shadow 0.4s ease; animation: umrah-glow-soft 5s ease-in-out infinite; } .elementor-14 .elementor-element.elementor-element-cb17cb8::before { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.7) 50%, transparent); transform: skewX(-18deg); animation: umrah-metal-sheen 3s cubic-bezier(.3,.7,.3,1) infinite; pointer-events: none; z-index: 1; } .elementor-14 .elementor-element.elementor-element-cb17cb8:hover { transform: translateY(1px); box-shadow: 0 2px 4px rgba(0,0,0,.3), 0 1px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.35); } @keyframes umrah-metal-sheen { 0% { left: -60%; } 66.6% { left: 130%; } 100% { left: 130%; } } @keyframes umrah-glow-soft { 0%, 100% { box-shadow: 0 4px 10px rgba(0,0,0,.35), 0 2px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0px rgba(240,198,90,0); } 50% { box-shadow: 0 4px 14px rgba(0,0,0,.3), 0 2px 0 rgba(139,105,20,.9), inset 0 1px 0 rgba(255,255,255,.4), 0 0 16px rgba(240,198,90,.45); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a3595af *//* Premium Card Base Style */ .premium-card { position: relative; overflow: hidden; border-radius: 0px; cursor: pointer; background: transparent !important; line-height: 0 !important; font-size: 0 !important; transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.45s cubic-bezier(0.25, 1, 0.5, 1); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); } /* Elementor Container Fix - Removes bottom gap */ .premium-card .elementor-widget-container { background: transparent !important; line-height: 0 !important; font-size: 0 !important; padding: 0 !important; margin: 0 !important; } /* Image Reset */ .premium-card img { display: block; width: 100%; height: auto; vertical-align: middle; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; transition: transform 0.45s ease, filter 0.45s ease; } /* Elegant Shimmer Light Layer */ .premium-card::before { content: ''; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: linear-gradient( 120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100% ); transform: skewX(-25deg); z-index: 2; pointer-events: none; transition: none; } /* Compact Clear-Glass "Click Here" Button (#142152 Theme) */ .premium-card::after { content: 'Click Here'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -30%); white-space: nowrap; display: inline-block; font-family: inherit; font-size: 16px; font-weight: 700; line-height: normal; letter-spacing: 1.5px; text-transform: capitalize; color: #142152; /* টেক্সট কালার */ background: rgba(255, 255, 255, 0.35); /* ট্রান্সপারেন্ট ক্লিয়ার গ্লাস ব্যাকগ্রাউন্ড */ backdrop-filter: blur(1px); /* হালকা স্মুথ ব্লার */ -webkit-backdrop-filter: blur(4px); padding: 7px 18px; /* ছোট সাইজ */ border-radius: 0px; /* নো বর্ডার রেডিয়াস */ border: 1.5px solid #142152; /* #142152 বর্ডার কালার */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5); opacity: 0; visibility: hidden; z-index: 3; pointer-events: none; transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1); } /* Hover: Smooth Float + Gold Glow */ .premium-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 20px 35px rgba(0, 0, 0, 0.25), 0 0 25px rgba(212, 175, 55, 0.3); } /* Hover: Shimmer Animation */ .premium-card:hover::before { left: 150%; transition: left 0.85s ease-in-out; } /* Hover: Button Reveal */ .premium-card:hover::after { opacity: 1; visibility: visible; transform: translate(-50%, -50%); } /* Hover: Subtle Dim for Better Visibility */ .premium-card:hover img { filter: brightness(01.29); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0afb8c7 */.elementor-14 .elementor-element.elementor-element-0afb8c7 { position: relative; overflow: hidden; border: 1px solid #a9812f !important; border-radius: 0px !important; transition: box-shadow 0.4s ease, border-color 0.4s ease; background-repeat: no-repeat !important; background-size: 16px 16px !important; background-image: linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954), linear-gradient(#e0b954, #e0b954); background-position: top left, top left, top right, top right, bottom left, bottom left, bottom right, bottom right; } /* প্রতিটা কোণের জন্য ২টা করে লাইন (horizontal + vertical) */ .elementor-14 .elementor-element.elementor-element-0afb8c7 { background-image: linear-gradient(to right, #e0b954 2px, transparent 2px), /* top-left horizontal */ linear-gradient(to bottom, #e0b954 2px, transparent 2px), /* top-left vertical */ linear-gradient(to left, #e0b954 2px, transparent 2px), /* top-right horizontal */ linear-gradient(to bottom, #e0b954 2px, transparent 2px), /* top-right vertical */ linear-gradient(to right, #e0b954 2px, transparent 2px), /* bottom-left horizontal */ linear-gradient(to top, #e0b954 2px, transparent 2px), /* bottom-left vertical */ linear-gradient(to left, #e0b954 2px, transparent 2px), /* bottom-right horizontal */ linear-gradient(to top, #e0b954 2px, transparent 2px); /* bottom-right vertical */ background-size: 14px 14px; background-repeat: no-repeat; background-position: top left, top left, top right, top right, bottom left, bottom left, bottom right, bottom right; } .elementor-14 .elementor-element.elementor-element-0afb8c7:hover { box-shadow: 0 0 20px rgba(224, 185, 84, 0.35); border-color: #e0b954 !important; background-size: 20px 20px; } /* Shine sweep */ .elementor-14 .elementor-element.elementor-element-0afb8c7::after { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(120deg, transparent, rgba(224, 185, 84, 0.5), transparent); transform: skewX(-20deg); animation: umrah-sweep 4s ease-in-out infinite; pointer-events: none; z-index: 1; } @keyframes umrah-sweep { 0% { left: -60%; } 45% { left: 130%; } 100% { left: 130%; } }/* End custom CSS */