.elementor-181 .elementor-element.elementor-element-3f6a207{--display:flex;--min-height:300px;--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;--overlay-opacity:0.81;}.elementor-181 .elementor-element.elementor-element-3f6a207:not(.elementor-motion-effects-element-type-background), .elementor-181 .elementor-element.elementor-element-3f6a207 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://slot-bot.com/wp-content/uploads/2025/10/ChatGPT-Image-Oct-18-2025-12_12_05-PM.png");}.elementor-181 .elementor-element.elementor-element-3f6a207::before, .elementor-181 .elementor-element.elementor-element-3f6a207 > .elementor-background-video-container::before, .elementor-181 .elementor-element.elementor-element-3f6a207 > .e-con-inner > .elementor-background-video-container::before, .elementor-181 .elementor-element.elementor-element-3f6a207 > .elementor-background-slideshow::before, .elementor-181 .elementor-element.elementor-element-3f6a207 > .e-con-inner > .elementor-background-slideshow::before, .elementor-181 .elementor-element.elementor-element-3f6a207 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-4b1c896 );--background-overlay:'';}.elementor-181 .elementor-element.elementor-element-83f4329{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:36px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-181 .elementor-element.elementor-element-83f4329.e-con{--align-self:center;}.elementor-181 .elementor-element.elementor-element-62f3d82{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-181 .elementor-element.elementor-element-12f1ea5 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-181 .elementor-element.elementor-element-0d879c1{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-181 .elementor-element.elementor-element-277261f{--display:flex;--gap:012px 012px;--row-gap:012px;--column-gap:012px;}.elementor-181 .elementor-element.elementor-element-2494e5f{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-181 .elementor-element.elementor-element-5dc8e59{--divider-border-style:solid;--divider-color:var( --e-global-color-d445469 );--divider-border-width:1px;}.elementor-181 .elementor-element.elementor-element-5dc8e59 .elementor-divider-separator{width:100%;}.elementor-181 .elementor-element.elementor-element-5dc8e59 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-181 .elementor-element.elementor-element-7917014{--display:flex;--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-181 .elementor-element.elementor-element-1d98b97{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-181 .elementor-element.elementor-element-f244dba{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;padding:10px 0px 10px 0px;--e-filter-normal-text-color:#FFFFFF;--e-filter-hover-text-color:var( --e-global-color-text );--e-filter-active-text-color:var( --e-global-color-text );--e-filter-item-border-radius:10px 10px 10px 10px;}.elementor-181 .elementor-element.elementor-element-f244dba .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:var( --e-global-color-d445469 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-d445469 );}.elementor-181 .elementor-element.elementor-element-f244dba .e-filter-item:hover:not( [aria-pressed=true] ){background-color:var( --e-global-color-d43203a );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-d43203a );}.elementor-181 .elementor-element.elementor-element-f244dba .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-d78461a );border-style:solid;}.elementor-181 .elementor-element.elementor-element-f244dba .e-filter-item{padding:8px 12px 8px 12px;}.elementor-181 .elementor-element.elementor-element-bafcd04{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;padding:10px 0px 10px 0px;--e-filter-normal-text-color:#FFFFFF;--e-filter-hover-text-color:var( --e-global-color-text );--e-filter-active-text-color:var( --e-global-color-text );--e-filter-item-border-radius:10px 10px 10px 10px;}.elementor-181 .elementor-element.elementor-element-bafcd04 .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:var( --e-global-color-d445469 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-d445469 );}.elementor-181 .elementor-element.elementor-element-bafcd04 .e-filter-item:hover:not( [aria-pressed=true] ){background-color:var( --e-global-color-d43203a );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-d43203a );}.elementor-181 .elementor-element.elementor-element-bafcd04 .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-d78461a );border-style:solid;}.elementor-181 .elementor-element.elementor-element-bafcd04 .e-filter-item{padding:8px 12px 8px 12px;}.elementor-181 .elementor-element.elementor-element-7a749cc{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-justify-content:flex-start;--e-filter-item-width:initial;--e-filter-item-flex-grow:0;--e-filter-wrap:nowrap;--e-filter-overflow-x:scroll;padding:10px 0px 10px 0px;--e-filter-normal-text-color:#FFFFFF;--e-filter-hover-text-color:var( --e-global-color-text );--e-filter-active-text-color:var( --e-global-color-text );--e-filter-item-border-radius:10px 10px 10px 10px;}.elementor-181 .elementor-element.elementor-element-7a749cc .e-filter-item:not( [aria-pressed=true] ):not( :hover ){background-color:var( --e-global-color-d445469 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-d445469 );}.elementor-181 .elementor-element.elementor-element-7a749cc .e-filter-item:hover:not( [aria-pressed=true] ){background-color:var( --e-global-color-d43203a );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-d43203a );}.elementor-181 .elementor-element.elementor-element-7a749cc .e-filter-item[aria-pressed="true"]{background-color:var( --e-global-color-d78461a );border-style:solid;}.elementor-181 .elementor-element.elementor-element-7a749cc .e-filter-item{padding:8px 12px 8px 12px;}.elementor-181 .elementor-element.elementor-element-30d25d3{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:400;}.elementor-181 .elementor-element.elementor-element-942466b{--display:flex;--margin-top:20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.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-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-181 .elementor-element.elementor-element-eeca76b{--grid-columns:3;}.elementor-181 .elementor-element.elementor-element-eeca76b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-181 .elementor-element.elementor-element-eeca76b .e-loop-item > .elementor-section, .elementor-181 .elementor-element.elementor-element-eeca76b .e-loop-item > .elementor-section > .elementor-container, .elementor-181 .elementor-element.elementor-element-eeca76b .e-loop-item > .e-con, .elementor-181 .elementor-element.elementor-element-eeca76b .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-181 .elementor-element.elementor-element-eeca76b .elementor-pagination{text-align:left;}body:not(.rtl) .elementor-181 .elementor-element.elementor-element-eeca76b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-181 .elementor-element.elementor-element-eeca76b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-181 .elementor-element.elementor-element-eeca76b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-181 .elementor-element.elementor-element-eeca76b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-181 .elementor-element.elementor-element-899a9cb{--display:flex;--gap:012px 012px;--row-gap:012px;--column-gap:012px;}.elementor-181 .elementor-element.elementor-element-cd3c109{--display:flex;}.elementor-181 .elementor-element.elementor-element-86cf556{--divider-border-style:solid;--divider-color:var( --e-global-color-d445469 );--divider-border-width:1px;}.elementor-181 .elementor-element.elementor-element-86cf556 .elementor-divider-separator{width:100%;}.elementor-181 .elementor-element.elementor-element-86cf556 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-181 .elementor-element.elementor-element-3222c2e{--display:flex;--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-181 .elementor-element.elementor-element-18dac88{--display:flex;--gap:012px 012px;--row-gap:012px;--column-gap:012px;}.elementor-181 .elementor-element.elementor-element-7b26c91{--display:flex;}.elementor-181 .elementor-element.elementor-element-f507552{--divider-border-style:solid;--divider-color:var( --e-global-color-d445469 );--divider-border-width:1px;}.elementor-181 .elementor-element.elementor-element-f507552 .elementor-divider-separator{width:100%;}.elementor-181 .elementor-element.elementor-element-f507552 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-181 .elementor-element.elementor-element-b8ee306{--display:flex;--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;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-181 .elementor-element.elementor-element-4c93987{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-181 .elementor-element.elementor-element-9848803{--display:flex;--margin-top:20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-181 .elementor-element.elementor-element-adfa6af{--grid-columns:3;}.elementor-181 .elementor-element.elementor-element-adfa6af .elementor-loop-container{grid-auto-rows:1fr;}.elementor-181 .elementor-element.elementor-element-adfa6af .e-loop-item > .elementor-section, .elementor-181 .elementor-element.elementor-element-adfa6af .e-loop-item > .elementor-section > .elementor-container, .elementor-181 .elementor-element.elementor-element-adfa6af .e-loop-item > .e-con, .elementor-181 .elementor-element.elementor-element-adfa6af .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-181 .elementor-element.elementor-element-adfa6af .elementor-pagination{text-align:left;}body:not(.rtl) .elementor-181 .elementor-element.elementor-element-adfa6af .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-181 .elementor-element.elementor-element-adfa6af .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-181 .elementor-element.elementor-element-adfa6af .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-181 .elementor-element.elementor-element-adfa6af .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-181 .elementor-element.elementor-element-7917014{--width:100%;}.elementor-181 .elementor-element.elementor-element-3222c2e{--width:100%;}.elementor-181 .elementor-element.elementor-element-b8ee306{--width:100%;}}@media(max-width:1024px){.elementor-181 .elementor-element.elementor-element-83f4329{--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-181 .elementor-element.elementor-element-30d25d3{font-size:17px;line-height:1.6em;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-181 .elementor-element.elementor-element-eeca76b{--grid-columns:2;}.elementor-181 .elementor-element.elementor-element-adfa6af{--grid-columns:2;}}@media(max-width:767px){.elementor-181 .elementor-element.elementor-element-83f4329{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-181 .elementor-element.elementor-element-0d879c1{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-181 .elementor-element.elementor-element-30d25d3{font-size:12px;line-height:1.6em;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-181 .elementor-element.elementor-element-eeca76b{--grid-columns:1;}.elementor-181 .elementor-element.elementor-element-adfa6af{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-4277916 */.sb-hero-sevens {
display: flex;
gap: 14px;
align-items: center;
justify-content: flex-end;
width: min(420px, 40vw);
filter: drop-shadow(0 8px 18px rgba(0,0,0,.35));
pointer-events: none;
}
.sb-reel {
width: 112px;
height: 112px;
border: 3px solid rgba(255,255,255,0.12);
border-radius: 16px;
background: rgba(10,20,30,0.86);
overflow: hidden;
position: relative;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.sb-track {
position: absolute;
top: 0; left: 0; right: 0;
will-change: transform;
backface-visibility: hidden;
animation: sb-spinLoop 3s linear infinite;
}
.sb-strip {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 14px; /* space between symbols */
margin: 0;
padding-bottom: 14px; /* 👈 this creates a perfect “breath” at the loop */
}
.sb-strip span {
display: block;
text-align: center;
font: 700 38px/1 Manrope, system-ui, sans-serif;
color: #E5E5E5;
text-shadow: 0 2px 6px rgba(0,0,0,.35);
}
.sb-strip .seven {
color: #00CA52;
font-size: 44px;
}
@keyframes sb-spinLoop {
0% { transform: translateY(0%); }
100% { transform: translateY(-50%); } /* exactly one strip height */
}
/* Stagger speeds for realism */
.sb-hero-sevens .sb-reel:nth-child(1) .sb-track { animation-duration: 2.8s; }
.sb-hero-sevens .sb-reel:nth-child(2) .sb-track { animation-duration: 3.1s; }
.sb-hero-sevens .sb-reel:nth-child(3) .sb-track { animation-duration: 3.4s; }
@media (prefers-reduced-motion: reduce) {
.sb-track { animation: none; }
}
@media (max-width: 1024px) {
.sb-hero-sevens { width: min(360px, 50vw); }
.sb-reel { width: 100px; height: 100px; border-radius: 14px; }
.sb-strip span { font-size: 34px; }
.sb-strip .seven { font-size: 40px; }
}
@media (max-width: 768px) {
.sb-hero-sevens {
justify-content: center;
margin: 12px auto 0;
}
.sb-reel { width: 92px; height: 92px; border-radius: 12px; }
.sb-strip span { font-size: 30px; }
.sb-strip .seven { font-size: 36px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-277261f *//* ===== SLOTBOT – Taxonomy filter pills ===== */
/* Wrapper */
.sb-filters {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
margin: 12px 0 20px;
}
/* Elementor generates list items + anchors/buttons */
.sb-filters .e-filter-item {
list-style: none;
margin: 0;
padding: 0;
}
/* Base pill */
.sb-filters .e-filter-item a,
.sb-filters .e-filter-item button {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border-radius: 999px;
border: 2px solid rgba(255, 255, 255, 0.12);
background: rgba(7, 23, 36, 0.60); /* deep teal glass */
color: #E5E5E5;
line-height: 1;
font-weight: 600;
text-decoration: none;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.20);
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
cursor: pointer;
}
/* Disable global underline + wiggle just for filter links */
.sb-filters .e-filter-item a::after {
content: none !important;
display: none !important;
}
.sb-filters .e-filter-item a:hover {
animation: none !important;
}
/* Hover */
.sb-filters .e-filter-item a:hover,
.sb-filters .e-filter-item button:hover {
background: rgba(10, 34, 52, 0.85);
border-color: rgba(255, 255, 255, 0.20);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.30);
transform: translateY(-1px);
}
/* Active/current (Elementor adds .e-active) */
.sb-filters .e-filter-item.e-active a,
.sb-filters .e-filter-item.e-active button {
background: #00CA52;
color: #071724;
border-color: transparent;
box-shadow: 0 0 0 3px rgba(0, 202, 82, 0.25), 0 10px 22px rgba(0, 0, 0, 0.35);
transform: translateY(-1px);
}
/* Keyboard focus */
.sb-filters .e-filter-item a:focus-visible,
.sb-filters .e-filter-item button:focus-visible {
outline: 2px solid #00CA52;
outline-offset: 2px;
box-shadow: 0 0 0 3px rgba(0, 202, 82, 0.35);
}
/* “All …” first item stays neutral until hovered/active */
.sb-filters .e-filter-item:first-child a,
.sb-filters .e-filter-item:first-child button {
border-color: rgba(255, 255, 255, 0.18);
}
/* Mobile spacing */
@media (max-width: 768px) {
.sb-filters {
gap: 10px;
margin: 8px 0 16px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6604db0 *//* ================================
SLOTBOT – SEO Content + Sticky Banner (Elementor-safe)
Wrap your HTML with
================================ */
/* Layout: desktop ~75/25, mobile stacks */
.sb-seo {
max-width: 1280px;
margin: 0 auto;
padding: 24px 20px;
display: flex;
flex-wrap: wrap; /* allows stacking on mobile */
column-gap: 28px;
row-gap: 28px;
align-items: flex-start;
}
/* Main column (content + FAQs) */
.sb-seo__main {
flex: 0 1 calc(75% - 14px); /* 75% minus half the column gap */
min-width: 300px;
}
/* Sticky aside (ad) */
.sb-seo__aside {
flex: 0 1 calc(25% - 14px); /* 25% minus half the column gap */
min-width: 180px;
max-width: 360px;
position: sticky;
top: 20px; /* distance from top while scrolling */
display: flex;
flex-direction: column;
align-items: flex-start; /* left align pill + banner */
}
/* Headings inside main column */
.sb-seo__main h2 {
margin: 0 0 10px;
font-size: 32px;
}
.sb-seo__main h3 {
margin: 22px 0 10px;
font-size: 22px;
}
/* ===== Accessible FAQs using ===== */
.sb-faq {
background: rgba(10, 20, 30, 0.86);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 14px;
margin: 10px 0;
overflow: hidden;
}
.sb-faq > summary {
cursor: pointer;
list-style: none; /* remove default marker */
padding: 14px 16px;
font-weight: 700;
position: relative;
outline: none;
}
.sb-faq > summary::-webkit-details-marker { display: none; }
.sb-faq > summary::after {
content: "▾";
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: transform .2s ease;
opacity: .85;
}
.sb-faq[open] > summary::after {
transform: translateY(-50%) rotate(180deg);
}
.sb-faq__body {
padding: 16px 16px 14px 16px;
color: #CFE4F7;
border-top: 1px dashed rgba(255, 255, 255, 0.12);
}
/* ===== Ad label + banner styles ===== */
.ad-label {
display: inline-block;
background: #00CA52;
color: #071724;
font-weight: 800;
font-size: 12px;
line-height: 1;
padding: 4px 8px;
border-radius: 999px;
margin: 0 0 10px; /* spacing above the banner */
}
/* Neutralize global link effects for this banner area */
.sb-seo .promo-link,
.sb-seo .promo-link:hover {
text-decoration: none !important;
animation: none !important;
transform: none !important;
box-shadow: none !important;
cursor: pointer;
}
.sb-seo .promo-link::after,
.sb-seo .promo-link:hover::after {
content: none !important;
display: none !important;
}
.sb-seo ul {
margin-bottom: 1.5rem; /* or whatever spacing matches your rhythm */
}
/* Banner image */
.sb-seo .promo-img {
display: block;
width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.45);
}
/* ===== Mobile stack ===== */
@media (max-width: 900px) {
.sb-seo__main,
.sb-seo__aside {
flex: 0 1 100%;
max-width: 100%;
}
.sb-seo__aside {
position: static; /* disable sticky on small screens */
align-items: center;
margin-top: 12px;
}
.sb-seo .promo-img {
max-width: 420px; /* keep mobile banner neat */
margin: 0 auto;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-899a9cb *//* ===== SLOTBOT – Taxonomy filter pills ===== */
/* Wrapper */
.sb-filters {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
margin: 12px 0 20px;
}
/* Elementor generates list items + anchors/buttons */
.sb-filters .e-filter-item {
list-style: none;
margin: 0;
padding: 0;
}
/* Base pill */
.sb-filters .e-filter-item a,
.sb-filters .e-filter-item button {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border-radius: 999px;
border: 2px solid rgba(255, 255, 255, 0.12);
background: rgba(7, 23, 36, 0.60); /* deep teal glass */
color: #E5E5E5;
line-height: 1;
font-weight: 600;
text-decoration: none;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.20);
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
cursor: pointer;
}
/* Disable global underline + wiggle just for filter links */
.sb-filters .e-filter-item a::after {
content: none !important;
display: none !important;
}
.sb-filters .e-filter-item a:hover {
animation: none !important;
}
/* Hover */
.sb-filters .e-filter-item a:hover,
.sb-filters .e-filter-item button:hover {
background: rgba(10, 34, 52, 0.85);
border-color: rgba(255, 255, 255, 0.20);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.30);
transform: translateY(-1px);
}
/* Active/current (Elementor adds .e-active) */
.sb-filters .e-filter-item.e-active a,
.sb-filters .e-filter-item.e-active button {
background: #00CA52;
color: #071724;
border-color: transparent;
box-shadow: 0 0 0 3px rgba(0, 202, 82, 0.25), 0 10px 22px rgba(0, 0, 0, 0.35);
transform: translateY(-1px);
}
/* Keyboard focus */
.sb-filters .e-filter-item a:focus-visible,
.sb-filters .e-filter-item button:focus-visible {
outline: 2px solid #00CA52;
outline-offset: 2px;
box-shadow: 0 0 0 3px rgba(0, 202, 82, 0.35);
}
/* “All …” first item stays neutral until hovered/active */
.sb-filters .e-filter-item:first-child a,
.sb-filters .e-filter-item:first-child button {
border-color: rgba(255, 255, 255, 0.18);
}
/* Mobile spacing */
@media (max-width: 768px) {
.sb-filters {
gap: 10px;
margin: 8px 0 16px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18dac88 *//* ===== SLOTBOT – Taxonomy filter pills ===== */
/* Wrapper */
.sb-filters {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
margin: 12px 0 20px;
}
/* Elementor generates list items + anchors/buttons */
.sb-filters .e-filter-item {
list-style: none;
margin: 0;
padding: 0;
}
/* Base pill */
.sb-filters .e-filter-item a,
.sb-filters .e-filter-item button {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border-radius: 999px;
border: 2px solid rgba(255, 255, 255, 0.12);
background: rgba(7, 23, 36, 0.60); /* deep teal glass */
color: #E5E5E5;
line-height: 1;
font-weight: 600;
text-decoration: none;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.20);
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
cursor: pointer;
}
/* Disable global underline + wiggle just for filter links */
.sb-filters .e-filter-item a::after {
content: none !important;
display: none !important;
}
.sb-filters .e-filter-item a:hover {
animation: none !important;
}
/* Hover */
.sb-filters .e-filter-item a:hover,
.sb-filters .e-filter-item button:hover {
background: rgba(10, 34, 52, 0.85);
border-color: rgba(255, 255, 255, 0.20);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.30);
transform: translateY(-1px);
}
/* Active/current (Elementor adds .e-active) */
.sb-filters .e-filter-item.e-active a,
.sb-filters .e-filter-item.e-active button {
background: #00CA52;
color: #071724;
border-color: transparent;
box-shadow: 0 0 0 3px rgba(0, 202, 82, 0.25), 0 10px 22px rgba(0, 0, 0, 0.35);
transform: translateY(-1px);
}
/* Keyboard focus */
.sb-filters .e-filter-item a:focus-visible,
.sb-filters .e-filter-item button:focus-visible {
outline: 2px solid #00CA52;
outline-offset: 2px;
box-shadow: 0 0 0 3px rgba(0, 202, 82, 0.35);
}
/* “All …” first item stays neutral until hovered/active */
.sb-filters .e-filter-item:first-child a,
.sb-filters .e-filter-item:first-child button {
border-color: rgba(255, 255, 255, 0.18);
}
/* Mobile spacing */
@media (max-width: 768px) {
.sb-filters {
gap: 10px;
margin: 8px 0 16px;
}
}/* End custom CSS */