.elementor-24 .elementor-element.elementor-element-87ec514{--display:flex;--padding-top:45px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.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-24 .elementor-element.elementor-element-e660b9d .elementor-heading-title{font-family:"Thunder", Sans-serif;font-size:180px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-2793f36 );}.elementor-24 .elementor-element.elementor-element-d118f28{--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;--border-radius:26px 26px 0px 0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-24 .elementor-element.elementor-element-d118f28:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-d118f28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-90aed93 );}.elementor-24 .elementor-element.elementor-element-43e0b35{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;--e-filter-normal-text-color:var( --e-global-color-text );--e-filter-hover-text-color:var( --e-global-color-90aed93 );--e-filter-active-text-color:#E6E6E6;--e-filter-item-border-radius:50px 50px 50px 50px;}.elementor-24 .elementor-element.elementor-element-43e0b35 .e-filter-item:hover:not( [aria-pressed=true] ){background-color:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-43e0b35 .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-43e0b35 .e-filter-item{font-family:"Inter", Sans-serif;font-weight:600;text-transform:uppercase;padding:12px 12px 12px 12px;}.elementor-24 .elementor-element.elementor-element-c615d6d{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-7594de6 .elementor-icon-wrapper{text-align:center;}.elementor-24 .elementor-element.elementor-element-7594de6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-7594de6.elementor-view-framed .elementor-icon, .elementor-24 .elementor-element.elementor-element-7594de6.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-7594de6.elementor-view-framed .elementor-icon, .elementor-24 .elementor-element.elementor-element-7594de6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-c3ef5cc .elementor-icon-wrapper{text-align:center;}.elementor-24 .elementor-element.elementor-element-c3ef5cc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-c3ef5cc.elementor-view-framed .elementor-icon, .elementor-24 .elementor-element.elementor-element-c3ef5cc.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-c3ef5cc.elementor-view-framed .elementor-icon, .elementor-24 .elementor-element.elementor-element-c3ef5cc.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-925e948 .elementor-icon-wrapper{text-align:center;}.elementor-24 .elementor-element.elementor-element-925e948.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-925e948.elementor-view-framed .elementor-icon, .elementor-24 .elementor-element.elementor-element-925e948.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-925e948.elementor-view-framed .elementor-icon, .elementor-24 .elementor-element.elementor-element-925e948.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-26add70{--spacer-size:20px;}.elementor-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-24 .elementor-element.elementor-element-edffb79{--grid-columns:2;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-24 .elementor-element.elementor-element-edffb79 .e-loop-item > .elementor-section, .elementor-24 .elementor-element.elementor-element-edffb79 .e-loop-item > .elementor-section > .elementor-container, .elementor-24 .elementor-element.elementor-element-edffb79 .e-loop-item > .e-con, .elementor-24 .elementor-element.elementor-element-edffb79 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-24 .elementor-element.elementor-element-b0522e6{--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:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--z-index:9999;}.elementor-24 .elementor-element.elementor-element-ebdf105{--display:flex;--position:fixed;bottom:30px;}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-ebdf105{right:20px;}body.rtl .elementor-24 .elementor-element.elementor-element-ebdf105{left:20px;}.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-24 .elementor-element.elementor-element-09c73ef .elementor-button{background-color:var( --e-global-color-accent );font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-cc0fa50 );color:var( --e-global-color-cc0fa50 );box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;padding:20px 10px 20px 10px;}body.elementor-page-24:not(.elementor-motion-effects-element-type-background), body.elementor-page-24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-71bc8bb );}@media(max-width:1440px){.elementor-24 .elementor-element.elementor-element-e660b9d .elementor-heading-title{font-size:160px;}.elementor-24 .elementor-element.elementor-element-d118f28{--border-radius:19px 19px 0px 0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-24 .elementor-element.elementor-element-edffb79{--grid-columns:2;}}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-edffb79{--grid-columns:2;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-e660b9d .elementor-heading-title{font-size:64px;}.elementor-24 .elementor-element.elementor-element-43e0b35{--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;}.elementor-24 .elementor-element.elementor-element-c615d6d{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-7594de6 .elementor-icon{font-size:8px;}.elementor-24 .elementor-element.elementor-element-7594de6 .elementor-icon svg{height:8px;}.elementor-24 .elementor-element.elementor-element-c3ef5cc .elementor-icon{font-size:8px;}.elementor-24 .elementor-element.elementor-element-c3ef5cc .elementor-icon svg{height:8px;}.elementor-24 .elementor-element.elementor-element-925e948 .elementor-icon{font-size:8px;}.elementor-24 .elementor-element.elementor-element-925e948 .elementor-icon svg{height:8px;}.elementor-24 .elementor-element.elementor-element-edffb79{--grid-columns:1;z-index:20;}.elementor-24 .elementor-element.elementor-element-b0522e6{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-24 .elementor-element.elementor-element-ebdf105{bottom:12px;}}/* Start custom CSS for heading, class: .elementor-element-e660b9d */.smoke-text { display: flex; } .smoke-text span { /* ... previous styles ... */ animation: smoke 0.4s; /* Apply the animation */ } .is-safari .smoke-text span:nth-child(1) { animation-delay: 0s; } .is-safari .smoke-text span:nth-child(2) { animation-delay: 0.1s; } .is-safari .smoke-text span:nth-child(3) { animation-delay: 0.2s; } .is-safari .smoke-text span:nth-child(4) { animation-delay: 0.3s;} .is-safari .smoke-text span:nth-child(5) { animation-delay: 0.4s;} .is-safari .smoke-text span:nth-child(6) { animation-delay: 0.5s;} .is-safari .smoke-text span:nth-child(7) { animation-delay: 0.6s;} .is-safari .smoke-text span:nth-child(8) { animation-delay: 0.7s;} .is-safari .smoke-text span:nth-child(9) { animation-delay: 0.8s;} .smoke-text span:nth-child(1) { animation-delay: 0s; } .smoke-text span:nth-child(2) { animation-delay: 0.1s; } .smoke-text span:nth-child(3) { animation-delay: 0.17s; } .smoke-text span:nth-child(4) { animation-delay: 0.24s;} .smoke-text span:nth-child(5) { animation-delay: 0.31s;} .smoke-text span:nth-child(6) { animation-delay: 0.38s;} .smoke-text span:nth-child(7) { animation-delay: 0.45s;} .smoke-text span:nth-child(8) { animation-delay: 0.52s;} .smoke-text span:nth-child(9) { animation-delay: 0.59s;} @keyframes smoke { 0% { opacity: 1; transform: translateY(-20px); filter: blur(0px); scale: 1; } 50% { opacity: 0.5; transform: translateY(-10px); filter: blur(2px); scale: 1.1; } 100% { opacity: 0; transform: translateY(0); filter: blur(5px); scale: 1; } }/* End custom CSS */ /* Start custom CSS for taxonomy-filter, class: .elementor-element-43e0b35 */.elementor-24 .elementor-element.elementor-element-43e0b35 .e-filter-item{ border: 4px solid #362F40; box-shadow: -1.5px 2px 0px 0px rgba(54,47,64,1); -webkit-box-shadow: -1.5px 2px 0px 0px rgba(54,47,64,1); -moz-box-shadow: -1.5px 2px 0px 0px rgba(54,47,64,1); } .elementor-24 .elementor-element.elementor-element-43e0b35 .e-filter{ padding: 4px; }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-edffb79 *//* 1. SETUP: Define your gap here */ /* 1. SETUP: Define your gap here */ .fade-in-grid-portfolio .portfolio-loop-item { opacity: 0; transform: scale(0.92) translateY(40px); /* Starts smaller and lower */ transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); will-change: opacity, transform; } /* 2. Final State: Triggered by JS */ .fade-in-grid-portfolio .portfolio-loop-item.fade-in { opacity: 1; transform: scale(1) translateY(0); } .elementor-24 .elementor-element.elementor-element-edffb79 { --gap: 20px; /* MUST match the 'Gap' setting in your Elementor Edit tab */ } /* 2. CONTAINER: Force Flexbox layout */ .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container { display: flex !important; flex-wrap: wrap !important; gap: var(--gap) !important; } /* 3. DEFAULT (Rows 1, 3, 5...): Force 50% width */ /* This targets ALL items first to set the baseline */ .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item { width: calc(50% - (var(--gap) / 2)) !important; aspect-ratio: 1/1; /* Animation Initial State (Hidden) */ } /* 4. EXCEPTION (Row 2, 4, 6...): The 3rd Item -> 35% */ .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item:nth-of-type(4n+3) { width: calc(35% - (var(--gap) / 2)) !important; aspect-ratio: 16/9; } /* 5. EXCEPTION (Row 2, 4, 6...): The 4th Item -> 65% */ .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item:nth-of-type(4n) { width: calc(65% - (var(--gap) / 2)) !important; aspect-ratio: 16/9; } /* 6. THE ODD FIX: If the LAST item is ODD (7th, 9th, etc), make it 100% */ .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item:last-of-type:nth-of-type(odd) { width: 100% !important; aspect-ratio: 16/9; } /* 6. MOBILE: Reset to 1 column */ @media screen and (max-width: 768px) { .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container { display: flex !important; flex-direction: column!important; flex-wrap: wrap !important; gap: var(--gap) !important; } .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item { width: 100% !important; } .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item:nth-of-type(4n+3) { width: 100% !important; } /* 5. EXCEPTION (Row 2, 4, 6...): The 4th Item -> 65% */ .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item:nth-of-type(4n) { width: 100% !important; } .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item:nth-of-type(4n) , .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item:nth-of-type(4n+3) , .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item , .elementor-24 .elementor-element.elementor-element-edffb79 .elementor-loop-container > div.e-loop-item:last-of-type:nth-of-type(odd){ aspect-ratio: unset; } } /*animation*//* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-09c73ef */.elementor-24 .elementor-element.elementor-element-09c73ef { writing-mode: vertical-rl; /* Rotates the text */ transform: rotate(180deg); /* Flips it to read bottom-to-top */ text-orientation: mixed; white-space: nowrap; /* Prevents text from wrapping */ display: flex; /* Helps with alignment if you use an internal icon */ align-items: center; justify-content: center; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ebdf105 */.elementor-24 .elementor-element.elementor-element-ebdf105{ width:fit-content; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Thunder'; font-display: auto; src: url('https://digitology.pimula.host/wp-content/uploads/2025/12/Thunder-VF.ttf') format('truetype'); } /* End Custom Fonts CSS */