.elementor-33 .elementor-element.elementor-element-7f136510{--display:flex;--min-height:400px;--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;--overlay-opacity:0.5;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-33 .elementor-element.elementor-element-7f136510:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-7f136510 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://carbonfiberpoles.lk/wp-content/uploads/2026/08/ChatGPT-Image-Aug-19-2026-12_25_48-PM.png");background-position:center center;background-size:cover;}.elementor-33 .elementor-element.elementor-element-7f136510::before, .elementor-33 .elementor-element.elementor-element-7f136510 > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-7f136510 > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-7f136510 > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-7f136510 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-7f136510 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-33 .elementor-element.elementor-element-2d4d3934{--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;--justify-content:space-between;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-2d4d3934.e-con{--align-self:center;}.elementor-33 .elementor-element.elementor-element-5bb4db8.elementor-element{--align-self:center;}.elementor-33 .elementor-element.elementor-element-5bb4db8 .elementor-heading-title{font-family:var( --e-global-typography-adc302a-font-family ), Sans-serif;font-size:var( --e-global-typography-adc302a-font-size );font-weight:var( --e-global-typography-adc302a-font-weight );text-transform:var( --e-global-typography-adc302a-text-transform );line-height:var( --e-global-typography-adc302a-line-height );color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-7299fb00{padding:6px 6px 6px 6px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-33 .elementor-element.elementor-element-7299fb00.elementor-element{--align-self:center;}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-icon i{color:var( --e-global-color-c51be79 );transition:color 0.3s;}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-icon svg{fill:var( --e-global-color-c51be79 );transition:fill 0.3s;}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-item > a{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-text{color:var( --e-global-color-c51be79 );transition:color 0.3s;}.elementor-33 .elementor-element.elementor-element-7d0425c9{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-33 .elementor-element.elementor-element-7d0425c9:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-7d0425c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-4462a0d5{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-21f163f{padding:6px 6px 6px 6px;text-align:start;}.elementor-33 .elementor-element.elementor-element-21f163f.elementor-element{--align-self:flex-start;}.elementor-33 .elementor-element.elementor-element-21f163f .elementor-heading-title{font-family:var( --e-global-typography-fb61033-font-family ), Sans-serif;font-size:var( --e-global-typography-fb61033-font-size );font-weight:var( --e-global-typography-fb61033-font-weight );text-transform:var( --e-global-typography-fb61033-text-transform );color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-5e1226d8{text-align:justify;font-size:16px;}.elementor-33 .elementor-element.elementor-element-f21dd6f{text-align:justify;font-size:16px;}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-c51be79 );color:var( --e-global-color-c51be79 );padding:5px 5px 5px 20px;}.elementor-33 .elementor-element.elementor-element-4c47efce.elementor-element{--align-self:flex-start;}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button:hover, .elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button:focus{color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button:hover svg, .elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button:focus svg{fill:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button-icon{font-size:10px;border-style:none;padding:10px 10px 10px 10px;border-radius:100px 100px 100px 100px;}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button .elementor-button-icon{background:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button .elementor-button-icon i, .elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button .elementor-button-icon svg{transform:rotate(322deg);}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button:hover .elementor-button-icon i{color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button:hover .elementor-button-icon svg *{fill:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-4c47efce .elementor-button:hover .elementor-button-icon{background:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-4924cdcb{--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:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-57c3a35c{--display:flex;--min-height:300px;--justify-content:center;--overlay-opacity:0.86;--border-radius:20px 20px 20px 20px;}.elementor-33 .elementor-element.elementor-element-57c3a35c:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-57c3a35c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carbonfiberpoles.lk/wp-content/uploads/2026/08/ChatGPT-Image-Aug-19-2026-11_30_41-AM.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-33 .elementor-element.elementor-element-57c3a35c::before, .elementor-33 .elementor-element.elementor-element-57c3a35c > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-57c3a35c > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-57c3a35c > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-57c3a35c > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-57c3a35c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-33 .elementor-element.elementor-element-ee7af65 .elementor-counter-title{text-align:center;}.elementor-33 .elementor-element.elementor-element-ee7af65 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;color:var( --e-global-color-c51be79 );font-family:var( --e-global-typography-e96d08d-font-family ), Sans-serif;font-size:var( --e-global-typography-e96d08d-font-size );font-weight:var( --e-global-typography-e96d08d-font-weight );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-24ebec18.elementor-element{--align-self:center;}.elementor-33 .elementor-element.elementor-element-24ebec18 .elementor-heading-title{color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-7c787432{--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:0px;--padding-bottom:90px;--padding-left:32px;--padding-right:32px;}.elementor-33 .elementor-element.elementor-element-7c787432:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-7c787432 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-6f2c840{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-52a6ab24{text-align:center;}.elementor-33 .elementor-element.elementor-element-51805e1e{--e-image-carousel-slides-to-show:6;}.elementor-33 .elementor-element.elementor-element-51805e1e .swiper-wrapper{display:flex;align-items:center;}.elementor-33 .elementor-element.elementor-element-51805e1e .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}.elementor-33 .elementor-element.elementor-element-5c62cc6e{--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:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-33 .elementor-element.elementor-element-5c62cc6e:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-5c62cc6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-2d51f78a{--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:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-33daaef8{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-475e1283{width:100%;max-width:100%;text-align:center;}.elementor-33 .elementor-element.elementor-element-475e1283 .elementor-heading-title{font-family:var( --e-global-typography-fb61033-font-family ), Sans-serif;font-size:var( --e-global-typography-fb61033-font-size );font-weight:var( --e-global-typography-fb61033-font-weight );text-transform:var( --e-global-typography-fb61033-text-transform );color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-23a007e4{text-align:center;}.elementor-33 .elementor-element.elementor-element-615a1361{--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:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-20ef95b3{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;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-primary );--border-color:var( --e-global-color-primary );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-20ef95b3:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-20ef95b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-25255e03{background-color:var( --e-global-color-c51be79 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-33 .elementor-element.elementor-element-25255e03 .elementor-icon-box-wrapper{text-align:center;gap:24px;}.elementor-33 .elementor-element.elementor-element-25255e03 .elementor-icon-box-title{margin-bottom:8px;margin-top:0;color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-25255e03 .elementor-image-box-title{margin-bottom:8px;margin-top:0;}.elementor-33 .elementor-element.elementor-element-25255e03.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-c51be79 );color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-25255e03.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-25255e03.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-25255e03.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-25255e03 .elementor-icon{font-size:26px;}.elementor-33 .elementor-element.elementor-element-25255e03 .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-2937dc87{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:24px 24px;--row-gap:24px;--column-gap:24px;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;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-2937dc87:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-2937dc87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-619fc23b{background-color:var( --e-global-color-c51be79 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-33 .elementor-element.elementor-element-619fc23b .elementor-icon-box-wrapper{text-align:center;gap:24px;}.elementor-33 .elementor-element.elementor-element-619fc23b .elementor-icon-box-title{margin-bottom:8px;margin-top:0;color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-619fc23b .elementor-image-box-title{margin-bottom:8px;margin-top:0;}.elementor-33 .elementor-element.elementor-element-619fc23b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-c51be79 );color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-619fc23b.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-619fc23b.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-619fc23b.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-619fc23b .elementor-icon{font-size:26px;}.elementor-33 .elementor-element.elementor-element-619fc23b .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-3f36331{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;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-primary );--border-color:var( --e-global-color-primary );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-3f36331:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-3f36331 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-6f0ad00{background-color:var( --e-global-color-c51be79 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-33 .elementor-element.elementor-element-6f0ad00 .elementor-icon-box-wrapper{text-align:center;gap:24px;}.elementor-33 .elementor-element.elementor-element-6f0ad00 .elementor-icon-box-title{margin-bottom:8px;margin-top:0;color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-6f0ad00 .elementor-image-box-title{margin-bottom:8px;margin-top:0;}.elementor-33 .elementor-element.elementor-element-6f0ad00.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-c51be79 );color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-6f0ad00.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-6f0ad00.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-6f0ad00.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-6f0ad00 .elementor-icon{font-size:26px;}.elementor-33 .elementor-element.elementor-element-6f0ad00 .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-7a619b6{--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:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-33 .elementor-element.elementor-element-b2fb4ee{--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:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-0cee3b9{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-bd7f60a{width:100%;max-width:100%;padding:6px 6px 6px 6px;text-align:center;}.elementor-33 .elementor-element.elementor-element-bd7f60a .elementor-heading-title{font-family:var( --e-global-typography-fb61033-font-family ), Sans-serif;font-size:var( --e-global-typography-fb61033-font-size );font-weight:var( --e-global-typography-fb61033-font-weight );text-transform:var( --e-global-typography-fb61033-text-transform );color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-60a11d7{text-align:center;}.elementor-33 .elementor-element.elementor-element-93cb6f6{--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:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-6e8e00a{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-8cd1f79{background-color:var( --e-global-color-c51be79 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-33 .elementor-element.elementor-element-8cd1f79 .elementor-icon-box-wrapper{text-align:start;gap:24px;}.elementor-33 .elementor-element.elementor-element-8cd1f79 .elementor-icon-box-title{margin-bottom:8px;margin-top:0;color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-8cd1f79 .elementor-image-box-title{margin-bottom:8px;margin-top:0;}.elementor-33 .elementor-element.elementor-element-8cd1f79.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-c51be79 );color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-8cd1f79.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-8cd1f79.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-8cd1f79.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-8cd1f79 .elementor-icon{font-size:26px;}.elementor-33 .elementor-element.elementor-element-8cd1f79 .elementor-icon-box-icon{margin-top:0px;}.elementor-33 .elementor-element.elementor-element-8cd1f79 .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-ef30d9d{background-color:var( --e-global-color-c51be79 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-33 .elementor-element.elementor-element-ef30d9d .elementor-icon-box-wrapper{text-align:start;gap:24px;}.elementor-33 .elementor-element.elementor-element-ef30d9d .elementor-icon-box-title{margin-bottom:8px;margin-top:0;color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-ef30d9d .elementor-image-box-title{margin-bottom:8px;margin-top:0;}.elementor-33 .elementor-element.elementor-element-ef30d9d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-c51be79 );color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-ef30d9d.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-ef30d9d.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-ef30d9d.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-ef30d9d .elementor-icon{font-size:26px;}.elementor-33 .elementor-element.elementor-element-ef30d9d .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-b703892{--display:flex;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-b9d8167 img{border-radius:20px 20px 20px 20px;}.elementor-33 .elementor-element.elementor-element-9e6855c{--display:flex;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-db84cba{background-color:var( --e-global-color-c51be79 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-33 .elementor-element.elementor-element-db84cba .elementor-icon-box-wrapper{text-align:start;gap:24px;}.elementor-33 .elementor-element.elementor-element-db84cba .elementor-icon-box-title{margin-bottom:8px;margin-top:0;color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-db84cba .elementor-image-box-title{margin-bottom:8px;margin-top:0;}.elementor-33 .elementor-element.elementor-element-db84cba.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-c51be79 );color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-db84cba.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-db84cba.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-db84cba.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-db84cba .elementor-icon{font-size:26px;}.elementor-33 .elementor-element.elementor-element-db84cba .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-e784aa5{background-color:var( --e-global-color-c51be79 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 20px 20px 20px;border-radius:10px 10px 10px 10px;}.elementor-33 .elementor-element.elementor-element-e784aa5 .elementor-icon-box-wrapper{text-align:start;gap:24px;}.elementor-33 .elementor-element.elementor-element-e784aa5 .elementor-icon-box-title{margin-bottom:8px;margin-top:0;color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-e784aa5 .elementor-image-box-title{margin-bottom:8px;margin-top:0;}.elementor-33 .elementor-element.elementor-element-e784aa5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-c51be79 );color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-e784aa5.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-e784aa5.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-e784aa5.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-e784aa5 .elementor-icon{font-size:26px;}.elementor-33 .elementor-element.elementor-element-e784aa5 .elementor-icon-box-description{color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-737ca2e9{--display:flex;--gap:90px 90px;--row-gap:90px;--column-gap:90px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-33 .elementor-element.elementor-element-737ca2e9:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-737ca2e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-68aafbf8{--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:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-3a160731{--display:flex;--justify-content:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:20px 20px 20px 20px;}.elementor-33 .elementor-element.elementor-element-3a160731:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-3a160731 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-65eef07 .elementor-counter{flex-direction:column-reverse;gap:0px;}.elementor-33 .elementor-element.elementor-element-65eef07 .elementor-counter-title{justify-content:start;color:var( --e-global-color-c51be79 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-65eef07 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;color:var( --e-global-color-c51be79 );font-family:var( --e-global-typography-e96d08d-font-family ), Sans-serif;font-size:var( --e-global-typography-e96d08d-font-size );font-weight:var( --e-global-typography-e96d08d-font-weight );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-4c983680 .elementor-counter{flex-direction:column-reverse;gap:0px;}.elementor-33 .elementor-element.elementor-element-4c983680 .elementor-counter-title{justify-content:start;color:var( --e-global-color-c51be79 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-4c983680 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;color:var( --e-global-color-c51be79 );font-family:var( --e-global-typography-e96d08d-font-family ), Sans-serif;font-size:var( --e-global-typography-e96d08d-font-size );font-weight:var( --e-global-typography-e96d08d-font-weight );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-3a2cc89a{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-3a2cc89a:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-3a2cc89a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carbonfiberpoles.lk/wp-content/uploads/2026/08/images-7.jpg");background-position:center center;background-size:cover;}.elementor-33 .elementor-element.elementor-element-e1beaa6{--spacer-size:340px;}.elementor-33 .elementor-element.elementor-element-1fd06bdb{--display:flex;--justify-content:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:20px 20px 20px 20px;}.elementor-33 .elementor-element.elementor-element-1fd06bdb:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-1fd06bdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-4c554622 .elementor-counter{flex-direction:column-reverse;gap:0px;}.elementor-33 .elementor-element.elementor-element-4c554622 .elementor-counter-title{justify-content:start;color:var( --e-global-color-c51be79 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-4c554622 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;color:var( --e-global-color-c51be79 );font-family:var( --e-global-typography-e96d08d-font-family ), Sans-serif;font-size:var( --e-global-typography-e96d08d-font-size );font-weight:var( --e-global-typography-e96d08d-font-weight );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-63df6d3a .elementor-counter{flex-direction:column-reverse;gap:0px;}.elementor-33 .elementor-element.elementor-element-63df6d3a .elementor-counter-title{justify-content:start;color:var( --e-global-color-c51be79 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-63df6d3a .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;gap:0px;color:var( --e-global-color-c51be79 );font-family:var( --e-global-typography-e96d08d-font-family ), Sans-serif;font-size:var( --e-global-typography-e96d08d-font-size );font-weight:var( --e-global-typography-e96d08d-font-weight );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-69dec9bc{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-33 .elementor-element.elementor-element-69dec9bc:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-69dec9bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carbonfiberpoles.lk/wp-content/uploads/2026/08/images.jpg");background-position:center center;background-size:cover;}.elementor-33 .elementor-element.elementor-element-5690816{--spacer-size:340px;}.elementor-33 .elementor-element.elementor-element-771c031{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-ea9dc4c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-33 .elementor-element.elementor-element-ea9dc4c img{width:73%;}.elementor-33 .elementor-element.elementor-element-4bdaadd2{--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:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}.elementor-33 .elementor-element.elementor-element-2f626692{--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:32px 32px;--row-gap:32px;--column-gap:32px;--border-radius:20px 20px 20px 20px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-33 .elementor-element.elementor-element-2f626692:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-2f626692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(75deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-33 .elementor-element.elementor-element-28c2f3b3{--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;--justify-content:flex-start;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-62fcad7a.elementor-element{--align-self:center;}.elementor-33 .elementor-element.elementor-element-62fcad7a .elementor-heading-title{color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-5ed04a7a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-33 .elementor-element.elementor-element-5ed04a7a.elementor-element{--align-self:center;}.elementor-33 .elementor-element.elementor-element-5ed04a7a .elementor-heading-title{color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-11ad9021{--display:flex;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-11ad9021.e-con{--align-self:center;}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button{background-color:var( --e-global-color-c51be79 );fill:var( --e-global-color-text );color:var( --e-global-color-text );padding:10px 5px 10px 20px;}.elementor-33 .elementor-element.elementor-element-4edb01d4.elementor-element{--align-self:flex-start;}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button:hover, .elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button:hover svg, .elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button-icon{font-size:10px;border-style:none;padding:10px 10px 10px 10px;border-radius:100px 100px 100px 100px;}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button .elementor-button-icon i{color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button .elementor-button-icon svg *{fill:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button .elementor-button-icon{background:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button .elementor-button-icon i, .elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button .elementor-button-icon svg{transform:rotate(322deg);}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button:hover .elementor-button-icon i{color:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button:hover .elementor-button-icon svg *{fill:var( --e-global-color-c51be79 );}.elementor-33 .elementor-element.elementor-element-4edb01d4 .elementor-button:hover .elementor-button-icon{background:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-33 .elementor-element.elementor-element-7f136510{--min-height:300px;--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-33 .elementor-element.elementor-element-5bb4db8 .elementor-heading-title{font-size:var( --e-global-typography-adc302a-font-size );line-height:var( --e-global-typography-adc302a-line-height );}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-33 .elementor-element.elementor-element-7d0425c9{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-33 .elementor-element.elementor-element-21f163f .elementor-heading-title{font-size:var( --e-global-typography-fb61033-font-size );}.elementor-33 .elementor-element.elementor-element-ee7af65 .elementor-counter-number-wrapper{font-size:var( --e-global-typography-e96d08d-font-size );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-7c787432{--padding-top:0px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-33 .elementor-element.elementor-element-51805e1e{--e-image-carousel-slides-to-show:5;}.elementor-33 .elementor-element.elementor-element-5c62cc6e{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-33 .elementor-element.elementor-element-2d51f78a{--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-33 .elementor-element.elementor-element-475e1283 .elementor-heading-title{font-size:var( --e-global-typography-fb61033-font-size );}.elementor-33 .elementor-element.elementor-element-615a1361{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-33 .elementor-element.elementor-element-7a619b6{--padding-top:48px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-33 .elementor-element.elementor-element-b2fb4ee{--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-33 .elementor-element.elementor-element-bd7f60a .elementor-heading-title{font-size:var( --e-global-typography-fb61033-font-size );}.elementor-33 .elementor-element.elementor-element-93cb6f6{--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:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-33 .elementor-element.elementor-element-b703892.e-con{--order:-99999 /* order start hack */;}.elementor-33 .elementor-element.elementor-element-737ca2e9{--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:48px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-33 .elementor-element.elementor-element-68aafbf8{--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;}.elementor-33 .elementor-element.elementor-element-3a160731{--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;--justify-content:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-33 .elementor-element.elementor-element-65eef07 .elementor-counter-title{text-align:center;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-65eef07 .elementor-counter-number-wrapper{font-size:var( --e-global-typography-e96d08d-font-size );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-4c983680 .elementor-counter-title{text-align:center;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-4c983680 .elementor-counter-number-wrapper{font-size:var( --e-global-typography-e96d08d-font-size );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-1fd06bdb{--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;--justify-content:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;}.elementor-33 .elementor-element.elementor-element-4c554622 .elementor-counter-title{text-align:center;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-4c554622 .elementor-counter-number-wrapper{font-size:var( --e-global-typography-e96d08d-font-size );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-63df6d3a .elementor-counter-title{text-align:center;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-63df6d3a .elementor-counter-number-wrapper{font-size:var( --e-global-typography-e96d08d-font-size );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-4bdaadd2{--padding-top:0px;--padding-bottom:48px;--padding-left:24px;--padding-right:24px;}.elementor-33 .elementor-element.elementor-element-2f626692{--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-33 .elementor-element.elementor-element-11ad9021{--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-7f136510{--min-height:200px;}.elementor-33 .elementor-element.elementor-element-2d4d3934{--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-33 .elementor-element.elementor-element-5bb4db8.elementor-element{--align-self:center;}.elementor-33 .elementor-element.elementor-element-5bb4db8{text-align:center;}.elementor-33 .elementor-element.elementor-element-5bb4db8 .elementor-heading-title{font-size:var( --e-global-typography-adc302a-font-size );line-height:var( --e-global-typography-adc302a-line-height );}.elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-33 .elementor-element.elementor-element-7299fb00 .elementor-icon-list-item > a{font-size:var( --e-global-typography-accent-font-size );}.elementor-33 .elementor-element.elementor-element-7d0425c9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-33 .elementor-element.elementor-element-21f163f{text-align:center;}.elementor-33 .elementor-element.elementor-element-21f163f .elementor-heading-title{font-size:var( --e-global-typography-fb61033-font-size );}.elementor-33 .elementor-element.elementor-element-57c3a35c{--min-height:350px;}.elementor-33 .elementor-element.elementor-element-57c3a35c:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-57c3a35c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-33 .elementor-element.elementor-element-ee7af65 .elementor-counter-number-wrapper{font-size:var( --e-global-typography-e96d08d-font-size );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-51805e1e{--e-image-carousel-slides-to-show:3;}.elementor-33 .elementor-element.elementor-element-5c62cc6e{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-33 .elementor-element.elementor-element-475e1283{text-align:start;}.elementor-33 .elementor-element.elementor-element-475e1283 .elementor-heading-title{font-size:var( --e-global-typography-fb61033-font-size );}.elementor-33 .elementor-element.elementor-element-23a007e4{text-align:start;}.elementor-33 .elementor-element.elementor-element-23a007e4 .elementor-heading-title{font-size:30px;}.elementor-33 .elementor-element.elementor-element-25255e03{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-33 .elementor-element.elementor-element-619fc23b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-33 .elementor-element.elementor-element-6f0ad00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-33 .elementor-element.elementor-element-7a619b6{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-33 .elementor-element.elementor-element-bd7f60a{text-align:start;}.elementor-33 .elementor-element.elementor-element-bd7f60a .elementor-heading-title{font-size:var( --e-global-typography-fb61033-font-size );}.elementor-33 .elementor-element.elementor-element-60a11d7{text-align:start;}.elementor-33 .elementor-element.elementor-element-8cd1f79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-33 .elementor-element.elementor-element-8cd1f79 .elementor-icon-box-wrapper{text-align:center;}.elementor-33 .elementor-element.elementor-element-ef30d9d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-33 .elementor-element.elementor-element-ef30d9d .elementor-icon-box-wrapper{text-align:center;}.elementor-33 .elementor-element.elementor-element-b9d8167 img{height:300px;}.elementor-33 .elementor-element.elementor-element-db84cba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-33 .elementor-element.elementor-element-db84cba .elementor-icon-box-wrapper{text-align:center;}.elementor-33 .elementor-element.elementor-element-e784aa5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-33 .elementor-element.elementor-element-e784aa5 .elementor-icon-box-wrapper{text-align:center;}.elementor-33 .elementor-element.elementor-element-737ca2e9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-33 .elementor-element.elementor-element-65eef07 .elementor-counter-number-wrapper{font-size:var( --e-global-typography-e96d08d-font-size );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-65eef07 .elementor-counter-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-4c983680 .elementor-counter-number-wrapper{font-size:var( --e-global-typography-e96d08d-font-size );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-4c983680 .elementor-counter-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-4c554622 .elementor-counter-number-wrapper{font-size:var( --e-global-typography-e96d08d-font-size );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-4c554622 .elementor-counter-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-63df6d3a .elementor-counter-number-wrapper{font-size:var( --e-global-typography-e96d08d-font-size );line-height:var( --e-global-typography-e96d08d-line-height );}.elementor-33 .elementor-element.elementor-element-63df6d3a .elementor-counter-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-33 .elementor-element.elementor-element-5690816{--spacer-size:250px;}.elementor-33 .elementor-element.elementor-element-771c031{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-ea9dc4c img{width:100%;height:267px;object-fit:cover;}.elementor-33 .elementor-element.elementor-element-4bdaadd2{--padding-top:50px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-33 .elementor-element.elementor-element-28c2f3b3{--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-33 .elementor-element.elementor-element-62fcad7a{text-align:center;}.elementor-33 .elementor-element.elementor-element-62fcad7a .elementor-heading-title{font-size:28px;}.elementor-33 .elementor-element.elementor-element-5ed04a7a{text-align:center;}.elementor-33 .elementor-element.elementor-element-11ad9021{--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-57c3a35c{--width:62%;}.elementor-33 .elementor-element.elementor-element-28c2f3b3{--width:75%;}.elementor-33 .elementor-element.elementor-element-11ad9021{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-33 .elementor-element.elementor-element-28c2f3b3{--width:100%;}.elementor-33 .elementor-element.elementor-element-11ad9021{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-7f136510 *//* ================================================== MYBELLA - MODERN INNER PAGE HERO Desktop + Tablet + Mobile ================================================== */ .mybella-page-hero{ position: relative; overflow: hidden; isolation: isolate; min-height: 500px; display: flex; align-items: center; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; border-radius: 0 !important; box-shadow: 0 18px 45px rgba(10, 42, 61, 0.14); transition: all 0.35s ease; } /* ================================================== MODERN COLOR OVERLAY ================================================== */ .mybella-page-hero::before{ content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient( 90deg, rgba(7, 28, 42, 0.94) 0%, rgba(9, 47, 68, 0.86) 30%, rgba(23, 131, 173, 0.48) 62%, rgba(12, 40, 56, 0.35) 100% ); pointer-events: none; } /* ================================================== COLORFUL DECORATIVE GLOW ================================================== */ .mybella-page-hero::after{ content: ""; position: absolute; width: 520px; height: 520px; left: -170px; bottom: -350px; border-radius: 50%; background: radial-gradient( circle, rgba(83, 205, 244, 0.52) 0%, rgba(44, 174, 219, 0.20) 40%, transparent 70% ); filter: blur(4px); z-index: 0; pointer-events: none; } /* ================================================== KEEP ELEMENTOR CONTENT ABOVE OVERLAY ================================================== */ .mybella-page-hero > .e-con-inner, .mybella-page-hero > .elementor-container, .mybella-page-hero > *{ position: relative; z-index: 2; } /* ================================================== MAIN HEADING ================================================== */ .page-hero-title{ position: relative; } .page-hero-title .elementor-heading-title{ position: relative; color: #ffffff !important; font-size: clamp(42px, 5vw, 72px) !important; line-height: 1.12 !important; font-weight: 800 !important; letter-spacing: -1.5px; text-shadow: 0 4px 20px rgba(0,0,0,0.18); } /* ================================================== SMALL BRAND LINE ABOVE HEADING ================================================== */ .page-hero-title::before{ content: ""; display: block; width: 58px; height: 5px; margin-bottom: 18px; border-radius: 50px; background: linear-gradient( 90deg, #5dd5ff, #18a8da ); box-shadow: 0 0 18px rgba(83, 207, 246, 0.60); } /* ================================================== BREADCRUMB ================================================== */ .page-hero-breadcrumb{ display: inline-flex !important; align-items: center; width: auto !important; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.20); border-radius: 50px; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 10px 30px rgba(3, 27, 40, 0.14); transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease; } .page-hero-breadcrumb:hover{ background: rgba(255,255,255,0.18); border-color: rgba(93, 211, 249, 0.55); transform: translateY(-2px); } /* ================================================== BREADCRUMB TEXT ================================================== */ .page-hero-breadcrumb, .page-hero-breadcrumb a, .page-hero-breadcrumb span, .page-hero-breadcrumb p{ color: rgba(255,255,255,0.92) !important; font-weight: 600; } .page-hero-breadcrumb a{ text-decoration: none; transition: color 0.3s ease; } .page-hero-breadcrumb a:hover{ color: #67d9ff !important; } /* ================================================== SMALL BLUE ACCENT DOT ================================================== */ .page-hero-breadcrumb::before{ content: ""; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #64d9ff; box-shadow: 0 0 0 5px rgba(100,217,255,0.12), 0 0 15px rgba(100,217,255,0.50); } /* ================================================== ELEMENTOR WIDGET POSITION FIX ================================================== */ .mybella-page-hero .elementor-widget-heading, .mybella-page-hero .elementor-widget-text-editor{ position: relative; } /* ================================================== TABLET ================================================== */ @media (max-width: 1024px){ .mybella-page-hero{ min-height: 330px; border-radius: 0 !important; background-position: center center !important; } .mybella-page-hero::before{ background: linear-gradient( 90deg, rgba(6, 27, 41, 0.93) 0%, rgba(13, 63, 86, 0.80) 50%, rgba(17, 104, 137, 0.45) 100% ); } .page-hero-title .elementor-heading-title{ font-size: clamp(38px, 6vw, 56px) !important; } } /* ================================================== MOBILE ================================================== */ @media (max-width: 767px){ .mybella-page-hero{ min-height: 300px; border-radius: 0 !important; background-position: center center !important; box-shadow: 0 12px 30px rgba(10,42,61,0.12); } /* stronger overlay for mobile */ .mybella-page-hero::before{ background: linear-gradient( 180deg, rgba(6, 25, 38, 0.66) 0%, rgba(7, 38, 55, 0.80) 48%, rgba(7, 31, 46, 0.94) 100% ); } .mybella-page-hero::after{ width: 300px; height: 300px; left: -100px; bottom: -210px; background: radial-gradient( circle, rgba(79, 206, 246, 0.45) 0%, rgba(33, 167, 213, 0.15) 48%, transparent 72% ); } /* heading */ .page-hero-title .elementor-heading-title{ font-size: 38px !important; line-height: 1.18 !important; letter-spacing: -0.6px; text-align: center; } .page-hero-title::before{ width: 45px; height: 4px; margin-left: auto; margin-right: auto; margin-bottom: 14px; } /* breadcrumb */ .page-hero-breadcrumb{ display: flex !important; width: fit-content !important; max-width: 92%; margin-left: auto !important; margin-right: auto !important; border-radius: 40px; } .page-hero-breadcrumb, .page-hero-breadcrumb a, .page-hero-breadcrumb span, .page-hero-breadcrumb p{ font-size: 13px !important; text-align: center; } } /* ================================================== SMALL MOBILE ================================================== */ @media (max-width: 480px){ .mybella-page-hero{ min-height: 270px; border-radius: 0 !important; background-position: 58% center !important; } .page-hero-title .elementor-heading-title{ font-size: 32px !important; } .page-hero-breadcrumb{ border-radius: 30px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d0425c9 *//* ========================================================= MYBELLA - MODERN COLORFUL STORY / ABOUT SECTION Desktop + Tablet + Mobile ========================================================= */ .mybella-story{ position: relative; overflow: hidden; isolation: isolate; background: radial-gradient( circle at 6% 18%, rgba(82, 207, 246, 0.16), transparent 28% ), radial-gradient( circle at 94% 12%, rgba(255, 195, 55, 0.13), transparent 24% ), radial-gradient( circle at 88% 92%, rgba(91, 180, 103, 0.12), transparent 28% ), linear-gradient( 135deg, #ffffff 0%, #f3fbfe 48%, #f8fbf4 100% ); border-top: 1px solid rgba(28, 159, 204, 0.06); border-bottom: 1px solid rgba(28, 159, 204, 0.06); } /* ========================================================= BACKGROUND DECORATION ========================================================= */ .mybella-story::before{ content: ""; position: absolute; width: 450px; height: 450px; left: -260px; top: -230px; border-radius: 50%; background: radial-gradient( circle, rgba(78, 207, 247, 0.24), rgba(78, 207, 247, 0.06) 48%, transparent 72% ); filter: blur(8px); pointer-events: none; z-index: 0; } .mybella-story::after{ content: ""; position: absolute; width: 430px; height: 430px; right: -220px; bottom: -240px; border-radius: 50%; background: radial-gradient( circle, rgba(255, 194, 51, 0.17), rgba(90, 180, 102, 0.07) 48%, transparent 72% ); pointer-events: none; z-index: 0; } /* keep Elementor content above background */ .mybella-story > .e-con-inner, .mybella-story > .elementor-container, .mybella-story > *{ position: relative; z-index: 2; } /* ========================================================= LEFT IMAGE AREA ========================================================= */ .story-visual{ position: relative; border-radius: 28px; transition: transform 0.45s ease; } /* colorful glow frame */ .story-visual::before{ content: ""; position: absolute; inset: -7px; border-radius: 32px; background: linear-gradient( 145deg, rgba(82, 210, 248, 0.80), rgba(30, 159, 205, 0.14) 36%, rgba(91, 181, 104, 0.40) 70%, rgba(255, 194, 53, 0.64) ); filter: blur(8px); opacity: 0.42; z-index: -1; transition: opacity 0.4s ease, filter 0.4s ease; } .story-visual img{ display: block; width: 100%; border-radius: 26px !important; border: 1px solid rgba(255,255,255,0.75); box-shadow: 0 24px 55px rgba(12, 53, 70, 0.17); transition: transform 0.5s ease, box-shadow 0.5s ease; } .story-visual:hover{ transform: translateY(-7px); } .story-visual:hover img{ transform: scale(1.018); box-shadow: 0 32px 68px rgba(12, 53, 70, 0.23); } .story-visual:hover::before{ opacity: 0.72; filter: blur(11px); } /* small yellow decorative point */ .story-visual::after{ content: ""; position: absolute; width: 18px; height: 18px; right: -7px; top: 14%; border-radius: 50%; background: linear-gradient( 135deg, #ffd45a, #f2aa27 ); box-shadow: 0 0 0 8px rgba(255, 196, 54, 0.11), 0 7px 20px rgba(207, 145, 24, 0.25); z-index: 4; } /* ========================================================= 5+ EXPERIENCE CARD ========================================================= */ .story-stat{ position: absolute !important; left: 50%; bottom: 50%; transform: translate(-50%, 50%); width: max-content !important; min-width: 190px; text-align: center; padding: 20px 28px; border-radius: 22px; background: linear-gradient( 135deg, rgba(10, 45, 62, 0.92), rgba(18, 105, 136, 0.88), rgba(74, 197, 232, 0.82) ) !important; border: 1px solid rgba(255,255,255,0.28); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 16px 38px rgba(4, 35, 48, 0.26); z-index: 5 !important; overflow: hidden; transition: transform 0.35s ease, box-shadow 0.35s ease; } .story-stat::before{ content: ""; position: absolute; width: 100px; height: 100px; right: -38px; top: -45px; border-radius: 50%; background: rgba(255,255,255,0.13); } .story-stat::after{ content: ""; position: absolute; width: 90px; height: 90px; left: -38px; bottom: -50px; border-radius: 50%; background: rgba(255, 201, 64, 0.22); } .story-stat:hover{ transform: translate(-50%, 50%) translateY(-5px); box-shadow: 0 22px 46px rgba(4, 35, 48, 0.32); } .story-stat h2, .story-stat h3, .story-stat .elementor-heading-title{ color: #ffffff !important; font-weight: 800 !important; text-shadow: 0 4px 14px rgba(0,0,0,0.16); } .story-stat p, .story-stat .elementor-widget-text-editor{ color: rgba(255,255,255,0.94) !important; font-weight: 650 !important; } /* ========================================================= RIGHT CONTENT ========================================================= */ .story-content{ position: relative; } /* colorful vertical accent */ .story-content::before{ content: ""; position: absolute; left: -22px; top: 8px; width: 4px; height: 92px; border-radius: 50px; background: linear-gradient( 180deg, #55d2f7, #159ac7 46%, #70b969 72%, #ffc343 ); box-shadow: 0 0 18px rgba(53, 185, 226, 0.28); } /* ========================================================= SMALL "ABOUT US" LABEL ========================================================= */ .story-kicker{ display: inline-flex !important; align-items: center; width: auto !important; background: rgba(69, 197, 238, 0.10); border: 1px solid rgba(45, 178, 220, 0.18); border-radius: 50px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .story-kicker, .story-kicker p, .story-kicker .elementor-heading-title{ color: #19a5d2 !important; font-weight: 700 !important; } .story-kicker::before{ content: ""; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #52d1f7; box-shadow: 0 0 0 5px rgba(82, 209, 247, 0.11), 0 0 14px rgba(82, 209, 247, 0.43); } /* ========================================================= MAIN HEADING ========================================================= */ .story-title{ position: relative; } .story-title .elementor-heading-title{ color: #102e3f !important; font-weight: 800 !important; line-height: 1.08 !important; letter-spacing: -1px; text-wrap: balance; } /* colorful underline */ .story-title::after{ content: ""; display: block; width: 92px; height: 5px; margin-top: 16px; border-radius: 50px; background: linear-gradient( 90deg, #55d2f7 0%, #159ac7 44%, #70b969 70%, #ffc343 100% ); box-shadow: 0 5px 16px rgba(32, 168, 209, 0.22); } /* ========================================================= MAIN TEXT ========================================================= */ .story-text, .story-text p{ color: #657b87 !important; line-height: 1.9 !important; } .story-text strong, .story-text b{ color: #173949 !important; font-weight: 750 !important; } /* ========================================================= "OUR IDEA" SUB SECTION ========================================================= */ .story-subtitle{ position: relative; display: inline-block; } .story-subtitle .elementor-heading-title{ color: #113547 !important; font-weight: 800 !important; line-height: 1.2 !important; } /* underline */ .story-subtitle::after{ content: ""; display: block; width: 52px; height: 4px; margin-top: 10px; border-radius: 50px; background: linear-gradient( 90deg, #69bb70, #ffc343 ); } /* ========================================================= PURPOSE PARAGRAPH CARD ========================================================= */ .story-purpose{ position: relative; background: linear-gradient( 135deg, rgba(255,255,255,0.80), rgba(239,249,253,0.76) ); border: 1px solid rgba(25, 151, 194, 0.10); border-radius: 18px; padding: 22px 24px; box-shadow: 0 10px 28px rgba(12, 53, 70, 0.07); overflow: hidden; } /* colored left border */ .story-purpose::before{ content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: linear-gradient( 180deg, #4cccf4, #63b86e, #ffc343 ); } .story-purpose, .story-purpose p{ color: #667c87 !important; line-height: 1.85 !important; } .story-purpose strong, .story-purpose b{ color: #173949 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .story-content::before{ left: -14px; height: 72px; } .story-title .elementor-heading-title{ line-height: 1.12 !important; letter-spacing: -0.7px; } .story-visual{ border-radius: 23px; } .story-visual img{ border-radius: 21px !important; } .story-visual::before{ border-radius: 26px; } .story-stat{ min-width: 170px; padding: 18px 24px; border-radius: 19px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px){ .mybella-story{ background: radial-gradient( circle at 50% 0%, rgba(74, 201, 242, 0.14), transparent 29% ), linear-gradient( 180deg, #ffffff 0%, #f2fafd 55%, #fafbf4 100% ); } /* image */ .story-visual{ border-radius: 20px; transform: none !important; } .story-visual img{ border-radius: 18px !important; box-shadow: 0 16px 38px rgba(12, 53, 70, 0.15); } .story-visual::before{ inset: -5px; border-radius: 22px; } .story-visual:hover img{ transform: none; } .story-visual::after{ width: 14px; height: 14px; right: -4px; } /* 5+ card */ .story-stat{ min-width: 155px; padding: 15px 20px; border-radius: 16px; } .story-stat:hover{ transform: translate(-50%, 50%); } /* remove desktop vertical line */ .story-content::before{ display: none; } /* top label */ .story-kicker{ display: flex !important; width: fit-content !important; margin-left: auto !important; margin-right: auto !important; } /* title */ .story-title .elementor-heading-title{ font-size: 33px !important; line-height: 1.16 !important; letter-spacing: -0.4px; text-align: center; } .story-title::after{ width: 65px; height: 4px; margin-left: auto; margin-right: auto; margin-top: 14px; } /* text */ .story-text, .story-text p{ font-size: 15px !important; line-height: 1.84 !important; text-align: center; } /* subtitle */ .story-subtitle{ display: block; text-align: center; } .story-subtitle .elementor-heading-title{ font-size: 28px !important; text-align: center; } .story-subtitle::after{ margin-left: auto; margin-right: auto; } /* purpose card */ .story-purpose{ border-radius: 15px; padding: 20px; } .story-purpose, .story-purpose p{ font-size: 14px !important; line-height: 1.8 !important; text-align: center; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .story-title .elementor-heading-title{ font-size: 29px !important; } .story-text, .story-text p{ font-size: 14px !important; } .story-subtitle .elementor-heading-title{ font-size: 25px !important; } .story-visual img{ border-radius: 16px !important; } .story-stat{ min-width: 140px; padding: 13px 17px; border-radius: 14px; } .story-purpose{ border-radius: 14px; padding: 18px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c62cc6e *//* ========================================================= MYBELLA - VISION / MISSION / OBJECTIVE SECTION Desktop + Tablet + Mobile ========================================================= */ .mybella-values{ position: relative; overflow: hidden; isolation: isolate; background: radial-gradient( circle at 8% 15%, rgba(79, 205, 245, 0.16), transparent 28% ), radial-gradient( circle at 90% 12%, rgba(255, 195, 58, 0.13), transparent 24% ), radial-gradient( circle at 88% 90%, rgba(87, 180, 104, 0.12), transparent 28% ), linear-gradient( 135deg, #ffffff 0%, #f4fbfe 48%, #f8fbf4 100% ); border-top: 1px solid rgba(27, 156, 202, 0.06); border-bottom: 1px solid rgba(27, 156, 202, 0.06); } /* ========================================================= BACKGROUND DECORATION ========================================================= */ .mybella-values::before{ content: ""; position: absolute; width: 430px; height: 430px; left: -240px; top: -220px; border-radius: 50%; background: radial-gradient( circle, rgba(81, 208, 247, 0.24) 0%, rgba(81, 208, 247, 0.06) 48%, transparent 72% ); filter: blur(8px); pointer-events: none; z-index: 0; } .mybella-values::after{ content: ""; position: absolute; width: 420px; height: 420px; right: -220px; bottom: -240px; border-radius: 50%; background: radial-gradient( circle, rgba(255, 194, 54, 0.18) 0%, rgba(88, 178, 102, 0.07) 48%, transparent 72% ); pointer-events: none; z-index: 0; } /* keep Elementor content above decoration */ .mybella-values > .e-con-inner, .mybella-values > .elementor-container, .mybella-values > *{ position: relative; z-index: 2; } /* ========================================================= MAIN SECTION TITLE ========================================================= */ .values-title{ position: relative; text-align: center; } .values-title .elementor-heading-title{ color: #102e3f !important; font-weight: 800 !important; line-height: 1.18 !important; letter-spacing: -0.8px; text-wrap: balance; } /* colorful underline */ .values-title::after{ content: ""; display: block; width: 110px; height: 5px; margin: 16px auto 0; border-radius: 50px; background: linear-gradient( 90deg, #54d1f7 0%, #159ac7 38%, #70b969 68%, #ffc343 100% ); box-shadow: 0 5px 16px rgba(32, 168, 209, 0.22); } /* ========================================================= BASE CARD STYLE ========================================================= */ .value-card{ position: relative; overflow: hidden; isolation: isolate; height: 100%; border-radius: 24px; background: linear-gradient( 145deg, rgba(255,255,255,0.97), rgba(246,252,254,0.88) ) !important; border: 1px solid rgba(25, 151, 194, 0.11); box-shadow: 0 14px 35px rgba(12, 53, 70, 0.08); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease; } /* top accent line */ .value-card::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 6px; border-radius: 24px 24px 0 0; background: linear-gradient( 90deg, #53d1f7, #1599c7 ); z-index: 2; } /* decorative glow circle */ .value-card::after{ content: ""; position: absolute; width: 170px; height: 170px; right: -75px; top: -80px; border-radius: 50%; background: rgba(75, 200, 241, 0.13); z-index: -1; transition: transform 0.45s ease, opacity 0.45s ease; } /* hover */ .value-card:hover{ transform: translateY(-9px); background: rgba(255,255,255,0.98) !important; border-color: rgba(40, 174, 216, 0.24); box-shadow: 0 26px 55px rgba(12, 55, 73, 0.14); } .value-card:hover::after{ transform: scale(1.3); opacity: 0.9; } /* ========================================================= CARD ICON ========================================================= */ .value-icon .elementor-icon{ width: 62px; height: 62px; display: inline-flex; align-items: center; justify-content: center; border-radius: 18px; background: linear-gradient( 135deg, #102f41, #17617d ) !important; color: #ffffff !important; box-shadow: 0 11px 24px rgba(12, 54, 72, 0.18); border: 1px solid rgba(255,255,255,0.12); transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease; } .value-icon svg{ fill: #ffffff !important; } .value-card:hover .value-icon .elementor-icon{ transform: translateY(-4px) rotate(-5deg); box-shadow: 0 15px 28px rgba(20, 143, 183, 0.22); } /* ========================================================= CARD HEADING ========================================================= */ .value-heading .elementor-heading-title, .value-card h2, .value-card h3, .value-card h4{ color: #113243 !important; font-weight: 800 !important; line-height: 1.25 !important; } /* ========================================================= CARD TEXT ========================================================= */ .value-text, .value-text p, .value-card p{ color: #687d88 !important; line-height: 1.85 !important; } .value-text strong, .value-text b{ color: #173948 !important; font-weight: 750 !important; } /* ========================================================= VISION CARD - CYAN / BLUE ========================================================= */ .value-vision::before{ background: linear-gradient( 90deg, #55d2f7, #159ac7 ); } .value-vision::after{ background: rgba(72, 199, 239, 0.16); } .value-vision .value-icon .elementor-icon{ background: linear-gradient( 135deg, #159ac7, #59d2f5 ) !important; } .value-vision:hover{ border-color: rgba(36, 172, 216, 0.26); } /* ========================================================= MISSION CARD - GREEN ========================================================= */ .value-mission::before{ background: linear-gradient( 90deg, #8bd27a, #4da861 ); } .value-mission::after{ background: rgba(85, 176, 102, 0.16); } .value-mission .value-icon .elementor-icon{ background: linear-gradient( 135deg, #4da861, #8bcf79 ) !important; } .value-mission:hover{ border-color: rgba(75, 163, 91, 0.26); } /* ========================================================= OBJECTIVE CARD - YELLOW / ORANGE ========================================================= */ .value-objective::before{ background: linear-gradient( 90deg, #ffd45c, #efa92d ); } .value-objective::after{ background: rgba(247, 184, 52, 0.16); } .value-objective .value-icon .elementor-icon{ background: linear-gradient( 135deg, #efa92d, #ffd55f ) !important; } .value-objective:hover{ border-color: rgba(232, 165, 41, 0.26); } /* ========================================================= OPTIONAL LARGE WATERMARK ICON / NUMBER ========================================================= */ .value-vision .value-heading::before, .value-mission .value-heading::before, .value-objective .value-heading::before{ position: absolute; right: 20px; bottom: 10px; font-size: 80px; line-height: 1; font-weight: 800; opacity: 0.035; pointer-events: none; } .value-vision .value-heading::before{ content: "01"; } .value-mission .value-heading::before{ content: "02"; } .value-objective .value-heading::before{ content: "03"; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .values-title .elementor-heading-title{ line-height: 1.2 !important; } .value-card{ border-radius: 20px; } .value-card::before{ border-radius: 20px 20px 0 0; } .value-icon .elementor-icon{ width: 56px; height: 56px; border-radius: 16px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px){ .mybella-values{ background: radial-gradient( circle at 50% 0%, rgba(74, 201, 242, 0.14), transparent 30% ), linear-gradient( 180deg, #ffffff 0%, #f2fafd 52%, #fafbf4 100% ); } /* heading */ .values-title .elementor-heading-title{ font-size: 31px !important; line-height: 1.25 !important; letter-spacing: -0.4px; text-align: center; } .values-title::after{ width: 75px; height: 4px; margin-top: 13px; } /* cards */ .value-card{ border-radius: 18px; box-shadow: 0 13px 30px rgba(12, 53, 70, 0.09); } .value-card::before{ height: 5px; border-radius: 18px 18px 0 0; } .value-card:hover{ transform: none; } /* icon */ .value-icon .elementor-icon{ width: 54px; height: 54px; border-radius: 15px; } .value-card:hover .value-icon .elementor-icon{ transform: none; } /* titles */ .value-heading .elementor-heading-title, .value-card h2, .value-card h3, .value-card h4{ font-size: 22px !important; line-height: 1.35 !important; text-align: center; } /* text */ .value-text, .value-text p, .value-card p{ font-size: 14px !important; line-height: 1.8 !important; text-align: center; } .value-vision .value-heading::before, .value-mission .value-heading::before, .value-objective .value-heading::before{ font-size: 60px; right: 14px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .values-title .elementor-heading-title{ font-size: 27px !important; } .value-card{ border-radius: 16px; } .value-card::before{ border-radius: 16px 16px 0 0; } .value-icon .elementor-icon{ width: 50px; height: 50px; border-radius: 14px; } .value-heading .elementor-heading-title, .value-card h2, .value-card h3, .value-card h4{ font-size: 20px !important; } .value-text, .value-text p, .value-card p{ font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7a619b6 *//* ========================================================= MYBELLA - WHY CHOOSE US PRODUCT SECTION Desktop + Tablet + Mobile ========================================================= */ .mybella-why-section{ position: relative; overflow: hidden; isolation: isolate; background: radial-gradient( circle at 7% 18%, rgba(78, 204, 244, 0.16), transparent 28% ), radial-gradient( circle at 93% 12%, rgba(255, 193, 54, 0.13), transparent 25% ), radial-gradient( circle at 88% 90%, rgba(89, 180, 104, 0.12), transparent 28% ), linear-gradient( 135deg, #ffffff 0%, #f3fbfe 48%, #f8fbf4 100% ); border-top: 1px solid rgba(24, 155, 201, 0.06); border-bottom: 1px solid rgba(24, 155, 201, 0.06); } /* ========================================================= BACKGROUND DECORATION ========================================================= */ .mybella-why-section::before{ content: ""; position: absolute; width: 450px; height: 450px; left: -260px; top: -230px; border-radius: 50%; background: radial-gradient( circle, rgba(80, 207, 246, 0.24), rgba(80, 207, 246, 0.06) 48%, transparent 72% ); filter: blur(8px); pointer-events: none; z-index: 0; } .mybella-why-section::after{ content: ""; position: absolute; width: 430px; height: 430px; right: -230px; bottom: -245px; border-radius: 50%; background: radial-gradient( circle, rgba(255, 194, 53, 0.17), rgba(88, 178, 103, 0.07) 48%, transparent 72% ); pointer-events: none; z-index: 0; } /* Keep Elementor content above effects */ .mybella-why-section > .e-con-inner, .mybella-why-section > .elementor-container, .mybella-why-section > *{ position: relative; z-index: 2; } /* ========================================================= SMALL TOP LABEL ========================================================= */ .why-kicker{ display: flex !important; align-items: center; justify-content: center; width: fit-content !important; margin-left: auto !important; margin-right: auto !important; background: rgba(69, 196, 237, 0.10); border: 1px solid rgba(45, 178, 220, 0.18); border-radius: 50px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .why-kicker, .why-kicker p, .why-kicker .elementor-heading-title{ color: #19a4d2 !important; font-weight: 700 !important; } /* small glowing dot */ .why-kicker::before{ content: ""; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: #52d1f7; box-shadow: 0 0 0 5px rgba(82, 209, 247, 0.10), 0 0 14px rgba(82, 209, 247, 0.42); } /* ========================================================= MAIN TITLE ========================================================= */ .why-main-title{ position: relative; text-align: center; } .why-main-title .elementor-heading-title{ color: #102e3f !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -0.9px; text-wrap: balance; } /* colorful underline */ .why-main-title::after{ content: ""; display: block; width: 95px; height: 5px; margin: 16px auto 0; border-radius: 50px; background: linear-gradient( 90deg, #55d2f7 0%, #159ac7 40%, #70b969 70%, #ffc343 100% ); box-shadow: 0 5px 16px rgba(32, 168, 209, 0.22); } /* ========================================================= CENTER PRODUCT IMAGE ========================================================= */ .why-product-image{ position: relative; border-radius: 28px; transition: transform 0.45s ease; } /* colorful glow frame */ .why-product-image::before{ content: ""; position: absolute; inset: -7px; border-radius: 32px; background: linear-gradient( 145deg, rgba(82, 210, 248, 0.82), rgba(33, 159, 204, 0.14) 35%, rgba(91, 181, 104, 0.38) 68%, rgba(255, 194, 53, 0.68) ); filter: blur(8px); opacity: 0.43; z-index: -1; transition: opacity 0.4s ease, filter 0.4s ease; } .why-product-image img{ display: block; width: 100%; border-radius: 26px !important; border: 1px solid rgba(255,255,255,0.72); box-shadow: 0 25px 58px rgba(12, 53, 70, 0.18); transition: transform 0.5s ease, box-shadow 0.5s ease; } .why-product-image:hover{ transform: translateY(-7px); } .why-product-image:hover img{ transform: scale(1.018); box-shadow: 0 34px 70px rgba(12, 53, 70, 0.24); } .why-product-image:hover::before{ opacity: 0.72; filter: blur(11px); } /* yellow accent dot */ .why-product-image::after{ content: ""; position: absolute; width: 18px; height: 18px; right: -7px; top: 15%; border-radius: 50%; background: linear-gradient( 135deg, #ffd45a, #f2aa27 ); box-shadow: 0 0 0 8px rgba(255, 197, 55, 0.10), 0 7px 20px rgba(210, 147, 24, 0.25); z-index: 4; } /* ========================================================= FEATURE ITEM BASE ========================================================= */ .why-feature{ position: relative; overflow: hidden; border-radius: 20px; background: rgba(255,255,255,0.78); border: 1px solid rgba(24, 146, 188, 0.10); box-shadow: 0 10px 28px rgba(12, 53, 70, 0.07); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease; } /* small color bar */ .why-feature::before{ content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; border-radius: 20px 0 0 20px; background: linear-gradient( 180deg, #55d1f7, #159ac7 ); } /* decorative glow */ .why-feature::after{ content: ""; position: absolute; width: 120px; height: 120px; right: -60px; top: -60px; border-radius: 50%; background: rgba(79, 203, 243, 0.11); pointer-events: none; transition: transform 0.4s ease; } .why-feature:hover{ transform: translateY(-6px); background: rgba(255,255,255,0.96); border-color: rgba(36, 172, 216, 0.23); box-shadow: 0 20px 42px rgba(12, 53, 70, 0.12); } .why-feature:hover::after{ transform: scale(1.25); } /* ========================================================= FEATURE ICON ========================================================= */ .why-feature .elementor-icon{ width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center; border-radius: 16px; background: linear-gradient( 135deg, #159ac7, #55d1f5 ) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 10px 22px rgba(29, 166, 209, 0.20); transition: transform 0.35s ease, box-shadow 0.35s ease; } .why-feature .elementor-icon svg{ fill: #ffffff !important; } .why-feature:hover .elementor-icon{ transform: translateY(-4px) rotate(-5deg); box-shadow: 0 14px 27px rgba(29, 166, 209, 0.26); } /* ========================================================= FEATURE HEADINGS ========================================================= */ .why-feature h2, .why-feature h3, .why-feature h4, .why-feature .elementor-heading-title{ color: #113243 !important; font-weight: 800 !important; line-height: 1.3 !important; } /* ========================================================= FEATURE TEXT ========================================================= */ .why-feature p, .why-feature .elementor-widget-text-editor{ color: #687d88 !important; line-height: 1.8 !important; } .why-feature strong, .why-feature b{ color: #173949 !important; font-weight: 750 !important; } /* ========================================================= FEATURE 1 - LIGHTWEIGHT / CYAN ========================================================= */ .why-light::before{ background: linear-gradient( 180deg, #55d2f7, #159ac7 ); } .why-light::after{ background: rgba(73, 199, 239, 0.14); } .why-light .elementor-icon{ background: linear-gradient( 135deg, #159ac7, #58d2f5 ) !important; } /* ========================================================= FEATURE 2 - STRONG / YELLOW ========================================================= */ .why-strong::before{ background: linear-gradient( 180deg, #ffd35b, #efa82d ); } .why-strong::after{ background: rgba(247, 184, 52, 0.14); } .why-strong .elementor-icon{ background: linear-gradient( 135deg, #efa82d, #ffd55f ) !important; } .why-strong:hover{ border-color: rgba(232, 166, 42, 0.24); } /* ========================================================= FEATURE 3 - MULTI PURPOSE / GREEN ========================================================= */ .why-multi::before{ background: linear-gradient( 180deg, #8bd27a, #4ea861 ); } .why-multi::after{ background: rgba(83, 176, 101, 0.14); } .why-multi .elementor-icon{ background: linear-gradient( 135deg, #4da861, #8acf79 ) !important; } .why-multi:hover{ border-color: rgba(75, 164, 91, 0.24); } /* ========================================================= FEATURE 4 - CUSTOM HEIGHT / PURPLE-BLUE ========================================================= */ .why-height::before{ background: linear-gradient( 180deg, #8798f0, #5c6fd8 ); } .why-height::after{ background: rgba(104, 116, 219, 0.13); } .why-height .elementor-icon{ background: linear-gradient( 135deg, #5d70d9, #899af0 ) !important; } .why-height:hover{ border-color: rgba(95, 108, 214, 0.23); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .why-main-title .elementor-heading-title{ line-height: 1.16 !important; } .why-product-image{ border-radius: 23px; } .why-product-image img{ border-radius: 21px !important; } .why-product-image::before{ border-radius: 26px; } .why-feature{ border-radius: 18px; } .why-feature .elementor-icon{ width: 52px; height: 52px; border-radius: 15px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px){ .mybella-why-section{ background: radial-gradient( circle at 50% 0%, rgba(74, 201, 242, 0.14), transparent 29% ), linear-gradient( 180deg, #ffffff 0%, #f2fafd 52%, #fafbf4 100% ); } /* kicker */ .why-kicker{ display: flex !important; width: fit-content !important; margin-left: auto !important; margin-right: auto !important; } /* heading */ .why-main-title .elementor-heading-title{ font-size: 32px !important; line-height: 1.18 !important; letter-spacing: -0.4px; text-align: center; } .why-main-title::after{ width: 70px; height: 4px; margin-top: 14px; } /* product image */ .why-product-image{ border-radius: 20px; transform: none !important; } .why-product-image img{ border-radius: 18px !important; box-shadow: 0 17px 38px rgba(12, 53, 70, 0.15); } .why-product-image::before{ inset: -5px; border-radius: 22px; } .why-product-image:hover img{ transform: none; } .why-product-image::after{ width: 14px; height: 14px; right: -4px; } /* feature cards */ .why-feature{ border-radius: 16px; text-align: center; box-shadow: 0 11px 26px rgba(12, 53, 70, 0.08); } .why-feature::before{ width: 100%; height: 4px; border-radius: 16px 16px 0 0; } .why-feature:hover{ transform: none; } .why-feature:hover .elementor-icon{ transform: none; } .why-feature .elementor-icon{ width: 52px; height: 52px; border-radius: 14px; } .why-feature h2, .why-feature h3, .why-feature h4, .why-feature .elementor-heading-title{ font-size: 21px !important; line-height: 1.35 !important; text-align: center; } .why-feature p, .why-feature .elementor-widget-text-editor{ font-size: 14px !important; line-height: 1.8 !important; text-align: center; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .why-main-title .elementor-heading-title{ font-size: 28px !important; } .why-product-image img{ border-radius: 16px !important; } .why-feature{ border-radius: 14px; } .why-feature::before{ border-radius: 14px 14px 0 0; } .why-feature .elementor-icon{ width: 48px; height: 48px; border-radius: 13px; } .why-feature h2, .why-feature h3, .why-feature h4, .why-feature .elementor-heading-title{ font-size: 19px !important; } .why-feature p, .why-feature .elementor-widget-text-editor{ font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f626692 *//* ========================================================= MYBELLA - MODERN COLORFUL CTA SECTION Desktop / Tablet / Mobile ========================================================= */ .mybella-cta{ position: relative; overflow: hidden; isolation: isolate; background: radial-gradient( circle at 10% 20%, rgba(75, 207, 247, 0.30), transparent 28% ), radial-gradient( circle at 88% 20%, rgba(255, 196, 58, 0.20), transparent 24% ), radial-gradient( circle at 78% 90%, rgba(86, 181, 105, 0.20), transparent 26% ), linear-gradient( 120deg, #0d2637 0%, #144a62 38%, #1d8eb9 68%, #58c9ec 100% ); border-radius: 28px; border: 1px solid rgba(255,255,255,0.14); box-shadow: 0 18px 45px rgba(11, 45, 62, 0.18); transition: transform 0.35s ease, box-shadow 0.35s ease; } /* ========================================================= BACKGROUND DECORATION ========================================================= */ .mybella-cta::before{ content: ""; position: absolute; width: 240px; height: 240px; left: -90px; bottom: -130px; border-radius: 50%; background: radial-gradient( circle, rgba(79, 211, 249, 0.30), rgba(79, 211, 249, 0.04) 55%, transparent 72% ); z-index: 0; pointer-events: none; } .mybella-cta::after{ content: ""; position: absolute; width: 220px; height: 220px; right: -70px; top: -120px; border-radius: 50%; background: radial-gradient( circle, rgba(255, 205, 77, 0.30), rgba(255, 205, 77, 0.05) 55%, transparent 72% ); z-index: 0; pointer-events: none; } /* keep content above effects */ .mybella-cta > .e-con-inner, .mybella-cta > .elementor-container, .mybella-cta > *{ position: relative; z-index: 2; } /* optional subtle hover */ .mybella-cta:hover{ box-shadow: 0 24px 55px rgba(12, 52, 70, 0.23); } /* ========================================================= CTA TITLE ========================================================= */ .cta-title{ position: relative; } .cta-title .elementor-heading-title{ color: #ffffff !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -0.8px; text-shadow: 0 4px 18px rgba(0,0,0,0.16); } /* yellow / cyan underline */ .cta-title::after{ content: ""; display: block; width: 70px; height: 5px; margin-top: 14px; border-radius: 50px; background: linear-gradient( 90deg, #5bd7fb, #ffffff 45%, #ffd052 100% ); box-shadow: 0 4px 15px rgba(90, 214, 250, 0.30); } /* ========================================================= CTA DESCRIPTION ========================================================= */ .cta-text, .cta-text p{ color: rgba(255,255,255,0.90) !important; line-height: 1.85 !important; font-weight: 500; } .cta-text strong, .cta-text b{ color: #ffffff !important; font-weight: 750 !important; } /* ========================================================= WHATSAPP BUTTON ========================================================= */ .cta-whatsapp .elementor-button{ position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #ffffff 0%, #f7fdff 100% ) !important; color: #18394a !important; border-radius: 50px !important; border: 1px solid rgba(255,255,255,0.72); font-weight: 750 !important; box-shadow: 0 12px 28px rgba(5, 38, 54, 0.18); transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease; } /* button glow */ .cta-whatsapp .elementor-button::after{ content: ""; position: absolute; inset: -2px; border-radius: 50px; background: linear-gradient( 90deg, rgba(83, 210, 247, 0.45), rgba(255,255,255,0.10), rgba(112, 191, 102, 0.42) ); filter: blur(10px); opacity: 0; z-index: -1; transition: opacity 0.3s ease; } .cta-whatsapp .elementor-button:hover::after{ opacity: 1; } /* button shine */ .cta-whatsapp .elementor-button::before{ content: ""; position: absolute; top: 0; left: -90%; width: 45%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.80), transparent ); transform: skewX(-20deg); transition: left 0.55s ease; } .cta-whatsapp .elementor-button:hover::before{ left: 130%; } .cta-whatsapp .elementor-button:hover{ background: linear-gradient( 135deg, #25d366, #5edb86 ) !important; color: #ffffff !important; transform: translateY(-3px); box-shadow: 0 16px 34px rgba(37, 211, 102, 0.28); } /* ========================================================= BUTTON ICON ========================================================= */ .cta-whatsapp .elementor-button-icon{ width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 135deg, #102d3e, #174c64 ); color: #ffffff !important; box-shadow: 0 6px 15px rgba(8, 42, 58, 0.18); transition: transform 0.3s ease, background 0.3s ease; } .cta-whatsapp .elementor-button:hover .elementor-button-icon{ background: #ffffff; color: #25b85b !important; transform: rotate(45deg); } /* ========================================================= OPTIONAL WHATSAPP ICON COLOR ========================================================= */ .cta-whatsapp .elementor-button-icon svg{ fill: currentColor !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px){ .mybella-cta{ border-radius: 24px; } .cta-title .elementor-heading-title{ line-height: 1.15 !important; } .cta-title::after{ width: 58px; height: 4px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px){ .mybella-cta{ border-radius: 20px; text-align: center; background: radial-gradient( circle at 50% 0%, rgba(92, 216, 250, 0.22), transparent 30% ), radial-gradient( circle at 100% 100%, rgba(255, 202, 62, 0.18), transparent 28% ), linear-gradient( 160deg, #0d293b 0%, #14506a 52%, #31a9d3 100% ); box-shadow: 0 15px 35px rgba(10, 47, 65, 0.18); } .cta-title .elementor-heading-title{ font-size: 32px !important; line-height: 1.18 !important; text-align: center; letter-spacing: -0.4px; } .cta-title::after{ width: 55px; height: 4px; margin-left: auto; margin-right: auto; } .cta-text, .cta-text p{ font-size: 15px !important; line-height: 1.8 !important; text-align: center; } .cta-whatsapp{ text-align: center; } .cta-whatsapp .elementor-button{ width: auto; justify-content: center; } .mybella-cta:hover{ transform: none; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px){ .mybella-cta{ border-radius: 18px; } .cta-title .elementor-heading-title{ font-size: 28px !important; } .cta-text, .cta-text p{ font-size: 14px !important; } .cta-whatsapp .elementor-button{ font-size: 14px !important; } .cta-whatsapp .elementor-button-icon{ width: 30px; height: 30px; } }/* End custom CSS */