.elementor-21 .elementor-element.elementor-element-712dfe0{--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;}.elementor-21 .elementor-element.elementor-element-5242b70{--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;}.elementor-21 .elementor-element.elementor-element-55309d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;}.elementor-21 .elementor-element.elementor-element-75bb298.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-75bb298 .elementor-main-swiper{height:18.75rem;}.elementor-21 .elementor-element.elementor-element-75bb298 .elementor-swiper-button{font-size:20px;}.elementor-21 .elementor-element.elementor-element-1843fe2{--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;--justify-content:center;--align-items:center;}.elementor-21 .elementor-element.elementor-element-56e50a6 .elementor-button{background-color:var( --e-global-color-text );font-family:"Lato", Sans-serif;font-size:1.5rem;font-weight:700;fill:var( --e-global-color-44d8104 );color:var( --e-global-color-44d8104 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-cfead2d );border-radius:7rem 7rem 7rem 7rem;padding:1rem 3rem 1rem 3rem;}.elementor-21 .elementor-element.elementor-element-02a56db{--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;--justify-content:space-between;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:5rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-3b06405{text-align:left;}.elementor-21 .elementor-element.elementor-element-3b06405 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:9rem;font-weight:300;line-height:1em;letter-spacing:0em;color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-302fab4 .elementor-button{background-color:var( --e-global-color-text );font-family:"Lato", Sans-serif;font-size:1.5rem;font-weight:700;fill:var( --e-global-color-44d8104 );color:var( --e-global-color-44d8104 );}.elementor-21 .elementor-element.elementor-element-302fab4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-21 .elementor-element.elementor-element-302fab4 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-21 .elementor-element.elementor-element-7182506{--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:1.5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-0407ea4{--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:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0rem;--padding-bottom:7.5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-c8908c1{--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;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;}.elementor-21 .elementor-element.elementor-element-cd80980{--display:flex;--min-height:20rem;--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;--justify-content:flex-end;--align-items:flex-start;--background-transition:0.3s;--border-radius:1rem 1rem 1rem 1rem;--padding-top:2.5rem;--padding-bottom:2.5rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-21 .elementor-element.elementor-element-cd80980:hover{background-color:var( --e-global-color-39fdf3a );}.elementor-21 .elementor-element.elementor-element-97e5c92{background-color:var( --e-global-color-primary );padding:1rem 1.5rem 1rem 1.5rem;border-radius:9rem 9rem 9rem 9rem;}.elementor-21 .elementor-element.elementor-element-97e5c92.elementor-element{--align-self:flex-start;}.elementor-21 .elementor-element.elementor-element-97e5c92 .elementor-heading-title{color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-93e7e19{padding:1rem 0rem 0rem 0rem;text-align:left;}.elementor-21 .elementor-element.elementor-element-93e7e19 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:2rem;font-weight:600;color:var( --e-global-color-44d8104 );}.elementor-21 .elementor-element.elementor-element-93e7e19 .elementor-heading-title a:hover, .elementor-21 .elementor-element.elementor-element-93e7e19 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-2103b04{text-align:left;}.elementor-21 .elementor-element.elementor-element-2103b04 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.7rem;font-weight:300;color:var( --e-global-color-44d8104 );}.elementor-21 .elementor-element.elementor-element-3073510{--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;}.elementor-21 .elementor-element.elementor-element-3073510.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-2b83be7{--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:1rem 1rem;--row-gap:1rem;--column-gap:1rem;}.elementor-21 .elementor-element.elementor-element-e2d3bbf{--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;--justify-content:flex-end;--align-items:flex-start;--background-transition:0.3s;--border-radius:1rem 1rem 1rem 1rem;--padding-top:2.5rem;--padding-bottom:2.5rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-21 .elementor-element.elementor-element-e2d3bbf:hover{background-color:var( --e-global-color-39fdf3a );}.elementor-21 .elementor-element.elementor-element-66371d5{background-color:var( --e-global-color-primary );padding:1rem 1.5rem 1rem 1.5rem;border-radius:9rem 9rem 9rem 9rem;}.elementor-21 .elementor-element.elementor-element-66371d5.elementor-element{--align-self:flex-start;}.elementor-21 .elementor-element.elementor-element-66371d5 .elementor-heading-title{color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-40b4d38{padding:1rem 0rem 0rem 0rem;text-align:left;}.elementor-21 .elementor-element.elementor-element-40b4d38 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:2rem;font-weight:600;color:var( --e-global-color-44d8104 );}.elementor-21 .elementor-element.elementor-element-40b4d38 .elementor-heading-title a:hover, .elementor-21 .elementor-element.elementor-element-40b4d38 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-ab6ded1{text-align:left;}.elementor-21 .elementor-element.elementor-element-ab6ded1 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.5rem;font-weight:300;color:var( --e-global-color-44d8104 );}.elementor-21 .elementor-element.elementor-element-ae66464{--display:flex;--min-height:20rem;--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;--justify-content:space-between;--align-items:flex-start;--background-transition:0.3s;--border-radius:1rem 1rem 1rem 1rem;--padding-top:2.5rem;--padding-bottom:2.5rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-21 .elementor-element.elementor-element-ae66464:hover{background-color:var( --e-global-color-39fdf3a );}.elementor-21 .elementor-element.elementor-element-4521739{background-color:var( --e-global-color-primary );padding:1rem 1.5rem 1rem 1.5rem;border-radius:9rem 9rem 9rem 9rem;}.elementor-21 .elementor-element.elementor-element-4521739.elementor-element{--align-self:flex-start;}.elementor-21 .elementor-element.elementor-element-4521739 .elementor-heading-title{color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-d019287{padding:1rem 0rem 0rem 0rem;text-align:left;}.elementor-21 .elementor-element.elementor-element-d019287 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:2rem;font-weight:600;color:var( --e-global-color-44d8104 );}.elementor-21 .elementor-element.elementor-element-d019287 .elementor-heading-title a:hover, .elementor-21 .elementor-element.elementor-element-d019287 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-d9ee789{text-align:left;}.elementor-21 .elementor-element.elementor-element-d9ee789 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.5rem;font-weight:300;color:var( --e-global-color-44d8104 );}.elementor-21 .elementor-element.elementor-element-90276ec{--display:flex;--min-height:40rem;--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;}.elementor-21 .elementor-element.elementor-element-7a49afd{--display:flex;--min-height:44.2rem;--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;--justify-content:flex-end;--align-items:flex-start;--background-transition:0.3s;--border-radius:1rem 1rem 1rem 1rem;--padding-top:2.5rem;--padding-bottom:2.5rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-21 .elementor-element.elementor-element-7a49afd:hover{background-color:var( --e-global-color-39fdf3a );}.elementor-21 .elementor-element.elementor-element-db2aca6{background-color:var( --e-global-color-primary );padding:1rem 1.5rem 1rem 1.5rem;border-radius:9rem 9rem 9rem 9rem;}.elementor-21 .elementor-element.elementor-element-db2aca6.elementor-element{--align-self:flex-start;}.elementor-21 .elementor-element.elementor-element-db2aca6 .elementor-heading-title{color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-21713d0{padding:19.05rem 0rem 0rem 0rem;text-align:left;}.elementor-21 .elementor-element.elementor-element-21713d0 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:2rem;font-weight:600;color:var( --e-global-color-44d8104 );}.elementor-21 .elementor-element.elementor-element-21713d0 .elementor-heading-title a:hover, .elementor-21 .elementor-element.elementor-element-21713d0 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-de900a4{text-align:left;}.elementor-21 .elementor-element.elementor-element-de900a4 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.5rem;font-weight:300;color:var( --e-global-color-44d8104 );}.elementor-21 .elementor-element.elementor-element-c34816c{--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;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-9418da6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-a6b0b30{--display:flex;--min-height:50rem;--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;}.elementor-21 .elementor-element.elementor-element-735b1df{--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:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:5rem;--padding-bottom:5rem;--padding-left:5rem;--padding-right:5rem;}.elementor-21 .elementor-element.elementor-element-735b1df:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-735b1df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-39fdf3a );}.elementor-21 .elementor-element.elementor-element-25511d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-25511d5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-8a954ce{text-align:left;}.elementor-21 .elementor-element.elementor-element-8a954ce .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:9.4rem;font-weight:300;line-height:1em;letter-spacing:0em;color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-a3ea579{text-align:left;}.elementor-21 .elementor-element.elementor-element-a3ea579 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:9.4rem;font-weight:600;line-height:1em;letter-spacing:0em;color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-a1f83d2{text-align:left;}.elementor-21 .elementor-element.elementor-element-a1f83d2 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:9.4rem;font-weight:600;line-height:1em;letter-spacing:0em;color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-90defb7{width:var( --container-widget-width, 73% );max-width:73%;padding:4rem 0rem 0rem 0rem;--container-widget-width:73%;--container-widget-flex-grow:0;}.elementor-21 .elementor-element.elementor-element-90defb7 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:2rem;font-weight:400;line-height:1.25em;letter-spacing:0.025em;color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-21799ab{--display:flex;--position:absolute;--min-height:40rem;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-9d5b04a );--border-color:var( --e-global-color-9d5b04a );--border-radius:27px 27px 27px 27px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;top:3.7rem;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-21799ab{right:8.5rem;}body.rtl .elementor-21 .elementor-element.elementor-element-21799ab{left:8.5rem;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-10909e6{left:3rem;}body.rtl .elementor-21 .elementor-element.elementor-element-10909e6{right:3rem;}.elementor-21 .elementor-element.elementor-element-10909e6{top:2.8rem;}.elementor-21 .elementor-element.elementor-element-10909e6 .elementor-heading-title{font-family:"Bebas Kai", Sans-serif;font-size:12rem;font-weight:500;line-height:0.1em;color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-0d3b453{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-21 .elementor-element.elementor-element-0d3b453 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2em;color:var( --e-global-color-cfead2d );}.elementor-21 .elementor-element.elementor-element-8c8c39d{padding:0rem 1.5rem 0rem 01.5rem;text-align:justify;}.elementor-21 .elementor-element.elementor-element-8c8c39d .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.8rem;font-weight:400;line-height:1.25em;letter-spacing:0.025em;color:var( --e-global-color-cfead2d );}.elementor-21 .elementor-element.elementor-element-44ab0a8 .elementor-button{background-color:#835EA000;font-family:"Lato", Sans-serif;font-size:2rem;font-weight:300;fill:var( --e-global-color-9dc92de );color:var( --e-global-color-9dc92de );border-style:solid;border-width:1px 1px 1px 1px;border-radius:1rem 1rem 1rem 1rem;}.elementor-21 .elementor-element.elementor-element-df0bfa9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:15rem;--margin-left:0rem;--margin-right:0rem;}.elementor-21 .elementor-element.elementor-element-0693d96{--display:flex;--min-height:90vh;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:-3px;--margin-left:-0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-0693d96:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-0693d96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dripoliweb.com/wp-content/uploads/2025/04/Arc.svg");background-repeat:no-repeat;}.elementor-21 .elementor-element.elementor-element-0693d96.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-08a928c{background-color:var( --e-global-color-text );padding:4rem 3.5rem 4rem 3.5rem;top:3rem;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9d5b04a );border-radius:500px 500px 500px 500px;text-align:center;}.elementor-21 .elementor-element.elementor-element-08a928c.elementor-element{--align-self:center;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-08a928c{right:-5rem;}body.rtl .elementor-21 .elementor-element.elementor-element-08a928c{left:-5rem;}.elementor-21 .elementor-element.elementor-element-08a928c .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.5rem;font-weight:300;line-height:1.25em;letter-spacing:0.025em;color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-d76e03d{background-color:var( --e-global-color-text );padding:6.5rem 4rem 6.5rem 4rem;bottom:0rem;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9d5b04a );border-radius:500px 500px 500px 500px;text-align:center;}.elementor-21 .elementor-element.elementor-element-d76e03d.elementor-element{--align-self:center;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-d76e03d{left:10rem;}body.rtl .elementor-21 .elementor-element.elementor-element-d76e03d{right:10rem;}.elementor-21 .elementor-element.elementor-element-d76e03d .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.5rem;font-weight:300;line-height:1.25em;letter-spacing:0.025em;color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-e8542d0{background-color:var( --e-global-color-text );padding:6rem 2rem 6rem 2rem;top:10rem;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9d5b04a );border-radius:500px 500px 500px 500px;text-align:center;}.elementor-21 .elementor-element.elementor-element-e8542d0.elementor-element{--align-self:center;}.elementor-21 .elementor-element.elementor-element-e8542d0 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.5rem;font-weight:300;line-height:1.25em;letter-spacing:0.025em;color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-8fa1574{--display:flex;--position:absolute;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;bottom:15rem;--z-index:1;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-8fa1574{left:0rem;}body.rtl .elementor-21 .elementor-element.elementor-element-8fa1574{right:0rem;}.elementor-21 .elementor-element.elementor-element-ec21ed7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0rem 0rem 0rem 0rem;text-align:left;}.elementor-21 .elementor-element.elementor-element-ec21ed7 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:12rem;font-weight:400;line-height:1em;letter-spacing:0em;color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-fcfac13{padding:0rem 10rem 0rem 0rem;text-align:right;}.elementor-21 .elementor-element.elementor-element-fcfac13 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:3rem;font-weight:300;line-height:1em;letter-spacing:0em;color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-22cecbb{background-color:var( --e-global-color-text );padding:6rem 4rem 6rem 4rem;top:15rem;z-index:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9d5b04a );border-radius:500px 500px 500px 500px;text-align:center;}.elementor-21 .elementor-element.elementor-element-22cecbb.elementor-element{--align-self:center;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-22cecbb{right:15rem;}body.rtl .elementor-21 .elementor-element.elementor-element-22cecbb{left:15rem;}.elementor-21 .elementor-element.elementor-element-22cecbb .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.5rem;font-weight:300;line-height:1.25em;letter-spacing:0.025em;color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-c67fe61{background-color:var( --e-global-color-text );padding:1.5rem 1.5rem 1.5rem 1.5rem;bottom:0px;z-index:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9d5b04a );border-radius:500px 500px 500px 500px;text-align:center;}.elementor-21 .elementor-element.elementor-element-c67fe61.elementor-element{--align-self:center;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-c67fe61{right:20rem;}body.rtl .elementor-21 .elementor-element.elementor-element-c67fe61{left:20rem;}.elementor-21 .elementor-element.elementor-element-c67fe61 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.5rem;font-weight:300;line-height:1.25em;letter-spacing:0.025em;color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-8f76b34{--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;}.elementor-21 .elementor-element.elementor-element-8f76b34:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-8f76b34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-21 .elementor-element.elementor-element-6b53bcf{--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;}.elementor-21 .elementor-element.elementor-element-e511952{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:4rem;--margin-bottom:0rem;--margin-left:4rem;--margin-right:4rem;--padding-top:0rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-3865bd5{padding:0.5rem 4rem 0.5rem 4rem;border-style:none;border-radius:0rem 0rem 0rem 0rem;text-align:left;}.elementor-21 .elementor-element.elementor-element-3865bd5.elementor-element{--align-self:flex-start;}.elementor-21 .elementor-element.elementor-element-3865bd5 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:4.5rem;font-weight:600;line-height:1em;letter-spacing:0em;color:var( --e-global-color-9dc92de );}.elementor-21 .elementor-element.elementor-element-c31f165{width:var( --container-widget-width, 95% );max-width:95%;padding:0rem 0rem 0rem 4rem;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:justify;}.elementor-21 .elementor-element.elementor-element-c31f165 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:1.9rem;text-transform:capitalize;line-height:1.3em;letter-spacing:1px;color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-c45f4a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1.4rem;--margin-bottom:10rem;--margin-left:4rem;--margin-right:4rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-dca7467{margin:0rem 4rem calc(var(--kit-widget-spacing, 0px) + 0rem) 5rem;padding:0rem 0rem 0rem 0rem;}.elementor-21 .elementor-element.elementor-element-dca7467 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:2rem;color:var( --e-global-color-cfead2d );}.elementor-21 .elementor-element.elementor-element-f09bb90{--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;}.elementor-21 .elementor-element.elementor-element-aaa9c6e{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-c8908c1{--width:60%;}.elementor-21 .elementor-element.elementor-element-3073510{--width:100%;}.elementor-21 .elementor-element.elementor-element-90276ec{--width:40%;}.elementor-21 .elementor-element.elementor-element-25511d5{--width:76%;}.elementor-21 .elementor-element.elementor-element-21799ab{--width:40rem;}.elementor-21 .elementor-element.elementor-element-0693d96{--width:50%;}.elementor-21 .elementor-element.elementor-element-e511952{--width:92%;}.elementor-21 .elementor-element.elementor-element-c45f4a9{--width:92%;}}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-75bb298.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-6fcbcd8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-75bb298.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-21 .elementor-element.elementor-element-75bb298 .elementor-main-swiper{height:112px;}.elementor-21 .elementor-element.elementor-element-1843fe2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-02a56db{--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:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-21 .elementor-element.elementor-element-3b06405 .elementor-heading-title{font-size:3.4rem;}.elementor-21 .elementor-element.elementor-element-302fab4 .elementor-button{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-7182506{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-21 .elementor-element.elementor-element-0407ea4{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-c8908c1{--gap:5px 0px;--row-gap:5px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-cd80980{--width:100%;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--border-radius:0.5rem 0.5rem 0.5rem 0.5rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-21 .elementor-element.elementor-element-93e7e19{padding:0rem 0rem 0rem 0rem;}.elementor-21 .elementor-element.elementor-element-2103b04 .elementor-heading-title{font-size:1.5rem;}.elementor-21 .elementor-element.elementor-element-2b83be7{--gap:0px 5px;--row-gap:0px;--column-gap:5px;}.elementor-21 .elementor-element.elementor-element-e2d3bbf{--width:49%;--justify-content:flex-start;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--border-radius:0.5rem 0.5rem 0.5rem 0.5rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0.7rem;--padding-right:0.7rem;}.elementor-21 .elementor-element.elementor-element-40b4d38{padding:0rem 0rem 0rem 0rem;}.elementor-21 .elementor-element.elementor-element-40b4d38 .elementor-heading-title{font-size:2rem;}.elementor-21 .elementor-element.elementor-element-ab6ded1 .elementor-heading-title{font-size:1.5rem;}.elementor-21 .elementor-element.elementor-element-ae66464{--width:49%;--justify-content:flex-start;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--border-radius:0.5rem 0.5rem 0.5rem 0.5rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-21 .elementor-element.elementor-element-d019287{padding:0rem 0rem 0rem 0rem;}.elementor-21 .elementor-element.elementor-element-d019287 .elementor-heading-title{font-size:2rem;}.elementor-21 .elementor-element.elementor-element-d9ee789 .elementor-heading-title{font-size:1.5rem;}.elementor-21 .elementor-element.elementor-element-90276ec{--min-height:0rem;--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 5px;--row-gap:0px;--column-gap:5px;}.elementor-21 .elementor-element.elementor-element-7a49afd{--width:100%;--min-height:0rem;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--border-radius:0.5rem 0.5rem 0.5rem 0.5rem;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0.6rem;--padding-right:0.6rem;}.elementor-21 .elementor-element.elementor-element-21713d0{padding:0rem 0rem 0rem 0rem;}.elementor-21 .elementor-element.elementor-element-21713d0 .elementor-heading-title{font-size:2rem;}.elementor-21 .elementor-element.elementor-element-de900a4 .elementor-heading-title{font-size:1.5rem;}.elementor-21 .elementor-element.elementor-element-735b1df{--min-height:40rem;--justify-content:center;--margin-top:0rem;--margin-bottom:30rem;--margin-left:0rem;--margin-right:0rem;--padding-top:08rem;--padding-bottom:5rem;--padding-left:2.5rem;--padding-right:2.5rem;}.elementor-21 .elementor-element.elementor-element-25511d5{--gap:0rem 2rem;--row-gap:0rem;--column-gap:2rem;}.elementor-21 .elementor-element.elementor-element-8a954ce{text-align:left;}.elementor-21 .elementor-element.elementor-element-8a954ce .elementor-heading-title{font-size:4rem;}.elementor-21 .elementor-element.elementor-element-a3ea579 .elementor-heading-title{font-size:4rem;}.elementor-21 .elementor-element.elementor-element-a1f83d2 .elementor-heading-title{font-size:4rem;}.elementor-21 .elementor-element.elementor-element-90defb7{width:100%;max-width:100%;margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-21 .elementor-element.elementor-element-90defb7 .elementor-heading-title{font-size:1.5rem;}.elementor-21 .elementor-element.elementor-element-21799ab{--width:93%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0rem;--margin-bottom:0rem;--margin-left:2.5rem;--margin-right:2.5rem;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;top:30rem;}.elementor-21 .elementor-element.elementor-element-21799ab.e-con{--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-21799ab{right:-0.8rem;}body.rtl .elementor-21 .elementor-element.elementor-element-21799ab{left:-0.8rem;}.elementor-21 .elementor-element.elementor-element-8c8c39d .elementor-heading-title{font-size:1.5rem;}.elementor-21 .elementor-element.elementor-element-44ab0a8 .elementor-button{font-size:1.5rem;}.elementor-21 .elementor-element.elementor-element-df0bfa9{--width:100%;--margin-top:-1rem;--margin-bottom:15rem;--margin-left:0rem;--margin-right:0rem;}.elementor-21 .elementor-element.elementor-element-0693d96{--min-height:60rem;}.elementor-21 .elementor-element.elementor-element-08a928c{padding:3rem 3rem 3rem 3rem;top:24rem;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-08a928c{right:5.6rem;}body.rtl .elementor-21 .elementor-element.elementor-element-08a928c{left:5.6rem;}.elementor-21 .elementor-element.elementor-element-08a928c .elementor-heading-title{font-size:1.25rem;}.elementor-21 .elementor-element.elementor-element-d76e03d{padding:4rem 2rem 4rem 2rem;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-d76e03d{left:4.6rem;}body.rtl .elementor-21 .elementor-element.elementor-element-d76e03d{right:4.6rem;}.elementor-21 .elementor-element.elementor-element-d76e03d .elementor-heading-title{font-size:1.25rem;}.elementor-21 .elementor-element.elementor-element-e8542d0{padding:4rem 1rem 4rem 1rem;top:5rem;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-e8542d0{right:25rem;}body.rtl .elementor-21 .elementor-element.elementor-element-e8542d0{left:25rem;}.elementor-21 .elementor-element.elementor-element-e8542d0 .elementor-heading-title{font-size:1.25rem;}.elementor-21 .elementor-element.elementor-element-8fa1574{--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;bottom:11rem;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-8fa1574{left:0rem;}body.rtl .elementor-21 .elementor-element.elementor-element-8fa1574{right:0rem;}.elementor-21 .elementor-element.elementor-element-ec21ed7 .elementor-heading-title{font-size:4rem;}.elementor-21 .elementor-element.elementor-element-fcfac13{padding:0rem 0rem 0rem 0rem;}.elementor-21 .elementor-element.elementor-element-fcfac13 .elementor-heading-title{font-size:3rem;}.elementor-21 .elementor-element.elementor-element-22cecbb{padding:4rem 2.5rem 4rem 2.5rem;top:27rem;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-22cecbb{right:25rem;}body.rtl .elementor-21 .elementor-element.elementor-element-22cecbb{left:25rem;}.elementor-21 .elementor-element.elementor-element-22cecbb .elementor-heading-title{font-size:1.25rem;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-c67fe61{right:3.5rem;}body.rtl .elementor-21 .elementor-element.elementor-element-c67fe61{left:3.5rem;}.elementor-21 .elementor-element.elementor-element-c67fe61{bottom:4rem;}.elementor-21 .elementor-element.elementor-element-c67fe61 .elementor-heading-title{font-size:1.25rem;}.elementor-21 .elementor-element.elementor-element-8f76b34{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0rem;--padding-bottom:0rem;--padding-left:0.5rem;--padding-right:0.5rem;}.elementor-21 .elementor-element.elementor-element-6b53bcf{--width:95%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21 .elementor-element.elementor-element-e511952{--margin-top:5rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-21 .elementor-element.elementor-element-3865bd5{padding:0rem 0rem 0rem 0rem;}.elementor-21 .elementor-element.elementor-element-3865bd5 .elementor-heading-title{font-size:3.5rem;}.elementor-21 .elementor-element.elementor-element-c31f165{width:100%;max-width:100%;padding:0rem 0rem 0rem 3rem;text-align:justify;}.elementor-21 .elementor-element.elementor-element-c31f165 .elementor-heading-title{font-size:1rem;}.elementor-21 .elementor-element.elementor-element-c45f4a9{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-21 .elementor-element.elementor-element-dca7467{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0rem 1rem 0rem 2rem;}.elementor-21 .elementor-element.elementor-element-dca7467 .elementor-heading-title{font-size:2rem;}}/* Start custom CSS for html, class: .elementor-element-f9d4b16 */.scroll-loop-section {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: LEFT;
}

.scroll-track {
  display: flex;
  white-space: nowrap;
}

.scroll-item {
  font-size: 12rem;
  letter-spacing: 0.1em;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  padding: 0 3rem;
  flex-shrink: 0;
  color: #835EA0;
}
@media (max-width: 480px) {
    .scroll-loop-section {

  height: 100px;
 
}
  .scroll-item {
    font-size: 5rem;
    padding: 0 1rem;
  }


}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7182506 *//* === GRADIENT CIRCLE === */
.gradient-circle {
  position: relative;
  z-index: 1;
}

.gradient-circle::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #8062A0; /* Solid purple border */
  border-radius: 50%;
  z-index: -1;
  box-sizing: border-box;
}

/* === CONTAINER BOX === */
.gradient-hover-box {
  border: 2px solid transparent;
  border-radius: 1rem;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
}

/* Gradient border via ::before (default visible) */
.gradient-hover-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(90deg, #2896A8, #4080A3, #695B9C, #834597, #8D3D96);
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 2px;
  box-sizing: border-box;
}

/* On hover, switch to solid purple border */
.gradient-hover-box:hover {
  border-color: #8062A0;
}

.gradient-hover-box:hover::before {
  opacity: 0;
}

/* Heading underline on hover */
.gradient-hover-box:hover .heading-title {
  border-bottom: 2px solid #8062A0;
  display: inline-block;
}

/* On hover, change circle to gradient ring */
.gradient-hover-box:hover .gradient-circle::before {
  background: linear-gradient(90deg, #2896A8, #4080A3, #695B9C, #834597, #8D3D96);
  border: none;
  padding: 2px;
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-21799ab */.elementor-21 .elementor-element.elementor-element-21799ab {
  background: rgba(180, 180, 200, 0.25); /* Grey glass tint */
  border: 1px solid #8062A0;
  border-radius: 19px;

  box-shadow: 0px 3px 6px #00000029; /* Drop shadow with correct transparency */

  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
  
 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-735b1df */.elementor-21 .elementor-element.elementor-element-735b1df {
  position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df0bfa9 */.circle-1, .circle-2, .circle-3, .circle-4 {
  animation: elegantFloat 7s ease-in-out infinite, dripoliGlow 5s ease-in-out infinite;
  border: 1px solid #8062A0;
}

/* Optional: stagger animation delays for natural motion */
.circle-1 {
  animation-delay: 0s, 0s;
}
.circle-2 {
  animation-delay: 1s, 1s;
}
.circle-3 {
  animation-delay: 2s, 2s;
}
.circle-4 {
  animation-delay: 3s, 3s;
}

/* Elegant, multi-axis floating motion */
@keyframes elegantFloat {
  0%   { transform: translate(0px, 0px); }
  25%  { transform: translate(4px, -6px); }
  50%  { transform: translate(0px, -10px); }
  75%  { transform: translate(-4px, -6px); }
  100% { transform: translate(0px, 0px); }
}

/* Radial Dripoli Gradient Glow Simulation */
@keyframes dripoliGlow {
  0%, 100% {
    box-shadow: none;
  }
  50% {
    box-shadow:
      0 0 15px rgba(40, 150, 168, 0.3),
      0 0 25px rgba(64, 128, 163, 0.3),
      0 0 35px rgba(105, 91, 156, 0.3),
      0 0 45px rgba(131, 69, 151, 0.3);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2d14b7 */#customPalette{
	margin-top:8px;
}
.tag-button-wrapper {
  position: absolute;
  top: 45rem;
  left:11.5rem;
  transform: translateX(-50%);
  z-index: 2;
}

.tag-style-button {
  background: transparent ;
 border: 0.03125rem solid #8b8097;
  border-radius: 3rem;
  padding: 0.4rem 1rem 0.4rem 0.4rem;
  font-family: 'Lato', sans-serif;
  font-size:1rem;
  font-weight: 600;
  color: #8062A0;
  display: flex;
  align-items: center;
 box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: transform 0.2s ease;
}

.tag-style-button:hover, .tag-style-button:focus {
  transform: translateY(-2px);
color: #8D3D96;
  background-color: transparent;
}

.tag-style-button .circle-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.8rem;
  position: relative;
}



.reset-button {
  position: absolute;
  top: 0.5rem;
  right: -1.5rem;
  background-color:transparent;
  color: #fff;
  border: none;
  border-radius: 3rem;
  z-index: 10;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
.text-description-box {
  position: absolute;
  top: 11rem;
  left: 5rem;
  width: 13rem;
 height: AUTO;
  font-family: 'Lato', sans-serif;
  text-align: left;
  letter-spacing: 0;
  color: #CDCDCD;
  opacity: 1;
  border-bottom: 4px solid #CDCDCD;
}

.text-description-box h2 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #A5A5A5; /* Adjust if needed to match title tone */
  margin-bottom: 1rem;
}

.text-description-box p {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6;
  color: #CDCDCD;
}


.vertical-list-panel {
  position: absolute;
  top: 10.1rem;
  left: 52rem;
  width: 15rem;
  height: 32rem;
  background: #fff;
  border: 1px solid #8062A0;
  border-radius: 0.5rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Lato', sans-serif;
  color: #3E3E3E;
}

.list-group {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.list-group:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.list-group p {

  margin: 0.2rem 0;
  font-size: 1.2rem;
  font-weight: 500;
}

.list-group p.inactive {
  color: #ccc;
}
.has-sublist-group {
  position: relative;
}

.has-sublist {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}

.arrow {
  font-size: 1rem;
  color: #CDCDCD;
  
  margin-left:7rem;
}

/* Initially hidden */
.floating-sublist {
  display: none;
  position: absolute;
  top: 0;
  left: 105%;
  width: 12rem;
  background: #fff;
  border: 1px solid #8062A0;
  border-radius: 0.5rem;
  padding: 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 100;
}

.floating-sublist p {
  font-size: 1.1rem;
  color: #3E3E3E;
  margin: 0.5rem 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.3rem;
}

.floating-sublist p:last-child {
  border-bottom: none;
}

/* The key part — reveal on hover */
.has-sublist-group:hover .floating-sublist {
  display: block;
}

.floating-sublist p {
  font-size: 1.1rem;
  color: #3E3E3E;
  margin: 0.5rem 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.3rem;
}

.floating-sublist p:last-child {
  border-bottom: none;
}

/* Show sublist when hovering the group */
.has-sublist-group:hover .floating-sublist {
  display: block;
}

/* Hover effect */
.text-description-box:hover {
  border-color: #2896A8; /* Blue border */
}

.text-description-box:hover h2 {
  color: #2896A8; /* Blue heading */
}

.text-description-box:hover p {
  color: #834597; /* Purple text */
}

.reset-button:hover {
background-color:#F6F6F6;
  transform: scale(1.05);
}
.reset-button:active,
.reset-button:focus {
  background-color: #F6F6F6;
  outline: none;
  
}

.reset-button::-moz-focus-inner {
  border: 0;
}


.tool-base-image {
  position: absolute;
top:45rem;  /* adjust Y position */
  left: 1rem;  /* adjust X position */
  width: 20rem;
  
  opacity: 0.8;
}


  .bg-d-letter {
    display: inline-block;
    width: 1em;
    height: 1.2em;
    background-image: url('Selection.png');
    background-size: cover;
    background-repeat: no-repeat;
    text-indent: -9999px;
    vertical-align: middle;
  }

  .dripoli-square {
    width: 90rem;
    height: 55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: 0.125rem solid transparent;
    position: relative;
  }

  .graphic-design-section {
    position: relative;
    padding-top: 2rem;
     padding-bottom: 2rem;
    width: 100%;
    height: 56.25rem;
    background: #F6F6F6;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .outer-circle {
    width: 46.875rem;
    height: 46.875rem;
    border: 0.1rem solid #8062A0;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .inner-circle {
    width: 35rem;
    height: 35em;
    border: 0.125rem solid #A086BD;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .center-text {
    margin-top: 5rem;
    text-align: center;
    color: #8062A0;
    font-family: 'Lato', sans-serif;
  }

.center-text h1 {
  font-size: 6.3rem;
  font-weight: 600;
  font-family: 'Lato', sans-serif;
  line-height:0.3;
  text-align: center;
  color: #8062A0;
}

.line {
  display: inline-block;
}

.design-line img.pen-inline {
  width: 6rem;
  height: auto;
 

}
.graphic-line img.selection-inline
 {
  position: absolute;
  width: 5.7rem; /* smaller size */
  top: 25.4rem;  /* adjust Y position */
  left: 7.85rem;  /* adjust X position */
  opacity: 0.8; /* optional for better blend */
  z-index: 1;
}



  .tag {
    position: absolute;
    color: #8062A0;
    padding: 0.4rem 0.9rem;
    border-radius: 4.25rem;
    font-size: 1rem;
    font-weight: 900;
    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    backdrop-filter: blur(0.3125rem);
    -webkit-backdrop-filter: blur(0.3125rem);
    border: 0.03125rem solid #8b8097;
    font-family: 'Lato', sans-serif;
    opacity: 0;
  transform-origin: bottom;
  transform: scaleY(0.6);
  transition: none;
  }

.tag:hover {
  background: rgba(128, 98, 160, 0.09);
  color: #5A4D78;
   box-shadow: 0 0 10px rgba(128, 98, 160, 0.4), 0 0 20px rgba(128, 98, 160, 0.2);
}

@keyframes popTag {
  0% {
    opacity: 0;
    scale: 1 0.6;
  }
  100% {
    opacity: 1;
    scale: 1 1;
  }
}

  .tag-uiux {
    z-index: 9;
    transform: rotate(-35deg);
    top: -1.9rem;
    right: 6rem;
    
  }

  .tag-branding {
    z-index: 8;
    transform: rotate(-20deg);
    top: 2rem;
    right: 4rem;
    padding-right: 1.5rem;
   
  }

  .tag-logo {
    z-index: 7;
    transform: rotate(-20deg);
    top: 4.5rem;
    right: 1rem;
    
  }

  .tag-editorial {
    bottom: 4.5rem;
    transform: rotate(-10deg);
    left: 7rem;
    animation-delay: 0.8s;
  }

  .tag-social {
    bottom: 0.5rem;
    transform: rotate(-20deg);
    left: 8rem;
   
  }
.tag.animate {
  animation: popTag 0.6s ease-out forwards;
}


  .circle-wrapper {
    position: relative;
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .circle-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.125rem;
    height: 3.125rem;
    background: white;
    border-radius: 50%;
    z-index: 1;
  }

  .circlee {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: #8062A0;
    z-index: 2;
    position: relative;
  }

  .circlee.blue {
    background: #4F6D8C;
  }
.circlee.dripoli-gradient {
  background: #cdcdcd;
}

  .description {
    font-family: 'Lato', sans-serif;
    width: 15.625rem;
    position: absolute;
    right: 10%;
    bottom: 10%;
    max-width: 37.5rem;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #8062A0;
  }

  .dripoli-tools {
  position: absolute;
  left: 1.2rem;
  top: -2rem; /* 🟢 Fix the top offset to keep it inside the corner */
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}


.dripoli-tools img {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  object-fit: contain;
  aspect-ratio: 1 / 1;
  vertical-align: middle;
    min-width: 1.3rem;
  min-height: 1.3rem;
}



  .corner-mark {
    position: absolute;
    width: 2.1875rem;
  }

  .color-scale {
    position: absolute;
    top: 10%;
    right: 4%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .color-scale.secondary {
    margin-top: 3.125rem;
    padding: 0.625rem;
    position: relative;
  }

  .palette {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .color-swatch {
    width: 0.9375rem;
    height: 0.9375rem;
    cursor: pointer;
    border: 0.0625rem solid #F2EDF6;
  }

  .corner {
    position: absolute;
    z-index: 5;
  }

  .corner-top-left {
    top: 0;
    left: 0;
    padding: 0.625rem;
  }

  .corner-top-right {
    top: 0;
    right: 0;
    padding: 0.625rem;
  }

 .corner-bottom-left {
  bottom: 20rem;
  left: 0;
  padding: 0.625rem;
}


  .corner-bottom-right {
    bottom: 0;
    right: 0;
    padding: 0.625rem;
    max-width: 12.5rem;
  }

  .color-scale.primary {
    top: 3.75rem;
    right: 4%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
@media (max-width: 760px) {
    

  .dripoli-square {
    width: 36rem;
    height: 56rem;
    
   
  }

  .outer-circle {
    width: 33rem;
    height:33rem;
    margin-bottom:5rem;

  }

  .inner-circle {
    width: 28rem;
    height: 28em;
  }

  .center-text {
    margin-top: 2rem;
  }

.center-text h1 {
  font-size: 4.5rem;
}
  
.tag-button-wrapper {
  position: absolute;
  top: 45rem;
  left:19rem;
}

.design-line img.pen-inline {
  width: 3rem;
  height: auto;
}
.graphic-line img.selection-inline
 {
  position: absolute;
  width: 3.8rem; /* smaller size */
  top: 16.5rem; 
  left: 6.2rem;  
  
}

  .description {
    width: 12rem;
  }

  .dripoli-tools {
  position: absolute;
  left: 0.5rem;
  top: -2rem; 
}
.reset-button{
		width:40px;
	
		
	}
  .tool-base-image {
  position: absolute;
top:45rem;  /* adjust Y position */
  left: 0rem;  /* adjust X position */
}

  /* REMOVE unwanted sections */
  .text-description-box,
  .vertical-list-panel {
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c31f165 */@media (min-width: 769px) {
  .animated-heading::before {
    display: none !important;
  }
}

.animated-heading {
  position: relative;
  display: inline-block;
  padding-left: 1rem;
}

.animated-heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 0%;
  background: linear-gradient(
    180deg,
    #2896a8 0%,
    #4080a3 20%,
    #69589c 50%,
    #834597 80%,
    #8d3d96 100%
  );
  z-index: -1;
  transition: height 0.5s ease;
}

.animated-heading.animate-left::before {
  animation: drawLeftBorder 1.5s ease-out forwards;
}

@keyframes drawLeftBorder {
  0% { height: 0%; }
  100% { height: 100%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e511952 */.cropped-box {
  position: relative;
}

.cropped-box::after {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: 27rem;
  right: 0;
  bottom: 0;
  pointer-events: none;

  background: 
    linear-gradient(90deg, #2896a8 0%, #4080a3 10%, #69589c 55%, #834597 83%, #8d3d96 100%) top left / 0% 5px no-repeat,
    linear-gradient(180deg, #8d3d96, #8d3d96) top right / 5px 0% no-repeat,
    linear-gradient(270deg, #8d3d96 0%, #834597 17%, #69589c 45%, #4080a3 90%, #2896a8 100%) bottom right / 0% 5px no-repeat;

  background-repeat: no-repeat;
  animation: none; /* IMPORTANT: prevent auto-start */
}

.cropped-box.animate-border::after {
  animation: drawBorderLines 3s linear forwards;
}
@keyframes drawBorderLines {
  0% {
    background-size: 0% 5px, 5px 0%, 0% 5px;
  }
  40% {
    background-size: 100% 5px, 5px 0%, 0% 5px; /* Top fully drawn */
  }
  53% {
    background-size: 100% 5px, 5px 100%, 0% 5px; /* Right fully drawn */
  }
  100% {
    background-size: 100% 5px, 5px 100%, 100% 5px; /* Bottom fully drawn (right to left) */
  }
}
@media (max-width: 768px) {
  .cropped-box::after {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c45f4a9 */.cropped-box {
  position: relative;
}

.cropped-box::after {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: 27rem;
  right: 0;
  bottom: 0;
  pointer-events: none;

  background: 
    linear-gradient(90deg, #2896a8 0%, #4080a3 10%, #69589c 55%, #834597 83%, #8d3d96 100%) top left / 0% 5px no-repeat,
    linear-gradient(180deg, #8d3d96, #8d3d96) top right / 5px 0% no-repeat,
    linear-gradient(270deg, #8d3d96 0%, #834597 17%, #69589c 45%, #4080a3 90%, #2896a8 100%) bottom right / 0% 5px no-repeat;

  background-repeat: no-repeat;
  animation: none; /* IMPORTANT: prevent auto-start */
}

.cropped-box.animate-border::after {
  animation: drawBorderLines 3s linear forwards;
}
@keyframes drawBorderLines {
  0% {
    background-size: 0% 5px, 5px 0%, 0% 5px;
  }
  40% {
    background-size: 100% 5px, 5px 0%, 0% 5px; /* Top fully drawn */
  }
  53% {
    background-size: 100% 5px, 5px 100%, 0% 5px; /* Right fully drawn */
  }
  100% {
    background-size: 100% 5px, 5px 100%, 100% 5px; /* Bottom fully drawn (right to left) */
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://dripoliweb.com/wp-content/uploads/2025/04/Lato-Thin.woff2') format('woff2'),
		url('http://dripoliweb.com/wp-content/uploads/2025/04/Lato-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://dripoliweb.com/wp-content/uploads/2025/04/Lato-Light-1.woff2') format('woff2'),
		url('http://dripoliweb.com/wp-content/uploads/2025/04/Lato-Light.woff') format('woff');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://dripoliweb.com/wp-content/uploads/2025/04/Lato-Regular-1.woff2') format('woff2'),
		url('http://dripoliweb.com/wp-content/uploads/2025/04/Lato-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://dripoliweb.com/wp-content/uploads/2025/04/Lato-Bold.woff2') format('woff2'),
		url('http://dripoliweb.com/wp-content/uploads/2025/04/Lato-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bebas Kai';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dripoliweb.com/wp-content/uploads/2025/04/BebasNeue-Regular.woff2') format('woff2'),
		url('https://dripoliweb.com/wp-content/uploads/2025/04/BebasNeue-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */