.elementor-110 .elementor-element.elementor-element-f70c296:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-f70c296 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://kazziuscapital.com/wp-content/uploads/2025/10/Section-hero-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-110 .elementor-element.elementor-element-f70c296 > .elementor-container{max-width:1400px;min-height:555px;}.elementor-110 .elementor-element.elementor-element-f70c296{border-style:solid;border-width:1px 0px 1px 0px;border-color:#E46BFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-110 .elementor-element.elementor-element-f70c296 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-110 .elementor-element.elementor-element-08632a4{text-align:left;}.elementor-110 .elementor-element.elementor-element-08632a4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:75px;font-weight:700;line-height:100px;color:#FFFFFF;}.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-110 .elementor-element.elementor-element-ee91854{text-align:left;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.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-110 .elementor-element.elementor-element-9cfa13c .elementor-button{background-color:#6C287B;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-110 .elementor-element.elementor-element-bba188c > .elementor-container{max-width:1400px;min-height:575px;}.elementor-110 .elementor-element.elementor-element-046555e{text-align:center;}.elementor-110 .elementor-element.elementor-element-046555e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:700;line-height:100px;color:#000000;}.elementor-110 .elementor-element.elementor-element-829244c > .elementor-container{max-width:1400px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-110 .elementor-element.elementor-element-79e1782{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;box-shadow:5px 7px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:20px;}.elementor-110 .elementor-element.elementor-element-79e1782 .elementor-icon-box-wrapper{text-align:left;}.elementor-110 .elementor-element.elementor-element-79e1782 .elementor-icon-box-title{margin-block-end:15px;color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-79e1782.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8d4204c );}.elementor-110 .elementor-element.elementor-element-79e1782.elementor-view-framed .elementor-icon, .elementor-110 .elementor-element.elementor-element-79e1782.elementor-view-default .elementor-icon{fill:var( --e-global-color-8d4204c );color:var( --e-global-color-8d4204c );border-color:var( --e-global-color-8d4204c );}.elementor-110 .elementor-element.elementor-element-79e1782.elementor-view-framed:has(:hover) .elementor-icon, .elementor-110 .elementor-element.elementor-element-79e1782.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-110 .elementor-element.elementor-element-79e1782.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-110 .elementor-element.elementor-element-79e1782.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-110 .elementor-element.elementor-element-79e1782 .elementor-icon{font-size:30px;}.elementor-110 .elementor-element.elementor-element-79e1782 .elementor-icon-box-title, .elementor-110 .elementor-element.elementor-element-79e1782 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;}.elementor-110 .elementor-element.elementor-element-79e1782:has(:hover) .elementor-icon-box-title, .elementor-110 .elementor-element.elementor-element-79e1782:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-79e1782 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-110 .elementor-element.elementor-element-1d9fde4{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;box-shadow:5px 7px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:20px;}.elementor-110 .elementor-element.elementor-element-1d9fde4 .elementor-icon-box-wrapper{text-align:left;}.elementor-110 .elementor-element.elementor-element-1d9fde4 .elementor-icon-box-title{margin-block-end:15px;color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-1d9fde4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8d4204c );}.elementor-110 .elementor-element.elementor-element-1d9fde4.elementor-view-framed .elementor-icon, .elementor-110 .elementor-element.elementor-element-1d9fde4.elementor-view-default .elementor-icon{fill:var( --e-global-color-8d4204c );color:var( --e-global-color-8d4204c );border-color:var( --e-global-color-8d4204c );}.elementor-110 .elementor-element.elementor-element-1d9fde4.elementor-view-framed:has(:hover) .elementor-icon, .elementor-110 .elementor-element.elementor-element-1d9fde4.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-110 .elementor-element.elementor-element-1d9fde4.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-110 .elementor-element.elementor-element-1d9fde4.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-110 .elementor-element.elementor-element-1d9fde4 .elementor-icon{font-size:30px;}.elementor-110 .elementor-element.elementor-element-1d9fde4 .elementor-icon-box-title, .elementor-110 .elementor-element.elementor-element-1d9fde4 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;}.elementor-110 .elementor-element.elementor-element-1d9fde4:has(:hover) .elementor-icon-box-title, .elementor-110 .elementor-element.elementor-element-1d9fde4:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-1d9fde4 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-110 .elementor-element.elementor-element-712d6d7{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;padding:20px 20px 45px 20px;border-radius:10px 10px 10px 10px;box-shadow:5px 7px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:20px;}.elementor-110 .elementor-element.elementor-element-712d6d7 .elementor-icon-box-wrapper{text-align:left;}.elementor-110 .elementor-element.elementor-element-712d6d7 .elementor-icon-box-title{margin-block-end:15px;color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-712d6d7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8d4204c );}.elementor-110 .elementor-element.elementor-element-712d6d7.elementor-view-framed .elementor-icon, .elementor-110 .elementor-element.elementor-element-712d6d7.elementor-view-default .elementor-icon{fill:var( --e-global-color-8d4204c );color:var( --e-global-color-8d4204c );border-color:var( --e-global-color-8d4204c );}.elementor-110 .elementor-element.elementor-element-712d6d7.elementor-view-framed:has(:hover) .elementor-icon, .elementor-110 .elementor-element.elementor-element-712d6d7.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-110 .elementor-element.elementor-element-712d6d7.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-110 .elementor-element.elementor-element-712d6d7.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-110 .elementor-element.elementor-element-712d6d7 .elementor-icon{font-size:30px;}.elementor-110 .elementor-element.elementor-element-712d6d7 .elementor-icon-box-title, .elementor-110 .elementor-element.elementor-element-712d6d7 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;}.elementor-110 .elementor-element.elementor-element-712d6d7:has(:hover) .elementor-icon-box-title, .elementor-110 .elementor-element.elementor-element-712d6d7:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-712d6d7 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-110 .elementor-element.elementor-element-2983401:not(.elementor-motion-effects-element-type-background), .elementor-110 .elementor-element.elementor-element-2983401 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAE1FF;}.elementor-110 .elementor-element.elementor-element-2983401 > .elementor-container{max-width:1400px;min-height:535px;}.elementor-110 .elementor-element.elementor-element-2983401{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-110 .elementor-element.elementor-element-2983401 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-110 .elementor-element.elementor-element-7ae572e{text-align:left;}.elementor-110 .elementor-element.elementor-element-7ae572e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:700;line-height:85px;color:#000000;}.elementor-110 .elementor-element.elementor-element-184090e{text-align:left;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.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-110 .elementor-element.elementor-element-c109163 img{width:85%;}.elementor-110 .elementor-element.elementor-element-f099377 > .elementor-container{max-width:1400px;min-height:1439px;}.elementor-110 .elementor-element.elementor-element-aa4e3ff > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:50px;}.elementor-110 .elementor-element.elementor-element-72aa15e{text-align:center;}.elementor-110 .elementor-element.elementor-element-72aa15e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:700;line-height:100px;color:#000000;}.elementor-110 .elementor-element.elementor-element-5a5cac6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-110 .elementor-element.elementor-element-5a5cac6 > .elementor-container{max-width:1400px;}.elementor-110 .elementor-element.elementor-element-1833bd9 img{width:65%;border-radius:10px 10px 10px 10px;}.elementor-110 .elementor-element.elementor-element-af18601 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-208393f{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-110 .elementor-element.elementor-element-ebd126f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-110 .elementor-element.elementor-element-ebd126f > .elementor-container{max-width:1400px;}.elementor-110 .elementor-element.elementor-element-a397232 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-36d5e5a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-110 .elementor-element.elementor-element-25c1f83 img{width:65%;border-radius:10px 10px 10px 10px;}.elementor-110 .elementor-element.elementor-element-4bc1cf9 > .elementor-container{max-width:1400px;min-height:485px;}.elementor-110 .elementor-element.elementor-element-53bb595{text-align:center;}.elementor-110 .elementor-element.elementor-element-53bb595 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:75px;font-weight:700;line-height:100px;color:#000000;}.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-weight:var( --e-global-typography-secondary-font-weight );}.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-110 .elementor-element.elementor-element-7f96d6b{--divider-border-style:solid;--divider-color:var( --e-global-color-5a95091 );--divider-border-width:2.5px;}.elementor-110 .elementor-element.elementor-element-7f96d6b .elementor-divider-separator{width:65%;margin:0 auto;margin-center:0;}.elementor-110 .elementor-element.elementor-element-7f96d6b .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{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-110 .elementor-element.elementor-element-6372d95 .elementor-tab-title{border-width:0px;border-color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-tab-content{border-width:0px;border-block-end-color:var( --e-global-color-5a95091 );color:#000000;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-toggle-item:not(:last-child){margin-block-end:35px;}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-toggle-title, .elementor-110 .elementor-element.elementor-element-6372d95 .elementor-toggle-icon{color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-toggle-icon svg{fill:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-tab-title.elementor-active a, .elementor-110 .elementor-element.elementor-element-6372d95 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-8d4204c );}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-toggle-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-tab-title .elementor-toggle-icon i:before{color:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-tab-title .elementor-toggle-icon svg{fill:var( --e-global-color-5a95091 );}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:var( --e-global-color-8d4204c );}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:var( --e-global-color-8d4204c );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-110 .elementor-element.elementor-element-f70c296 > .elementor-container{min-height:584px;}.elementor-110 .elementor-element.elementor-element-08632a4{text-align:center;}.elementor-110 .elementor-element.elementor-element-08632a4 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-110 .elementor-element.elementor-element-ee91854{text-align:center;font-size:16px;}.elementor-110 .elementor-element.elementor-element-9cfa13c .elementor-button{padding:10px 20px 10px 20px;}.elementor-110 .elementor-element.elementor-element-046555e .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-110 .elementor-element.elementor-element-79e1782 .elementor-icon-box-wrapper{text-align:center;}.elementor-110 .elementor-element.elementor-element-1d9fde4 .elementor-icon-box-wrapper{text-align:center;}.elementor-110 .elementor-element.elementor-element-712d6d7 .elementor-icon-box-wrapper{text-align:center;}.elementor-110 .elementor-element.elementor-element-7ae572e{text-align:center;}.elementor-110 .elementor-element.elementor-element-7ae572e .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-110 .elementor-element.elementor-element-184090e{text-align:center;font-size:16px;}.elementor-110 .elementor-element.elementor-element-72aa15e .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-110 .elementor-element.elementor-element-1833bd9 img{width:100%;}.elementor-110 .elementor-element.elementor-element-af18601{text-align:center;}.elementor-110 .elementor-element.elementor-element-af18601 .elementor-heading-title{font-size:30px;}.elementor-110 .elementor-element.elementor-element-208393f{text-align:center;font-size:16px;}.elementor-110 .elementor-element.elementor-element-a397232{text-align:center;}.elementor-110 .elementor-element.elementor-element-a397232 .elementor-heading-title{font-size:30px;}.elementor-110 .elementor-element.elementor-element-36d5e5a{text-align:center;font-size:16px;}.elementor-110 .elementor-element.elementor-element-25c1f83 img{width:100%;}.elementor-110 .elementor-element.elementor-element-53bb595{text-align:center;}.elementor-110 .elementor-element.elementor-element-53bb595 .elementor-heading-title{font-size:30px;line-height:1.5em;}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-toggle-item:not(:last-child){margin-block-end:25px;}.elementor-110 .elementor-element.elementor-element-6372d95 .elementor-toggle-title{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-dbcece4 *//* Basic container styles */ .kazzius-flags-container { position: relative; width: 600px; /* Adjust as needed */ height: 600px; /* Adjust as needed */ margin: 50px auto; /* Center the container */ /* UPDATED: Changed background to your brand colors */ border-radius: 50%; /* Makes the container circular */ display: flex; justify-content: center; align-items: center; overflow: hidden; /* Hide flags that go out of bounds */ } /* Center Logo */ .kazzius-center-logo { position: absolute; z-index: 10; display: flex; justify-content: center; align-items: center; /* UPDATED: Changed background to match the gradient's dark edge */ background-color: #ffffff; border-radius: 50%; width: 80px; /* Size of the center circle */ height: 80px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Subtle shadow */ } .kazzius-center-logo img { width: 50px; /* Adjust logo size */ height: 50px; object-fit: contain; border-radius: 50%; /* If your logo is square, this makes it round */ } /* Orbiting Flag Container */ .kazzius-flags-orbit { position: absolute; width: 100%; height: 100%; border-radius: 50%; display: flex; justify-content: center; align-items: center; } /* Dotted orbital lines (optional) */ /* .kazzius-flags-orbit.orbit-outer::before { content: ''; position: absolute; width: calc(100% - 100px); height: calc(100% - 100px); border: 1px dashed rgba(255, 255, 255, 0.3); border-radius: 50%; } .kazzius-flags-orbit.orbit-inner::before { content: ''; position: absolute; width: calc(100% - 300px); height: calc(100% - 300px); border: 1px dashed rgba(255, 255, 255, 0.3); border-radius: 50%; } */ /* Flag Item Styling */ .flag-item { position: absolute; width: 60px; /* Size of the flag circle */ height: 60px; border-radius: 50%; background-color: white; /* Background for flags */ display: flex; justify-content: center; align-items: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); overflow: hidden; /* Ensures flag image stays within circle */ } .flag-item img { width: 100%; height: 100%; object-fit: cover; /* Covers the circle with the flag image */ border-radius: 50%; } /* Animation Keyframes for Rotation */ @keyframes orbit_outer { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes orbit_inner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } /* Rotate in opposite direction */ } /* Applying animation to orbits */ .kazzius-flags-orbit.orbit-outer { animation: orbit_outer 40s linear infinite; /* Adjust speed as needed */ } .kazzius-flags-orbit.orbit-inner { animation: orbit_inner 25s linear infinite; /* Adjust speed and direction */ } /* Positioning flags on the outer orbit */ .orbit-outer .flag-item { top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(calc(var(--i) * (360deg / 9))) translateX(250px) rotate(calc(var(--i) * (-360deg / 9))); /* Adjust translateX for radius */ } /* Positioning flags on the inner orbit */ .orbit-inner .flag-item { top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(calc(var(--i) * (360deg / 3))) translateX(150px) rotate(calc(var(--i) * (-360deg / 3))); /* Adjust translateX for radius */ } /* Adjustments for responsiveness (optional but recommended) */ @media (max-width: 768px) { .kazzius-flags-container { width: 400px; height: 400px; } .orbit-outer .flag-item { transform: translate(-50%, -50%) rotate(calc(var(--i) * (360deg / 9))) translateX(170px) rotate(calc(var(--i) * (-360deg / 9))); } .orbit-inner .flag-item { transform: translate(-50%, -50%) rotate(calc(var(--i) * (360deg / 3))) translateX(90px) rotate(calc(var(--i) * (-360deg / 3))); } .flag-item { width: 45px; height: 45px; } .kazzius-center-logo { width: 60px; height: 60px; } .kazzius-center-logo img { width: 40px; height: 40px; } } @media (max-width: 480px) { .kazzius-flags-container { width: 300px; height: 300px; } .orbit-outer .flag-item { transform: translate(-50%, -50%) rotate(calc(var(--i) * (360deg / 9))) translateX(120px) rotate(calc(var(--i) * (-360deg / 9))); } .orbit-inner .flag-item { transform: translate(-50%, -50%) rotate(calc(var(--i) * (360deg / 3))) translateX(60px) rotate(calc(var(--i) * (-360deg / 3))); } .flag-item { width: 35px; height: 35px; } .kazzius-center-logo { width: 50px; height: 50px; } .kazzius-center-logo img { width: 30px; height: 30px; } }/* End custom CSS */