.elementor-16 .elementor-element.elementor-element-390208e{--display:flex;--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-16 .elementor-element.elementor-element-390208e.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-16 .elementor-element.elementor-element-3df55b0 .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-16 .elementor-element.elementor-element-3df55b0{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-3df55b0.elementor-element{--align-self:center;}.elementor-16 .elementor-element.elementor-element-3df55b0 .elementor-button:hover, .elementor-16 .elementor-element.elementor-element-3df55b0 .elementor-button:focus{box-shadow:0px 0px 5px 2px #DAB153;}.elementor-16 .elementor-element.elementor-element-6e83de8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-9b2db6c{--display:flex;}.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-16 .elementor-element.elementor-element-3781644{--display:flex;}.elementor-16 .elementor-element.elementor-element-29666e5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-0d3b2d7{--display:flex;}.elementor-16 .elementor-element.elementor-element-aca511d{--display:flex;}.elementor-16 .elementor-element.elementor-element-3d40325{--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-16 .elementor-element.elementor-element-3d40325:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-3d40325 > .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-16 .elementor-element.elementor-element-3d40325::before, .elementor-16 .elementor-element.elementor-element-3d40325 > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-3d40325 > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-3d40325 > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-3d40325 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-3d40325 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-2e22c13 );--background-overlay:'';}.elementor-16 .elementor-element.elementor-element-be47ef0 .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-16 .elementor-element.elementor-element-be47ef0{padding:0px 0px 0px 0px;}.elementor-16 .elementor-element.elementor-element-be47ef0.elementor-element{--align-self:center;}.elementor-16 .elementor-element.elementor-element-be47ef0 .elementor-button:hover, .elementor-16 .elementor-element.elementor-element-be47ef0 .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-16 .elementor-element.elementor-element-d872218.elementor-element{--align-self:center;}.elementor-16 .elementor-element.elementor-element-d872218{text-align:center;font-family:"Rokkitt", Sans-serif;font-size:19px;font-weight:100;color:#FFFFFF;}.elementor-16 .elementor-element.elementor-element-949aaae .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-16 .elementor-element.elementor-element-949aaae .elementor-button-content-wrapper{flex-direction:row;}.elementor-16 .elementor-element.elementor-element-949aaae .elementor-button:hover, .elementor-16 .elementor-element.elementor-element-949aaae .elementor-button:focus{box-shadow:0px 0px 5px 3px #DAB153;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-16 .elementor-element.elementor-element-3d40325:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-3d40325 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-390208e{--padding-top:40px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-6e83de8{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-9b2db6c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-3781644{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-29666e5{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-16 .elementor-element.elementor-element-0d3b2d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-aca511d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-390208e{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-3df55b0 .elementor-button{font-size:19px;}.elementor-16 .elementor-element.elementor-element-6e83de8{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-16 .elementor-element.elementor-element-29666e5{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-16 .elementor-element.elementor-element-3d40325:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-3d40325 > .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-16 .elementor-element.elementor-element-3d40325{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-be47ef0 .elementor-button{font-size:19px;}.elementor-16 .elementor-element.elementor-element-949aaae .elementor-button{font-size:11px;}}/* Start custom CSS for button, class: .elementor-element-3df55b0 */.elementor-16 .elementor-element.elementor-element-3df55b0 { 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-16 .elementor-element.elementor-element-3df55b0 { 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-16 .elementor-element.elementor-element-3df55b0:hover { box-shadow: 0 0 20px rgba(224, 185, 84, 0.35); border-color: #e0b954 !important; background-size: 20px 20px; } /* Shine sweep */ .elementor-16 .elementor-element.elementor-element-3df55b0::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 container, class: .elementor-element-9b2db6c *//* 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 container, class: .elementor-element-3781644 *//* 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 container, class: .elementor-element-0d3b2d7 *//* 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 container, class: .elementor-element-aca511d *//* 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-be47ef0 */.elementor-16 .elementor-element.elementor-element-be47ef0 { 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-16 .elementor-element.elementor-element-be47ef0 { 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-16 .elementor-element.elementor-element-be47ef0:hover { box-shadow: 0 0 20px rgba(224, 185, 84, 0.35); border-color: #e0b954 !important; background-size: 20px 20px; } /* Shine sweep */ .elementor-16 .elementor-element.elementor-element-be47ef0::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 */