.elementor-4525 .elementor-element.elementor-element-b485c57{--display:flex;--min-height:50vh;--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4525 .elementor-element.elementor-element-b485c57:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-b485c57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://azelianarts.com/wp-content/uploads/2025/06/Azelian-Arts-Banner-3-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4525 .elementor-element.elementor-element-22825f3{--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:0px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-4525 .elementor-element.elementor-element-22825f3:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-22825f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://azelianarts.com/wp-content/uploads/2025/06/Azelian-Arts-Banner-2-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4525 .elementor-element.elementor-element-d6271bf{--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:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.8);--margin-top:-8%;--margin-bottom:-8%;--margin-left:0%;--margin-right:0%;}.elementor-4525 .elementor-element.elementor-element-d6271bf:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-d6271bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000DD;}.elementor-4525 .elementor-element.elementor-element-e720207 > .elementor-widget-container{margin:-3% 0% 0% 0%;}.elementor-4525 .elementor-element.elementor-element-e720207{z-index:2;text-align:center;}.elementor-4525 .elementor-element.elementor-element-e720207 .elementor-heading-title{font-family:"Retro Gastroll", Sans-serif;text-shadow:5px 5px 3px #58003F;color:#F7B31C;}.elementor-4525 .elementor-element.elementor-element-87a32fc > .elementor-widget-container{margin:-10% 0% 0% -20%;}body:not(.rtl) .elementor-4525 .elementor-element.elementor-element-87a32fc{left:0px;}body.rtl .elementor-4525 .elementor-element.elementor-element-87a32fc{right:0px;}.elementor-4525 .elementor-element.elementor-element-87a32fc{top:0px;z-index:1;}.elementor-4525 .elementor-element.elementor-element-7b20263 > .elementor-widget-container{margin:0% -20% -10% 0%;}body:not(.rtl) .elementor-4525 .elementor-element.elementor-element-7b20263{right:0px;}body.rtl .elementor-4525 .elementor-element.elementor-element-7b20263{left:0px;}.elementor-4525 .elementor-element.elementor-element-7b20263{bottom:0px;z-index:1;}.elementor-4525 .elementor-element.elementor-element-65df2e4{--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;}.elementor-4525 .elementor-element.elementor-element-96bd502{--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;--justify-content:center;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--padding-top:0px;--padding-bottom:0px;--padding-left:72px;--padding-right:55px;}.elementor-4525 .elementor-element.elementor-element-1707dfc{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:18px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-4525 .elementor-element.elementor-element-a1ea891{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:18px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-4525 .elementor-element.elementor-element-fe64573{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:18px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);color:#FFFFFF;}.elementor-4525 .elementor-element.elementor-element-4ec09b1{--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:center;--margin-top:-0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-4525 .elementor-element.elementor-element-4ec09b1:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-4ec09b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://azelianarts.com/wp-content/uploads/2025/06/Azelian-Arts-Banner-2-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4525 .elementor-element.elementor-element-1af2c5a{--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:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.8);--padding-top:7%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-4525 .elementor-element.elementor-element-1af2c5a:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-1af2c5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0F0029CC 0%, #00173FCC 100%);}.elementor-4525 .elementor-element.elementor-element-63c6590{--display:flex;--justify-content:center;}.elementor-4525 .elementor-element.elementor-element-76631b8{text-align:center;}.elementor-4525 .elementor-element.elementor-element-76631b8 .elementor-heading-title{font-family:"Fragor", Sans-serif;font-size:55px;font-weight:400;font-style:oblique;text-decoration:underline;text-shadow:4px 4px 3px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-5bb46e1{--display:flex;--min-height:50vh;--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;}.elementor-4525 .elementor-element.elementor-element-c569b37{--display:flex;--min-height:50vh;--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:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--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-4525 .elementor-element.elementor-element-c569b37:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-c569b37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B0;}.elementor-4525 .elementor-element.elementor-element-d2f086d > .elementor-widget-container{margin:-2% -2% 0% -2%;}body:not(.rtl) .elementor-4525 .elementor-element.elementor-element-d2f086d{left:0px;}body.rtl .elementor-4525 .elementor-element.elementor-element-d2f086d{right:0px;}.elementor-4525 .elementor-element.elementor-element-d2f086d{top:0px;}.elementor-4525 .elementor-element.elementor-element-0dffaf1 > .elementor-widget-container{margin:0% -2% -2% -2%;}body:not(.rtl) .elementor-4525 .elementor-element.elementor-element-0dffaf1{left:0px;}body.rtl .elementor-4525 .elementor-element.elementor-element-0dffaf1{right:0px;}.elementor-4525 .elementor-element.elementor-element-0dffaf1{bottom:0px;}.elementor-4525 .elementor-element.elementor-element-eee93b1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-4525 .elementor-element.elementor-element-e198622{--display:flex;}.elementor-4525 .elementor-element.elementor-element-a1e2fdb .elementor-heading-title{font-family:"Fragor", Sans-serif;text-transform:uppercase;font-style:oblique;text-decoration:underline;text-shadow:5px 5px 3px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-677c7a2{--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;--justify-content:center;}.elementor-4525 .elementor-element.elementor-element-58bcf33{text-align:center;}.elementor-4525 .elementor-element.elementor-element-58bcf33 .elementor-heading-title{font-family:"Vintage Edge", Sans-serif;font-size:35px;font-weight:400;text-shadow:3px 3px 2px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-9b700bd{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:18px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);color:#FFFFFF;}.elementor-4525 .elementor-element.elementor-element-7e2e28e{--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;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-4525 .elementor-element.elementor-element-abd90ce{--display:flex;--justify-content:center;}.elementor-4525 .elementor-element.elementor-element-a6f8400{text-align:center;}.elementor-4525 .elementor-element.elementor-element-a6f8400 .elementor-heading-title{font-family:"Vintage Edge", Sans-serif;font-size:35px;font-weight:400;text-shadow:3px 3px 2px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-5ac7035{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:18px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);color:#FFFFFF;}.elementor-4525 .elementor-element.elementor-element-b84930a{--display:flex;}.elementor-4525 .elementor-element.elementor-element-c55767d{text-align:right;}.elementor-4525 .elementor-element.elementor-element-c55767d .elementor-heading-title{font-family:"Fragor", Sans-serif;text-transform:uppercase;font-style:oblique;text-decoration:underline;text-shadow:5px 5px 3px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-87f4717{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-4525 .elementor-element.elementor-element-d19370d{--display:flex;}.elementor-4525 .elementor-element.elementor-element-0789405 .elementor-heading-title{font-family:"Fragor", Sans-serif;text-transform:uppercase;font-style:oblique;text-decoration:underline;text-shadow:5px 5px 3px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-0b8f613{--display:flex;--justify-content:center;}.elementor-4525 .elementor-element.elementor-element-db63755{text-align:center;}.elementor-4525 .elementor-element.elementor-element-db63755 .elementor-heading-title{font-family:"Vintage Edge", Sans-serif;font-size:35px;font-weight:400;text-shadow:3px 3px 2px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-6d95ae0{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:18px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);color:#FFFFFF;}.elementor-4525 .elementor-element.elementor-element-2ed16d3{--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;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-4525 .elementor-element.elementor-element-39132e6{--display:flex;--justify-content:center;}.elementor-4525 .elementor-element.elementor-element-5d53a52{text-align:center;}.elementor-4525 .elementor-element.elementor-element-5d53a52 .elementor-heading-title{font-family:"Vintage Edge", Sans-serif;font-size:35px;font-weight:400;text-shadow:3px 3px 2px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-af0f225{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:18px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);color:#FFFFFF;}.elementor-4525 .elementor-element.elementor-element-6f3cdc0{--display:flex;}.elementor-4525 .elementor-element.elementor-element-e8d8d5c{text-align:right;}.elementor-4525 .elementor-element.elementor-element-e8d8d5c .elementor-heading-title{font-family:"Fragor", Sans-serif;text-transform:uppercase;font-style:oblique;text-decoration:underline;text-shadow:5px 5px 3px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-a8dbfa3{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-4525 .elementor-element.elementor-element-7d6f1d2{--display:flex;}.elementor-4525 .elementor-element.elementor-element-c08d2db .elementor-heading-title{font-family:"Fragor", Sans-serif;text-transform:uppercase;font-style:oblique;text-decoration:underline;text-shadow:5px 5px 3px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-b9b8cde{--display:flex;--justify-content:center;}.elementor-4525 .elementor-element.elementor-element-9c6f6da{text-align:center;}.elementor-4525 .elementor-element.elementor-element-9c6f6da .elementor-heading-title{font-family:"Vintage Edge", Sans-serif;font-size:35px;font-weight:400;text-shadow:3px 3px 2px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-7d22715{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:18px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);color:#FFFFFF;}.elementor-4525 .elementor-element.elementor-element-2d745bd{--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;--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-4525 .elementor-element.elementor-element-65d3de7{--display:flex;--justify-content:center;}.elementor-4525 .elementor-element.elementor-element-af8dc0d{text-align:center;}.elementor-4525 .elementor-element.elementor-element-af8dc0d .elementor-heading-title{font-family:"Vintage Edge", Sans-serif;font-size:35px;font-weight:400;text-shadow:3px 3px 2px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-7de0502{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:18px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);color:#FFFFFF;}.elementor-4525 .elementor-element.elementor-element-2426f50{--display:flex;}.elementor-4525 .elementor-element.elementor-element-fb2290c{text-align:right;}.elementor-4525 .elementor-element.elementor-element-fb2290c .elementor-heading-title{font-family:"Fragor", Sans-serif;text-transform:uppercase;font-style:oblique;text-decoration:underline;text-shadow:5px 5px 3px #58003F;color:#E9A102;}.elementor-4525 .elementor-element.elementor-element-b3d3aca{--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;--padding-top:70px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-4525 .elementor-element.elementor-element-b3d3aca:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-b3d3aca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://azelianarts.com/wp-content/uploads/2025/06/Azelian-Arts-Banner-2-scaled.png");background-position:center center;background-size:cover;}.elementor-4525 .elementor-element.elementor-element-a0e670{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.8);}.elementor-4525 .elementor-element.elementor-element-a0e670:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-a0e670 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4525 .elementor-element.elementor-element-2294b00 > .elementor-widget-container{margin:-3% 0% 0% 0%;}.elementor-4525 .elementor-element.elementor-element-2294b00{z-index:2;text-align:center;}.elementor-4525 .elementor-element.elementor-element-2294b00 .elementor-heading-title{font-family:"Retro Gastroll", Sans-serif;text-shadow:5px 5px 3px #58003F;color:#F7B31C;}.elementor-4525 .elementor-element.elementor-element-c28021e{text-align:center;font-family:"Playfair Display", Sans-serif;font-size:18px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);color:#FFFFFF;}.elementor-4525 .elementor-element.elementor-element-10a94bf7 > .elementor-widget-container{margin:3% 0% 3% 0%;}.elementor-4525 .elementor-element.elementor-element-10a94bf7 .elementor-icon-list-icon i{color:#460757;transition:color 0.3s;}.elementor-4525 .elementor-element.elementor-element-10a94bf7 .elementor-icon-list-icon svg{fill:#460757;transition:fill 0.3s;}.elementor-4525 .elementor-element.elementor-element-10a94bf7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4525 .elementor-element.elementor-element-10a94bf7 .elementor-icon-list-text{transition:color 0.3s;}@media(max-width:1024px){.elementor-4525 .elementor-element.elementor-element-b485c57{--min-height:330px;--justify-content:center;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-4525 .elementor-element.elementor-element-22825f3{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-4525 .elementor-element.elementor-element-96bd502{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:14%;--padding-right:14%;}.elementor-4525 .elementor-element.elementor-element-1707dfc{text-align:left;}.elementor-4525 .elementor-element.elementor-element-a1ea891{text-align:left;}.elementor-4525 .elementor-element.elementor-element-fe64573{text-align:left;}.elementor-4525 .elementor-element.elementor-element-4ec09b1{--padding-top:30px;--padding-bottom:80px;--padding-left:25px;--padding-right:25px;}.elementor-4525 .elementor-element.elementor-element-9b700bd{text-align:left;}.elementor-4525 .elementor-element.elementor-element-5ac7035{text-align:left;}.elementor-4525 .elementor-element.elementor-element-6d95ae0{text-align:left;}.elementor-4525 .elementor-element.elementor-element-af0f225{text-align:left;}.elementor-4525 .elementor-element.elementor-element-7d22715{text-align:left;}.elementor-4525 .elementor-element.elementor-element-7de0502{text-align:left;}.elementor-4525 .elementor-element.elementor-element-b3d3aca{--padding-top:30px;--padding-bottom:80px;--padding-left:25px;--padding-right:25px;}.elementor-4525 .elementor-element.elementor-element-c28021e{text-align:left;}}@media(max-width:767px){.elementor-4525 .elementor-element.elementor-element-b485c57{--min-height:330px;--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-4525 .elementor-element.elementor-element-22825f3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-4525 .elementor-element.elementor-element-96bd502{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4525 .elementor-element.elementor-element-1707dfc{text-align:left;}.elementor-4525 .elementor-element.elementor-element-a1ea891{text-align:left;}.elementor-4525 .elementor-element.elementor-element-fe64573{text-align:left;}.elementor-4525 .elementor-element.elementor-element-4ec09b1{--padding-top:30px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-4525 .elementor-element.elementor-element-9b700bd{text-align:left;}.elementor-4525 .elementor-element.elementor-element-5ac7035{text-align:left;}.elementor-4525 .elementor-element.elementor-element-6d95ae0{text-align:left;}.elementor-4525 .elementor-element.elementor-element-af0f225{text-align:left;}.elementor-4525 .elementor-element.elementor-element-7d22715{text-align:left;}.elementor-4525 .elementor-element.elementor-element-7de0502{text-align:left;}.elementor-4525 .elementor-element.elementor-element-b3d3aca{--padding-top:30px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-4525 .elementor-element.elementor-element-c28021e{text-align:left;}}@media(min-width:768px){.elementor-4525 .elementor-element.elementor-element-96bd502{--width:100%;}.elementor-4525 .elementor-element.elementor-element-4ec09b1{--width:100%;}.elementor-4525 .elementor-element.elementor-element-1af2c5a{--width:90%;}.elementor-4525 .elementor-element.elementor-element-63c6590{--content-width:50%;}.elementor-4525 .elementor-element.elementor-element-e198622{--width:100%;}.elementor-4525 .elementor-element.elementor-element-677c7a2{--width:60%;}.elementor-4525 .elementor-element.elementor-element-abd90ce{--width:60%;}.elementor-4525 .elementor-element.elementor-element-b84930a{--width:100%;}.elementor-4525 .elementor-element.elementor-element-d19370d{--width:100%;}.elementor-4525 .elementor-element.elementor-element-0b8f613{--width:60%;}.elementor-4525 .elementor-element.elementor-element-39132e6{--width:60%;}.elementor-4525 .elementor-element.elementor-element-6f3cdc0{--width:100%;}.elementor-4525 .elementor-element.elementor-element-7d6f1d2{--width:100%;}.elementor-4525 .elementor-element.elementor-element-b9b8cde{--width:60%;}.elementor-4525 .elementor-element.elementor-element-65d3de7{--width:60%;}.elementor-4525 .elementor-element.elementor-element-2426f50{--width:100%;}.elementor-4525 .elementor-element.elementor-element-b3d3aca{--content-width:950px;}}@media(max-width:1024px) and (min-width:768px){.elementor-4525 .elementor-element.elementor-element-96bd502{--width:100%;}}@media(min-width:1025px){.elementor-4525 .elementor-element.elementor-element-b485c57:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-b485c57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-4525 .elementor-element.elementor-element-22825f3:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-22825f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-4525 .elementor-element.elementor-element-4ec09b1:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-4ec09b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-4525 .elementor-element.elementor-element-b3d3aca:not(.elementor-motion-effects-element-type-background), .elementor-4525 .elementor-element.elementor-element-b3d3aca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for button, class: .elementor-element-41bdfaf *//* --- Custom Azelian Button --- */ /* This class is on the Elementor WIDGET WRAPPER. We don't want the wrapper itself to have the button's background or border. It can be used for alignment if needed, e.g., by Elementor's settings. So, the .custom-azelian-button rule itself can be minimal or even empty if all styling is on the inner button. */ .custom-azelian-button { /* You can add alignment here if needed, like: */ /* text-align: center; */ /* But Elementor's button alignment options should usually suffice. */ } /* --- Target the ACTUAL BUTTON LINK ( tag) inside the wrapper --- */ .custom-azelian-button .elementor-button { /* Base Colors & Overrides */ background-color: #440042 !important; /* Plum */ color: #FFFFFF !important; /* White text */ /* Font - Try to match your "PROMOTION NETWORK" font */ /* Option 1: If you know the font name and have it loaded */ /* font-family: "Your Specific Wide Font Name", sans-serif !important; */ /* Option 2: A common alternative like Orbitron (load from Google Fonts if needed) */ font-family: 'Vintage Edge', sans-serif !important; /* Option 3: A more generic bold sans-serif as a fallback */ /* font-family: 'Arial Black', 'Impact', sans-serif !important; */ font-weight: 700 !important; letter-spacing: 1.5px !important; /* Sizing & Spacing */ padding: 14px 30px !important; /* Adjust for desired size */ border-radius: 4px !important; /* Slightly rounded corners, can be 0 for sharp */ border: 2px solid #FFB800 !important; /* Gold border */ /* Effects */ box-shadow: 0 0 8px rgba(255, 184, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; position: relative; /* For pseudo-elements if we add more accents */ text-decoration: none !important; /* Remove underline */ display: inline-block !important; /* Ensure it doesn't take full width unless content demands */ width: auto !important; /* Override potential full-width styling from Elementor on the */ max-width: fit-content; /* Ensures button shrinks to content */ } /* --- Hover & Focus States for the actual button link --- */ .custom-azelian-button .elementor-button:hover, .custom-azelian-button .elementor-button:focus { background-color: #3d075b !important; /* soft purple */ color: #FFD700 !important; /* Gold text */ border-color: #ffbd95 !important; /* soft gold */ box-shadow: 0 0 15px rgba(217, 0, 139, 0.8), 0 0 5px rgba(255, 215, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.4); transform: translateY(-2px); /* Slight lift */ } /* --- Optional Angular Accents for the actual button link --- */ .custom-azelian-button .elementor-button::before, .custom-azelian-button .elementor-button::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.3s ease-in-out; } /* Top-left accent */ .custom-azelian-button .elementor-button::before { top: -2px; /* Aligns with the border */ left: -2px; border-width: 8px 8px 0 0; /* Creates a top-right triangle shape */ border-color: #FFB800 transparent transparent transparent; /* Gold */ } /* Bottom-right accent */ .custom-azelian-button .elementor-button::after { bottom: -2px; /* Aligns with the border */ right: -2px; border-width: 0 0 8px 8px; /* Creates a bottom-left triangle shape */ border-color: transparent transparent #FFB800 transparent; /* Gold */ } /* Enhance accents on hover for the actual button link */ .custom-azelian-button .elementor-button:hover::before, .custom-azelian-button .elementor-button:focus::before { border-color: #ffbd95 transparent transparent transparent !important; /* Magenta */ transform: translate(-2px, -2px) scale(1.1); } .custom-azelian-button .elementor-button:hover::after, .custom-azelian-button .elementor-button:focus::after { border-color: transparent transparent #ffbd95 transparent !important; /* Magenta */ transform: translate(2px, 2px) scale(1.1); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1002428 *//* --- [FINAL] Force Square Iframe on Desktop & Tablet --- */ /* This media query targets screens 768px and wider (Tablet and Desktop) */ @media (min-width: 768px) { /* 1. Turn the widget wrapper into a relative container */ /* We'll force its height using padding, not a fixed value. */ .elementor-4525 .elementor-element.elementor-element-1002428 { position: relative; height: 0; /* This is the magic: padding-top at 100% of the width creates a perfect square space. */ padding-top: 100%; } /* 2. Position the iframe absolutely to fill that space */ .elementor-4525 .elementor-element.elementor-element-1002428 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } } @media (max-width: 768px) { .elementor-4525 .elementor-element.elementor-element-1002428 { position: relative; height: 400px; } .elementor-4525 .elementor-element.elementor-element-1002428 iframe { position absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a666429 *//* --- Custom Azelian Button --- */ /* This class is on the Elementor WIDGET WRAPPER. We don't want the wrapper itself to have the button's background or border. It can be used for alignment if needed, e.g., by Elementor's settings. So, the .custom-azelian-button rule itself can be minimal or even empty if all styling is on the inner button. */ .custom-azelian-button { /* You can add alignment here if needed, like: */ /* text-align: center; */ /* But Elementor's button alignment options should usually suffice. */ } /* --- Target the ACTUAL BUTTON LINK ( tag) inside the wrapper --- */ .custom-azelian-button .elementor-button { /* Base Colors & Overrides */ background-color: #440042 !important; /* Plum */ color: #FFFFFF !important; /* White text */ /* Font - Try to match your "PROMOTION NETWORK" font */ /* Option 1: If you know the font name and have it loaded */ /* font-family: "Your Specific Wide Font Name", sans-serif !important; */ /* Option 2: A common alternative like Orbitron (load from Google Fonts if needed) */ font-family: 'Vintage Edge', sans-serif !important; /* Option 3: A more generic bold sans-serif as a fallback */ /* font-family: 'Arial Black', 'Impact', sans-serif !important; */ font-weight: 700 !important; letter-spacing: 1.5px !important; /* Sizing & Spacing */ padding: 14px 30px !important; /* Adjust for desired size */ border-radius: 4px !important; /* Slightly rounded corners, can be 0 for sharp */ border: 2px solid #FFB800 !important; /* Gold border */ /* Effects */ box-shadow: 0 0 8px rgba(255, 184, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; position: relative; /* For pseudo-elements if we add more accents */ text-decoration: none !important; /* Remove underline */ display: inline-block !important; /* Ensure it doesn't take full width unless content demands */ width: auto !important; /* Override potential full-width styling from Elementor on the */ max-width: fit-content; /* Ensures button shrinks to content */ } /* --- Hover & Focus States for the actual button link --- */ .custom-azelian-button .elementor-button:hover, .custom-azelian-button .elementor-button:focus { background-color: #3d075b !important; /* soft purple */ color: #FFD700 !important; /* Gold text */ border-color: #ffbd95 !important; /* soft gold */ box-shadow: 0 0 15px rgba(217, 0, 139, 0.8), 0 0 5px rgba(255, 215, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.4); transform: translateY(-2px); /* Slight lift */ } /* --- Optional Angular Accents for the actual button link --- */ .custom-azelian-button .elementor-button::before, .custom-azelian-button .elementor-button::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.3s ease-in-out; } /* Top-left accent */ .custom-azelian-button .elementor-button::before { top: -2px; /* Aligns with the border */ left: -2px; border-width: 8px 8px 0 0; /* Creates a top-right triangle shape */ border-color: #FFB800 transparent transparent transparent; /* Gold */ } /* Bottom-right accent */ .custom-azelian-button .elementor-button::after { bottom: -2px; /* Aligns with the border */ right: -2px; border-width: 0 0 8px 8px; /* Creates a bottom-left triangle shape */ border-color: transparent transparent #FFB800 transparent; /* Gold */ } /* Enhance accents on hover for the actual button link */ .custom-azelian-button .elementor-button:hover::before, .custom-azelian-button .elementor-button:focus::before { border-color: #ffbd95 transparent transparent transparent !important; /* Magenta */ transform: translate(-2px, -2px) scale(1.1); } .custom-azelian-button .elementor-button:hover::after, .custom-azelian-button .elementor-button:focus::after { border-color: transparent transparent #ffbd95 transparent !important; /* Magenta */ transform: translate(2px, 2px) scale(1.1); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1202460 *//* --- Custom Azelian Button --- */ /* This class is on the Elementor WIDGET WRAPPER. We don't want the wrapper itself to have the button's background or border. It can be used for alignment if needed, e.g., by Elementor's settings. So, the .custom-azelian-button rule itself can be minimal or even empty if all styling is on the inner button. */ .custom-azelian-button { /* You can add alignment here if needed, like: */ /* text-align: center; */ /* But Elementor's button alignment options should usually suffice. */ } /* --- Target the ACTUAL BUTTON LINK ( tag) inside the wrapper --- */ .custom-azelian-button .elementor-button { /* Base Colors & Overrides */ background-color: #440042 !important; /* Plum */ color: #FFFFFF !important; /* White text */ /* Font - Try to match your "PROMOTION NETWORK" font */ /* Option 1: If you know the font name and have it loaded */ /* font-family: "Your Specific Wide Font Name", sans-serif !important; */ /* Option 2: A common alternative like Orbitron (load from Google Fonts if needed) */ font-family: 'Vintage Edge', sans-serif !important; /* Option 3: A more generic bold sans-serif as a fallback */ /* font-family: 'Arial Black', 'Impact', sans-serif !important; */ font-weight: 700 !important; letter-spacing: 1.5px !important; /* Sizing & Spacing */ padding: 14px 30px !important; /* Adjust for desired size */ border-radius: 4px !important; /* Slightly rounded corners, can be 0 for sharp */ border: 2px solid #FFB800 !important; /* Gold border */ /* Effects */ box-shadow: 0 0 8px rgba(255, 184, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; position: relative; /* For pseudo-elements if we add more accents */ text-decoration: none !important; /* Remove underline */ display: inline-block !important; /* Ensure it doesn't take full width unless content demands */ width: auto !important; /* Override potential full-width styling from Elementor on the */ max-width: fit-content; /* Ensures button shrinks to content */ } /* --- Hover & Focus States for the actual button link --- */ .custom-azelian-button .elementor-button:hover, .custom-azelian-button .elementor-button:focus { background-color: #3d075b !important; /* soft purple */ color: #FFD700 !important; /* Gold text */ border-color: #ffbd95 !important; /* soft gold */ box-shadow: 0 0 15px rgba(217, 0, 139, 0.8), 0 0 5px rgba(255, 215, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.4); transform: translateY(-2px); /* Slight lift */ } /* --- Optional Angular Accents for the actual button link --- */ .custom-azelian-button .elementor-button::before, .custom-azelian-button .elementor-button::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.3s ease-in-out; } /* Top-left accent */ .custom-azelian-button .elementor-button::before { top: -2px; /* Aligns with the border */ left: -2px; border-width: 8px 8px 0 0; /* Creates a top-right triangle shape */ border-color: #FFB800 transparent transparent transparent; /* Gold */ } /* Bottom-right accent */ .custom-azelian-button .elementor-button::after { bottom: -2px; /* Aligns with the border */ right: -2px; border-width: 0 0 8px 8px; /* Creates a bottom-left triangle shape */ border-color: transparent transparent #FFB800 transparent; /* Gold */ } /* Enhance accents on hover for the actual button link */ .custom-azelian-button .elementor-button:hover::before, .custom-azelian-button .elementor-button:focus::before { border-color: #ffbd95 transparent transparent transparent !important; /* Magenta */ transform: translate(-2px, -2px) scale(1.1); } .custom-azelian-button .elementor-button:hover::after, .custom-azelian-button .elementor-button:focus::after { border-color: transparent transparent #ffbd95 transparent !important; /* Magenta */ transform: translate(2px, 2px) scale(1.1); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-26772c6 *//* --- [FINAL] Force Square Iframe on Desktop & Tablet --- */ /* This media query targets screens 768px and wider (Tablet and Desktop) */ @media (min-width: 768px) { /* 1. Turn the widget wrapper into a relative container */ /* We'll force its height using padding, not a fixed value. */ .elementor-4525 .elementor-element.elementor-element-26772c6 { position: relative; height: 0; /* This is the magic: padding-top at 100% of the width creates a perfect square space. */ padding-top: 100%; } /* 2. Position the iframe absolutely to fill that space */ .elementor-4525 .elementor-element.elementor-element-26772c6 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } } @media (max-width: 768px) { .elementor-4525 .elementor-element.elementor-element-26772c6 { position: relative; height: 400px; } .elementor-4525 .elementor-element.elementor-element-26772c6 iframe { position absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5d7b64f *//* --- [FINAL] Force Square Iframe on Desktop & Tablet --- */ /* This media query targets screens 768px and wider (Tablet and Desktop) */ @media (min-width: 768px) { /* 1. Turn the widget wrapper into a relative container */ /* We'll force its height using padding, not a fixed value. */ .elementor-4525 .elementor-element.elementor-element-5d7b64f { position: relative; height: 0; /* This is the magic: padding-top at 100% of the width creates a perfect square space. */ padding-top: 100%; } /* 2. Position the iframe absolutely to fill that space */ .elementor-4525 .elementor-element.elementor-element-5d7b64f iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } } @media (max-width: 768px) { .elementor-4525 .elementor-element.elementor-element-5d7b64f { position: relative; height: 400px; } .elementor-4525 .elementor-element.elementor-element-5d7b64f iframe { position absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-29c9dbd *//* --- Custom Azelian Button --- */ /* This class is on the Elementor WIDGET WRAPPER. We don't want the wrapper itself to have the button's background or border. It can be used for alignment if needed, e.g., by Elementor's settings. So, the .custom-azelian-button rule itself can be minimal or even empty if all styling is on the inner button. */ .custom-azelian-button { /* You can add alignment here if needed, like: */ /* text-align: center; */ /* But Elementor's button alignment options should usually suffice. */ } /* --- Target the ACTUAL BUTTON LINK ( tag) inside the wrapper --- */ .custom-azelian-button .elementor-button { /* Base Colors & Overrides */ background-color: #440042 !important; /* Plum */ color: #FFFFFF !important; /* White text */ /* Font - Try to match your "PROMOTION NETWORK" font */ /* Option 1: If you know the font name and have it loaded */ /* font-family: "Your Specific Wide Font Name", sans-serif !important; */ /* Option 2: A common alternative like Orbitron (load from Google Fonts if needed) */ font-family: 'Vintage Edge', sans-serif !important; /* Option 3: A more generic bold sans-serif as a fallback */ /* font-family: 'Arial Black', 'Impact', sans-serif !important; */ font-weight: 700 !important; letter-spacing: 1.5px !important; /* Sizing & Spacing */ padding: 14px 30px !important; /* Adjust for desired size */ border-radius: 4px !important; /* Slightly rounded corners, can be 0 for sharp */ border: 2px solid #FFB800 !important; /* Gold border */ /* Effects */ box-shadow: 0 0 8px rgba(255, 184, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; position: relative; /* For pseudo-elements if we add more accents */ text-decoration: none !important; /* Remove underline */ display: inline-block !important; /* Ensure it doesn't take full width unless content demands */ width: auto !important; /* Override potential full-width styling from Elementor on the */ max-width: fit-content; /* Ensures button shrinks to content */ } /* --- Hover & Focus States for the actual button link --- */ .custom-azelian-button .elementor-button:hover, .custom-azelian-button .elementor-button:focus { background-color: #3d075b !important; /* soft purple */ color: #FFD700 !important; /* Gold text */ border-color: #ffbd95 !important; /* soft gold */ box-shadow: 0 0 15px rgba(217, 0, 139, 0.8), 0 0 5px rgba(255, 215, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.4); transform: translateY(-2px); /* Slight lift */ } /* --- Optional Angular Accents for the actual button link --- */ .custom-azelian-button .elementor-button::before, .custom-azelian-button .elementor-button::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.3s ease-in-out; } /* Top-left accent */ .custom-azelian-button .elementor-button::before { top: -2px; /* Aligns with the border */ left: -2px; border-width: 8px 8px 0 0; /* Creates a top-right triangle shape */ border-color: #FFB800 transparent transparent transparent; /* Gold */ } /* Bottom-right accent */ .custom-azelian-button .elementor-button::after { bottom: -2px; /* Aligns with the border */ right: -2px; border-width: 0 0 8px 8px; /* Creates a bottom-left triangle shape */ border-color: transparent transparent #FFB800 transparent; /* Gold */ } /* Enhance accents on hover for the actual button link */ .custom-azelian-button .elementor-button:hover::before, .custom-azelian-button .elementor-button:focus::before { border-color: #ffbd95 transparent transparent transparent !important; /* Magenta */ transform: translate(-2px, -2px) scale(1.1); } .custom-azelian-button .elementor-button:hover::after, .custom-azelian-button .elementor-button:focus::after { border-color: transparent transparent #ffbd95 transparent !important; /* Magenta */ transform: translate(2px, 2px) scale(1.1); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9036f43 *//* --- Custom Azelian Button --- */ /* This class is on the Elementor WIDGET WRAPPER. We don't want the wrapper itself to have the button's background or border. It can be used for alignment if needed, e.g., by Elementor's settings. So, the .custom-azelian-button rule itself can be minimal or even empty if all styling is on the inner button. */ .custom-azelian-button { /* You can add alignment here if needed, like: */ /* text-align: center; */ /* But Elementor's button alignment options should usually suffice. */ } /* --- Target the ACTUAL BUTTON LINK ( tag) inside the wrapper --- */ .custom-azelian-button .elementor-button { /* Base Colors & Overrides */ background-color: #440042 !important; /* Plum */ color: #FFFFFF !important; /* White text */ /* Font - Try to match your "PROMOTION NETWORK" font */ /* Option 1: If you know the font name and have it loaded */ /* font-family: "Your Specific Wide Font Name", sans-serif !important; */ /* Option 2: A common alternative like Orbitron (load from Google Fonts if needed) */ font-family: 'Vintage Edge', sans-serif !important; /* Option 3: A more generic bold sans-serif as a fallback */ /* font-family: 'Arial Black', 'Impact', sans-serif !important; */ font-weight: 700 !important; letter-spacing: 1.5px !important; /* Sizing & Spacing */ padding: 14px 30px !important; /* Adjust for desired size */ border-radius: 4px !important; /* Slightly rounded corners, can be 0 for sharp */ border: 2px solid #FFB800 !important; /* Gold border */ /* Effects */ box-shadow: 0 0 8px rgba(255, 184, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; position: relative; /* For pseudo-elements if we add more accents */ text-decoration: none !important; /* Remove underline */ display: inline-block !important; /* Ensure it doesn't take full width unless content demands */ width: auto !important; /* Override potential full-width styling from Elementor on the */ max-width: fit-content; /* Ensures button shrinks to content */ } /* --- Hover & Focus States for the actual button link --- */ .custom-azelian-button .elementor-button:hover, .custom-azelian-button .elementor-button:focus { background-color: #3d075b !important; /* soft purple */ color: #FFD700 !important; /* Gold text */ border-color: #ffbd95 !important; /* soft gold */ box-shadow: 0 0 15px rgba(217, 0, 139, 0.8), 0 0 5px rgba(255, 215, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.4); transform: translateY(-2px); /* Slight lift */ } /* --- Optional Angular Accents for the actual button link --- */ .custom-azelian-button .elementor-button::before, .custom-azelian-button .elementor-button::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.3s ease-in-out; } /* Top-left accent */ .custom-azelian-button .elementor-button::before { top: -2px; /* Aligns with the border */ left: -2px; border-width: 8px 8px 0 0; /* Creates a top-right triangle shape */ border-color: #FFB800 transparent transparent transparent; /* Gold */ } /* Bottom-right accent */ .custom-azelian-button .elementor-button::after { bottom: -2px; /* Aligns with the border */ right: -2px; border-width: 0 0 8px 8px; /* Creates a bottom-left triangle shape */ border-color: transparent transparent #FFB800 transparent; /* Gold */ } /* Enhance accents on hover for the actual button link */ .custom-azelian-button .elementor-button:hover::before, .custom-azelian-button .elementor-button:focus::before { border-color: #ffbd95 transparent transparent transparent !important; /* Magenta */ transform: translate(-2px, -2px) scale(1.1); } .custom-azelian-button .elementor-button:hover::after, .custom-azelian-button .elementor-button:focus::after { border-color: transparent transparent #ffbd95 transparent !important; /* Magenta */ transform: translate(2px, 2px) scale(1.1); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f80ee87 *//* --- [FINAL] Force Square Iframe on Desktop & Tablet --- */ /* This media query targets screens 768px and wider (Tablet and Desktop) */ @media (min-width: 768px) { /* 1. Turn the widget wrapper into a relative container */ /* We'll force its height using padding, not a fixed value. */ .elementor-4525 .elementor-element.elementor-element-f80ee87 { position: relative; height: 0; /* This is the magic: padding-top at 100% of the width creates a perfect square space. */ padding-top: 100%; } /* 2. Position the iframe absolutely to fill that space */ .elementor-4525 .elementor-element.elementor-element-f80ee87 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } } @media (max-width: 768px) { .elementor-4525 .elementor-element.elementor-element-f80ee87 { position: relative; height: 400px; } .elementor-4525 .elementor-element.elementor-element-f80ee87 iframe { position absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b2a0b6a *//* --- [FINAL] Force Square Iframe on Desktop & Tablet --- */ /* This media query targets screens 768px and wider (Tablet and Desktop) */ @media (min-width: 768px) { /* 1. Turn the widget wrapper into a relative container */ /* We'll force its height using padding, not a fixed value. */ .elementor-4525 .elementor-element.elementor-element-b2a0b6a { position: relative; height: 0; /* This is the magic: padding-top at 100% of the width creates a perfect square space. */ padding-top: 100%; } /* 2. Position the iframe absolutely to fill that space */ .elementor-4525 .elementor-element.elementor-element-b2a0b6a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } } @media (max-width: 768px) { .elementor-4525 .elementor-element.elementor-element-b2a0b6a { position: relative; height: 400px; } .elementor-4525 .elementor-element.elementor-element-b2a0b6a iframe { position absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-836e625 *//* --- Custom Azelian Button --- */ /* This class is on the Elementor WIDGET WRAPPER. We don't want the wrapper itself to have the button's background or border. It can be used for alignment if needed, e.g., by Elementor's settings. So, the .custom-azelian-button rule itself can be minimal or even empty if all styling is on the inner button. */ .custom-azelian-button { /* You can add alignment here if needed, like: */ /* text-align: center; */ /* But Elementor's button alignment options should usually suffice. */ } /* --- Target the ACTUAL BUTTON LINK ( tag) inside the wrapper --- */ .custom-azelian-button .elementor-button { /* Base Colors & Overrides */ background-color: #440042 !important; /* Plum */ color: #FFFFFF !important; /* White text */ /* Font - Try to match your "PROMOTION NETWORK" font */ /* Option 1: If you know the font name and have it loaded */ /* font-family: "Your Specific Wide Font Name", sans-serif !important; */ /* Option 2: A common alternative like Orbitron (load from Google Fonts if needed) */ font-family: 'Vintage Edge', sans-serif !important; /* Option 3: A more generic bold sans-serif as a fallback */ /* font-family: 'Arial Black', 'Impact', sans-serif !important; */ font-weight: 700 !important; letter-spacing: 1.5px !important; /* Sizing & Spacing */ padding: 14px 30px !important; /* Adjust for desired size */ border-radius: 4px !important; /* Slightly rounded corners, can be 0 for sharp */ border: 2px solid #FFB800 !important; /* Gold border */ /* Effects */ box-shadow: 0 0 8px rgba(255, 184, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; position: relative; /* For pseudo-elements if we add more accents */ text-decoration: none !important; /* Remove underline */ display: inline-block !important; /* Ensure it doesn't take full width unless content demands */ width: auto !important; /* Override potential full-width styling from Elementor on the */ max-width: fit-content; /* Ensures button shrinks to content */ } /* --- Hover & Focus States for the actual button link --- */ .custom-azelian-button .elementor-button:hover, .custom-azelian-button .elementor-button:focus { background-color: #3d075b !important; /* soft purple */ color: #FFD700 !important; /* Gold text */ border-color: #ffbd95 !important; /* soft gold */ box-shadow: 0 0 15px rgba(217, 0, 139, 0.8), 0 0 5px rgba(255, 215, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.4); transform: translateY(-2px); /* Slight lift */ } /* --- Optional Angular Accents for the actual button link --- */ .custom-azelian-button .elementor-button::before, .custom-azelian-button .elementor-button::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.3s ease-in-out; } /* Top-left accent */ .custom-azelian-button .elementor-button::before { top: -2px; /* Aligns with the border */ left: -2px; border-width: 8px 8px 0 0; /* Creates a top-right triangle shape */ border-color: #FFB800 transparent transparent transparent; /* Gold */ } /* Bottom-right accent */ .custom-azelian-button .elementor-button::after { bottom: -2px; /* Aligns with the border */ right: -2px; border-width: 0 0 8px 8px; /* Creates a bottom-left triangle shape */ border-color: transparent transparent #FFB800 transparent; /* Gold */ } /* Enhance accents on hover for the actual button link */ .custom-azelian-button .elementor-button:hover::before, .custom-azelian-button .elementor-button:focus::before { border-color: #ffbd95 transparent transparent transparent !important; /* Magenta */ transform: translate(-2px, -2px) scale(1.1); } .custom-azelian-button .elementor-button:hover::after, .custom-azelian-button .elementor-button:focus::after { border-color: transparent transparent #ffbd95 transparent !important; /* Magenta */ transform: translate(2px, 2px) scale(1.1); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b97a30c *//* --- Custom Azelian Button --- */ /* This class is on the Elementor WIDGET WRAPPER. We don't want the wrapper itself to have the button's background or border. It can be used for alignment if needed, e.g., by Elementor's settings. So, the .custom-azelian-button rule itself can be minimal or even empty if all styling is on the inner button. */ .custom-azelian-button { /* You can add alignment here if needed, like: */ /* text-align: center; */ /* But Elementor's button alignment options should usually suffice. */ } /* --- Target the ACTUAL BUTTON LINK ( tag) inside the wrapper --- */ .custom-azelian-button .elementor-button { /* Base Colors & Overrides */ background-color: #440042 !important; /* Plum */ color: #FFFFFF !important; /* White text */ /* Font - Try to match your "PROMOTION NETWORK" font */ /* Option 1: If you know the font name and have it loaded */ /* font-family: "Your Specific Wide Font Name", sans-serif !important; */ /* Option 2: A common alternative like Orbitron (load from Google Fonts if needed) */ font-family: 'Vintage Edge', sans-serif !important; /* Option 3: A more generic bold sans-serif as a fallback */ /* font-family: 'Arial Black', 'Impact', sans-serif !important; */ font-weight: 700 !important; letter-spacing: 1.5px !important; /* Sizing & Spacing */ padding: 14px 30px !important; /* Adjust for desired size */ border-radius: 4px !important; /* Slightly rounded corners, can be 0 for sharp */ border: 2px solid #FFB800 !important; /* Gold border */ /* Effects */ box-shadow: 0 0 8px rgba(255, 184, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; position: relative; /* For pseudo-elements if we add more accents */ text-decoration: none !important; /* Remove underline */ display: inline-block !important; /* Ensure it doesn't take full width unless content demands */ width: auto !important; /* Override potential full-width styling from Elementor on the */ max-width: fit-content; /* Ensures button shrinks to content */ } /* --- Hover & Focus States for the actual button link --- */ .custom-azelian-button .elementor-button:hover, .custom-azelian-button .elementor-button:focus { background-color: #3d075b !important; /* soft purple */ color: #FFD700 !important; /* Gold text */ border-color: #ffbd95 !important; /* soft gold */ box-shadow: 0 0 15px rgba(217, 0, 139, 0.8), 0 0 5px rgba(255, 215, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.4); transform: translateY(-2px); /* Slight lift */ } /* --- Optional Angular Accents for the actual button link --- */ .custom-azelian-button .elementor-button::before, .custom-azelian-button .elementor-button::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.3s ease-in-out; } /* Top-left accent */ .custom-azelian-button .elementor-button::before { top: -2px; /* Aligns with the border */ left: -2px; border-width: 8px 8px 0 0; /* Creates a top-right triangle shape */ border-color: #FFB800 transparent transparent transparent; /* Gold */ } /* Bottom-right accent */ .custom-azelian-button .elementor-button::after { bottom: -2px; /* Aligns with the border */ right: -2px; border-width: 0 0 8px 8px; /* Creates a bottom-left triangle shape */ border-color: transparent transparent #FFB800 transparent; /* Gold */ } /* Enhance accents on hover for the actual button link */ .custom-azelian-button .elementor-button:hover::before, .custom-azelian-button .elementor-button:focus::before { border-color: #ffbd95 transparent transparent transparent !important; /* Magenta */ transform: translate(-2px, -2px) scale(1.1); } .custom-azelian-button .elementor-button:hover::after, .custom-azelian-button .elementor-button:focus::after { border-color: transparent transparent #ffbd95 transparent !important; /* Magenta */ transform: translate(2px, 2px) scale(1.1); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-550637b *//* --- [FINAL] Force Square Iframe on Desktop & Tablet --- */ /* This media query targets screens 768px and wider (Tablet and Desktop) */ @media (min-width: 768px) { /* 1. Turn the widget wrapper into a relative container */ /* We'll force its height using padding, not a fixed value. */ .elementor-4525 .elementor-element.elementor-element-550637b { position: relative; height: 0; /* This is the magic: padding-top at 100% of the width creates a perfect square space. */ padding-top: 100%; } /* 2. Position the iframe absolutely to fill that space */ .elementor-4525 .elementor-element.elementor-element-550637b iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } } @media (max-width: 768px) { .elementor-4525 .elementor-element.elementor-element-550637b { position: relative; height: 400px; } .elementor-4525 .elementor-element.elementor-element-550637b iframe { position absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0d92c0f *//* --- Custom Azelian Button --- */ /* This class is on the Elementor WIDGET WRAPPER. We don't want the wrapper itself to have the button's background or border. It can be used for alignment if needed, e.g., by Elementor's settings. So, the .custom-azelian-button rule itself can be minimal or even empty if all styling is on the inner button. */ .custom-azelian-button { /* You can add alignment here if needed, like: */ /* text-align: center; */ /* But Elementor's button alignment options should usually suffice. */ } /* --- Target the ACTUAL BUTTON LINK ( tag) inside the wrapper --- */ .custom-azelian-button .elementor-button { /* Base Colors & Overrides */ background-color: #440042 !important; /* Plum */ color: #FFFFFF !important; /* White text */ /* Font - Try to match your "PROMOTION NETWORK" font */ /* Option 1: If you know the font name and have it loaded */ /* font-family: "Your Specific Wide Font Name", sans-serif !important; */ /* Option 2: A common alternative like Orbitron (load from Google Fonts if needed) */ font-family: 'Vintage Edge', sans-serif !important; /* Option 3: A more generic bold sans-serif as a fallback */ /* font-family: 'Arial Black', 'Impact', sans-serif !important; */ font-weight: 700 !important; letter-spacing: 1.5px !important; /* Sizing & Spacing */ padding: 14px 30px !important; /* Adjust for desired size */ border-radius: 4px !important; /* Slightly rounded corners, can be 0 for sharp */ border: 2px solid #FFB800 !important; /* Gold border */ /* Effects */ box-shadow: 0 0 8px rgba(255, 184, 0, 0.6), inset 0 0 5px rgba(0, 0, 0, 0.3); transition: all 0.3s ease-in-out; position: relative; /* For pseudo-elements if we add more accents */ text-decoration: none !important; /* Remove underline */ display: inline-block !important; /* Ensure it doesn't take full width unless content demands */ width: auto !important; /* Override potential full-width styling from Elementor on the */ max-width: fit-content; /* Ensures button shrinks to content */ } /* --- Hover & Focus States for the actual button link --- */ .custom-azelian-button .elementor-button:hover, .custom-azelian-button .elementor-button:focus { background-color: #3d075b !important; /* soft purple */ color: #FFD700 !important; /* Gold text */ border-color: #ffbd95 !important; /* soft gold */ box-shadow: 0 0 15px rgba(217, 0, 139, 0.8), 0 0 5px rgba(255, 215, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.4); transform: translateY(-2px); /* Slight lift */ } /* --- Optional Angular Accents for the actual button link --- */ .custom-azelian-button .elementor-button::before, .custom-azelian-button .elementor-button::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; transition: all 0.3s ease-in-out; } /* Top-left accent */ .custom-azelian-button .elementor-button::before { top: -2px; /* Aligns with the border */ left: -2px; border-width: 8px 8px 0 0; /* Creates a top-right triangle shape */ border-color: #FFB800 transparent transparent transparent; /* Gold */ } /* Bottom-right accent */ .custom-azelian-button .elementor-button::after { bottom: -2px; /* Aligns with the border */ right: -2px; border-width: 0 0 8px 8px; /* Creates a bottom-left triangle shape */ border-color: transparent transparent #FFB800 transparent; /* Gold */ } /* Enhance accents on hover for the actual button link */ .custom-azelian-button .elementor-button:hover::before, .custom-azelian-button .elementor-button:focus::before { border-color: #ffbd95 transparent transparent transparent !important; /* Magenta */ transform: translate(-2px, -2px) scale(1.1); } .custom-azelian-button .elementor-button:hover::after, .custom-azelian-button .elementor-button:focus::after { border-color: transparent transparent #ffbd95 transparent !important; /* Magenta */ transform: translate(2px, 2px) scale(1.1); }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Retro Gastroll'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://azelianarts.com/wp-content/uploads/2025/06/retro-gastroll.regular.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Fragor'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://azelianarts.com/wp-content/uploads/2025/06/Fragor-DemoVersion-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Vintage Edge'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://azelianarts.com/wp-content/uploads/2025/06/Vintage_Edge7068299737468014565.3a67878a.73a15c2eb92a917928eae99a10509a9a.woff2') format('woff2'); } /* End Custom Fonts CSS */