.elementor-80095 .elementor-element.elementor-element-aabe7e6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-aabe7e6{border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF4F;margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0.5vw 0vw;z-index:15;}.elementor-80095 .elementor-element.elementor-element-aabe7e6, .elementor-80095 .elementor-element.elementor-element-aabe7e6 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-f26a8e0 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-f26a8e0 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-f26a8e0 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-f26a8e0 > .elementor-element-populated{padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-7d01906{--spacer-size:1px;}.elementor-80095 .elementor-element.elementor-element-9aec35d > .elementor-element-populated{padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-541d6e2{--spacer-size:5px;width:var( --container-widget-width, 109.868% );max-width:109.868%;--container-widget-width:109.868%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-541d6e2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-80095 .elementor-element.elementor-element-974eee3 > .elementor-element-populated{border-style:none;margin:0vw 0vw 0vw 1vw;--e-column-margin-right:0vw;--e-column-margin-left:1vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-974eee3 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-974eee3 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-974eee3 > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-80095 .elementor-element.elementor-element-43b06bf{width:100%;max-width:100%;z-index:9;--e-icon-list-icon-size:0.5075vw;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-80095 .elementor-element.elementor-element-43b06bf > .elementor-widget-container{margin:000.5vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(19px/2);}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(19px/2);}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(19px/2);}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-19px/2);}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-19px/2);}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-icon i{color:#FFFFFF73;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-icon svg{fill:#FFFFFF73;transition:fill 0.3s;}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-icon{padding-inline-end:1px;}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-item > a{font-family:"Bai Jamjuree", Sans-serif;font-size:0.805vw;font-weight:400;text-transform:uppercase;line-height:1.3em;}.elementor-80095 .elementor-element.elementor-element-43b06bf .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-d8ae46c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-d8ae46c:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-d8ae46c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-d8ae46c{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:.0512500vw .500vw .3502500vw .500vw;z-index:999;}.elementor-80095 .elementor-element.elementor-element-d8ae46c, .elementor-80095 .elementor-element.elementor-element-d8ae46c > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-d8ae46c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-77a9b349.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-77a9b349.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-77a9b349 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-80095 .elementor-element.elementor-element-77a9b349 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 2vw;}.elementor-80095 .elementor-element.elementor-element-750b54e9{--spacer-size:1vh;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-80095 .elementor-element.elementor-element-259df153{width:var( --container-widget-width, 80.5% );max-width:80.5%;--container-widget-width:80.5%;--container-widget-flex-grow:0;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:1.3em;--e-nav-menu-divider-color:#FFFFFF40;--e-nav-menu-horizontal-menu-item-margin:calc( 2em / 2 );}.elementor-80095 .elementor-element.elementor-element-259df153 > .elementor-widget-container{padding:0vw 0vw 0vw 15vw;}.elementor-80095 .elementor-element.elementor-element-259df153 .elementor-menu-toggle{margin:0 auto;}.elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu .elementor-item{font-family:"Bai Jamjuree", Sans-serif;font-size:0.8025vw;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;}.elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu--main .elementor-item{color:#FFFFFFC9;fill:#FFFFFFC9;padding-left:1em;padding-right:1em;padding-top:0em;padding-bottom:0em;}.elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu--main .elementor-item:hover, .elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFFA1;fill:#FFFFFFA1;}.elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-framed .elementor-item:before, .elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#02010100;}.elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#02010100;}.elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-underline .elementor-item:after, .elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-overline .elementor-item:before, .elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-double-line .elementor-item:before, .elementor-80095 .elementor-element.elementor-element-259df153 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-80095 .elementor-element.elementor-element-259df153 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2em;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-80095 .elementor-element.elementor-element-50ef0e8{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-50ef0e8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0.6575vw .250vw 0.5345vw .1250vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-50ef0e8 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:0.85em;letter-spacing:1px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-d7dbe72:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-d7dbe72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(300deg, #D5E0FF 0%, #F0F4FF 72%);}.elementor-80095 .elementor-element.elementor-element-d7dbe72 > .elementor-background-overlay{background-color:#BDCCEC;background-image:url("https://w3bdesign.net/wp-content/uploads/2026/05/530.jpg");background-position:bottom left;background-size:cover;opacity:1;mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-d7dbe72{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-8vw;margin-bottom:0vw;padding:0vw 3vw 0vw 3vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-b0c5954.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-b0c5954.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-b0c5954 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-b0c5954{z-index:5;}.elementor-80095 .elementor-element.elementor-element-6418f57 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-6418f57, .elementor-80095 .elementor-element.elementor-element-6418f57 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-6418f57{margin-top:8vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-ff24047.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-ff24047.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-ff24047.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-ff24047 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-80095 .elementor-element.elementor-element-ff24047 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-ff24047 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-ff24047 > .elementor-background-slideshow{border-radius:0em 0em 0em 4em;}.elementor-80095 .elementor-element.elementor-element-ff24047 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 1vw;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-80095 .elementor-element.elementor-element-42ccaa5{width:var( --container-widget-width, 7% );max-width:7%;--container-widget-width:7%;--container-widget-flex-grow:0;z-index:3;text-align:start;}.elementor-80095 .elementor-element.elementor-element-42ccaa5 > .elementor-widget-container{margin:0vw 0vw 1vw 0vw;}.elementor-80095 .elementor-element.elementor-element-42ccaa5 img{width:100%;opacity:1;}.elementor-80095 .elementor-element.elementor-element-b9f4175{width:auto;max-width:auto;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-b9f4175 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-b9f4175 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:5.5vw;font-weight:600;text-transform:uppercase;line-height:0.85em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-da7c799{--spacer-size:1vh;}.elementor-80095 .elementor-element.elementor-element-1110bc5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-1110bc5 .elementor-background-overlay{filter:brightness( 117% ) contrast( 100% ) saturate( 176% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-1110bc5, .elementor-80095 .elementor-element.elementor-element-1110bc5 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-1110bc5{margin-top:-1.5vw;margin-bottom:1vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-83243e4.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-83243e4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-83243e4 > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-80095 .elementor-element.elementor-element-83243e4{z-index:3;}.elementor-80095 .elementor-element.elementor-element-fa14b6f{--spacer-size:21vh;}.elementor-80095 .elementor-element.elementor-element-386e7ba{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-386e7ba > .elementor-widget-container{margin:0.25vw 0vw 00.5vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-386e7ba .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:2.25vw;font-weight:400;text-transform:uppercase;line-height:1.5em;letter-spacing:-0.25px;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-80095 .elementor-element.elementor-element-49bfd07{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-49bfd07 > .elementor-widget-container{margin:0vw -3vw 1vw -4vw;}.elementor-80095 .elementor-element.elementor-element-49bfd07 .elementor-divider-separator{width:100%;}.elementor-80095 .elementor-element.elementor-element-49bfd07 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button{background-color:#00000000;font-family:"Michroma", Sans-serif;font-size:1.1vw;font-weight:700;text-transform:uppercase;font-style:normal;letter-spacing:0px;text-shadow:0px 0px 33px rgba(0,0,0,0.3);fill:#ECECEC;color:#ECECEC;border-style:none;border-radius:0em 0em 0em 0em;padding:1.150vw 1.50vw 01.10554753250vw 1.750vw;}.elementor-80095 .elementor-element.elementor-element-abeb6da{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;z-index:19;}.elementor-80095 .elementor-element.elementor-element-abeb6da > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-abeb6da.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-80095 .elementor-element.elementor-element-abeb6da:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button-content-wrapper{flex-direction:row;}.elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button .elementor-button-content-wrapper{gap:24px;}.elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button:hover, .elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button:focus{border-color:#89A2D4;}.elementor-80095 .elementor-element.elementor-element-13287a7{--spacer-size:18vh;}.elementor-80095 .elementor-element.elementor-element-eaa3605{--spacer-size:1vh;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-9546b91.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-9546b91.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-9546b91.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-9546b91 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:8px;}.elementor-80095 .elementor-element.elementor-element-9546b91 > .elementor-element-populated{border-style:none;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-9546b91{z-index:15;}.elementor-80095 .elementor-element.elementor-element-502e98d{--spacer-size:4vh;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-80095 .elementor-element.elementor-element-8b79a1e > .elementor-widget-container{margin:0vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-8b79a1e{z-index:1;}.elementor-80095 .elementor-element.elementor-element-8b79a1e .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-8b79a1e.elementor-view-stacked .elementor-icon{background-color:#00000073;}.elementor-80095 .elementor-element.elementor-element-8b79a1e.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-8b79a1e.elementor-view-default .elementor-icon{color:#00000073;border-color:#00000073;}.elementor-80095 .elementor-element.elementor-element-8b79a1e.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-8b79a1e.elementor-view-default .elementor-icon svg{fill:#00000073;}.elementor-80095 .elementor-element.elementor-element-8b79a1e .elementor-icon{font-size:33vw;}.elementor-80095 .elementor-element.elementor-element-8b79a1e .elementor-icon svg{height:33vw;}.elementor-80095 .elementor-element.elementor-element-ded6f5d{--e-image-carousel-slides-to-show:1;z-index:8;}.elementor-80095 .elementor-element.elementor-element-ded6f5d > .elementor-widget-container{margin:-19.5vw 0.25vw 0vw 0.5vw;}.elementor-80095 .elementor-element.elementor-element-a7c3333{--spacer-size:2vh;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-a392c38.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-a392c38.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-a392c38 > .elementor-element-populated{padding:0vw 0vw 0vw 10vw;}.elementor-80095 .elementor-element.elementor-element-a392c38{z-index:3;}.elementor-80095 .elementor-element.elementor-element-3942bba{--spacer-size:23vh;}.elementor-80095 .elementor-element.elementor-element-654bcc0{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-654bcc0 > .elementor-widget-container{margin:0vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-654bcc0 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.82005vw;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:0.1525em;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-6715789{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-6715789 > .elementor-widget-container{margin:0vw -5vw 1vw -5vw;}.elementor-80095 .elementor-element.elementor-element-6715789 .elementor-divider-separator{width:100%;}.elementor-80095 .elementor-element.elementor-element-6715789 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-80095 .elementor-element.elementor-element-175c666{width:var( --container-widget-width, 99% );max-width:99%;--container-widget-width:99%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-175c666 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-175c666 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-b6372d9{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-b6372d9 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-b6372d9 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:4.1vw;font-weight:700;text-transform:uppercase;line-height:0.85em;letter-spacing:-0.5px;color:#0000005E;}.elementor-80095 .elementor-element.elementor-element-6ce0b4c{--spacer-size:1px;}.elementor-80095 .elementor-element.elementor-element-e70f42a{--spacer-size:20vh;}.elementor-80095 .elementor-element.elementor-element-20a94bb:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-20a94bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D1D4DC;}.elementor-80095 .elementor-element.elementor-element-20a94bb > .elementor-background-overlay{background-color:#00277600;background-image:url("https://w3bdesign.net/wp-content/uploads/2026/05/35360.jpg");background-position:bottom right;background-size:cover;opacity:0.65;mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-20a94bb .elementor-background-overlay{filter:brightness( 102% ) contrast( 118% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-20a94bb{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-7vw;margin-bottom:-18vw;padding:0vw 0vw 15vw 0vw;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-fc1b3dc.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-fc1b3dc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-fc1b3dc.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-fc1b3dc > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:4vw 1vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-86f0a86 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-86f0a86:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-86f0a86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8EEFF;}.elementor-80095 .elementor-element.elementor-element-86f0a86{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:1vw 0vw 1vw 0.5vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-86f0a86, .elementor-80095 .elementor-element.elementor-element-86f0a86 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-86f0a86 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-fd5ab2f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-fd5ab2f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-fd5ab2f.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-fd5ab2f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 1vw 0vw 1vw;}.elementor-80095 .elementor-element.elementor-element-3fc5e87{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-55cd67d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-55cd67d > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#0C2243;}.elementor-80095 .elementor-element.elementor-element-55cd67d .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.50475vw;font-weight:700;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-3112a63{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-3112a63 > .elementor-widget-container{margin:0.5vw 0vw 1vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-3112a63 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:0.9205vw;font-weight:400;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 66px #0C0C0C;color:#202020EB;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-39aae65.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-39aae65.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-39aae65.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-39aae65 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:4vw 1vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-3be33e8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-3be33e8:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-3be33e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8EEFF;}.elementor-80095 .elementor-element.elementor-element-3be33e8{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:1vw 0vw 1vw 0.5vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-3be33e8, .elementor-80095 .elementor-element.elementor-element-3be33e8 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-3be33e8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-324b1aa.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-324b1aa.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-324b1aa.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-324b1aa > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 1vw 0vw 1vw;}.elementor-80095 .elementor-element.elementor-element-ddf61d4{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-b1915de{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-b1915de > .elementor-widget-container{margin:0vw -2vw 0vw 0vw;padding:0vw 0vw 0.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#0C2243;}.elementor-80095 .elementor-element.elementor-element-b1915de .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.50475vw;font-weight:700;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-4055b4d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-4055b4d > .elementor-widget-container{margin:0.5vw -1vw 1vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-4055b4d .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:0.9205vw;font-weight:400;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 66px #0C0C0C;color:#202020EB;}.elementor-80095 .elementor-element.elementor-element-983e95f.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-983e95f > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-983e95f{z-index:5;}.elementor-80095 .elementor-element.elementor-element-617e2c1{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-83d2bb2{width:100%;max-width:100%;}.elementor-80095 .elementor-element.elementor-element-83d2bb2 > .elementor-widget-container{margin:0vw -1vw 0vw -0.5vw;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-e227891.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-e227891.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-e227891.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-e227891 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:4vw 1vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-6b37115 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-6b37115:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-6b37115 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8EEFF;}.elementor-80095 .elementor-element.elementor-element-6b37115{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:1vw 0vw 1vw 0.5vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-6b37115, .elementor-80095 .elementor-element.elementor-element-6b37115 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-6b37115 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-6062a9b.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-6062a9b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-6062a9b.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-6062a9b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 1vw 0vw 1vw;}.elementor-80095 .elementor-element.elementor-element-46ee646{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-bd3deb3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-bd3deb3 > .elementor-widget-container{margin:0vw -3vw 0vw 0vw;padding:0vw 0vw 0.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#0C2243;}.elementor-80095 .elementor-element.elementor-element-bd3deb3 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.50475vw;font-weight:700;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-cd58625{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-cd58625 > .elementor-widget-container{margin:0.5vw -1vw 1vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-cd58625 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:0.9205vw;font-weight:400;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 66px #0C0C0C;color:#202020EB;}.elementor-80095 .elementor-element.elementor-element-cd409b7.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-cd409b7 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-cd409b7{z-index:5;}.elementor-80095 .elementor-element.elementor-element-8d30211{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-b254c60{width:100%;max-width:100%;}.elementor-80095 .elementor-element.elementor-element-b254c60 > .elementor-widget-container{margin:0vw -1vw 0vw 0vw;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-5acd5a1.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-5acd5a1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-5acd5a1.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-5acd5a1 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:4vw 1vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-0a25850 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-0a25850:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-0a25850 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8EEFF;}.elementor-80095 .elementor-element.elementor-element-0a25850{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:1vw 0vw 1vw 0.5vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-0a25850, .elementor-80095 .elementor-element.elementor-element-0a25850 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-0a25850 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-f26f228.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-f26f228.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-f26f228.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-f26f228 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0vw 1vw 0vw 1vw;}.elementor-80095 .elementor-element.elementor-element-474e74c{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-1a047d5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-1a047d5 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#0C2243;}.elementor-80095 .elementor-element.elementor-element-1a047d5 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.50475vw;font-weight:700;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.25px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-a8ee2fe{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-a8ee2fe > .elementor-widget-container{margin:0.5vw 0vw 1vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-a8ee2fe .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:0.9205vw;font-weight:400;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 66px #0C0C0C;color:#202020EB;}.elementor-80095 .elementor-element.elementor-element-1993757:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-1993757 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5D1DE;}.elementor-80095 .elementor-element.elementor-element-1993757 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #CDD7ECB0 0%, #E9EEFBE8 79%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-1993757{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:25;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-1b15d4c.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-1b15d4c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-1b15d4c.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-1b15d4c > .elementor-element-populated{margin:0vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-642bdd3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-642bdd3, .elementor-80095 .elementor-element.elementor-element-642bdd3 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-642bdd3{margin-top:8vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-114ebcf.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-114ebcf.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-114ebcf.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-114ebcf > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-80095 .elementor-element.elementor-element-114ebcf > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-114ebcf > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-114ebcf > .elementor-background-slideshow{border-radius:0em 0em 0em 4em;}.elementor-80095 .elementor-element.elementor-element-114ebcf > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-25cee62{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-25cee62 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 1vw;}.elementor-80095 .elementor-element.elementor-element-25cee62 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:2.8vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#2C3E74;}.elementor-80095 .elementor-element.elementor-element-d0ff882{--spacer-size:1vh;}.elementor-80095 .elementor-element.elementor-element-5f0bc21 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-5f0bc21{border-style:solid;border-width:1px 0px 1px 0px;border-color:#2A4C90;margin-top:0vw;margin-bottom:0vw;padding:1vw 0vw 1vw 0vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-5f0bc21, .elementor-80095 .elementor-element.elementor-element-5f0bc21 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-2e34aa1.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-2e34aa1 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-0f6a3f8{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-8b0519e{width:var( --container-widget-width, 16% );max-width:16%;--container-widget-width:16%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-8b0519e > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-8b0519e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-80095 .elementor-element.elementor-element-8b0519e img{width:100%;filter:brightness( 66% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-70ec0b6{width:var( --container-widget-width, 79% );max-width:79%;--container-widget-width:79%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-70ec0b6 > .elementor-widget-container{margin:1vw 0vw 0vw 1vw;padding:0vw 0vw 1vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-70ec0b6 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:0.95vw;font-weight:400;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 66px #0C0C0C;color:#202020EB;}.elementor-80095 .elementor-element.elementor-element-b8d883f.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-b8d883f > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-62d7745{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-c67e50b{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-c67e50b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.7050vw .7050vw .7050vw .7050vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-c67e50b .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-4701129{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-4701129 > .elementor-widget-container{margin:1vw 0vw 0vw 1vw;padding:0vw 0vw 1vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-4701129 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:0.95vw;font-weight:400;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 66px #0C0C0C;color:#202020EB;}.elementor-80095 .elementor-element.elementor-element-483b49c.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-483b49c > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-71b918a{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-9d2ec35{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-9d2ec35 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.7050vw .7050vw .7050vw .7050vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-9d2ec35 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-443c637{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-443c637 > .elementor-widget-container{margin:1vw 1vw 0vw 1vw;padding:0vw 0vw 1vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-443c637 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:0.95vw;font-weight:400;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 66px #0C0C0C;color:#202020EB;}.elementor-80095 .elementor-element.elementor-element-30b19c9.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-30b19c9 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-df14fad{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-d040ab4{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-d040ab4 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.7050vw .7050vw .7050vw .7050vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-d040ab4 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-82b9745{width:var( --container-widget-width, 72% );max-width:72%;--container-widget-width:72%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-82b9745 > .elementor-widget-container{margin:1vw 1vw 0vw 1vw;padding:0vw 0vw 1vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-82b9745 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:0.95vw;font-weight:400;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 66px #0C0C0C;color:#202020EB;}.elementor-80095 .elementor-element.elementor-element-b3ae448.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-b3ae448 > .elementor-element-populated{padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-1b13e1e{--spacer-size:1vh;width:var( --container-widget-width, 3% );max-width:3%;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-8c0e7e4{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-8c0e7e4 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.7050vw .7050vw .7050vw .7050vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-8c0e7e4 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-b7e49b9{width:var( --container-widget-width, 72% );max-width:72%;--container-widget-width:72%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-b7e49b9 > .elementor-widget-container{margin:1vw 0vw 0vw 1vw;padding:0vw 0vw 1vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-b7e49b9 .elementor-heading-title{font-family:"Public Sans", Sans-serif;font-size:0.95vw;font-weight:400;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 66px #0C0C0C;color:#202020EB;}.elementor-80095 .elementor-element.elementor-element-e66155d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-e66155d{border-style:none;margin-top:0vw;margin-bottom:0vw;padding:1vw 0vw 1vw 0vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-e66155d, .elementor-80095 .elementor-element.elementor-element-e66155d > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-18e24b2{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-18e24b2 .elementor-wrapper{--video-aspect-ratio:2.33333;filter:brightness( 100% ) contrast( 105% ) saturate( 75% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-8895734{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-8895734 .elementor-wrapper{--video-aspect-ratio:2.33333;filter:brightness( 100% ) contrast( 105% ) saturate( 75% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-5371162:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-5371162 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5D1DE;}.elementor-80095 .elementor-element.elementor-element-5371162 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #CDD7ECD1 0%, #E9EEFBCF 79%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-5371162{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-10vw;margin-bottom:0vw;padding:2vw 0vw 0vw 0vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-b87de5b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-b87de5b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-b87de5b.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-b87de5b > .elementor-element-populated{margin:0vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-a0e45a6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-a0e45a6, .elementor-80095 .elementor-element.elementor-element-a0e45a6 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-a0e45a6{margin-top:8vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-bf597f4.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-bf597f4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-bf597f4.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-bf597f4 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-80095 .elementor-element.elementor-element-bf597f4 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-bf597f4 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-bf597f4 > .elementor-background-slideshow{border-radius:0em 0em 0em 4em;}.elementor-80095 .elementor-element.elementor-element-bf597f4 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-5c035a8{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-5c035a8 > .elementor-widget-container{margin:1vw 0vw 0vw 3vw;padding:0vw 0vw 1vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-5c035a8 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:2.5vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-0dd41fa{--spacer-size:2vh;width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-0dd41fa > .elementor-widget-container{margin:3vw 1vw 0vw 1vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#506191;}.elementor-80095 .elementor-element.elementor-element-4ea4542{width:var( --container-widget-width, 19% );max-width:19%;--container-widget-width:19%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-4ea4542 > .elementor-widget-container{margin:1vw 1vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-4ea4542 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-64313bf{--spacer-size:1vh;}.elementor-80095 .elementor-element.elementor-element-d708d20 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-d708d20, .elementor-80095 .elementor-element.elementor-element-d708d20 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-d708d20{margin-top:0vw;margin-bottom:10vw;padding:0vw 2vw 0vw 2vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-a59776e:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #060C19 20%, #A5A5A5 111%);}.elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-element-populated > .elementor-background-overlay{background-color:#FFFFFF00;background-image:url("https://w3bdesign.net/wp-content/uploads/2026/04/64092.jpg");background-position:-5vw -6vh;background-size:222% auto;opacity:1;filter:brightness( 100% ) contrast( 131% ) saturate( 53% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-a59776e.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-a59776e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-a59776e.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-a59776e:hover > .elementor-element-populated > .elementor-background-overlay{opacity:1;filter:brightness( 100% ) contrast( 108% ) saturate( 101% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 2vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-a59776e{z-index:5;}.elementor-80095 .elementor-element.elementor-element-cbeaf20{width:100%;max-width:100%;z-index:1015;text-align:start;}.elementor-80095 .elementor-element.elementor-element-cbeaf20 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:18vw 0vw 1vw 1vw;border-style:solid;border-width:0px 0px 2px 2px;border-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-cbeaf20 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:0px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-4c35efd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #060C19 22%, #A5A5A5 111%);}.elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-element-populated > .elementor-background-overlay{background-color:#FFFFFF00;background-image:url("https://w3bdesign.net/wp-content/uploads/2026/04/3605345.jpg");background-position:-7vw -25vh;background-size:155% auto;opacity:1;filter:brightness( 100% ) contrast( 133% ) saturate( 53% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-4c35efd.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-4c35efd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-4c35efd.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-4c35efd:hover > .elementor-element-populated > .elementor-background-overlay{opacity:1;filter:brightness( 100% ) contrast( 108% ) saturate( 101% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 2vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-4c35efd{z-index:5;}.elementor-80095 .elementor-element.elementor-element-7638555{width:100%;max-width:100%;z-index:1015;text-align:start;}.elementor-80095 .elementor-element.elementor-element-7638555 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:18vw 0vw 1vw 1vw;border-style:solid;border-width:0px 0px 2px 2px;border-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-7638555 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:0px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-23e23de:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #060C19 28%, #A5A5A5 111%);}.elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-element-populated > .elementor-background-overlay{background-color:#FFFFFF00;background-image:url("https://w3bdesign.net/wp-content/uploads/2026/04/26312.jpg");background-position:-4vw 0vh;background-size:155% auto;opacity:1;filter:brightness( 100% ) contrast( 120% ) saturate( 53% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-23e23de.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-23e23de.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-23e23de.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-23e23de:hover > .elementor-element-populated > .elementor-background-overlay{opacity:1;filter:brightness( 100% ) contrast( 108% ) saturate( 101% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 2vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-23e23de{z-index:5;}.elementor-80095 .elementor-element.elementor-element-dd35e82{width:100%;max-width:100%;z-index:1015;text-align:start;}.elementor-80095 .elementor-element.elementor-element-dd35e82 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:18vw 0vw 1vw 1vw;border-style:solid;border-width:0px 0px 2px 2px;border-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-dd35e82 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:0px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-26fdaad:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #060C19 27%, #A5A5A5 111%);}.elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-element-populated > .elementor-background-overlay{background-color:#FFFFFF00;background-image:url("https://w3bdesign.net/wp-content/uploads/2026/04/624.jpg");background-position:-5vw -2vh;background-size:175% auto;opacity:1;filter:brightness( 100% ) contrast( 116% ) saturate( 50% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-26fdaad.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-26fdaad.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-26fdaad.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-26fdaad:hover > .elementor-element-populated > .elementor-background-overlay{opacity:1;filter:brightness( 100% ) contrast( 108% ) saturate( 101% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 2vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-26fdaad{z-index:5;}.elementor-80095 .elementor-element.elementor-element-d611837{width:100%;max-width:100%;z-index:1015;text-align:start;}.elementor-80095 .elementor-element.elementor-element-d611837 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:18vw 0vw 1vw 1vw;border-style:solid;border-width:0px 0px 2px 2px;border-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-d611837 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:0px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-86cc5fc:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #060C19 30%, #A5A5A5 111%);}.elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-element-populated > .elementor-background-overlay{background-color:#FFFFFF00;background-image:url("https://w3bdesign.net/wp-content/uploads/2026/04/2340.jpg");background-position:-13vw -3vh;background-size:222% auto;opacity:1;filter:brightness( 100% ) contrast( 130% ) saturate( 50% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-86cc5fc.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-86cc5fc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-86cc5fc.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-element-populated > .elementor-background-overlay{mix-blend-mode:overlay;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-86cc5fc:hover > .elementor-element-populated > .elementor-background-overlay{opacity:1;filter:brightness( 100% ) contrast( 108% ) saturate( 101% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 2vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-background-slideshow{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-86cc5fc{z-index:5;}.elementor-80095 .elementor-element.elementor-element-2e2ae2e{width:100%;max-width:100%;z-index:1015;text-align:start;}.elementor-80095 .elementor-element.elementor-element-2e2ae2e > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:19vw 0vw 1vw 1vw;border-style:solid;border-width:0px 0px 2px 2px;border-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-2e2ae2e .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:0px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-949a9db:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-949a9db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5D1DE;}.elementor-80095 .elementor-element.elementor-element-949a9db > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #CDD7ECF7 0%, #E9EEFBD9 79%);opacity:1;mix-blend-mode:screen;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-949a9db{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-18vw;margin-bottom:0vw;padding:2vw 0vw 0vw 0vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-a0449a5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-a0449a5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-a0449a5.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-a0449a5 > .elementor-element-populated{margin:0vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-87dce6f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-87dce6f, .elementor-80095 .elementor-element.elementor-element-87dce6f > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-87dce6f{margin-top:8vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-13dde3a.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-13dde3a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-13dde3a.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-13dde3a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-80095 .elementor-element.elementor-element-13dde3a > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-13dde3a > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-13dde3a > .elementor-background-slideshow{border-radius:0em 0em 0em 4em;}.elementor-80095 .elementor-element.elementor-element-13dde3a > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-ff5d52e{width:var( --container-widget-width, 67% );max-width:67%;--container-widget-width:67%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-ff5d52e > .elementor-widget-container{margin:1vw 0vw 0vw 3vw;padding:0vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-ff5d52e .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:2.75vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-e352fc0{--spacer-size:1vh;}.elementor-80095 .elementor-element.elementor-element-4c770e9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-4c770e9{border-style:none;margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 1vw 0vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-4c770e9, .elementor-80095 .elementor-element.elementor-element-4c770e9 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-d8b1c4d.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-d8b1c4d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-d8b1c4d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-d8b1c4d > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:8px;}.elementor-80095 .elementor-element.elementor-element-d8b1c4d > .elementor-element-populated{border-style:none;margin:-1vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 1vw;}.elementor-80095 .elementor-element.elementor-element-d8b1c4d{z-index:1;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-80095 .elementor-element.elementor-element-76b3048{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:1vw 1vw;--row-gap:1vw;--column-gap:1vw;--flex-wrap:wrap;--align-content:flex-start;--padding-top:0vw;--padding-bottom:2vw;--padding-left:0vw;--padding-right:0vw;}.elementor-80095 .elementor-element.elementor-element-b6ff194{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80095 .elementor-element.elementor-element-3f638df{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80095 .elementor-element.elementor-element-e9a9963{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-e9a9963 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-e9a9963.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-80095 .elementor-element.elementor-element-e9a9963 img{width:100%;filter:brightness( 66% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-acc4a1c{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-acc4a1c > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-acc4a1c .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-ec26563{--divider-border-style:solid;--divider-color:#4873CC78;--divider-border-width:1px;width:100%;max-width:100%;}.elementor-80095 .elementor-element.elementor-element-ec26563 .elementor-divider-separator{width:100%;}.elementor-80095 .elementor-element.elementor-element-ec26563 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-80095 .elementor-element.elementor-element-d9631b1{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-d9631b1.elementor-view-stacked .elementor-icon{background-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-d9631b1.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-d9631b1.elementor-view-default .elementor-icon{color:#5B7EAB;border-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-d9631b1.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-d9631b1.elementor-view-default .elementor-icon svg{fill:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-f430920{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-f430920 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-f430920:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-f430920 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-233ccde{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-233ccde .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-233ccde.elementor-view-stacked .elementor-icon{background-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-233ccde.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-233ccde.elementor-view-default .elementor-icon{color:#5B7EAB;border-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-233ccde.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-233ccde.elementor-view-default .elementor-icon svg{fill:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-233ccde .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-233ccde .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-c725fac{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-c725fac > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-c725fac:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-c725fac .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-c3a850b{--divider-border-style:solid;--divider-color:#4873CC78;--divider-border-width:1px;width:100%;max-width:100%;}.elementor-80095 .elementor-element.elementor-element-c3a850b .elementor-divider-separator{width:100%;}.elementor-80095 .elementor-element.elementor-element-c3a850b .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-80095 .elementor-element.elementor-element-d4b60a6{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-d4b60a6.elementor-view-stacked .elementor-icon{background-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-d4b60a6.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-d4b60a6.elementor-view-default .elementor-icon{color:#5B7EAB;border-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-d4b60a6.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-d4b60a6.elementor-view-default .elementor-icon svg{fill:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-705e89c{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-705e89c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-705e89c:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-705e89c .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-7b2afc4{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-7b2afc4.elementor-view-stacked .elementor-icon{background-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-7b2afc4.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-7b2afc4.elementor-view-default .elementor-icon{color:#5B7EAB;border-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-7b2afc4.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-7b2afc4.elementor-view-default .elementor-icon svg{fill:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-00392a2{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-00392a2 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-00392a2:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-00392a2 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-cf96336{--divider-border-style:solid;--divider-color:#4873CC78;--divider-border-width:1px;width:100%;max-width:100%;}.elementor-80095 .elementor-element.elementor-element-cf96336 .elementor-divider-separator{width:100%;}.elementor-80095 .elementor-element.elementor-element-cf96336 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-80095 .elementor-element.elementor-element-69bed94{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-69bed94.elementor-view-stacked .elementor-icon{background-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-69bed94.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-69bed94.elementor-view-default .elementor-icon{color:#5B7EAB;border-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-69bed94.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-69bed94.elementor-view-default .elementor-icon svg{fill:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-86de87d{width:var( --container-widget-width, 37% );max-width:37%;--container-widget-width:37%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-86de87d > .elementor-widget-container{margin:0.75vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-86de87d:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-86de87d .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-c98cd74{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:1vw 1vw;--row-gap:1vw;--column-gap:1vw;--flex-wrap:wrap;--align-content:flex-start;--padding-top:0vw;--padding-bottom:2vw;--padding-left:0vw;--padding-right:0vw;}.elementor-80095 .elementor-element.elementor-element-516e8f2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80095 .elementor-element.elementor-element-ad714f7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80095 .elementor-element.elementor-element-d378bb0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80095 .elementor-element.elementor-element-68b6188{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-68b6188 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-68b6188.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-80095 .elementor-element.elementor-element-68b6188 img{width:100%;filter:brightness( 66% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-1d45c93{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-1d45c93 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-1d45c93 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.3em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-8019686{--divider-border-style:solid;--divider-color:#4873CC78;--divider-border-width:1px;width:100%;max-width:100%;}.elementor-80095 .elementor-element.elementor-element-8019686 .elementor-divider-separator{width:100%;}.elementor-80095 .elementor-element.elementor-element-8019686 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-80095 .elementor-element.elementor-element-750a2dd{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-750a2dd.elementor-view-stacked .elementor-icon{background-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-750a2dd.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-750a2dd.elementor-view-default .elementor-icon{color:#5B7EAB;border-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-750a2dd.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-750a2dd.elementor-view-default .elementor-icon svg{fill:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-9239454{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-9239454 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-9239454:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-9239454 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-c740bad{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-c740bad .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-c740bad.elementor-view-stacked .elementor-icon{background-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-c740bad.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-c740bad.elementor-view-default .elementor-icon{color:#5B7EAB;border-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-c740bad.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-c740bad.elementor-view-default .elementor-icon svg{fill:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-c740bad .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-c740bad .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-a17bcb2{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-a17bcb2 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-a17bcb2:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-a17bcb2 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-1256f20{--divider-border-style:solid;--divider-color:#4873CC78;--divider-border-width:1px;width:100%;max-width:100%;}.elementor-80095 .elementor-element.elementor-element-1256f20 .elementor-divider-separator{width:100%;}.elementor-80095 .elementor-element.elementor-element-1256f20 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-80095 .elementor-element.elementor-element-a57c595{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-a57c595.elementor-view-stacked .elementor-icon{background-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-a57c595.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-a57c595.elementor-view-default .elementor-icon{color:#5B7EAB;border-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-a57c595.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-a57c595.elementor-view-default .elementor-icon svg{fill:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-65e7dbc{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-65e7dbc > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-65e7dbc:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-65e7dbc .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-6abf4ed{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-6abf4ed.elementor-view-stacked .elementor-icon{background-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-6abf4ed.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-6abf4ed.elementor-view-default .elementor-icon{color:#5B7EAB;border-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-6abf4ed.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-6abf4ed.elementor-view-default .elementor-icon svg{fill:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-e16e9d3{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-e16e9d3 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-e16e9d3:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-e16e9d3 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-091b83c{--divider-border-style:solid;--divider-color:#4873CC78;--divider-border-width:1px;width:100%;max-width:100%;}.elementor-80095 .elementor-element.elementor-element-091b83c .elementor-divider-separator{width:100%;}.elementor-80095 .elementor-element.elementor-element-091b83c .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-80095 .elementor-element.elementor-element-ea1aba7{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-ea1aba7.elementor-view-stacked .elementor-icon{background-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-ea1aba7.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-ea1aba7.elementor-view-default .elementor-icon{color:#5B7EAB;border-color:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-ea1aba7.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-ea1aba7.elementor-view-default .elementor-icon svg{fill:#5B7EAB;}.elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-190a6aa{width:var( --container-widget-width, 41% );max-width:41%;--container-widget-width:41%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-190a6aa > .elementor-widget-container{margin:0.75vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-190a6aa:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-190a6aa .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-19c2a4d{--n-tabs-direction:column-reverse;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-font-size:1vw;--n-tabs-title-color:#19274D;--n-tabs-title-color-active:#19274D;}.elementor-80095 .elementor-element.elementor-element-19c2a4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-80095 .elementor-element.elementor-element-19c2a4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-80095 .elementor-element.elementor-element-19c2a4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-80095 .elementor-element.elementor-element-19c2a4d > .elementor-widget-container{padding:1vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-19c2a4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Chakra Petch", Sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.25px;}.elementor-80095 .elementor-element.elementor-element-19c2a4d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#19274D;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-2ac044e.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-2ac044e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-2ac044e.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-2ac044e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:8px;}.elementor-80095 .elementor-element.elementor-element-2ac044e > .elementor-element-populated{border-style:none;margin:-12vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-2ac044e{z-index:15;}.elementor-80095 .elementor-element.elementor-element-bb8d7d4{--spacer-size:4vh;}.elementor-80095 .elementor-element.elementor-element-9a46000 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-9a46000{z-index:1;}.elementor-80095 .elementor-element.elementor-element-9a46000 .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-9a46000.elementor-view-stacked .elementor-icon{background-color:#89A4C7;}.elementor-80095 .elementor-element.elementor-element-9a46000.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-9a46000.elementor-view-default .elementor-icon{color:#89A4C7;border-color:#89A4C7;}.elementor-80095 .elementor-element.elementor-element-9a46000.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-9a46000.elementor-view-default .elementor-icon svg{fill:#89A4C7;}.elementor-80095 .elementor-element.elementor-element-9a46000 .elementor-icon{font-size:40vw;}.elementor-80095 .elementor-element.elementor-element-9a46000 .elementor-icon svg{height:40vw;}.elementor-80095 .elementor-element.elementor-element-d2818a5 > .elementor-widget-container{margin:-37vw -12vw 0vw 5vw;}.elementor-80095 .elementor-element.elementor-element-d2818a5{z-index:25;text-align:end;}.elementor-80095 .elementor-element.elementor-element-d2818a5 img{width:100%;filter:brightness( 103% ) contrast( 121% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-5c63f5b{--spacer-size:2vh;}.elementor-80095 .elementor-element.elementor-element-6c64789:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-6c64789 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5D1DE;}.elementor-80095 .elementor-element.elementor-element-6c64789 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #CDDCFFE8 0%, #E7ECFFF7 79%);opacity:1;mix-blend-mode:screen;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-6c64789{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-15vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-deefc8e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-deefc8e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-deefc8e.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-deefc8e > .elementor-element-populated{margin:6vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 4vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-1b3006b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-1b3006b, .elementor-80095 .elementor-element.elementor-element-1b3006b > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-1b3006b{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 3vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-dcf0314.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-dcf0314.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-dcf0314 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-8f03606{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-8f03606 > .elementor-widget-container{margin:1vw 0vw -1vw 0vw;padding:0vw 0vw 1vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-8f03606 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:3.45vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#354470;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-69e7b33.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-69e7b33.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-69e7b33 > .elementor-element-populated{margin:0vw 0vw -2vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-1749a4a{width:100%;max-width:100%;z-index:5;text-align:end;}.elementor-80095 .elementor-element.elementor-element-1749a4a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-1749a4a .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.75vw;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-214ce58{width:100%;max-width:100%;z-index:5;text-align:end;}.elementor-80095 .elementor-element.elementor-element-214ce58 > .elementor-widget-container{margin:-1.5vw 0vw 0vw 0vw;padding:0vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-214ce58 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.75vw;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-2072f61{width:100%;max-width:100%;z-index:5;text-align:end;}.elementor-80095 .elementor-element.elementor-element-2072f61 > .elementor-widget-container{margin:-1.5vw 0vw 0vw 0vw;padding:0vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-2072f61 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.75vw;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-de58761{--divider-border-style:solid;--divider-color:#98B4ED;--divider-border-width:1px;width:var( --container-widget-width, 14% );max-width:14%;--container-widget-width:14%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-de58761 > .elementor-widget-container{margin:1vw 0vw 0vw 1vw;}.elementor-80095 .elementor-element.elementor-element-de58761 .elementor-divider-separator{width:100%;}.elementor-80095 .elementor-element.elementor-element-de58761 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-80095 .elementor-element.elementor-element-b9ce169 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-b9ce169, .elementor-80095 .elementor-element.elementor-element-b9ce169 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-b9ce169{margin-top:1vw;margin-bottom:0vw;padding:0vw 2vw 0vw 2vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-ce6b08d > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-ce6b08d > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-ce6b08d > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-ce6b08d > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-ce6b08d:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-ce6b08d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-36772a3{text-align:center;}.elementor-80095 .elementor-element.elementor-element-36772a3 img{width:45%;}.elementor-80095 .elementor-element.elementor-element-a55f9c8 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-a55f9c8 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-a55f9c8 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-a55f9c8 > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-a55f9c8:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-a55f9c8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-4e5945b{text-align:center;}.elementor-80095 .elementor-element.elementor-element-4e5945b img{width:24%;filter:brightness( 0% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-2bddf8e > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-2bddf8e > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-2bddf8e > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-2bddf8e > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-2bddf8e:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-2bddf8e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-a9b8aa9{text-align:center;}.elementor-80095 .elementor-element.elementor-element-a9b8aa9 img{width:24%;}.elementor-80095 .elementor-element.elementor-element-f773dd1 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-f773dd1 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-f773dd1 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-f773dd1 > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-f773dd1:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-f773dd1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-c690370{text-align:center;}.elementor-80095 .elementor-element.elementor-element-c690370 img{width:36%;}.elementor-80095 .elementor-element.elementor-element-a1b498b > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-a1b498b > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-a1b498b > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-a1b498b > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-a1b498b:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-a1b498b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-f5561ab{text-align:center;}.elementor-80095 .elementor-element.elementor-element-f5561ab img{width:44%;}.elementor-80095 .elementor-element.elementor-element-12fe3c8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-12fe3c8, .elementor-80095 .elementor-element.elementor-element-12fe3c8 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-12fe3c8{margin-top:0vw;margin-bottom:0vw;padding:0vw 2vw 0vw 2vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-ec4d6c1 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-ec4d6c1 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-ec4d6c1 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-ec4d6c1 > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-ec4d6c1:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-ec4d6c1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-4488068{text-align:center;}.elementor-80095 .elementor-element.elementor-element-4488068 img{width:26%;}.elementor-80095 .elementor-element.elementor-element-e0c5eef > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-e0c5eef > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-e0c5eef > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-e0c5eef > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-e0c5eef:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-e0c5eef > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-30cef35{text-align:center;}.elementor-80095 .elementor-element.elementor-element-30cef35 img{width:24%;}.elementor-80095 .elementor-element.elementor-element-8f9e3c7 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-8f9e3c7 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-8f9e3c7 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-8f9e3c7 > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-8f9e3c7:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-8f9e3c7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-3119a59{text-align:center;}.elementor-80095 .elementor-element.elementor-element-3119a59 img{width:22%;}.elementor-80095 .elementor-element.elementor-element-8006913 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-8006913 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-8006913 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-8006913 > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-8006913:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-8006913 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-c231f71{text-align:center;}.elementor-80095 .elementor-element.elementor-element-c231f71 img{width:26%;}.elementor-80095 .elementor-element.elementor-element-59ae04c > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-59ae04c > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-59ae04c > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-59ae04c > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-59ae04c:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-59ae04c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-2ceafb1{text-align:center;}.elementor-80095 .elementor-element.elementor-element-2ceafb1 img{width:63%;}.elementor-80095 .elementor-element.elementor-element-caae963 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-caae963, .elementor-80095 .elementor-element.elementor-element-caae963 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-caae963{margin-top:0vw;margin-bottom:10vw;padding:0vw 2vw 0vw 2vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-07be174 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-07be174 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-07be174 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-07be174 > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-07be174:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-07be174 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-96a41ea{text-align:center;}.elementor-80095 .elementor-element.elementor-element-96a41ea img{width:24%;}.elementor-80095 .elementor-element.elementor-element-aa6ecef > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-aa6ecef > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-aa6ecef > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-aa6ecef > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-aa6ecef:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-aa6ecef > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-b2b12d3{text-align:center;}.elementor-80095 .elementor-element.elementor-element-b2b12d3 img{width:23%;}.elementor-80095 .elementor-element.elementor-element-020d2dd > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-020d2dd > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-020d2dd > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-020d2dd > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-020d2dd:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-020d2dd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-f13a78c{text-align:center;}.elementor-80095 .elementor-element.elementor-element-f13a78c img{width:26%;}.elementor-80095 .elementor-element.elementor-element-11b661b > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-11b661b > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-11b661b > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-11b661b > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-11b661b:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-11b661b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-51d37f5{width:100%;max-width:100%;text-align:center;}.elementor-80095 .elementor-element.elementor-element-51d37f5 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-51d37f5 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000AB;}.elementor-80095 .elementor-element.elementor-element-c4ef7b3:hover > .elementor-element-populated{background-color:#10276500;border-style:none;}.elementor-80095 .elementor-element.elementor-element-c4ef7b3 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:1vw 1vw 1vw 1vw;--e-column-margin-right:1vw;--e-column-margin-left:1vw;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-c4ef7b3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-30e3b77{--spacer-size:5px;}.elementor-80095 .elementor-element.elementor-element-06571f0:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-06571f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A4B2D3;}.elementor-80095 .elementor-element.elementor-element-06571f0 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #C9D6F8CF 31%, #B2BDDAD9 70%);opacity:1;mix-blend-mode:screen;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-06571f0{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-15vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-5d74cca.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-5d74cca.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-5d74cca.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-5d74cca > .elementor-element-populated{margin:8vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-2f93a6e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-2f93a6e, .elementor-80095 .elementor-element.elementor-element-2f93a6e > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-2f93a6e{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-93c73a4.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-93c73a4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-606d50a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:4;text-align:center;}.elementor-80095 .elementor-element.elementor-element-606d50a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-606d50a .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:9vw;font-weight:600;text-transform:uppercase;line-height:0.95em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-c465348{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:4;text-align:center;}.elementor-80095 .elementor-element.elementor-element-c465348 > .elementor-widget-container{margin:1vw 0vw -11vw 0vw;}.elementor-80095 .elementor-element.elementor-element-c465348 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:12.5vw;font-weight:600;text-transform:uppercase;line-height:0.95em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-b2caa1c > .elementor-widget-container{margin:-8vw 0vw -4vw 0vw;}.elementor-80095 .elementor-element.elementor-element-b2caa1c{z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-b2caa1c img{width:60%;filter:brightness( 100% ) contrast( 105% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-1628938 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-1628938{border-style:solid;border-width:0px 0px 1px 0px;border-color:#3261B5;margin-top:2vw;margin-bottom:10vw;padding:0vw 3vw 1vw 0vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-1628938, .elementor-80095 .elementor-element.elementor-element-1628938 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-ec0f0e4.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-ec0f0e4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-ec0f0e4 > .elementor-element-populated{margin:-6vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;}.elementor-80095 .elementor-element.elementor-element-0858087{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-0858087 > .elementor-widget-container{margin:00.5vw 0vw -1vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-0858087 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:2.6vw;font-weight:600;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.5px;color:#45537C;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-f7ba249.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-f7ba249.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-f7ba249 > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-80095 .elementor-element.elementor-element-1563dca{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-1563dca > .elementor-widget-container{margin:0vw 5vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-1563dca .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.25em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button{background-color:#00000000;font-family:"Michroma", Sans-serif;font-size:1.1vw;font-weight:700;text-transform:uppercase;font-style:normal;letter-spacing:0px;text-shadow:0px 0px 33px rgba(0,0,0,0.3);fill:#3A5E8F;color:#3A5E8F;border-style:solid;border-width:0px 0px 2px 0px;border-color:#FFFFFFF2;border-radius:0em 0em 0em 0em;padding:1.50vw 1.50vw 1.4753250vw 1.750vw;}.elementor-80095 .elementor-element.elementor-element-11d52eb{width:auto;max-width:auto;z-index:19;}.elementor-80095 .elementor-element.elementor-element-11d52eb > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-11d52eb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-80095 .elementor-element.elementor-element-11d52eb:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button-content-wrapper{flex-direction:row;}.elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button .elementor-button-content-wrapper{gap:24px;}.elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button:hover, .elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button:focus{border-color:#89A2D4;}.elementor-80095 .elementor-element.elementor-element-52693bc:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-52693bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5D1DE;}.elementor-80095 .elementor-element.elementor-element-52693bc > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #CDD7ECF7 0%, #E9EEFBD9 79%);opacity:1;mix-blend-mode:screen;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-52693bc{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-18vw;margin-bottom:0vw;padding:2vw 0vw 0vw 0vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-0cb826a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-0cb826a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-0cb826a.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-0cb826a > .elementor-element-populated{margin:0vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-d492580 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-d492580, .elementor-80095 .elementor-element.elementor-element-d492580 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-d492580{margin-top:8vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-60477d2.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-60477d2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-60477d2.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-60477d2 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-80095 .elementor-element.elementor-element-60477d2 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-60477d2 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-60477d2 > .elementor-background-slideshow{border-radius:0em 0em 0em 4em;}.elementor-80095 .elementor-element.elementor-element-60477d2 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-dcdce5a{--spacer-size:1vh;}.elementor-80095 .elementor-element.elementor-element-72a7bc0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-72a7bc0{border-style:none;margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 1vw 0vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-72a7bc0, .elementor-80095 .elementor-element.elementor-element-72a7bc0 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-f0cd7b0.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-f0cd7b0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-f0cd7b0.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-f0cd7b0 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:8px;}.elementor-80095 .elementor-element.elementor-element-f0cd7b0 > .elementor-element-populated{border-style:none;margin:1.5vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-f0cd7b0{z-index:15;}.elementor-80095 .elementor-element.elementor-element-a63519e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-a63519e > .elementor-widget-container{margin:1vw 0vw 0vw 3vw;padding:0vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-a63519e .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:3.8vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-0.5px;color:#354470BA;}.elementor-80095 .elementor-element.elementor-element-629e4c0{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-629e4c0 > .elementor-widget-container{margin:1vw 0vw 0vw 3vw;padding:0vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-629e4c0 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:2.75vw;font-weight:200;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-7b4123c{--spacer-size:4vh;}.elementor-80095 .elementor-element.elementor-element-fb0681e{--spacer-size:2vh;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-c04a9b2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-c04a9b2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-c04a9b2.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-c04a9b2 > .elementor-element-populated{margin:0vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-3672c7e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-3672c7e, .elementor-80095 .elementor-element.elementor-element-3672c7e > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-3672c7e{margin-top:2vw;margin-bottom:0vw;padding:0vw 3vw 0vw 3vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-9a42e8e.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-9a42e8e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-9a42e8e > .elementor-element-populated{margin:1vw 1vw 1vw 1vw;--e-column-margin-right:1vw;--e-column-margin-left:1vw;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-23a89fa > .elementor-widget-container{margin:-3vw 1vw -0.75vw 1vw;}.elementor-80095 .elementor-element.elementor-element-23a89fa{text-align:center;}.elementor-80095 .elementor-element.elementor-element-23a89fa img{width:100%;filter:brightness( 105% ) contrast( 118% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-e690640{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-e690640 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.50vw .50vw .50vw .50vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-e690640 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-7a62c11{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-7a62c11 > .elementor-widget-container{margin:00.5vw 0vw 0vw 00.5vw;padding:0vw 0vw 00.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-7a62c11 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-0303847{width:100%;max-width:100%;text-align:start;}.elementor-80095 .elementor-element.elementor-element-0303847 > .elementor-widget-container{margin:0.25vw 0vw 0vw 3vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-0303847:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-0303847 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-aa4623a.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-aa4623a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-aa4623a > .elementor-element-populated{margin:1vw 1vw 1vw 1vw;--e-column-margin-right:1vw;--e-column-margin-left:1vw;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-e022960 > .elementor-widget-container{margin:-4vw 0vw -0.5vw 0vw;}.elementor-80095 .elementor-element.elementor-element-e022960{text-align:center;}.elementor-80095 .elementor-element.elementor-element-e022960 img{width:90%;filter:brightness( 100% ) contrast( 118% ) saturate( 103% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-abef289{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-abef289 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.50vw .50vw .50vw .50vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-abef289 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-741a0f2{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-741a0f2 > .elementor-widget-container{margin:00.5vw 0vw 0vw 00.5vw;padding:0vw 0vw 00.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-741a0f2 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-ae47cfc{width:100%;max-width:100%;text-align:start;}.elementor-80095 .elementor-element.elementor-element-ae47cfc > .elementor-widget-container{margin:0.25vw 0vw 0vw 3vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-ae47cfc:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-ae47cfc .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-ab1b542.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-ab1b542.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-ab1b542 > .elementor-element-populated{margin:1vw 1vw 1vw 1vw;--e-column-margin-right:1vw;--e-column-margin-left:1vw;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-1732276 > .elementor-widget-container{margin:-3.5vw 0vw -0.5vw 0vw;}.elementor-80095 .elementor-element.elementor-element-1732276{text-align:center;}.elementor-80095 .elementor-element.elementor-element-1732276 img{width:100%;filter:brightness( 100% ) contrast( 118% ) saturate( 103% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-4e56844{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-4e56844 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.50vw .50vw .50vw .50vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-4e56844 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-23c3be1{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-23c3be1 > .elementor-widget-container{margin:00.5vw 0vw 0vw 00.5vw;padding:0vw 0vw 00.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-23c3be1 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-bfbdeba{width:100%;max-width:100%;text-align:start;}.elementor-80095 .elementor-element.elementor-element-bfbdeba > .elementor-widget-container{margin:0.25vw 0vw 0vw 3vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-bfbdeba:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-bfbdeba .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-92aa05f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-92aa05f, .elementor-80095 .elementor-element.elementor-element-92aa05f > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-92aa05f{margin-top:3vw;margin-bottom:0vw;padding:0vw 3vw 0vw 3vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-e404220.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-e404220.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-e404220 > .elementor-element-populated{margin:1vw 1vw 1vw 1vw;--e-column-margin-right:1vw;--e-column-margin-left:1vw;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-befc2d2 > .elementor-widget-container{margin:-3vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-befc2d2{text-align:center;}.elementor-80095 .elementor-element.elementor-element-befc2d2 img{width:100%;filter:brightness( 100% ) contrast( 118% ) saturate( 103% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-8f178b9{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-8f178b9 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.50vw .50vw .50vw .50vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-8f178b9 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-b4ebcfb{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-b4ebcfb > .elementor-widget-container{margin:0vw 0vw 0vw 00.5vw;padding:0vw 0vw 00.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-b4ebcfb .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-670a0c6{width:100%;max-width:100%;text-align:start;}.elementor-80095 .elementor-element.elementor-element-670a0c6 > .elementor-widget-container{margin:0.25vw 0vw 0vw 3vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-670a0c6:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-670a0c6 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-d5ad983.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-d5ad983.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-d5ad983 > .elementor-element-populated{margin:1vw 1vw 1vw 1vw;--e-column-margin-right:1vw;--e-column-margin-left:1vw;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-52cbe53 > .elementor-widget-container{margin:-3.205vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-52cbe53{text-align:center;}.elementor-80095 .elementor-element.elementor-element-52cbe53 img{width:100%;filter:brightness( 118% ) contrast( 108% ) saturate( 103% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-558c5f8{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-558c5f8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.50vw .50vw .50vw .50vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-558c5f8 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-2ccc78b{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-2ccc78b > .elementor-widget-container{margin:0vw 0vw 0vw 00.5vw;padding:0vw 0vw 00.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-2ccc78b .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-8ba00f2{width:100%;max-width:100%;text-align:start;}.elementor-80095 .elementor-element.elementor-element-8ba00f2 > .elementor-widget-container{margin:0.25vw 0vw 0vw 3vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-8ba00f2:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-8ba00f2 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-8161f3b.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-8161f3b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-8161f3b > .elementor-element-populated{margin:1vw 1vw 1vw 1vw;--e-column-margin-right:1vw;--e-column-margin-left:1vw;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-b123ba8 > .elementor-widget-container{margin:-3.5vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-b123ba8{text-align:center;}.elementor-80095 .elementor-element.elementor-element-b123ba8 img{width:95%;filter:brightness( 100% ) contrast( 118% ) saturate( 103% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-2d55414{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-2d55414 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.50vw .50vw .50vw .50vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-2d55414 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-94d73f2{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-94d73f2 > .elementor-widget-container{margin:0vw 0vw 0vw 00.5vw;padding:0vw 0vw 00.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-94d73f2 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-4440c61{width:100%;max-width:100%;text-align:start;}.elementor-80095 .elementor-element.elementor-element-4440c61 > .elementor-widget-container{margin:0.25vw 0vw 0vw 3vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-4440c61:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-4440c61 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-eb0de5f > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-eb0de5f, .elementor-80095 .elementor-element.elementor-element-eb0de5f > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-eb0de5f{margin-top:3vw;margin-bottom:3vw;padding:0vw 3vw 0vw 3vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-3a79667:hover > .elementor-element-populated{background-color:#10276500;border-style:none;}.elementor-80095 .elementor-element.elementor-element-3a79667 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:1vw 1vw 1vw 1vw;--e-column-margin-right:1vw;--e-column-margin-left:1vw;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-3a79667 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-16d8a77{--spacer-size:5px;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-aeb695c.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-aeb695c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-aeb695c > .elementor-element-populated{margin:1vw 1vw 1vw 1vw;--e-column-margin-right:1vw;--e-column-margin-left:1vw;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-f437925 > .elementor-widget-container{margin:-3vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-f437925{text-align:center;}.elementor-80095 .elementor-element.elementor-element-f437925 img{width:100%;filter:brightness( 100% ) contrast( 118% ) saturate( 103% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-5eec403{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-5eec403 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.50vw .50vw .50vw .50vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-5eec403 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-6bc7ca0{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-6bc7ca0 > .elementor-widget-container{margin:0vw 0vw 0vw 00.5vw;padding:0vw 0vw 00.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-6bc7ca0 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-0b79785{width:100%;max-width:100%;text-align:start;}.elementor-80095 .elementor-element.elementor-element-0b79785 > .elementor-widget-container{margin:0.25vw 0vw 0vw 3vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-0b79785:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-0b79785 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-cc199b9.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-cc199b9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-cc199b9 > .elementor-element-populated{margin:1vw 1vw 1vw 1vw;--e-column-margin-right:1vw;--e-column-margin-left:1vw;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-3839493 > .elementor-widget-container{margin:-3vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-3839493{text-align:center;}.elementor-80095 .elementor-element.elementor-element-3839493 img{width:95%;filter:brightness( 100% ) contrast( 118% ) saturate( 103% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-2eae9b8{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-2eae9b8 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:.50vw .50vw .50vw .50vw;border-style:solid;border-width:0em 0em 0em 0em;border-color:#2E2E2E85;}.elementor-80095 .elementor-element.elementor-element-2eae9b8 .elementor-heading-title{font-family:"Chakra Petch", Sans-serif;font-size:0.9vw;font-weight:100;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.0014em;text-shadow:0px 0px 66px #0C0C0C;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-33a14c8{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-33a14c8 > .elementor-widget-container{margin:0vw 0vw 0vw 00.5vw;padding:0vw 0vw 00.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-33a14c8 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-e563cf4{width:100%;max-width:100%;text-align:start;}.elementor-80095 .elementor-element.elementor-element-e563cf4 > .elementor-widget-container{margin:0.25vw 0vw 0vw 3vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-e563cf4:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-e563cf4 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-49b60bf:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-49b60bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A4B2D3;}.elementor-80095 .elementor-element.elementor-element-49b60bf > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #AEC1F1CF 31%, #BBC4DAED 70%);opacity:1;mix-blend-mode:screen;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-49b60bf{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-15vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-48ef7c1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-48ef7c1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-48ef7c1.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-48ef7c1 > .elementor-element-populated{margin:8vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-7887373 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-7887373, .elementor-80095 .elementor-element.elementor-element-7887373 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-7887373{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-e9ac987.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-e9ac987 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-432ade6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:4;text-align:center;}.elementor-80095 .elementor-element.elementor-element-432ade6 > .elementor-widget-container{margin:0vw 0vw 1vw 0vw;}.elementor-80095 .elementor-element.elementor-element-432ade6 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:7vw;font-weight:600;text-transform:uppercase;line-height:0.95em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-3909d10 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-3909d10, .elementor-80095 .elementor-element.elementor-element-3909d10 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-3909d10{margin-top:-0.5vw;margin-bottom:-1.5vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-621e8b6.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-621e8b6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-621e8b6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-621e8b6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-c71cd24{width:100%;max-width:100%;z-index:5;text-align:end;}.elementor-80095 .elementor-element.elementor-element-c71cd24 > .elementor-widget-container{margin:1vw 2vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-c71cd24 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.9vw;font-weight:600;text-transform:uppercase;line-height:1em;letter-spacing:-0.5px;color:#45537C7A;}.elementor-80095 .elementor-element.elementor-element-9f72363.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-9f72363 > .elementor-element-populated{margin:0vw 0vw 0vw -0.5vw;--e-column-margin-right:0vw;--e-column-margin-left:-0.5vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-70ed00d{--spacer-size:4vh;}.elementor-80095 .elementor-element.elementor-element-83ff3be > .elementor-widget-container{margin:-4vw 0vw 2vw 0vw;}.elementor-80095 .elementor-element.elementor-element-83ff3be{z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-83ff3be img{width:100%;filter:brightness( 100% ) contrast( 105% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-6c552b3.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-6c552b3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-6c552b3.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-6c552b3 > .elementor-element-populated{margin:0vw 0vw 0vw -1vw;--e-column-margin-right:0vw;--e-column-margin-left:-1vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b9ae502{width:100%;max-width:100%;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-b9ae502 > .elementor-widget-container{margin:1vw -1vw 0vw 1vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-b9ae502 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.6205vw;font-weight:600;text-transform:uppercase;line-height:1.25em;letter-spacing:-0.5px;color:#45537CC7;}.elementor-80095 .elementor-element.elementor-element-7b76e39 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-7b76e39{border-style:none;margin-top:0vw;margin-bottom:6vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-7b76e39, .elementor-80095 .elementor-element.elementor-element-7b76e39 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-b2e7fc3.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-b2e7fc3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-b2e7fc3 > .elementor-element-populated{padding:0vw 0vw 0vw 1vw;}.elementor-80095 .elementor-element.elementor-element-d60b723{--display:flex;}.elementor-80095 .elementor-element.elementor-element-21e579e{--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:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:1vw;--margin-bottom:1vw;--margin-left:1vw;--margin-right:1vw;--padding-top:1.50vw;--padding-bottom:1.50vw;--padding-left:1.50vw;--padding-right:1.50vw;}.elementor-80095 .elementor-element.elementor-element-30f66bb{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-30f66bb.elementor-view-stacked .elementor-icon{background-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-30f66bb.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-30f66bb.elementor-view-default .elementor-icon{color:#91ABC8;border-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-30f66bb.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-30f66bb.elementor-view-default .elementor-icon svg{fill:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-932c70f{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-932c70f > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-932c70f:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-932c70f .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-da0a027{--display:flex;}.elementor-80095 .elementor-element.elementor-element-1b59a9e{--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:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:1vw;--margin-bottom:1vw;--margin-left:1vw;--margin-right:1vw;--padding-top:1.50vw;--padding-bottom:1.50vw;--padding-left:1.50vw;--padding-right:1.50vw;}.elementor-80095 .elementor-element.elementor-element-38ee4bf{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-38ee4bf.elementor-view-stacked .elementor-icon{background-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-38ee4bf.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-38ee4bf.elementor-view-default .elementor-icon{color:#91ABC8;border-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-38ee4bf.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-38ee4bf.elementor-view-default .elementor-icon svg{fill:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-7f670d3{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-7f670d3 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-7f670d3:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-7f670d3 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-31cb498{--display:flex;}.elementor-80095 .elementor-element.elementor-element-953b899{--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:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:1vw;--margin-bottom:1vw;--margin-left:1vw;--margin-right:1vw;--padding-top:1.50vw;--padding-bottom:1.50vw;--padding-left:1.50vw;--padding-right:1.50vw;}.elementor-80095 .elementor-element.elementor-element-42edd23{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-42edd23.elementor-view-stacked .elementor-icon{background-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-42edd23.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-42edd23.elementor-view-default .elementor-icon{color:#91ABC8;border-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-42edd23.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-42edd23.elementor-view-default .elementor-icon svg{fill:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-df97368{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-df97368 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-df97368:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-df97368 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-37a413a{--display:flex;}.elementor-80095 .elementor-element.elementor-element-41f3fce{--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:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:1vw;--margin-bottom:1vw;--margin-left:1vw;--margin-right:1vw;--padding-top:1.50vw;--padding-bottom:1.50vw;--padding-left:1.50vw;--padding-right:1.50vw;}.elementor-80095 .elementor-element.elementor-element-3ef4248{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-3ef4248.elementor-view-stacked .elementor-icon{background-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-3ef4248.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-3ef4248.elementor-view-default .elementor-icon{color:#91ABC8;border-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-3ef4248.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-3ef4248.elementor-view-default .elementor-icon svg{fill:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-d080e95{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-d080e95 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-d080e95:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-d080e95 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-74998d7{--display:flex;}.elementor-80095 .elementor-element.elementor-element-765c297{--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:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:1vw;--margin-bottom:1vw;--margin-left:1vw;--margin-right:1vw;--padding-top:1.50vw;--padding-bottom:1.50vw;--padding-left:1.50vw;--padding-right:1.50vw;}.elementor-80095 .elementor-element.elementor-element-c67d508{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-c67d508.elementor-view-stacked .elementor-icon{background-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-c67d508.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-c67d508.elementor-view-default .elementor-icon{color:#91ABC8;border-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-c67d508.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-c67d508.elementor-view-default .elementor-icon svg{fill:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-db332f1{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-db332f1 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-db332f1:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-db332f1 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-d9a8843{--display:flex;}.elementor-80095 .elementor-element.elementor-element-732e4e6{--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:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:1vw;--margin-bottom:1vw;--margin-left:1vw;--margin-right:1vw;--padding-top:1.50vw;--padding-bottom:1.50vw;--padding-left:1.50vw;--padding-right:1.50vw;}.elementor-80095 .elementor-element.elementor-element-0d9e16e{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-0d9e16e.elementor-view-stacked .elementor-icon{background-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-0d9e16e.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-0d9e16e.elementor-view-default .elementor-icon{color:#91ABC8;border-color:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-0d9e16e.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-0d9e16e.elementor-view-default .elementor-icon svg{fill:#91ABC8;}.elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon{font-size:1.5vw;padding:35%;}.elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon svg{height:1.5vw;}.elementor-80095 .elementor-element.elementor-element-646d419{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;}.elementor-80095 .elementor-element.elementor-element-646d419 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-646d419:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-646d419 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-994af05{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#8A9CBD;--e-n-carousel-arrow-hover-color:#647594;}.elementor-80095 .elementor-element.elementor-element-43e943d:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-43e943d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5D1DE;}.elementor-80095 .elementor-element.elementor-element-43e943d > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #CDDCFFE8 0%, #E7ECFFF7 79%);opacity:1;mix-blend-mode:screen;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-43e943d{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-15vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-de4e2e2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-de4e2e2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-de4e2e2.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-de4e2e2 > .elementor-element-populated{margin:6vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 4vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-8ee3108 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-8ee3108, .elementor-80095 .elementor-element.elementor-element-8ee3108 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-8ee3108{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 3vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-940bc63.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-940bc63.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-940bc63 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d0b8a89{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-d0b8a89 > .elementor-widget-container{margin:1vw 0vw -1vw 0vw;padding:0vw 0vw 2vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-d0b8a89 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:3vw;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#354470;}.elementor-80095 .elementor-element.elementor-element-09cba3b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-09cba3b, .elementor-80095 .elementor-element.elementor-element-09cba3b > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-09cba3b{margin-top:2vw;margin-bottom:10vw;padding:0vw 0vw 0vw 3vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-e2b4d31{--e-image-carousel-slides-to-show:6;}.elementor-80095 .elementor-element.elementor-element-e2b4d31 .swiper-wrapper{display:flex;align-items:center;}.elementor-80095 .elementor-element.elementor-element-d4b25b6:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-d4b25b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A4B2D3;}.elementor-80095 .elementor-element.elementor-element-d4b25b6 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #C9D6F8CF 31%, #B2BDDAD9 70%);opacity:1;mix-blend-mode:screen;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-d4b25b6{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-15vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-5e2a697.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-5e2a697.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-5e2a697.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-5e2a697 > .elementor-element-populated{margin:8vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-8096241 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-8096241, .elementor-80095 .elementor-element.elementor-element-8096241 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-8096241{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-5c75538.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-5c75538.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-5c75538.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-5c75538 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-5c75538{z-index:1;}.elementor-80095 .elementor-element.elementor-element-c3b9c7c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:4;text-align:center;}.elementor-80095 .elementor-element.elementor-element-c3b9c7c > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-c3b9c7c .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:23vw;font-weight:600;text-transform:uppercase;line-height:0.95em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-5428221 > .elementor-widget-container{margin:-23vw 0vw -4vw 0vw;}.elementor-80095 .elementor-element.elementor-element-5428221{z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-5428221 img{width:100%;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-154aca5.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-154aca5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-154aca5.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-80095 .elementor-element.elementor-element-154aca5 > .elementor-element-populated{padding:1vw 2vw 0vw 2vw;}.elementor-80095 .elementor-element.elementor-element-154aca5{z-index:15;}.elementor-80095 .elementor-element.elementor-element-ea7724b{width:100%;max-width:100%;z-index:4;text-align:end;}.elementor-80095 .elementor-element.elementor-element-ea7724b > .elementor-widget-container{margin:0vw -2vw 0vw 2vw;}.elementor-80095 .elementor-element.elementor-element-ea7724b .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:8vw;font-weight:600;text-transform:uppercase;line-height:0.95em;letter-spacing:-1.5px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-fb04373{width:100%;max-width:100%;z-index:5;text-align:end;}.elementor-80095 .elementor-element.elementor-element-fb04373 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-fb04373 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.75vw;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-49a2ec0{width:100%;max-width:100%;z-index:5;text-align:end;}.elementor-80095 .elementor-element.elementor-element-49a2ec0 > .elementor-widget-container{margin:-1.5vw 0vw 0vw 0vw;padding:0vw 0vw 00.5vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#516191;}.elementor-80095 .elementor-element.elementor-element-49a2ec0 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.75vw;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-d3ec638{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:end;}.elementor-80095 .elementor-element.elementor-element-d3ec638 > .elementor-widget-container{margin:0vw 0vw 1vw 0vw;padding:0px 0px 0px 0px;border-style:none;}.elementor-80095 .elementor-element.elementor-element-d3ec638:hover .elementor-widget-container{border-style:none;}.elementor-80095 .elementor-element.elementor-element-d3ec638 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:400;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#000000;}.elementor-80095 .elementor-element.elementor-element-4bdff1e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-4bdff1e, .elementor-80095 .elementor-element.elementor-element-4bdff1e > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-4bdff1e{margin-top:1vw;margin-bottom:0vw;padding:0vw 2vw 0vw 2vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-dd6d45c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-dd6d45c > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-dd6d45c > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-dd6d45c > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-dd6d45c > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-dd6d45c:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-dd6d45c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-3e519f2{width:auto;max-width:auto;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-3e519f2 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-3e519f2 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:3.2vw;font-weight:700;text-transform:uppercase;line-height:0.85em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-dfa45ef{width:100%;max-width:100%;text-align:center;}.elementor-80095 .elementor-element.elementor-element-dfa45ef > .elementor-widget-container{margin:-0.5vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-dfa45ef .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:500;text-transform:capitalize;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#1C1C1CC2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-fdb6698.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-fdb6698.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-fdb6698.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-fdb6698 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-fdb6698 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-fdb6698 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-fdb6698 > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-fdb6698:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-fdb6698 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-a23e69e{width:auto;max-width:auto;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-a23e69e > .elementor-widget-container{margin:-0.5vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-a23e69e .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:3.2vw;font-weight:700;text-transform:uppercase;line-height:0.85em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-e73aa18{width:100%;max-width:100%;text-align:center;}.elementor-80095 .elementor-element.elementor-element-e73aa18 > .elementor-widget-container{margin:-0.5vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-e73aa18 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:500;text-transform:capitalize;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#1C1C1CC2;}.elementor-80095 .elementor-element.elementor-element-21e249e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-21e249e > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-21e249e > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-21e249e > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-21e249e > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-21e249e:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-21e249e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-7e2522b{width:auto;max-width:auto;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-7e2522b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-7e2522b .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:3.2vw;font-weight:700;text-transform:uppercase;line-height:0.85em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-d92d9f0{width:100%;max-width:100%;text-align:center;}.elementor-80095 .elementor-element.elementor-element-d92d9f0 > .elementor-widget-container{margin:-0.5vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d92d9f0 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:500;text-transform:capitalize;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#1C1C1CC2;}.elementor-80095 .elementor-element.elementor-element-989bc19.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-989bc19 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:.50vw .50vw .50vw .50vw;--e-column-margin-right:.50vw;--e-column-margin-left:.50vw;padding:.50vw .50vw .50vw .50vw;}.elementor-80095 .elementor-element.elementor-element-989bc19 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-989bc19 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-989bc19 > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-989bc19:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-989bc19 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-8bbbdd9{width:auto;max-width:auto;z-index:5;text-align:center;}.elementor-80095 .elementor-element.elementor-element-8bbbdd9 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-8bbbdd9 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:3.2vw;font-weight:700;text-transform:uppercase;line-height:0.85em;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-4dd178a{width:100%;max-width:100%;text-align:center;}.elementor-80095 .elementor-element.elementor-element-4dd178a > .elementor-widget-container{margin:-0.5vw 0vw 0vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-4dd178a .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:0.95vw;font-weight:500;text-transform:capitalize;line-height:1.2em;letter-spacing:0em;text-shadow:0px 0px 88px rgba(0, 0, 0, 0.42);color:#1C1C1CC2;}.elementor-80095 .elementor-element.elementor-element-894458e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-894458e, .elementor-80095 .elementor-element.elementor-element-894458e > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-894458e{margin-top:0vw;margin-bottom:10vw;padding:0vw 1vw 0vw 2vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-9cd64f0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-9cd64f0 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-9cd64f0 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-9cd64f0 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-9cd64f0 > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-9cd64f0:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-9cd64f0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-7f0bda2{--spacer-size:1vh;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-5cb5307.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-5cb5307.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-5cb5307.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-80095 .elementor-element.elementor-element-5cb5307 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-5cb5307 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-5cb5307 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-5cb5307 > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-5cb5307:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-5cb5307 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-80095 .elementor-element.elementor-element-f903889{width:100%;max-width:100%;}.elementor-80095 .elementor-element.elementor-element-f903889 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-f903889.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-item{border-width:0.25em;border-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-item .elementor-tab-content{border-width:0.25em;border-block-start-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0.25em;border-block-end-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-tab-title{background-color:#00000000;padding:0.75vw 1.25vw 1vw 1.25vw;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-icon, .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-title{color:#5475A1;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-icon svg{fill:#5475A1;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-active .elementor-accordion-icon, .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-active .elementor-accordion-title{color:#3A3A3A;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-active .elementor-accordion-icon svg{fill:#3A3A3A;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:700;text-transform:uppercase;line-height:0.9em;letter-spacing:-0.205px;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-tab-title .elementor-accordion-icon i:before{color:#000000;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-tab-title .elementor-accordion-icon svg{fill:#000000;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#000000;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#000000;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-tab-content{background-color:#00000000;color:#000000;font-family:"Chakra Petch", Sans-serif;font-size:1vw;font-weight:400;line-height:1.3em;padding:0vw 0vw 0vw 0vw;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-fd49ecc.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-fd49ecc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-fd49ecc.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-fd49ecc > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-fd49ecc > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-fd49ecc > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-fd49ecc > .elementor-background-slideshow{border-radius:1em 1em 1em 1em;}.elementor-80095 .elementor-element.elementor-element-fd49ecc:hover > .elementor-element-populated{border-style:none;}.elementor-80095 .elementor-element.elementor-element-fd49ecc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-fb81c69{width:100%;max-width:100%;}.elementor-80095 .elementor-element.elementor-element-fb81c69 > .elementor-widget-container{margin:1vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-fb81c69.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-item{border-width:0.25em;border-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-item .elementor-tab-content{border-width:0.25em;border-block-start-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0.25em;border-block-end-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-tab-title{background-color:#00000000;padding:0.75vw 1.25vw 1vw 1.25vw;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-icon, .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-title{color:#5475A1;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-icon svg{fill:#5475A1;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-active .elementor-accordion-icon, .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-active .elementor-accordion-title{color:#3A3A3A;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-active .elementor-accordion-icon svg{fill:#3A3A3A;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-title{font-family:"Michroma", Sans-serif;font-size:1vw;font-weight:700;text-transform:uppercase;line-height:0.9em;letter-spacing:-0.205px;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-tab-title .elementor-accordion-icon i:before{color:#000000;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-tab-title .elementor-accordion-icon svg{fill:#000000;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#000000;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#000000;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-tab-content{background-color:#00000000;color:#000000;font-family:"Chakra Petch", Sans-serif;font-size:1vw;font-weight:400;line-height:1.3em;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-277deff:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-277deff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5D1DE;}.elementor-80095 .elementor-element.elementor-element-277deff > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #CDDCFFE8 0%, #E7ECFFF7 79%);opacity:1;mix-blend-mode:screen;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-277deff{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-16vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-3a811d4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-3a811d4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-3a811d4.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-3a811d4 > .elementor-element-populated{margin:6vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:2vw 4vw 2vw 1vw;}.elementor-80095 .elementor-element.elementor-element-f0f1aa5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-f0f1aa5, .elementor-80095 .elementor-element.elementor-element-f0f1aa5 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-f0f1aa5{margin-top:8vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-b1a4c8a.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-b1a4c8a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-b1a4c8a.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-b1a4c8a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-80095 .elementor-element.elementor-element-b1a4c8a > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-b1a4c8a > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-b1a4c8a > .elementor-background-slideshow{border-radius:0em 0em 0em 4em;}.elementor-80095 .elementor-element.elementor-element-b1a4c8a > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-831ab17{--spacer-size:1vh;}.elementor-80095 .elementor-element.elementor-element-b811e24 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-b811e24{border-style:none;margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 1vw 0vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-b811e24, .elementor-80095 .elementor-element.elementor-element-b811e24 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-70c66a8.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-70c66a8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-70c66a8.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-70c66a8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:8px;}.elementor-80095 .elementor-element.elementor-element-70c66a8 > .elementor-element-populated{border-style:none;margin:1.5vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-70c66a8{z-index:15;}.elementor-80095 .elementor-element.elementor-element-d9033f2{--spacer-size:64vh;}.elementor-80095 .elementor-element.elementor-element-fdd4f37{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-fdd4f37 > .elementor-widget-container{--e-transform-rotateZ:-90deg;margin:0vw 0vw 0vw 3vw;padding:0vw 0vw 1vw 0vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-fdd4f37 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:7.5vw;font-weight:200;text-transform:uppercase;line-height:1em;letter-spacing:-0.5px;color:#35447087;}.elementor-80095 .elementor-element.elementor-element-99e7ba7{--spacer-size:2vh;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-2eb6fbb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-2eb6fbb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-2eb6fbb.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-2eb6fbb > .elementor-element-populated{margin:0vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-a17e5cf > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-a17e5cf, .elementor-80095 .elementor-element.elementor-element-a17e5cf > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-a17e5cf{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 4vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-64f540c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-64f540c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-64f540c.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-80095 .elementor-element.elementor-element-64f540c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-80095 .elementor-element.elementor-element-64f540c > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-64f540c{z-index:5;}.elementor-80095 .elementor-element.elementor-element-d4d472f{--spacer-size:1vh;}.elementor-80095 .elementor-element.elementor-element-f141a10 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-f141a10:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-f141a10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8DB1E8;}.elementor-80095 .elementor-element.elementor-element-f141a10 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(270deg, #709BD296 -10%, #293952 66%);opacity:0.94;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-f141a10, .elementor-80095 .elementor-element.elementor-element-f141a10 > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-f141a10{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:3vw;padding:0vw 0vw 0vw 1vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-cc3b526.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-cc3b526 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-80095 .elementor-element.elementor-element-0337aee{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;z-index:25;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-80095 .elementor-element.elementor-element-0337aee > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 1vw 0vw 1vw;border-style:none;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button-content-wrapper{flex-direction:row;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button span{gap:15px;justify-content:center;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group{padding-right:calc( 14px/2 );padding-left:calc( 14px/2 );margin-bottom:22px;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-form-fields-wrapper{margin-left:calc( -14px/2 );margin-right:calc( -14px/2 );margin-bottom:-22px;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group.recaptcha_v3-bottomleft, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-labels-inline .elementor-field-group > label{padding-left:14px;}body:not(.rtl) .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-labels-inline .elementor-field-group > label{padding-right:14px;}body .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-labels-above .elementor-field-group > label{padding-bottom:14px;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group > label, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-subgroup label{color:#E9F7FF;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group > label{font-family:"Chakra Petch", Sans-serif;font-weight:400;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-type-html{padding-bottom:14px;color:#7A7A7A;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group .elementor-field{color:#FFFFFFCF;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group .elementor-field, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-subgroup label{font-family:"Chakra Petch", Sans-serif;font-size:0.95vw;font-weight:500;text-transform:uppercase;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#00000000;border-color:#FFFFFF;border-width:0px 0px 1px 0px;border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group .elementor-select-wrapper select{background-color:#00000000;border-color:#FFFFFF;border-width:0px 0px 1px 0px;border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button{font-family:"Michroma", Sans-serif;font-size:1.25vw;font-weight:500;text-transform:uppercase;letter-spacing:0em;border-style:solid;border-width:0px 0px 2px 0px;border-radius:0em 0em 0em 0em;padding:0% 5% 0% 5%;}.elementor-80095 .elementor-element.elementor-element-0337aee .e-form__buttons__wrapper__button-next{background-color:#00000014;color:#FFFFFF;border-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button[type="submit"]{background-color:#00000014;color:#FFFFFF;border-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-0337aee .e-form__buttons__wrapper__button-previous{background-color:#7AB427;color:#ffffff;}.elementor-80095 .elementor-element.elementor-element-0337aee .e-form__buttons__wrapper__button-next:hover{background-color:#02010100;color:#FFFFFF;border-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button[type="submit"]:hover{background-color:#02010100;color:#FFFFFF;border-color:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-80095 .elementor-element.elementor-element-0337aee .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;border-color:#41BAEC;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-50a6307.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-50a6307.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-50a6307.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-50a6307 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:8px;}.elementor-80095 .elementor-element.elementor-element-50a6307 > .elementor-element-populated{border-style:none;margin:-5vw 0vw -5vw 6vw;--e-column-margin-right:0vw;--e-column-margin-left:6vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-50a6307{z-index:15;}.elementor-80095 .elementor-element.elementor-element-d170a08{--spacer-size:4vh;}.elementor-80095 .elementor-element.elementor-element-7c752df > .elementor-widget-container{margin:0vw 0vw -1vw 2vw;}.elementor-80095 .elementor-element.elementor-element-7c752df{z-index:1;}.elementor-80095 .elementor-element.elementor-element-7c752df .elementor-icon-wrapper{text-align:center;}.elementor-80095 .elementor-element.elementor-element-7c752df.elementor-view-stacked .elementor-icon{background-color:#00000073;}.elementor-80095 .elementor-element.elementor-element-7c752df.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-7c752df.elementor-view-default .elementor-icon{color:#00000073;border-color:#00000073;}.elementor-80095 .elementor-element.elementor-element-7c752df.elementor-view-framed .elementor-icon, .elementor-80095 .elementor-element.elementor-element-7c752df.elementor-view-default .elementor-icon svg{fill:#00000073;}.elementor-80095 .elementor-element.elementor-element-7c752df .elementor-icon{font-size:33vw;}.elementor-80095 .elementor-element.elementor-element-7c752df .elementor-icon svg{height:33vw;}.elementor-80095 .elementor-element.elementor-element-4046bad > .elementor-widget-container{margin:-18vw -10vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-4046bad{z-index:25;text-align:end;}.elementor-80095 .elementor-element.elementor-element-4046bad img{width:100%;filter:brightness( 96% ) contrast( 121% ) saturate( 99% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-ce5556e{--spacer-size:2vh;}.elementor-80095 .elementor-element.elementor-element-af293a7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-af293a7, .elementor-80095 .elementor-element.elementor-element-af293a7 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-af293a7{margin-top:0vw;margin-bottom:3vw;padding:0vw 0vw 0vw 2vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-cfb9060{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-80095 .elementor-element.elementor-element-64bc53a{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#000000B8;}.elementor-80095 .elementor-element.elementor-element-64bc53a > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-64bc53a a{color:#222222;}.elementor-80095 .elementor-element.elementor-element-e638845{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80095 .elementor-element.elementor-element-31a952b{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#000000B8;}.elementor-80095 .elementor-element.elementor-element-31a952b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-31a952b a{color:#222222;}.elementor-80095 .elementor-element.elementor-element-415b656{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80095 .elementor-element.elementor-element-4e16160{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#000000B8;}.elementor-80095 .elementor-element.elementor-element-4e16160 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-4e16160 a{color:#222222;}.elementor-80095 .elementor-element.elementor-element-b9a0d32{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80095 .elementor-element.elementor-element-0cbe43b{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#000000B8;}.elementor-80095 .elementor-element.elementor-element-0cbe43b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-0cbe43b a{color:#222222;}.elementor-80095 .elementor-element.elementor-element-838928c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80095 .elementor-element.elementor-element-fdf5ed1{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#000000B8;}.elementor-80095 .elementor-element.elementor-element-fdf5ed1 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-fdf5ed1 a{color:#222222;}.elementor-80095 .elementor-element.elementor-element-bde0302{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-80095 .elementor-element.elementor-element-adf3cc6{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Bai Jamjuree", Sans-serif;font-size:1vw;font-weight:500;line-height:1.35em;letter-spacing:-0.25px;color:#000000B8;}.elementor-80095 .elementor-element.elementor-element-adf3cc6 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:2vw 2vw 2vw 2vw;border-style:none;border-radius:0em 0em 0em 0em;}.elementor-80095 .elementor-element.elementor-element-adf3cc6 a{color:#222222;}.elementor-80095 .elementor-element.elementor-element-358827c{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#4E5267;--e-n-carousel-arrow-hover-color:#807F7D;}.elementor-80095 .elementor-element.elementor-element-358827c :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#FFFFFF00;border-style:none;border-radius:0em 0em 0em 0em;padding:1vw 1vw 1vw 1vw;}.elementor-80095 .elementor-element.elementor-element-358827c :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:#3C3D4000;border-style:none;}.elementor-80095 .elementor-element.elementor-element-358827c > .elementor-widget-container{margin:-1vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;border-style:none;}:where( .elementor-80095 .elementor-element.elementor-element-358827c .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-80095 .elementor-element.elementor-element-3598ac9:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-3598ac9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5D1DE;}.elementor-80095 .elementor-element.elementor-element-3598ac9 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #D5E2FF 37%, #E7ECFFD4 79%);opacity:1;mix-blend-mode:screen;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-3598ac9{border-style:solid;border-width:1px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-15vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:1;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-48f9616.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-48f9616.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-48f9616.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-48f9616 > .elementor-element-populated{margin:6vw 0vw 8vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-fad1395 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-fad1395, .elementor-80095 .elementor-element.elementor-element-fad1395 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-fad1395{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-bec3221.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-bec3221.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-bec3221.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-bec3221 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-80095 .elementor-element.elementor-element-bec3221 > .elementor-element-populated, .elementor-80095 .elementor-element.elementor-element-bec3221 > .elementor-element-populated > .elementor-background-overlay, .elementor-80095 .elementor-element.elementor-element-bec3221 > .elementor-background-slideshow{border-radius:0em 0em 0em 4em;}.elementor-80095 .elementor-element.elementor-element-bec3221 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-dee341c{--spacer-size:1vh;}.elementor-80095 .elementor-element.elementor-element-2ba15fe > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-2ba15fe{border-style:none;margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 1vw 0vw;z-index:2;}.elementor-80095 .elementor-element.elementor-element-2ba15fe, .elementor-80095 .elementor-element.elementor-element-2ba15fe > .elementor-background-overlay{border-radius:0em 0em 0em 0em;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-231f171.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-231f171.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-231f171.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-80095 .elementor-element.elementor-element-231f171 > .elementor-element-populated{margin:0vw 0vw 2vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-23d19ea > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-23d19ea, .elementor-80095 .elementor-element.elementor-element-23d19ea > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-23d19ea{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 4vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-28eadfb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-28eadfb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-28eadfb.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-80095 .elementor-element.elementor-element-28eadfb > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-80095 .elementor-element.elementor-element-28eadfb > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-28eadfb{z-index:5;}.elementor-80095 .elementor-element.elementor-element-5c73b0b{--spacer-size:1vh;}.elementor-80095 .elementor-element.elementor-element-70bbf16 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-70bbf16, .elementor-80095 .elementor-element.elementor-element-70bbf16 > .elementor-background-overlay{border-radius:3em 3em 3em 3em;}.elementor-80095 .elementor-element.elementor-element-70bbf16{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 2vw;z-index:2;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-319fe0f.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-319fe0f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-319fe0f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-319fe0f > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-4a899bb:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-4a899bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-4a899bb .elementor-background-overlay{filter:brightness( 100% ) contrast( 112% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-4a899bb{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:2vw 0vw 2vw 0vw;z-index:15;}.elementor-80095 .elementor-element.elementor-element-4a899bb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-80095 .elementor-element.elementor-element-ba34cda > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-ba34cda{text-align:center;}.elementor-80095 .elementor-element.elementor-element-ba34cda img{width:78%;filter:brightness( 100% ) contrast( 100% ) saturate( 150% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-a659c89:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-a659c89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-a659c89 .elementor-background-overlay{filter:brightness( 100% ) contrast( 112% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-a659c89{border-style:solid;border-width:1px 0px 0px 0px;border-color:#83A5DD;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:1vw;margin-bottom:0vw;padding:0vw 0vw 2vw 0vw;z-index:15;}.elementor-80095 .elementor-element.elementor-element-a659c89 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-6111e8b.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-6111e8b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-9e8047b{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-9e8047b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:1vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#51619170;}.elementor-80095 .elementor-element.elementor-element-9e8047b .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.75vw;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-fcb4d87{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-fcb4d87 > .elementor-widget-container{margin:0vw 0vw 0vw 1vw;padding:1vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 1px 0px;border-color:#51619170;}.elementor-80095 .elementor-element.elementor-element-fcb4d87 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.75vw;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-e915ff8:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-e915ff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-e915ff8 .elementor-background-overlay{filter:brightness( 100% ) contrast( 112% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-e915ff8{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:1vw 0vw 2vw 0vw;z-index:15;}.elementor-80095 .elementor-element.elementor-element-e915ff8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-27ab9be.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-27ab9be.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-27ab9be > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-dd4d8f3{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-dd4d8f3 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 2px 0px;border-color:#83A5DD;}.elementor-80095 .elementor-element.elementor-element-dd4d8f3 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.75vw;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-285bba3{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;--e-icon-list-icon-size:0.7vw;--icon-vertical-offset:0px;}.elementor-80095 .elementor-element.elementor-element-285bba3 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-item:not(:last-child):after{content:"";width:95%;border-color:#7A96BA;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-icon i{color:#7A96BA;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-icon svg{fill:#7A96BA;transition:fill 0.3s;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#7A96BA;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#7A96BA;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-item > a{font-family:"Chakra Petch", Sans-serif;font-size:0.925vw;font-weight:400;line-height:1.5em;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-text{color:#000000D1;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#B0B0B0;}.elementor-80095 .elementor-element.elementor-element-51b6a29{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;--e-icon-list-icon-size:0.7vw;--icon-vertical-offset:0px;}.elementor-80095 .elementor-element.elementor-element-51b6a29 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-item:not(:last-child):after{content:"";width:95%;border-color:#7A96BA;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:dashed;border-block-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:dashed;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-icon i{color:#7A96BA;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-icon svg{fill:#7A96BA;transition:fill 0.3s;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-item > a{font-family:"Chakra Petch", Sans-serif;font-size:0.925vw;font-weight:400;line-height:1.5em;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-text{color:#000000D1;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#B0B0B0;}.elementor-80095 .elementor-element.elementor-element-b66debd:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-b66debd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-b66debd .elementor-background-overlay{filter:brightness( 100% ) contrast( 112% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-b66debd{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:1vw 0vw 2vw 0vw;z-index:15;}.elementor-80095 .elementor-element.elementor-element-b66debd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-d27ed09.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-d27ed09.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-d27ed09 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-8babf8e{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-8babf8e > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 2px 0px;border-color:#83A5DD;}.elementor-80095 .elementor-element.elementor-element-8babf8e .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.75vw;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-a4fc621{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;--e-icon-list-icon-size:0.7vw;--icon-vertical-offset:0px;}.elementor-80095 .elementor-element.elementor-element-a4fc621 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-item:not(:last-child):after{content:"";width:95%;border-color:#7A96BA;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-icon i{color:#7A96BA;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-icon svg{fill:#7A96BA;transition:fill 0.3s;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-item > a{font-family:"Chakra Petch", Sans-serif;font-size:0.925vw;font-weight:400;line-height:1.5em;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-text{color:#000000D1;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#B0B0B0;}.elementor-80095 .elementor-element.elementor-element-29b1ba4{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;--e-icon-list-icon-size:0.7vw;--icon-vertical-offset:0px;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-item:not(:last-child):after{content:"";width:95%;border-color:#7A96BA;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-icon i{color:#7A96BA;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-icon svg{fill:#7A96BA;transition:fill 0.3s;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-item > a{font-family:"Chakra Petch", Sans-serif;font-size:0.925vw;font-weight:400;line-height:1.5em;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-text{color:#000000D1;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#B0B0B0;}.elementor-80095 .elementor-element.elementor-element-fdb265e:not(.elementor-motion-effects-element-type-background), .elementor-80095 .elementor-element.elementor-element-fdb265e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-fdb265e .elementor-background-overlay{filter:brightness( 100% ) contrast( 112% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-80095 .elementor-element.elementor-element-fdb265e{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0vw;margin-bottom:0vw;padding:1vw 0vw 2vw 0vw;z-index:15;}.elementor-80095 .elementor-element.elementor-element-fdb265e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-5b430dc.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-5b430dc.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-80095 .elementor-element.elementor-element-5b430dc > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-a37d868{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;z-index:5;text-align:start;}.elementor-80095 .elementor-element.elementor-element-a37d868 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 1vw 0vw;border-style:solid;border-width:0px 0px 2px 0px;border-color:#83A5DD;}.elementor-80095 .elementor-element.elementor-element-a37d868 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-size:1.75vw;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:-0.5px;color:#3544707A;}.elementor-80095 .elementor-element.elementor-element-5887d84{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;--e-icon-list-icon-size:0vw;--icon-vertical-offset:0px;}.elementor-80095 .elementor-element.elementor-element-5887d84 > .elementor-widget-container{margin:2vw 2vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-item:not(:last-child):after{content:"";width:95%;border-color:#7A96BA;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-icon i{color:#6A81AC8C;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-icon svg{fill:#6A81AC8C;transition:fill 0.3s;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-item > a{font-family:"Chakra Petch", Sans-serif;font-size:0.85vw;font-weight:400;line-height:1.4em;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-text{color:#0000009C;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#000000D1;}.elementor-80095 .elementor-element.elementor-element-576da9e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-4b46240{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;--e-icon-list-icon-size:0vw;--icon-vertical-offset:0px;}.elementor-80095 .elementor-element.elementor-element-4b46240 > .elementor-widget-container{margin:0vw 2vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(1px/2);}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-1px/2);}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-item:not(:last-child):after{content:"";width:95%;border-color:#7A96BA;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-icon i{color:#6A81AC8C;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-icon svg{fill:#6A81AC8C;transition:fill 0.3s;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#FFFFFF00;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-item > a{font-family:"Chakra Petch", Sans-serif;font-size:0.925vw;font-weight:400;line-height:1.4em;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-text{color:#000000D1;transition:color 0.3s;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#000000D1;}.elementor-80095 .elementor-element.elementor-element-4c88146{width:var( --container-widget-width, 39% );max-width:39%;--container-widget-width:39%;--container-widget-flex-grow:0;}.elementor-80095 .elementor-element.elementor-element-4c88146 > .elementor-widget-container{margin:-2vw 1vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-4c88146 img{filter:brightness( 43% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}body.elementor-page-80095:not(.elementor-motion-effects-element-type-background), body.elementor-page-80095 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E3ECFF;}@media(max-width:1024px){.elementor-80095 .elementor-element.elementor-element-aabe7e6{padding:15px 0px 15px 0px;}.elementor-80095 .elementor-element.elementor-element-d8ae46c{padding:15px 0px 15px 0px;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-77a9b349.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-77a9b349.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-77a9b349.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-50ef0e8 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-50ef0e8{text-align:end;}.elementor-80095 .elementor-element.elementor-element-50ef0e8 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-d7dbe72{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-6418f57{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-ff24047.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-ff24047 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b9f4175 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-b9f4175{text-align:end;}.elementor-80095 .elementor-element.elementor-element-b9f4175 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-1110bc5{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-386e7ba > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-386e7ba{text-align:end;}.elementor-80095 .elementor-element.elementor-element-386e7ba .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-abeb6da > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button{font-size:2vw;padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-654bcc0 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-654bcc0{text-align:end;}.elementor-80095 .elementor-element.elementor-element-654bcc0 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-175c666 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-175c666{text-align:end;}.elementor-80095 .elementor-element.elementor-element-175c666 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-b6372d9 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-b6372d9{text-align:end;}.elementor-80095 .elementor-element.elementor-element-b6372d9 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-20a94bb{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-86f0a86{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-55cd67d > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-55cd67d{text-align:end;}.elementor-80095 .elementor-element.elementor-element-55cd67d .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-3112a63 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-3112a63{text-align:start;}.elementor-80095 .elementor-element.elementor-element-3112a63 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-3be33e8{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-b1915de > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-b1915de{text-align:end;}.elementor-80095 .elementor-element.elementor-element-b1915de .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-4055b4d > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-4055b4d{text-align:start;}.elementor-80095 .elementor-element.elementor-element-4055b4d .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-6b37115{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-bd3deb3 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-bd3deb3{text-align:end;}.elementor-80095 .elementor-element.elementor-element-bd3deb3 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-cd58625 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-cd58625{text-align:start;}.elementor-80095 .elementor-element.elementor-element-cd58625 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-0a25850{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-1a047d5 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-1a047d5{text-align:end;}.elementor-80095 .elementor-element.elementor-element-1a047d5 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-a8ee2fe > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-a8ee2fe{text-align:start;}.elementor-80095 .elementor-element.elementor-element-a8ee2fe .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-1993757{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-642bdd3{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-114ebcf.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-114ebcf > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-25cee62 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-25cee62{text-align:end;}.elementor-80095 .elementor-element.elementor-element-25cee62 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-5f0bc21{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-70ec0b6 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-70ec0b6{text-align:start;}.elementor-80095 .elementor-element.elementor-element-70ec0b6 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-c67e50b > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-c67e50b{text-align:start;}.elementor-80095 .elementor-element.elementor-element-c67e50b .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-4701129 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-4701129{text-align:start;}.elementor-80095 .elementor-element.elementor-element-4701129 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-9d2ec35 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-9d2ec35{text-align:start;}.elementor-80095 .elementor-element.elementor-element-9d2ec35 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-443c637 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-443c637{text-align:start;}.elementor-80095 .elementor-element.elementor-element-443c637 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-d040ab4 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-d040ab4{text-align:start;}.elementor-80095 .elementor-element.elementor-element-d040ab4 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-82b9745 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-82b9745{text-align:start;}.elementor-80095 .elementor-element.elementor-element-82b9745 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-8c0e7e4 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-8c0e7e4{text-align:start;}.elementor-80095 .elementor-element.elementor-element-8c0e7e4 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-b7e49b9 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-b7e49b9{text-align:start;}.elementor-80095 .elementor-element.elementor-element-b7e49b9 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-e66155d{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-5371162{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-a0e45a6{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-bf597f4.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-bf597f4 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-5c035a8 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-5c035a8{text-align:end;}.elementor-80095 .elementor-element.elementor-element-5c035a8 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-4ea4542 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-4ea4542{text-align:end;}.elementor-80095 .elementor-element.elementor-element-4ea4542 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-d708d20{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-element-populated > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-element-populated{padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-cbeaf20 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-cbeaf20{text-align:end;}.elementor-80095 .elementor-element.elementor-element-cbeaf20 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-element-populated > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-element-populated{padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-7638555 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-7638555{text-align:end;}.elementor-80095 .elementor-element.elementor-element-7638555 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-element-populated > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-element-populated{padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-dd35e82 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-dd35e82{text-align:end;}.elementor-80095 .elementor-element.elementor-element-dd35e82 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-element-populated > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-element-populated{padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-d611837 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-d611837{text-align:end;}.elementor-80095 .elementor-element.elementor-element-d611837 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-element-populated > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-element-populated{padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-2e2ae2e > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-2e2ae2e{text-align:end;}.elementor-80095 .elementor-element.elementor-element-2e2ae2e .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-949a9db{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-87dce6f{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-13dde3a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-13dde3a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-ff5d52e > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-ff5d52e{text-align:end;}.elementor-80095 .elementor-element.elementor-element-ff5d52e .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-4c770e9{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-acc4a1c > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-acc4a1c{text-align:end;}.elementor-80095 .elementor-element.elementor-element-acc4a1c .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-f430920 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-f430920{text-align:end;}.elementor-80095 .elementor-element.elementor-element-f430920 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-c725fac > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-c725fac{text-align:end;}.elementor-80095 .elementor-element.elementor-element-c725fac .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-705e89c > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-705e89c{text-align:end;}.elementor-80095 .elementor-element.elementor-element-705e89c .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-00392a2 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-00392a2{text-align:end;}.elementor-80095 .elementor-element.elementor-element-00392a2 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-86de87d > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-86de87d{text-align:end;}.elementor-80095 .elementor-element.elementor-element-86de87d .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-1d45c93 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-1d45c93{text-align:end;}.elementor-80095 .elementor-element.elementor-element-1d45c93 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-9239454 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-9239454{text-align:end;}.elementor-80095 .elementor-element.elementor-element-9239454 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-a17bcb2 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-a17bcb2{text-align:end;}.elementor-80095 .elementor-element.elementor-element-a17bcb2 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-65e7dbc > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-65e7dbc{text-align:end;}.elementor-80095 .elementor-element.elementor-element-65e7dbc .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-e16e9d3 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-e16e9d3{text-align:end;}.elementor-80095 .elementor-element.elementor-element-e16e9d3 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-190a6aa > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-190a6aa{text-align:end;}.elementor-80095 .elementor-element.elementor-element-190a6aa .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-6c64789{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-1b3006b{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-8f03606 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-8f03606{text-align:end;}.elementor-80095 .elementor-element.elementor-element-8f03606 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-1749a4a > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-1749a4a{text-align:end;}.elementor-80095 .elementor-element.elementor-element-1749a4a .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-214ce58 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-214ce58{text-align:end;}.elementor-80095 .elementor-element.elementor-element-214ce58 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-2072f61 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-2072f61{text-align:end;}.elementor-80095 .elementor-element.elementor-element-2072f61 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-b9ce169{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-12fe3c8{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-caae963{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-51d37f5 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-51d37f5{text-align:end;}.elementor-80095 .elementor-element.elementor-element-51d37f5 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-06571f0{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-2f93a6e{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-606d50a > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-606d50a{text-align:end;}.elementor-80095 .elementor-element.elementor-element-606d50a .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-c465348 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-c465348{text-align:end;}.elementor-80095 .elementor-element.elementor-element-c465348 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-1628938{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-0858087 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-0858087{text-align:end;}.elementor-80095 .elementor-element.elementor-element-0858087 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-1563dca > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-1563dca{text-align:end;}.elementor-80095 .elementor-element.elementor-element-1563dca .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-11d52eb > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button{font-size:2vw;padding:2vw 2vw 2vw 2vw;}.elementor-80095 .elementor-element.elementor-element-52693bc{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-d492580{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-60477d2.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-60477d2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-72a7bc0{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-a63519e > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-a63519e{text-align:end;}.elementor-80095 .elementor-element.elementor-element-a63519e .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-629e4c0 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-629e4c0{text-align:end;}.elementor-80095 .elementor-element.elementor-element-629e4c0 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-3672c7e{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-e690640 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-e690640{text-align:start;}.elementor-80095 .elementor-element.elementor-element-e690640 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-7a62c11 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-7a62c11{text-align:end;}.elementor-80095 .elementor-element.elementor-element-7a62c11 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-0303847 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-0303847{text-align:end;}.elementor-80095 .elementor-element.elementor-element-0303847 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-abef289 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-abef289{text-align:start;}.elementor-80095 .elementor-element.elementor-element-abef289 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-741a0f2 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-741a0f2{text-align:end;}.elementor-80095 .elementor-element.elementor-element-741a0f2 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-ae47cfc > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-ae47cfc{text-align:end;}.elementor-80095 .elementor-element.elementor-element-ae47cfc .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-4e56844 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-4e56844{text-align:start;}.elementor-80095 .elementor-element.elementor-element-4e56844 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-23c3be1 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-23c3be1{text-align:end;}.elementor-80095 .elementor-element.elementor-element-23c3be1 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-bfbdeba > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-bfbdeba{text-align:end;}.elementor-80095 .elementor-element.elementor-element-bfbdeba .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-92aa05f{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-8f178b9 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-8f178b9{text-align:start;}.elementor-80095 .elementor-element.elementor-element-8f178b9 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-b4ebcfb > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-b4ebcfb{text-align:end;}.elementor-80095 .elementor-element.elementor-element-b4ebcfb .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-670a0c6 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-670a0c6{text-align:end;}.elementor-80095 .elementor-element.elementor-element-670a0c6 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-558c5f8 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-558c5f8{text-align:start;}.elementor-80095 .elementor-element.elementor-element-558c5f8 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-2ccc78b > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-2ccc78b{text-align:end;}.elementor-80095 .elementor-element.elementor-element-2ccc78b .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-8ba00f2 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-8ba00f2{text-align:end;}.elementor-80095 .elementor-element.elementor-element-8ba00f2 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-2d55414 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-2d55414{text-align:start;}.elementor-80095 .elementor-element.elementor-element-2d55414 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-94d73f2 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-94d73f2{text-align:end;}.elementor-80095 .elementor-element.elementor-element-94d73f2 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-4440c61 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-4440c61{text-align:end;}.elementor-80095 .elementor-element.elementor-element-4440c61 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-eb0de5f{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-5eec403 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-5eec403{text-align:start;}.elementor-80095 .elementor-element.elementor-element-5eec403 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-6bc7ca0 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-6bc7ca0{text-align:end;}.elementor-80095 .elementor-element.elementor-element-6bc7ca0 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-0b79785 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-0b79785{text-align:end;}.elementor-80095 .elementor-element.elementor-element-0b79785 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-2eae9b8 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-2eae9b8{text-align:start;}.elementor-80095 .elementor-element.elementor-element-2eae9b8 .elementor-heading-title{font-size:11vw;}.elementor-80095 .elementor-element.elementor-element-33a14c8 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-33a14c8{text-align:end;}.elementor-80095 .elementor-element.elementor-element-33a14c8 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-e563cf4 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-e563cf4{text-align:end;}.elementor-80095 .elementor-element.elementor-element-e563cf4 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-49b60bf{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-7887373{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-432ade6 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-432ade6{text-align:end;}.elementor-80095 .elementor-element.elementor-element-432ade6 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-3909d10{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-c71cd24 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-c71cd24{text-align:end;}.elementor-80095 .elementor-element.elementor-element-c71cd24 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-b9ae502 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-b9ae502{text-align:end;}.elementor-80095 .elementor-element.elementor-element-b9ae502 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-7b76e39{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-932c70f > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-932c70f{text-align:end;}.elementor-80095 .elementor-element.elementor-element-932c70f .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-7f670d3 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-7f670d3{text-align:end;}.elementor-80095 .elementor-element.elementor-element-7f670d3 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-df97368 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-df97368{text-align:end;}.elementor-80095 .elementor-element.elementor-element-df97368 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-d080e95 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-d080e95{text-align:end;}.elementor-80095 .elementor-element.elementor-element-d080e95 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-db332f1 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-db332f1{text-align:end;}.elementor-80095 .elementor-element.elementor-element-db332f1 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-646d419 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-646d419{text-align:end;}.elementor-80095 .elementor-element.elementor-element-646d419 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-994af05{--e-n-carousel-swiper-slides-to-display:2;}.elementor-80095 .elementor-element.elementor-element-43e943d{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-8ee3108{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-d0b8a89 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-d0b8a89{text-align:end;}.elementor-80095 .elementor-element.elementor-element-d0b8a89 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-09cba3b{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-d4b25b6{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-8096241{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-c3b9c7c > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-c3b9c7c{text-align:end;}.elementor-80095 .elementor-element.elementor-element-c3b9c7c .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-ea7724b > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-ea7724b{text-align:end;}.elementor-80095 .elementor-element.elementor-element-ea7724b .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-fb04373 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-fb04373{text-align:end;}.elementor-80095 .elementor-element.elementor-element-fb04373 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-49a2ec0 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-49a2ec0{text-align:end;}.elementor-80095 .elementor-element.elementor-element-49a2ec0 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-d3ec638 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-d3ec638{text-align:end;}.elementor-80095 .elementor-element.elementor-element-d3ec638 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-4bdff1e{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-3e519f2 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-3e519f2{text-align:end;}.elementor-80095 .elementor-element.elementor-element-3e519f2 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-dfa45ef > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-dfa45ef{text-align:end;}.elementor-80095 .elementor-element.elementor-element-dfa45ef .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-a23e69e > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-a23e69e{text-align:end;}.elementor-80095 .elementor-element.elementor-element-a23e69e .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-e73aa18 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-e73aa18{text-align:end;}.elementor-80095 .elementor-element.elementor-element-e73aa18 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-7e2522b > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-7e2522b{text-align:end;}.elementor-80095 .elementor-element.elementor-element-7e2522b .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-d92d9f0 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-d92d9f0{text-align:end;}.elementor-80095 .elementor-element.elementor-element-d92d9f0 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-8bbbdd9 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-8bbbdd9{text-align:end;}.elementor-80095 .elementor-element.elementor-element-8bbbdd9 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-4dd178a > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-4dd178a{text-align:end;}.elementor-80095 .elementor-element.elementor-element-4dd178a .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-894458e{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-277deff{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-f0f1aa5{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-b1a4c8a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-b1a4c8a > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b811e24{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-fdd4f37 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-fdd4f37{text-align:end;}.elementor-80095 .elementor-element.elementor-element-fdd4f37 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-a17e5cf{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-64f540c > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-f141a10{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group .elementor-field, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-subgroup label{font-size:3vw;}.elementor-80095 .elementor-element.elementor-element-af293a7{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-64bc53a > .elementor-widget-container{padding:0vw 2vw 0vw 2vw;}.elementor-80095 .elementor-element.elementor-element-64bc53a{font-size:1.8vw;}.elementor-80095 .elementor-element.elementor-element-31a952b > .elementor-widget-container{padding:0vw 2vw 0vw 2vw;}.elementor-80095 .elementor-element.elementor-element-31a952b{font-size:1.8vw;}.elementor-80095 .elementor-element.elementor-element-4e16160 > .elementor-widget-container{padding:0vw 2vw 0vw 2vw;}.elementor-80095 .elementor-element.elementor-element-4e16160{font-size:1.8vw;}.elementor-80095 .elementor-element.elementor-element-0cbe43b > .elementor-widget-container{padding:0vw 2vw 0vw 2vw;}.elementor-80095 .elementor-element.elementor-element-0cbe43b{font-size:1.8vw;}.elementor-80095 .elementor-element.elementor-element-fdf5ed1 > .elementor-widget-container{padding:0vw 2vw 0vw 2vw;}.elementor-80095 .elementor-element.elementor-element-fdf5ed1{font-size:1.8vw;}.elementor-80095 .elementor-element.elementor-element-adf3cc6 > .elementor-widget-container{padding:0vw 2vw 0vw 2vw;}.elementor-80095 .elementor-element.elementor-element-adf3cc6{font-size:1.8vw;}.elementor-80095 .elementor-element.elementor-element-358827c{--e-n-carousel-swiper-slides-to-display:2;}.elementor-80095 .elementor-element.elementor-element-3598ac9{padding:55px 25px 155px 25px;}.elementor-80095 .elementor-element.elementor-element-fad1395{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-bec3221.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-bec3221 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-2ba15fe{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-23d19ea{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-28eadfb > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-70bbf16{margin-top:0vw;margin-bottom:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-319fe0f > .elementor-element-populated{margin:1vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-9e8047b > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-9e8047b{text-align:end;}.elementor-80095 .elementor-element.elementor-element-9e8047b .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-fcb4d87 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-fcb4d87{text-align:end;}.elementor-80095 .elementor-element.elementor-element-fcb4d87 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-dd4d8f3 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-dd4d8f3{text-align:end;}.elementor-80095 .elementor-element.elementor-element-dd4d8f3 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-item > a{font-size:1.75vw;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-item > a{font-size:1.75vw;}.elementor-80095 .elementor-element.elementor-element-8babf8e > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-8babf8e{text-align:end;}.elementor-80095 .elementor-element.elementor-element-8babf8e .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-item > a{font-size:1.75vw;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-item > a{font-size:1.75vw;}.elementor-80095 .elementor-element.elementor-element-a37d868 > .elementor-widget-container{margin:-1vw 0vw 0vw -1vw;}.elementor-80095 .elementor-element.elementor-element-a37d868{text-align:end;}.elementor-80095 .elementor-element.elementor-element-a37d868 .elementor-heading-title{font-size:10vw;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-item > a{font-size:1.75vw;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-item > a{font-size:1.75vw;}}@media(max-width:767px){.elementor-80095 .elementor-element.elementor-element-aabe7e6{margin-top:0px;margin-bottom:0px;padding:5px 0px 10px 0px;z-index:25;}.elementor-80095 .elementor-element.elementor-element-d8ae46c{margin-top:0px;margin-bottom:0px;padding:5px 0px 10px 0px;z-index:25;}.elementor-80095 .elementor-element.elementor-element-77a9b349{width:11%;}.elementor-bc-flex-widget .elementor-80095 .elementor-element.elementor-element-77a9b349.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-80095 .elementor-element.elementor-element-77a9b349.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-80095 .elementor-element.elementor-element-77a9b349 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-50ef0e8 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-50ef0e8{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-50ef0e8 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-d7dbe72{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-b0c5954 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-6418f57{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-ff24047.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-ff24047 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b9f4175 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b9f4175{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-b9f4175 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-1110bc5{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-83243e4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-386e7ba > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-386e7ba{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-386e7ba .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-abeb6da > .elementor-widget-container{margin:0vw 0vw 0vw 0.215vw;}.elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button{font-size:4.5vw;padding:3vw 3vw 3vw 3vw;}.elementor-80095 .elementor-element.elementor-element-9546b91 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-a392c38 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-654bcc0 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-654bcc0{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-654bcc0 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-175c666 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-175c666{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-175c666 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-b6372d9 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b6372d9{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-b6372d9 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-20a94bb{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-86f0a86{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-55cd67d > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-55cd67d{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-55cd67d .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-3112a63 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-3112a63{text-align:start;}.elementor-80095 .elementor-element.elementor-element-3112a63 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-3be33e8{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b1915de > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b1915de{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-b1915de .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-4055b4d > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-4055b4d{text-align:start;}.elementor-80095 .elementor-element.elementor-element-4055b4d .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-6b37115{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-bd3deb3 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-bd3deb3{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-bd3deb3 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-cd58625 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-cd58625{text-align:start;}.elementor-80095 .elementor-element.elementor-element-cd58625 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-0a25850{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-1a047d5 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-1a047d5{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-1a047d5 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-a8ee2fe > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-a8ee2fe{text-align:start;}.elementor-80095 .elementor-element.elementor-element-a8ee2fe .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-1993757{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-642bdd3{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-114ebcf.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-114ebcf > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-25cee62 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-25cee62{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-25cee62 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-5f0bc21{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-70ec0b6 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-70ec0b6{text-align:start;}.elementor-80095 .elementor-element.elementor-element-70ec0b6 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-c67e50b > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-c67e50b{text-align:start;}.elementor-80095 .elementor-element.elementor-element-c67e50b .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-4701129 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-4701129{text-align:start;}.elementor-80095 .elementor-element.elementor-element-4701129 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-9d2ec35 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-9d2ec35{text-align:start;}.elementor-80095 .elementor-element.elementor-element-9d2ec35 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-443c637 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-443c637{text-align:start;}.elementor-80095 .elementor-element.elementor-element-443c637 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-d040ab4 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d040ab4{text-align:start;}.elementor-80095 .elementor-element.elementor-element-d040ab4 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-82b9745 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-82b9745{text-align:start;}.elementor-80095 .elementor-element.elementor-element-82b9745 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-8c0e7e4 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-8c0e7e4{text-align:start;}.elementor-80095 .elementor-element.elementor-element-8c0e7e4 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-b7e49b9 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b7e49b9{text-align:start;}.elementor-80095 .elementor-element.elementor-element-b7e49b9 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-e66155d{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-5371162{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-a0e45a6{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-bf597f4.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-bf597f4 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-5c035a8 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-5c035a8{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-5c035a8 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-4ea4542 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-4ea4542{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-4ea4542 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-d708d20{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-element-populated > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-80095 .elementor-element.elementor-element-a59776e > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-80095 .elementor-element.elementor-element-cbeaf20 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-cbeaf20{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-cbeaf20 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-element-populated > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-80095 .elementor-element.elementor-element-4c35efd > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-80095 .elementor-element.elementor-element-7638555 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-7638555{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-7638555 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-element-populated > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-80095 .elementor-element.elementor-element-23e23de > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-80095 .elementor-element.elementor-element-dd35e82 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-dd35e82{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-dd35e82 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-element-populated > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-80095 .elementor-element.elementor-element-26fdaad > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-80095 .elementor-element.elementor-element-d611837 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d611837{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-d611837 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-element-populated > .elementor-background-overlay{background-position:0vw 0vh;}.elementor-80095 .elementor-element.elementor-element-86cc5fc > .elementor-element-populated{padding:4vw 4vw 4vw 4vw;}.elementor-80095 .elementor-element.elementor-element-2e2ae2e > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-2e2ae2e{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-2e2ae2e .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-949a9db{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-87dce6f{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-13dde3a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-13dde3a > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-ff5d52e > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-ff5d52e{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-ff5d52e .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-4c770e9{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d8b1c4d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-acc4a1c > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-acc4a1c{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-acc4a1c .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-f430920 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-f430920{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-f430920 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-c725fac > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-c725fac{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-c725fac .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-705e89c > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-705e89c{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-705e89c .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-00392a2 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-00392a2{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-00392a2 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-86de87d > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-86de87d{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-86de87d .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-1d45c93 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-1d45c93{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-1d45c93 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-9239454 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-9239454{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-9239454 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-a17bcb2 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-a17bcb2{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-a17bcb2 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-65e7dbc > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-65e7dbc{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-65e7dbc .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-e16e9d3 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-e16e9d3{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-e16e9d3 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-190a6aa > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-190a6aa{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-190a6aa .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-2ac044e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-6c64789{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-1b3006b{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-8f03606 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-8f03606{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-8f03606 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-1749a4a > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-1749a4a{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-1749a4a .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-214ce58 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-214ce58{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-214ce58 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-2072f61 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-2072f61{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-2072f61 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-b9ce169{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-12fe3c8{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-caae963{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-51d37f5 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-51d37f5{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-51d37f5 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-06571f0{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-2f93a6e{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-606d50a > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-606d50a{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-606d50a .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-c465348 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-c465348{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-c465348 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-1628938{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-0858087 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-0858087{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-0858087 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-1563dca > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-1563dca{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-1563dca .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-11d52eb > .elementor-widget-container{margin:0vw 0vw 0vw 0.215vw;}.elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button{font-size:4.5vw;padding:3vw 3vw 3vw 3vw;}.elementor-80095 .elementor-element.elementor-element-52693bc{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-d492580{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-60477d2.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-60477d2 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-72a7bc0{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-f0cd7b0 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-a63519e > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-a63519e{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-a63519e .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-629e4c0 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-629e4c0{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-629e4c0 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-3672c7e{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-e690640 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-e690640{text-align:start;}.elementor-80095 .elementor-element.elementor-element-e690640 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-7a62c11 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-7a62c11{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-7a62c11 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-0303847 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-0303847{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-0303847 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-abef289 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-abef289{text-align:start;}.elementor-80095 .elementor-element.elementor-element-abef289 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-741a0f2 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-741a0f2{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-741a0f2 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-ae47cfc > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-ae47cfc{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-ae47cfc .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-4e56844 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-4e56844{text-align:start;}.elementor-80095 .elementor-element.elementor-element-4e56844 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-23c3be1 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-23c3be1{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-23c3be1 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-bfbdeba > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-bfbdeba{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-bfbdeba .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-92aa05f{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-8f178b9 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-8f178b9{text-align:start;}.elementor-80095 .elementor-element.elementor-element-8f178b9 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-b4ebcfb > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b4ebcfb{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-b4ebcfb .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-670a0c6 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-670a0c6{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-670a0c6 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-558c5f8 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-558c5f8{text-align:start;}.elementor-80095 .elementor-element.elementor-element-558c5f8 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-2ccc78b > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-2ccc78b{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-2ccc78b .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-8ba00f2 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-8ba00f2{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-8ba00f2 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-2d55414 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-2d55414{text-align:start;}.elementor-80095 .elementor-element.elementor-element-2d55414 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-94d73f2 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-94d73f2{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-94d73f2 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-4440c61 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-4440c61{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-4440c61 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-eb0de5f{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-5eec403 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-5eec403{text-align:start;}.elementor-80095 .elementor-element.elementor-element-5eec403 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-6bc7ca0 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-6bc7ca0{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-6bc7ca0 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-0b79785 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-0b79785{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-0b79785 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-2eae9b8 > .elementor-widget-container{margin:-1vw 0vw 0vw -2vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-2eae9b8{text-align:start;}.elementor-80095 .elementor-element.elementor-element-2eae9b8 .elementor-heading-title{font-size:18vw;line-height:0.8em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-33a14c8 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-33a14c8{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-33a14c8 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-e563cf4 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-e563cf4{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-e563cf4 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-49b60bf{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-7887373{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-432ade6 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-432ade6{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-432ade6 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-3909d10{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-c71cd24 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-c71cd24{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-c71cd24 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-b9ae502 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b9ae502{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-b9ae502 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-7b76e39{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-932c70f > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-932c70f{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-932c70f .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-7f670d3 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-7f670d3{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-7f670d3 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-df97368 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-df97368{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-df97368 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-d080e95 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d080e95{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-d080e95 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-db332f1 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-db332f1{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-db332f1 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-646d419 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-646d419{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-646d419 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-994af05{--e-n-carousel-swiper-slides-to-display:1;}.elementor-80095 .elementor-element.elementor-element-43e943d{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-8ee3108{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d0b8a89 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d0b8a89{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-d0b8a89 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-09cba3b{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d4b25b6{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-8096241{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-c3b9c7c > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-c3b9c7c{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-c3b9c7c .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-ea7724b > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-ea7724b{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-ea7724b .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-fb04373 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-fb04373{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-fb04373 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-49a2ec0 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-49a2ec0{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-49a2ec0 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-d3ec638 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d3ec638{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-d3ec638 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-4bdff1e{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-3e519f2 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-3e519f2{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-3e519f2 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-dfa45ef > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-dfa45ef{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-dfa45ef .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-a23e69e > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-a23e69e{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-a23e69e .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-e73aa18 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-e73aa18{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-e73aa18 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-7e2522b > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-7e2522b{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-7e2522b .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-d92d9f0 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-d92d9f0{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-d92d9f0 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-8bbbdd9 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-8bbbdd9{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-8bbbdd9 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-4dd178a > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-4dd178a{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-4dd178a .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-894458e{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-title{font-size:19px;}.elementor-80095 .elementor-element.elementor-element-f903889 .elementor-tab-title{padding:10px 10px 10px 10px;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-title{font-size:19px;}.elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-tab-title{padding:10px 10px 10px 10px;}.elementor-80095 .elementor-element.elementor-element-277deff{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-f0f1aa5{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b1a4c8a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-b1a4c8a > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-b811e24{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-70c66a8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-fdd4f37 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-fdd4f37{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-fdd4f37 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-a17e5cf{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-64f540c > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-f141a10{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-0337aee > .elementor-widget-container{margin:-9vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-0337aee{z-index:25;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group .elementor-field, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-subgroup label{font-size:6.5vw;}.elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button{font-size:9vw;}.elementor-80095 .elementor-element.elementor-element-50a6307 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-af293a7{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-64bc53a > .elementor-widget-container{margin:0vw 0vw -8vw 3vw;padding:0vw 4vw 0vw 4vw;}.elementor-80095 .elementor-element.elementor-element-64bc53a{font-size:4vw;}.elementor-80095 .elementor-element.elementor-element-31a952b > .elementor-widget-container{margin:0vw 0vw -8vw 3vw;padding:0vw 4vw 0vw 4vw;}.elementor-80095 .elementor-element.elementor-element-31a952b{font-size:4vw;}.elementor-80095 .elementor-element.elementor-element-4e16160 > .elementor-widget-container{margin:0vw 0vw -8vw 3vw;padding:0vw 4vw 0vw 4vw;}.elementor-80095 .elementor-element.elementor-element-4e16160{font-size:4vw;}.elementor-80095 .elementor-element.elementor-element-0cbe43b > .elementor-widget-container{margin:0vw 0vw -8vw 3vw;padding:0vw 4vw 0vw 4vw;}.elementor-80095 .elementor-element.elementor-element-0cbe43b{font-size:4vw;}.elementor-80095 .elementor-element.elementor-element-fdf5ed1 > .elementor-widget-container{margin:0vw 0vw -8vw 3vw;padding:0vw 4vw 0vw 4vw;}.elementor-80095 .elementor-element.elementor-element-fdf5ed1{font-size:4vw;}.elementor-80095 .elementor-element.elementor-element-adf3cc6 > .elementor-widget-container{margin:0vw 0vw -8vw 3vw;padding:0vw 4vw 0vw 4vw;}.elementor-80095 .elementor-element.elementor-element-adf3cc6{font-size:4vw;}.elementor-80095 .elementor-element.elementor-element-358827c{--e-n-carousel-swiper-slides-to-display:1;}.elementor-80095 .elementor-element.elementor-element-3598ac9{padding:85px 15px 75px 15px;}.elementor-80095 .elementor-element.elementor-element-fad1395{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-bec3221.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-80095 .elementor-element.elementor-element-bec3221 > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-2ba15fe{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-23d19ea{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-28eadfb > .elementor-element-populated{margin:0vw 0vw 0vw 0vw;--e-column-margin-right:0vw;--e-column-margin-left:0vw;padding:0vw 0vw 0vw 0vw;}.elementor-80095 .elementor-element.elementor-element-70bbf16{margin-top:0vw;margin-bottom:0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-ba34cda{width:100%;max-width:100%;text-align:center;}.elementor-80095 .elementor-element.elementor-element-ba34cda > .elementor-widget-container{margin:0vw -7vw 0vw 17vw;}.elementor-80095 .elementor-element.elementor-element-ba34cda img{width:100%;}.elementor-80095 .elementor-element.elementor-element-9e8047b > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-9e8047b{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-9e8047b .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-fcb4d87 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-fcb4d87{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-fcb4d87 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-dd4d8f3 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-dd4d8f3{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-dd4d8f3 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-285bba3{width:100%;max-width:100%;--e-icon-list-icon-size:2vw;}.elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-285bba3 .elementor-icon-list-item > a{font-size:3.75vw;}.elementor-80095 .elementor-element.elementor-element-51b6a29{width:100%;max-width:100%;--e-icon-list-icon-size:2vw;}.elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-51b6a29 .elementor-icon-list-item > a{font-size:3.75vw;}.elementor-80095 .elementor-element.elementor-element-8babf8e > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-8babf8e{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-8babf8e .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-a4fc621{width:100%;max-width:100%;--e-icon-list-icon-size:2vw;}.elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-a4fc621 .elementor-icon-list-item > a{font-size:3.75vw;}.elementor-80095 .elementor-element.elementor-element-29b1ba4{width:100%;max-width:100%;--e-icon-list-icon-size:2vw;}.elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-29b1ba4 .elementor-icon-list-item > a{font-size:3.75vw;}.elementor-80095 .elementor-element.elementor-element-a37d868 > .elementor-widget-container{margin:-2vw 0vw -1vw 0vw;padding:0px 0px 0px 0px;}.elementor-80095 .elementor-element.elementor-element-a37d868{z-index:15;text-align:center;}.elementor-80095 .elementor-element.elementor-element-a37d868 .elementor-heading-title{font-size:14vw;line-height:1em;letter-spacing:0em;}.elementor-80095 .elementor-element.elementor-element-5887d84{width:100%;max-width:100%;--e-icon-list-icon-size:2vw;}.elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-5887d84 .elementor-icon-list-item > a{font-size:3.75vw;}.elementor-80095 .elementor-element.elementor-element-4b46240{width:100%;max-width:100%;--e-icon-list-icon-size:2vw;}.elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-80095 .elementor-element.elementor-element-4b46240 .elementor-icon-list-item > a{font-size:3.75vw;}}@media(min-width:768px){.elementor-80095 .elementor-element.elementor-element-9aec35d{width:41.133%;}.elementor-80095 .elementor-element.elementor-element-974eee3{width:24.166%;}.elementor-80095 .elementor-element.elementor-element-9546b91{width:33.333%;}.elementor-80095 .elementor-element.elementor-element-a392c38{width:33%;}.elementor-80095 .elementor-element.elementor-element-fc1b3dc{width:20.866%;}.elementor-80095 .elementor-element.elementor-element-39aae65{width:29.134%;}.elementor-80095 .elementor-element.elementor-element-324b1aa{width:65%;}.elementor-80095 .elementor-element.elementor-element-983e95f{width:35%;}.elementor-80095 .elementor-element.elementor-element-e227891{width:29.914%;}.elementor-80095 .elementor-element.elementor-element-6062a9b{width:65%;}.elementor-80095 .elementor-element.elementor-element-cd409b7{width:35%;}.elementor-80095 .elementor-element.elementor-element-5acd5a1{width:20.067%;}.elementor-80095 .elementor-element.elementor-element-2e34aa1{width:27.882%;}.elementor-80095 .elementor-element.elementor-element-b8d883f{width:17.301%;}.elementor-80095 .elementor-element.elementor-element-483b49c{width:17.062%;}.elementor-80095 .elementor-element.elementor-element-30b19c9{width:17.805%;}.elementor-80095 .elementor-element.elementor-element-b3ae448{width:19.919%;}.elementor-80095 .elementor-element.elementor-element-b87de5b{width:100%;}.elementor-80095 .elementor-element.elementor-element-a0449a5{width:100%;}.elementor-80095 .elementor-element.elementor-element-d8b1c4d{width:63.571%;}.elementor-80095 .elementor-element.elementor-element-2ac044e{width:36.389%;}.elementor-80095 .elementor-element.elementor-element-dcf0314{width:66.283%;}.elementor-80095 .elementor-element.elementor-element-69e7b33{width:32.557%;}.elementor-80095 .elementor-element.elementor-element-07be174{width:19%;}.elementor-80095 .elementor-element.elementor-element-aa6ecef{width:19%;}.elementor-80095 .elementor-element.elementor-element-020d2dd{width:19%;}.elementor-80095 .elementor-element.elementor-element-11b661b{width:19%;}.elementor-80095 .elementor-element.elementor-element-c4ef7b3{width:20.542%;}.elementor-80095 .elementor-element.elementor-element-ec0f0e4{width:23.488%;}.elementor-80095 .elementor-element.elementor-element-f7ba249{width:76.471%;}.elementor-80095 .elementor-element.elementor-element-0cb826a{width:100%;}.elementor-80095 .elementor-element.elementor-element-f0cd7b0{width:27.689%;}.elementor-80095 .elementor-element.elementor-element-c04a9b2{width:72.311%;}.elementor-80095 .elementor-element.elementor-element-9cd64f0{width:48%;}.elementor-80095 .elementor-element.elementor-element-5cb5307{width:27.97%;}.elementor-80095 .elementor-element.elementor-element-fd49ecc{width:23%;}.elementor-80095 .elementor-element.elementor-element-70c66a8{width:10.936%;}.elementor-80095 .elementor-element.elementor-element-2eb6fbb{width:89.064%;}.elementor-80095 .elementor-element.elementor-element-cc3b526{width:57.374%;}.elementor-80095 .elementor-element.elementor-element-50a6307{width:37%;}.elementor-80095 .elementor-element.elementor-element-27ab9be{width:51%;}.elementor-80095 .elementor-element.elementor-element-6a55b82{width:49%;}.elementor-80095 .elementor-element.elementor-element-d27ed09{width:51%;}.elementor-80095 .elementor-element.elementor-element-f33c477{width:49%;}.elementor-80095 .elementor-element.elementor-element-5b430dc{width:51%;}.elementor-80095 .elementor-element.elementor-element-576da9e{width:49%;}}@media(max-width:1024px) and (min-width:768px){.elementor-80095 .elementor-element.elementor-element-77a9b349{width:30%;}.elementor-80095 .elementor-element.elementor-element-ff24047{width:99%;}.elementor-80095 .elementor-element.elementor-element-114ebcf{width:99%;}.elementor-80095 .elementor-element.elementor-element-bf597f4{width:99%;}.elementor-80095 .elementor-element.elementor-element-a59776e{width:50%;}.elementor-80095 .elementor-element.elementor-element-4c35efd{width:50%;}.elementor-80095 .elementor-element.elementor-element-23e23de{width:50%;}.elementor-80095 .elementor-element.elementor-element-26fdaad{width:50%;}.elementor-80095 .elementor-element.elementor-element-86cc5fc{width:50%;}.elementor-80095 .elementor-element.elementor-element-13dde3a{width:99%;}.elementor-80095 .elementor-element.elementor-element-60477d2{width:99%;}.elementor-80095 .elementor-element.elementor-element-b1a4c8a{width:99%;}.elementor-80095 .elementor-element.elementor-element-bec3221{width:99%;}.elementor-80095 .elementor-element.elementor-element-319fe0f{width:50%;}}/* Start custom CSS for icon-list, class: .elementor-element-43b06bf *//* 1. Set the default state to White */ .elementor-80095 .elementor-element.elementor-element-43b06bf svg path { fill: #FFFFFF73 !important; transition: fill 0.3s ease; /* Makes the color change smooth */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-974eee3 */.elementor-80095 .elementor-element.elementor-element-974eee3 { /* --- Scalable Variables --- */ --corner-size: 10px; --line-length-h: 110%; --line-length-v: 120%; /* Converted to exact 50% opacity white globally */ --border-color: rgba(255, 255, 255, 0.5); --border-width: 1px; position: relative; /* Kills any native Elementor white backgrounds */ background-color: transparent !important; } /* 1. Draw the straight lines, clip the corner, AND apply the 10% black background */ .elementor-80095 .elementor-element.elementor-element-974eee3::before { content: ""; position: absolute; bottom: 0; left: 0; width: var(--line-length-h); height: var(--line-length-v); background-color: rgba(0, 0, 0, 0.1); border-left: var(--border-width) solid var(--border-color); border-bottom: var(--border-width) solid var(--border-color); box-sizing: border-box; pointer-events: none; z-index: -1; clip-path: polygon( 0 0, 100% 0, 100% 100%, var(--corner-size) 100%, 0 calc(100% - var(--corner-size)) ); } /* 2. Draw the solid diagonal line connecting the clipped edges */ .elementor-80095 .elementor-element.elementor-element-974eee3::after { content: ""; position: absolute; bottom: calc(var(--corner-size) / 2); left: calc(var(--corner-size) / 2); width: calc(var(--corner-size) * 1.4142); height: var(--border-width); background-color: var(--border-color); pointer-events: none; transform: translate(-50%, 50%) rotate(45deg); z-index: -1; /* Removed the separate opacity rule here so it doesn't double-fade */ }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-aabe7e6 *//* Applies the blur and rounded corners permanently */ .elementor-80095 .elementor-element.elementor-element-aabe7e6 { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-radius: 0px; /* Optional: Keeps transitions smooth if you add hover effects or scroll shadows later */ transition: all 0.3s ease-in-out; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-259df153 *//* Add divider slashes between menu items */ .elementor-nav-menu > li:not(:last-child)::after { content: '/'; color: #fff; /* Change to your desired color */ padding: 0 0px; font-weight: bold; transform: rotate(35deg); /* Optional: adds a dynamic slant */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-50ef0e8 */.elementor-80095 .elementor-element.elementor-element-50ef0e8 { /* --- Scalable Variables --- */ --corner-size: 10px; --border-color: #ffff; --border-width: 2px; /* Adds 1px specifically for the corners */ --corner-thickness: calc(var(--border-width) + 1px); position: relative; padding-block: 0.251vh; z-index: 0; } /* 1. Draw the Borders with Top & Bottom Gaps */ .elementor-80095 .elementor-element.elementor-element-50ef0e8::before { content: ""; position: absolute; inset: 0; border: var(--border-width) solid var(--border-color); box-sizing: border-box; pointer-events: none; z-index: 1; /* THE MASK: Restored to horizontal gaps on Top and Bottom */ -webkit-mask-image: linear-gradient(to right, black 33.75%, transparent 33.75%, transparent 66.25%, black 66.25% ); mask-image: linear-gradient(to right, black 33.75%, transparent 33.75%, transparent 66.25%, black 66.25% ); /* NEW: Cuts TOP-RIGHT and BOTTOM-LEFT corners */ clip-path: polygon( 0% 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)) ); -webkit-clip-path: polygon( 0% 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)) ); } /* 2. Clipped Background & Flipped Diagonal Lines */ .elementor-80095 .elementor-element.elementor-element-50ef0e8::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: -1; /* Clipped Background Color (#3F5D81 at 50% opacity) */ background-color: rgba(63, 93, 129, 0.5); /* Matches the new Top-Right & Bottom-Left cuts */ clip-path: polygon( 0% 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)) ); -webkit-clip-path: polygon( 0% 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)) ); /* Flipped Diagonal Lines (Now targeting TR and BL) */ background-image: /* Top-Right diagonal line (/) */ linear-gradient(45deg, transparent calc(50% - var(--corner-thickness) * 0.3536), var(--border-color) calc(50% - var(--corner-thickness) * 0.3536), var(--border-color) calc(50% + var(--corner-thickness) * 0.3536), transparent calc(50% + var(--corner-thickness) * 0.3536) ), /* Bottom-Left diagonal line (/) */ linear-gradient(45deg, transparent calc(50% - var(--corner-thickness) * 0.3536), var(--border-color) calc(50% - var(--corner-thickness) * 0.3536), var(--border-color) calc(50% + var(--corner-thickness) * 0.3536), transparent calc(50% + var(--corner-thickness) * 0.3536) ); /* Positioned to the new flipped corners */ background-position: top right, bottom left; background-size: var(--corner-size) var(--corner-size); background-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-d8ae46c *//* 1. Create the invisible 2px border line at the bottom of the section */ .elementor-80095 .elementor-element.elementor-element-d8ae46c::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #ffffff; z-index: 10; /* Anchors the animation to start from the left side */ transform-origin: left; /* Base state: The line is scaled down to 0 (invisible) */ transform: scaleX(0); /* Controls the speed and smoothness of the loading effect */ transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1); } /* 2. Scroll State: When Elementor triggers sticky mode, scale the line to 100% */ .elementor-80095 .elementor-element.elementor-element-d8ae46c.elementor-sticky--effects::after { transform: scaleX(1); } /* 1. Hide the button by default */ .hdn { opacity: 0; visibility: hidden; /* Ensures it can't be clicked while invisible */ transition: opacity 1s ease, visibility 1s ease !important; } /* 2. Show the button when Elementor triggers the sticky scroll effect */ .elementor-sticky--effects .hdn { opacity: 1; visibility: visible; } /* Apply perfectly uniform Sci-Fi octagon shape to Elementor Nav Menu items */ xx.elementor-nav-menu > li > a { --cut: 12px; clip-path: polygon( var(--cut) 0%, calc(100% - var(--cut)) 0%, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0% calc(100% - var(--cut)), 0% var(--cut) ); /* Base state: Transparent background */ background-color: transparent; /* Slight left/right padding to keep text safely inside the clipped edges */ padding-left: 16px !important; padding-right: 16px !important; transition: background-color 0.3s ease, color 0.3s ease; } /* SCROLL STATE: #E2EDFF background, dark grey text when sticky effect triggers */ xx.elementor-sticky--effects .elementor-nav-menu > li > a { background-color: #E2EDFF !important; color: #333333 !important; } /* HOVER STATE: Matches the scroll state */ xx.elementor-nav-menu > li > a:hover { background-color: #E2EDFF !important; color: #333333 !important; } /* 1. Base state: Smooth transition for the blur and background */ .elementor-sticky { transition: background 0.3s ease, backdrop-filter 0.3s ease !important; } /* 2. Scroll state: Triggers the faded gradient and the glass blur */ .elementor-sticky--effects { /* 🔥 THE FADE: - 0% to 30%: Fades in from fully transparent to 80% #3F6BA0 - 30% to 70%: Solid 80% #3F6BA0 in the middle - 70% to 100%: Fades back out to fully transparent */ background: linear-gradient( to right, rgba(63, 107, 160, 0) 0%, rgba(63, 107, 160, 0.8) 30%, rgba(63, 107, 160, 0.8) 70%, rgba(63, 107, 160, 0) 100% ) !important; /* The blur applies to the whole section, including the transparent edges */ backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } /* 1. Hide ANY button widget in this header by default and collapse its space */ .elementor-80095 .elementor-element.elementor-element-d8ae46c .elementor-widget-button { max-width: 0px; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.4s ease-in-out !important; pointer-events: none; margin: 0; } /* 2. Show the button widget and expand it when scrolling (sticky mode active) */ .elementor-80095 .elementor-element.elementor-element-d8ae46c.elementor-sticky--effects .elementor-widget-button { max-width: 300px; /* Expands to fit the button. Increase if your button is wider than 300px */ opacity: 1; visibility: visible; pointer-events: auto; /* If you need specific margins around your button when it appears, add them here (e.g., margin-left: 20px;) */ } /* Applies the blur and rounded corners permanently */ .elementor-80095 .elementor-element.elementor-element-d8ae46c { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 0px; /* Optional: Keeps transitions smooth if you add hover effects or scroll shadows later */ transition: all 0.3s ease-in-out; } /* 1. Base state for the .sos column/container */ .elementor-80095 .elementor-element.elementor-element-d8ae46c .sos { /* Smoothly animate the physical dimensions collapsing */ transition: width 0.4s ease-in-out, padding 0.4s ease-in-out, flex-basis 0.4s ease-in-out, margin 0.4s ease-in-out !important; /* CRITICAL: Prevents the logo from wrapping or spilling out as the box shrinks */ overflow: hidden !important; white-space: nowrap; } /* 2. Base state for the logo/content inside the column */ .elementor-80095 .elementor-element.elementor-element-d8ae46c .sos > * { /* Smoothly animate the slide and fade */ transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out !important; transform: translateX(0); opacity: 1; } /* 3. The Sticky/Scrolled State - Collapse the outer box to 0 */ .elementor-80095 .elementor-element.elementor-element-d8ae46c.elementor-sticky--effects .sos { width: 0 !important; flex-basis: 0 !important; /* Covers Elementor's new Flex Containers */ padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; border: none !important; } /* 4. The Sticky/Scrolled State - Slide the inner logo left and fade it out */ .elementor-80095 .elementor-element.elementor-element-d8ae46c.elementor-sticky--effects .sos > * { transform: translateX(-50px); /* The leftward slide distance */ opacity: 0; } /* 1. Ensure the parent container acts as the anchor point */ .elementor-80095 .elementor-element.elementor-element-d8ae46c { position: relative; } /* 2. Pull the fixed column out of the flex flow */ .elementor-80095 .elementor-element.elementor-element-d8ae46c .fxd { position: absolute !important; /* Pin it to the right side (change to left: 0 if it needs to sit on the left) */ right: 0; /* Perfect vertical centering */ top: 50%; transform: translateY(-50%); /* Keep it floating above the sliding elements */ z-index: 100; /* Prevent it from accidentally picking up the collapse transition */ transition: none !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b9f4175 */.elementor-80095 .elementor-element.elementor-element-b9f4175 p { /* Fades smoothly from White on the left to Blue on the right */ background-image: linear-gradient(to right, #ffffff 0%, #AABBD3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-386e7ba */.elementor-80095 .elementor-element.elementor-element-386e7ba p { /* Fades smoothly from White on the left to Blue on the right */ background-image: linear-gradient(to bottom, #ffffff 0%, #AABBD3 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for divider, class: .elementor-element-49bfd07 */X.elementor-80095 .elementor-element.elementor-element-49bfd07 { /* Fades from 0-30% on the left, stays solid until 70%, then fades out to 100% */ -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-abeb6da *//* ========================================= 1. ICON CONTAINER (Octagon Background) ========================================= */ .elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button-icon { transform: scale(1.255); transform-origin: center; /* The new background color */ background-color: #4A5D7D; /* Adds breathing room around the SVG so it isn't touching the edges */ padding: 6px; /* Forces the container to box out correctly around the SVG */ display: inline-flex; align-items: center; justify-content: center; /* The Octagon Shape (Using 30% ensures perfect proportional cuts) */ clip-path: polygon( 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30% ); } /* 2. Set the default state of the SVG to White */ .elementor-80095 .elementor-element.elementor-element-abeb6da svg path { fill: #fff !important; transition: fill 0.3s ease; /* Makes the color change smooth */ } /* ========================================= 3. NATIVE STRIP & PERFECT ALIGNMENT FIX ========================================= */ .elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button { background-color: transparent !important; border: none !important; position: relative; /* Forces the button boundaries to align its contents */ display: flex !important; justify-content: center !important; align-items: center !important; } /* 🔥 THE FIX: Locks the icon and the text perfectly on the same horizontal plane */ .elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; /* Optional: If you need to manually tweak the gap between the icon and text, uncomment the line below */ /* gap: 10px; */ } /* ========================================= 4. THE LEFT BRACKET (Stops at 46.5%) ========================================= */ .elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button::before { content: ""; position: absolute; inset: 0; background-color: #ffffff; pointer-events: none; transition: clip-path 0.4s ease-in-out; clip-path: polygon( 46.5% 0, 15px 0, 0 15px, 0 calc(100% - 15px), 15px 100%, 46.5% 100%, 46.5% calc(100% - 2px), 16px calc(100% - 2px), 2px calc(100% - 16px), 2px 16px, 16px 2px, 46.5% 2px ); } /* ========================================= 5. THE RIGHT BRACKET (Starts at 53.5%) ========================================= */ .elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button::after { content: ""; position: absolute; inset: 0; background-color: #ffffff; pointer-events: none; transition: clip-path 0.4s ease-in-out; clip-path: polygon( 53.5% 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 53.5% 100%, 53.5% calc(100% - 2px), calc(100% - 16px) calc(100% - 2px), calc(100% - 2px) calc(100% - 16px), calc(100% - 2px) 16px, calc(100% - 16px) 2px, 53.5% 2px ); } /* ========================================= 6. HOVER STATE: Brackets Slide to Center ========================================= */ .elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button:hover::before { clip-path: polygon( 50.1% 0, 15px 0, 0 15px, 0 calc(100% - 15px), 15px 100%, 50.1% 100%, 50.1% calc(100% - 2px), 16px calc(100% - 2px), 2px calc(100% - 16px), 2px 16px, 16px 2px, 50.1% 2px ); } .elementor-80095 .elementor-element.elementor-element-abeb6da .elementor-button:hover::after { clip-path: polygon( 49.9% 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 49.9% 100%, 49.9% calc(100% - 2px), calc(100% - 16px) calc(100% - 2px), calc(100% - 2px) calc(100% - 16px), calc(100% - 2px) 16px, calc(100% - 16px) 2px, 49.9% 2px ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-8b79a1e */X.elementor-80095 .elementor-element.elementor-element-8b79a1e { -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, /* Top: fully visible */ rgba(0,0,0,1) 70%, /* Solid until fade zone starts (same distance) */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); } .elementor-80095 .elementor-element.elementor-element-8b79a1e { -webkit-mask-image: linear-gradient( to bottom, /* --- TOP FADE ZONE (0% to 30%) --- */ rgba(0,0,0,0) 0%, /* Top: fully transparent */ rgba(0,0,0,0.06) 2%, rgba(0,0,0,0.16) 5%, rgba(0,0,0,0.32) 10%, rgba(0,0,0,0.50) 15%, rgba(0,0,0,0.68) 20%, rgba(0,0,0,0.82) 24%, rgba(0,0,0,0.92) 27%, rgba(0,0,0,0.98) 29%, rgba(0,0,0,1) 30%, /* Top fade ends, becomes solid */ /* --- SOLID MIDDLE ZONE (30% to 70%) --- */ rgba(0,0,0,1) 70%, /* Solid until bottom fade starts */ /* --- BOTTOM FADE ZONE (70% to 100%) --- */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 2%, rgba(0,0,0,0.16) 5%, rgba(0,0,0,0.32) 10%, rgba(0,0,0,0.50) 15%, rgba(0,0,0,0.68) 20%, rgba(0,0,0,0.82) 24%, rgba(0,0,0,0.92) 27%, rgba(0,0,0,0.98) 29%, rgba(0,0,0,1) 30%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-ded6f5d */.elementor-80095 .elementor-element.elementor-element-ded6f5d { transform: scale(1.55025); transform-origin: center; }/* End custom CSS */ /* Start custom CSS for divider, class: .elementor-element-6715789 */X.elementor-80095 .elementor-element.elementor-element-6715789 { /* Fades from 0-30% on the left, stays solid until 70%, then fades out to 100% */ -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b6372d9 */.elementor-80095 .elementor-element.elementor-element-b6372d9 p { background-image: radial-gradient(circle, #fff 0%, #AABBD3 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-d7dbe72 *//* 1. Establish Stacking Context & Cinematic Bottom Fade */ .elementor-80095 .elementor-element.elementor-element-d7dbe72.elementor-section, .elementor-80095 .elementor-element.elementor-element-d7dbe72 { position: relative; z-index: 0; overflow: hidden; isolation: isolate; /* Crucial: stops blurs and masks from bleeding into each other */ /* High-Precision Cinematic Bottom Fade */ -webkit-mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0.987) 72.3%, rgba(0, 0, 0, 0.951) 74.5%, rgba(0, 0, 0, 0.896) 76.8%, rgba(0, 0, 0, 0.825) 79%, rgba(0, 0, 0, 0.741) 81.3%, rgba(0, 0, 0, 0.648) 83.5%, rgba(0, 0, 0, 0.550) 85.8%, rgba(0, 0, 0, 0.450) 88%, rgba(0, 0, 0, 0.352) 90.3%, rgba(0, 0, 0, 0.259) 92.5%, rgba(0, 0, 0, 0.175) 94.8%, rgba(0, 0, 0, 0.104) 97%, rgba(0, 0, 0, 0.049) 98.2%, rgba(0, 0, 0, 0.013) 99.1%, rgba(0, 0, 0, 0) 100% ); mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0.987) 72.3%, rgba(0, 0, 0, 0.951) 74.5%, rgba(0, 0, 0, 0.896) 76.8%, rgba(0, 0, 0, 0.825) 79%, rgba(0, 0, 0, 0.741) 81.3%, rgba(0, 0, 0, 0.648) 83.5%, rgba(0, 0, 0, 0.550) 85.8%, rgba(0, 0, 0, 0.450) 88%, rgba(0, 0, 0, 0.352) 90.3%, rgba(0, 0, 0, 0.259) 92.5%, rgba(0, 0, 0, 0.175) 94.8%, rgba(0, 0, 0, 0.104) 97%, rgba(0, 0, 0, 0.049) 98.2%, rgba(0, 0, 0, 0.013) 99.1%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /* 2. Force Elementor's content wrapper to sit ABOVE everything */ .elementor-80095 .elementor-element.elementor-element-d7dbe72 > .elementor-container, .elementor-80095 .elementor-element.elementor-element-d7dbe72 > .e-con-inner, .elementor-80095 .elementor-element.elementor-element-d7dbe72 > .elementor-widget-wrap { position: relative; z-index: 3; /* Bumped to 3 to clear both the gradient and the blur */ } /* 3. The Top 35% Silky Gradient Overlay (Layer 1) */ .elementor-80095 .elementor-element.elementor-element-d7dbe72::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 35%; /* Increased from 30% to 35% */ z-index: 1; pointer-events: none; /* The exact RGB eased gradient */ background: linear-gradient( to bottom, rgba(33, 58, 99, 1) 0%, rgba(33, 58, 99, 0.85) 25%, rgba(33, 58, 99, 0.55) 55%, rgba(33, 58, 99, 0.25) 80%, rgba(33, 58, 99, 0) 100% ); } /* 4. The Raised Gradual Blur Mask (Layer 2) */ .elementor-80095 .elementor-element.elementor-element-d7dbe72::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* The raw blur effect */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); /* Bottom-to-top mask */ -webkit-mask-image: linear-gradient(to top, black 0%, black 15%, transparent 85%, transparent 100%); mask-image: linear-gradient(to top, black 0%, black 15%, transparent 85%, transparent 100%); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-55cd67d *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-55cd67d p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-55cd67d { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3112a63 */.elementor-80095 .elementor-element.elementor-element-3112a63 XH1 { display: inline-block; /* Ensure the text element spans the full width */ padding: 5px; background-image: linear-gradient(to bottom, #fff, #6168A0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-86f0a86 *//* ========================================= 1. MAIN CONTAINER (No background, just structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-86f0a86 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; transition: transform 1.0s ease; } .elementor-80095 .elementor-element.elementor-element-86f0a86:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW ========================================= */ .elementor-80095 .elementor-element.elementor-element-86f0a86::before { content: ""; position: absolute; z-index: -2; /* 🔥 THE FIX: Shrink this hidden box by 12px. This guarantees the 90-degree square corners stay completely hidden behind the solid diagonal cuts of the shape above it. */ inset: 12px; /* Removed border-radius so we don't have curves clashing with flat edges */ /* 🔥 THE MANUAL SHADOW: X=0, Y=8, Blur=44, Spread = 3px (your original) + 12px (to compensate for the inset) = 15px Color=Black@50% */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.5); transition: box-shadow 1.3s ease; } /* Adjust the manual shadow on hover */ .elementor-80095 .elementor-element.elementor-element-86f0a86:hover::before { box-shadow: 0px 13px 48px 15px rgba(0, 0, 0, 0.4); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-86f0a86::after { content: ""; position: absolute; inset: 0; z-index: -1; /* Your requested solid background color hides the shadow box inside */ background-color: #E9EEFE; /* The clipping mask */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b1915de *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-b1915de p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-b1915de { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4055b4d */.elementor-80095 .elementor-element.elementor-element-4055b4d XH1 { display: inline-block; /* Ensure the text element spans the full width */ padding: 5px; background-image: linear-gradient(to bottom, #fff, #6168A0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-3be33e8 *//* ========================================= 1. MAIN CONTAINER (No background, just structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-3be33e8 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; transition: transform 1.0s ease; } .elementor-80095 .elementor-element.elementor-element-3be33e8:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW ========================================= */ .elementor-80095 .elementor-element.elementor-element-3be33e8::before { content: ""; position: absolute; z-index: -2; /* 🔥 THE FIX: Shrink this hidden box by 12px. This guarantees the 90-degree square corners stay completely hidden behind the solid diagonal cuts of the shape above it. */ inset: 12px; /* Removed border-radius so we don't have curves clashing with flat edges */ /* 🔥 THE MANUAL SHADOW: X=0, Y=8, Blur=44, Spread = 3px (your original) + 12px (to compensate for the inset) = 15px Color=Black@50% */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.5); transition: box-shadow 1.3s ease; } /* Adjust the manual shadow on hover */ .elementor-80095 .elementor-element.elementor-element-3be33e8:hover::before { box-shadow: 0px 13px 48px 15px rgba(0, 0, 0, 0.4); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-3be33e8::after { content: ""; position: absolute; inset: 0; z-index: -1; /* Your requested solid background color hides the shadow box inside */ background-color: #E9EEFE; /* The clipping mask */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-3be33e8 img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-3be33e8:hover img { filter: brightness(1.2) contrast(1.1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bd3deb3 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-bd3deb3 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-bd3deb3 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cd58625 */.elementor-80095 .elementor-element.elementor-element-cd58625 XH1 { display: inline-block; /* Ensure the text element spans the full width */ padding: 5px; background-image: linear-gradient(to bottom, #fff, #6168A0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-6b37115 *//* ========================================= 1. MAIN CONTAINER (No background, just structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-6b37115 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; transition: transform 1.0s ease; } .elementor-80095 .elementor-element.elementor-element-6b37115:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW ========================================= */ .elementor-80095 .elementor-element.elementor-element-6b37115::before { content: ""; position: absolute; z-index: -2; /* 🔥 THE FIX: Shrink this hidden box by 12px. This guarantees the 90-degree square corners stay completely hidden behind the solid diagonal cuts of the shape above it. */ inset: 12px; /* Removed border-radius so we don't have curves clashing with flat edges */ /* 🔥 THE MANUAL SHADOW: X=0, Y=8, Blur=44, Spread = 3px (your original) + 12px (to compensate for the inset) = 15px Color=Black@50% */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.5); transition: box-shadow 1.3s ease; } /* Adjust the manual shadow on hover */ .elementor-80095 .elementor-element.elementor-element-6b37115:hover::before { box-shadow: 0px 13px 48px 15px rgba(0, 0, 0, 0.4); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-6b37115::after { content: ""; position: absolute; inset: 0; z-index: -1; /* Your requested solid background color hides the shadow box inside */ background-color: #E9EEFE; /* The clipping mask */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-6b37115 img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-6b37115:hover img { filter: brightness(1.2) contrast(1.1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1a047d5 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-1a047d5 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-1a047d5 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a8ee2fe */.elementor-80095 .elementor-element.elementor-element-a8ee2fe XH1 { display: inline-block; /* Ensure the text element spans the full width */ padding: 5px; background-image: linear-gradient(to bottom, #fff, #6168A0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-0a25850 *//* ========================================= 1. MAIN CONTAINER (No background, just structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-0a25850 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; transition: transform 1.0s ease; } .elementor-80095 .elementor-element.elementor-element-0a25850:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW ========================================= */ .elementor-80095 .elementor-element.elementor-element-0a25850::before { content: ""; position: absolute; z-index: -2; /* 🔥 THE FIX: Shrink this hidden box by 12px. This guarantees the 90-degree square corners stay completely hidden behind the solid diagonal cuts of the shape above it. */ inset: 12px; /* Removed border-radius so we don't have curves clashing with flat edges */ /* 🔥 THE MANUAL SHADOW: X=0, Y=8, Blur=44, Spread = 3px (your original) + 12px (to compensate for the inset) = 15px Color=Black@50% */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.5); transition: box-shadow 1.3s ease; } /* Adjust the manual shadow on hover */ .elementor-80095 .elementor-element.elementor-element-0a25850:hover::before { box-shadow: 0px 13px 48px 15px rgba(0, 0, 0, 0.4); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-0a25850::after { content: ""; position: absolute; inset: 0; z-index: -1; /* Your requested solid background color hides the shadow box inside */ background-color: #E9EEFE; /* The clipping mask */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-20a94bb */.elementor-80095 .elementor-element.elementor-element-20a94bb { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-20a94bb::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-20a94bb > .elementor-container { position: relative; z-index: 1; } .elementor-80095 .elementor-element.elementor-element-20a94bb.elementor-section { position: relative; z-index: 1; /* High-Resolution Cinematic Sine Wave Fade Calculated at 1% increments for zero banding */ -webkit-mask-image: linear-gradient(to bottom, /* Top Fade-In (0% to 15%) */ rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.011) 1%, rgba(0, 0, 0, 0.043) 2%, rgba(0, 0, 0, 0.095) 3%, rgba(0, 0, 0, 0.165) 4%, rgba(0, 0, 0, 0.250) 5%, rgba(0, 0, 0, 0.345) 6%, rgba(0, 0, 0, 0.448) 7%, rgba(0, 0, 0, 0.552) 8%, rgba(0, 0, 0, 0.655) 9%, rgba(0, 0, 0, 0.750) 10%, rgba(0, 0, 0, 0.835) 11%, rgba(0, 0, 0, 0.905) 12%, rgba(0, 0, 0, 0.957) 13%, rgba(0, 0, 0, 0.989) 14%, rgba(0, 0, 0, 1) 15%, /* Solid Middle Area */ rgba(0, 0, 0, 1) 85%, /* Bottom Fade-Out (85% to 100%) */ rgba(0, 0, 0, 0.989) 86%, rgba(0, 0, 0, 0.957) 87%, rgba(0, 0, 0, 0.905) 88%, rgba(0, 0, 0, 0.835) 89%, rgba(0, 0, 0, 0.750) 90%, rgba(0, 0, 0, 0.655) 91%, rgba(0, 0, 0, 0.552) 92%, rgba(0, 0, 0, 0.448) 93%, rgba(0, 0, 0, 0.345) 94%, rgba(0, 0, 0, 0.250) 95%, rgba(0, 0, 0, 0.165) 96%, rgba(0, 0, 0, 0.095) 97%, rgba(0, 0, 0, 0.043) 98%, rgba(0, 0, 0, 0.011) 99%, rgba(0, 0, 0, 0) 100% ); mask-image: linear-gradient(to bottom, /* Top Fade-In (0% to 15%) */ rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.011) 1%, rgba(0, 0, 0, 0.043) 2%, rgba(0, 0, 0, 0.095) 3%, rgba(0, 0, 0, 0.165) 4%, rgba(0, 0, 0, 0.250) 5%, rgba(0, 0, 0, 0.345) 6%, rgba(0, 0, 0, 0.448) 7%, rgba(0, 0, 0, 0.552) 8%, rgba(0, 0, 0, 0.655) 9%, rgba(0, 0, 0, 0.750) 10%, rgba(0, 0, 0, 0.835) 11%, rgba(0, 0, 0, 0.905) 12%, rgba(0, 0, 0, 0.957) 13%, rgba(0, 0, 0, 0.989) 14%, rgba(0, 0, 0, 1) 15%, /* Solid Middle Area */ rgba(0, 0, 0, 1) 85%, /* Bottom Fade-Out (85% to 100%) */ rgba(0, 0, 0, 0.989) 86%, rgba(0, 0, 0, 0.957) 87%, rgba(0, 0, 0, 0.905) 88%, rgba(0, 0, 0, 0.835) 89%, rgba(0, 0, 0, 0.750) 90%, rgba(0, 0, 0, 0.655) 91%, rgba(0, 0, 0, 0.552) 92%, rgba(0, 0, 0, 0.448) 93%, rgba(0, 0, 0, 0.345) 94%, rgba(0, 0, 0, 0.250) 95%, rgba(0, 0, 0, 0.165) 96%, rgba(0, 0, 0, 0.095) 97%, rgba(0, 0, 0, 0.043) 98%, rgba(0, 0, 0, 0.011) 99%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-25cee62 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-25cee62 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-25cee62 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-70ec0b6 */.elementor-80095 .elementor-element.elementor-element-70ec0b6 XH1 { display: inline-block; /* Ensure the text element spans the full width */ padding: 5px; background-image: linear-gradient(to bottom, #fff, #6168A0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c67e50b *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67e50b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Updated background color */ background-color: #506191; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67e50b::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; --border-width: 1.8px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4701129 */.elementor-80095 .elementor-element.elementor-element-4701129 XH1 { display: inline-block; /* Ensure the text element spans the full width */ padding: 5px; background-image: linear-gradient(to bottom, #fff, #6168A0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9d2ec35 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-9d2ec35 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Updated background color */ background-color: #6978a1; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-9d2ec35::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; --border-width: 1.8px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-443c637 */.elementor-80095 .elementor-element.elementor-element-443c637 XH1 { display: inline-block; /* Ensure the text element spans the full width */ padding: 5px; background-image: linear-gradient(to bottom, #fff, #6168A0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d040ab4 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-d040ab4 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Updated background color */ background-color: #506191; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-d040ab4::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; --border-width: 1.8px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-82b9745 */.elementor-80095 .elementor-element.elementor-element-82b9745 XH1 { display: inline-block; /* Ensure the text element spans the full width */ padding: 5px; background-image: linear-gradient(to bottom, #fff, #6168A0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8c0e7e4 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8c0e7e4 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Updated background color */ background-color: #6978a1; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8c0e7e4::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; --border-width: 1.8px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b7e49b9 */.elementor-80095 .elementor-element.elementor-element-b7e49b9 XH1 { display: inline-block; /* Ensure the text element spans the full width */ padding: 5px; background-image: linear-gradient(to bottom, #fff, #6168A0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-5f0bc21 *//* 1. Keeps the expanding image contained within the inner section (optional but recommended) */ .elementor-80095 .elementor-element.elementor-element-5f0bc21 { overflow: hidden; } /* 2. The base state for the image (controls the 1-second transition OUT) */ .elementor-80095 .elementor-element.elementor-element-5f0bc21 img { transition: transform 1s ease; /* Ensures the image scales from its center */ transform-origin: center center; } /* 3. The hover state on the section, affecting the image inside (controls the 1-second transition IN) */ .elementor-80095 .elementor-element.elementor-element-5f0bc21:hover img { transform: scale(1.52); }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-18e24b2 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-18e24b2 { --corner-size: 20px; position: relative; overflow: visible; margin: 0.5%; border: none !important; background-color: rgba(7, 19, 45, 0.5); /* 🔥 THE SHADOW: - 0px X-offset - 8px Y-offset (Pushed down) - 44px Blur - 50% Black */ filter: drop-shadow(0px 8px 44px rgba(0, 0, 0, 0.5)); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition handles both the float AND the shadow adjusting smoothly */ transition: transform 0.3s ease, filter 0.3s ease; } /* ========================================= 2. HOVER FLOAT EFFECT ========================================= */ .elementor-80095 .elementor-element.elementor-element-18e24b2:hover { transform: translateY(-5px); /* Pushes the shadow further down and diffuses it slightly when the element "floats" up */ filter: drop-shadow(0px 13px 48px rgba(0, 0, 0, 0.4)); }/* End custom CSS */ /* Start custom CSS for video, class: .elementor-element-8895734 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8895734 { --corner-size: 20px; position: relative; overflow: visible; margin: 0.5%; border: none !important; background-color: rgba(7, 19, 45, 0.5); /* 🔥 THE SHADOW: - 0px X-offset - 8px Y-offset (Pushed down) - 44px Blur - 50% Black */ filter: drop-shadow(0px 8px 44px rgba(0, 0, 0, 0.5)); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition handles both the float AND the shadow adjusting smoothly */ transition: transform 0.3s ease, filter 0.3s ease; } /* ========================================= 2. HOVER FLOAT EFFECT ========================================= */ .elementor-80095 .elementor-element.elementor-element-8895734:hover { transform: translateY(-5px); /* Pushes the shadow further down and diffuses it slightly when the element "floats" up */ filter: drop-shadow(0px 13px 48px rgba(0, 0, 0, 0.4)); }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-e66155d *//* 1. Keeps the expanding image contained within the inner section (optional but recommended) */ .elementor-80095 .elementor-element.elementor-element-e66155d { overflow: hidden; } /* 2. The base state for the image (controls the 1-second transition OUT) */ .elementor-80095 .elementor-element.elementor-element-e66155d img { transition: transform 1s ease; /* Ensures the image scales from its center */ transform-origin: center center; } /* 3. The hover state on the section, affecting the image inside (controls the 1-second transition IN) */ .elementor-80095 .elementor-element.elementor-element-e66155d:hover img { transform: scale(1.52); }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-1b15d4c *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-1b15d4c { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-1993757 */.elementor-80095 .elementor-element.elementor-element-1993757 { -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 15%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 85%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .elementor-80095 .elementor-element.elementor-element-1993757::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-1993757::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(8px); pointer-events: none; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5c035a8 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-5c035a8 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-5c035a8 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-a59776e *//* ========================================= 1. VARIABLES & KEYFRAMES ========================================= */ @property --shimmer-angle { syntax: ''; initial-value: 0deg; inherits: false; } @keyframes shimmerRotate { 0% { --shimmer-angle: 0deg; } 100% { --shimmer-angle: 360deg; } } /* ========================================= 2. THE CONTAINER (8-Sided Shape) ========================================= */ .elementor-80095 .elementor-element.elementor-element-a59776e { --corner-size: 20px; position: relative; overflow: hidden !important; margin: 0.5%; border: none !important; background-color: rgba(7, 19, 45, 0.5); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); transition: transform 0.3s ease; } /* ========================================= 3. THE SHIMMER BORDER (::before) ========================================= */ .elementor-80095 .elementor-element.elementor-element-a59776e::before { content: ""; position: absolute; inset: 0; z-index: 10; pointer-events: none; --border-width: 1.8px; background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; filter: brightness(1.3); transition: all 0.3s ease; } .elementor-80095 .elementor-element.elementor-element-a59776e:hover::before { background: conic-gradient( from var(--shimmer-angle), #3a66bc55 0%, #3a66bc55 70%, #3a66bc 85%, #d0e0ff 90%, #3a66bc 95%, #3a66bc55 100% ); animation: shimmerRotate 2.2s linear infinite; filter: brightness(1.5) saturate(1.5); } /* ========================================= 4. NEW OVERLAY & TEXT (::after) ========================================= */ .elementor-80095 .elementor-element.elementor-element-a59776e::after { content: "Full structural and cosmetic restoration. Frame alignment, panel replacement, and factory-level refinishing for all makes and models."; position: absolute; inset: 0; z-index: 5; /* 🔥 THE UPDATE: #506191 at 75% opacity */ background-color: rgba(80, 97, 145, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: flex-start; text-align: left; padding: 20px 40px; color: #ffffff; font-family: 'Bai Jamjuree', sans-serif; font-size: 0.95vw; line-height: 1.4; opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-a59776e:hover::after { opacity: 1; } /* ========================================= 5. IMAGE LEVITATION ========================================= */ .elementor-80095 .elementor-element.elementor-element-a59776e img { transition: all 1s ease-in-out; filter: brightness(1); display: block; width: 100%; height: auto; } .elementor-80095 .elementor-element.elementor-element-a59776e:hover img { transform: translateY(-10px); filter: brightness(1.2); } /* ========================================= 6. RESPONSIVE TEXT ========================================= */ @media (max-width: 1024px) { .elementor-80095 .elementor-element.elementor-element-a59776e::after { font-size: 1.6vw; padding: 20px 30px; } } @media (max-width: 767px) { .elementor-80095 .elementor-element.elementor-element-a59776e::after { font-size: 14px; padding: 20px; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-4c35efd *//* ========================================= 1. VARIABLES & KEYFRAMES ========================================= */ @property --shimmer-angle { syntax: ''; initial-value: 0deg; inherits: false; } @keyframes shimmerRotate { 0% { --shimmer-angle: 0deg; } 100% { --shimmer-angle: 360deg; } } /* ========================================= 2. THE CONTAINER (8-Sided Shape) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4c35efd { --corner-size: 20px; position: relative; overflow: hidden !important; margin: 0.5%; border: none !important; background-color: rgba(7, 19, 45, 0.5); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); transition: transform 0.3s ease; } /* ========================================= 3. THE SHIMMER BORDER (::before) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4c35efd::before { content: ""; position: absolute; inset: 0; z-index: 10; pointer-events: none; --border-width: 1.8px; background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; filter: brightness(1.3); transition: all 0.3s ease; } .elementor-80095 .elementor-element.elementor-element-4c35efd:hover::before { background: conic-gradient( from var(--shimmer-angle), #3a66bc55 0%, #3a66bc55 70%, #3a66bc 85%, #d0e0ff 90%, #3a66bc 95%, #3a66bc55 100% ); animation: shimmerRotate 2.2s linear infinite; filter: brightness(1.5) saturate(1.5); } /* ========================================= 4. NEW OVERLAY & TEXT (::after) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4c35efd::after { content: "Full structural and cosmetic restoration. Frame alignment, panel replacement, and factory-level refinishing for all makes and models."; position: absolute; inset: 0; z-index: 5; /* 🔥 THE UPDATE: #506191 at 75% opacity */ background-color: rgba(80, 97, 145, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: flex-start; text-align: left; padding: 20px 40px; color: #ffffff; font-family: 'Bai Jamjuree', sans-serif; font-size: 0.95vw; line-height: 1.4; opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-4c35efd:hover::after { opacity: 1; } /* ========================================= 5. IMAGE LEVITATION ========================================= */ .elementor-80095 .elementor-element.elementor-element-4c35efd img { transition: all 1s ease-in-out; filter: brightness(1); display: block; width: 100%; height: auto; } .elementor-80095 .elementor-element.elementor-element-4c35efd:hover img { transform: translateY(-10px); filter: brightness(1.2); } /* ========================================= 6. RESPONSIVE TEXT ========================================= */ @media (max-width: 1024px) { .elementor-80095 .elementor-element.elementor-element-4c35efd::after { font-size: 1.6vw; padding: 20px 30px; } } @media (max-width: 767px) { .elementor-80095 .elementor-element.elementor-element-4c35efd::after { font-size: 14px; padding: 20px; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-23e23de *//* ========================================= 1. VARIABLES & KEYFRAMES ========================================= */ @property --shimmer-angle { syntax: ''; initial-value: 0deg; inherits: false; } @keyframes shimmerRotate { 0% { --shimmer-angle: 0deg; } 100% { --shimmer-angle: 360deg; } } /* ========================================= 2. THE CONTAINER (8-Sided Shape) ========================================= */ .elementor-80095 .elementor-element.elementor-element-23e23de { --corner-size: 20px; position: relative; overflow: hidden !important; margin: 0.5%; border: none !important; background-color: rgba(7, 19, 45, 0.5); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); transition: transform 0.3s ease; } /* ========================================= 3. THE SHIMMER BORDER (::before) ========================================= */ .elementor-80095 .elementor-element.elementor-element-23e23de::before { content: ""; position: absolute; inset: 0; z-index: 10; pointer-events: none; --border-width: 1.8px; background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; filter: brightness(1.3); transition: all 0.3s ease; } .elementor-80095 .elementor-element.elementor-element-23e23de:hover::before { background: conic-gradient( from var(--shimmer-angle), #3a66bc55 0%, #3a66bc55 70%, #3a66bc 85%, #d0e0ff 90%, #3a66bc 95%, #3a66bc55 100% ); animation: shimmerRotate 2.2s linear infinite; filter: brightness(1.5) saturate(1.5); } /* ========================================= 4. NEW OVERLAY & TEXT (::after) ========================================= */ .elementor-80095 .elementor-element.elementor-element-23e23de::after { content: "Full structural and cosmetic restoration. Frame alignment, panel replacement, and factory-level refinishing for all makes and models."; position: absolute; inset: 0; z-index: 5; /* 🔥 THE UPDATE: #506191 at 75% opacity */ background-color: rgba(80, 97, 145, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: flex-start; text-align: left; padding: 20px 40px; color: #ffffff; font-family: 'Bai Jamjuree', sans-serif; font-size: 0.95vw; line-height: 1.4; opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-23e23de:hover::after { opacity: 1; } /* ========================================= 5. IMAGE LEVITATION ========================================= */ .elementor-80095 .elementor-element.elementor-element-23e23de img { transition: all 1s ease-in-out; filter: brightness(1); display: block; width: 100%; height: auto; } .elementor-80095 .elementor-element.elementor-element-23e23de:hover img { transform: translateY(-10px); filter: brightness(1.2); } /* ========================================= 6. RESPONSIVE TEXT ========================================= */ @media (max-width: 1024px) { .elementor-80095 .elementor-element.elementor-element-23e23de::after { font-size: 1.6vw; padding: 20px 30px; } } @media (max-width: 767px) { .elementor-80095 .elementor-element.elementor-element-23e23de::after { font-size: 14px; padding: 20px; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-26fdaad *//* ========================================= 1. VARIABLES & KEYFRAMES ========================================= */ @property --shimmer-angle { syntax: ''; initial-value: 0deg; inherits: false; } @keyframes shimmerRotate { 0% { --shimmer-angle: 0deg; } 100% { --shimmer-angle: 360deg; } } /* ========================================= 2. THE CONTAINER (8-Sided Shape) ========================================= */ .elementor-80095 .elementor-element.elementor-element-26fdaad { --corner-size: 20px; position: relative; overflow: hidden !important; margin: 0.5%; border: none !important; background-color: rgba(7, 19, 45, 0.5); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); transition: transform 0.3s ease; } /* ========================================= 3. THE SHIMMER BORDER (::before) ========================================= */ .elementor-80095 .elementor-element.elementor-element-26fdaad::before { content: ""; position: absolute; inset: 0; z-index: 10; pointer-events: none; --border-width: 1.8px; background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; filter: brightness(1.3); transition: all 0.3s ease; } .elementor-80095 .elementor-element.elementor-element-26fdaad:hover::before { background: conic-gradient( from var(--shimmer-angle), #3a66bc55 0%, #3a66bc55 70%, #3a66bc 85%, #d0e0ff 90%, #3a66bc 95%, #3a66bc55 100% ); animation: shimmerRotate 2.2s linear infinite; filter: brightness(1.5) saturate(1.5); } /* ========================================= 4. NEW OVERLAY & TEXT (::after) ========================================= */ .elementor-80095 .elementor-element.elementor-element-26fdaad::after { content: "Full structural and cosmetic restoration. Frame alignment, panel replacement, and factory-level refinishing for all makes and models."; position: absolute; inset: 0; z-index: 5; /* 🔥 THE UPDATE: #506191 at 75% opacity */ background-color: rgba(80, 97, 145, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: flex-start; text-align: left; padding: 20px 40px; color: #ffffff; font-family: 'Bai Jamjuree', sans-serif; font-size: 0.95vw; line-height: 1.4; opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-26fdaad:hover::after { opacity: 1; } /* ========================================= 5. IMAGE LEVITATION ========================================= */ .elementor-80095 .elementor-element.elementor-element-26fdaad img { transition: all 1s ease-in-out; filter: brightness(1); display: block; width: 100%; height: auto; } .elementor-80095 .elementor-element.elementor-element-26fdaad:hover img { transform: translateY(-10px); filter: brightness(1.2); } /* ========================================= 6. RESPONSIVE TEXT ========================================= */ @media (max-width: 1024px) { .elementor-80095 .elementor-element.elementor-element-26fdaad::after { font-size: 1.6vw; padding: 20px 30px; } } @media (max-width: 767px) { .elementor-80095 .elementor-element.elementor-element-26fdaad::after { font-size: 14px; padding: 20px; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-86cc5fc *//* ========================================= 1. VARIABLES & KEYFRAMES ========================================= */ @property --shimmer-angle { syntax: ''; initial-value: 0deg; inherits: false; } @keyframes shimmerRotate { 0% { --shimmer-angle: 0deg; } 100% { --shimmer-angle: 360deg; } } /* ========================================= 2. THE CONTAINER (8-Sided Shape) ========================================= */ .elementor-80095 .elementor-element.elementor-element-86cc5fc { --corner-size: 20px; position: relative; overflow: hidden !important; margin: 0.5%; border: none !important; background-color: rgba(7, 19, 45, 0.5); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); transition: transform 0.3s ease; } /* ========================================= 3. THE SHIMMER BORDER (::before) ========================================= */ .elementor-80095 .elementor-element.elementor-element-86cc5fc::before { content: ""; position: absolute; inset: 0; z-index: 10; pointer-events: none; --border-width: 1.8px; background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; filter: brightness(1.3); transition: all 0.3s ease; } .elementor-80095 .elementor-element.elementor-element-86cc5fc:hover::before { background: conic-gradient( from var(--shimmer-angle), #3a66bc55 0%, #3a66bc55 70%, #3a66bc 85%, #d0e0ff 90%, #3a66bc 95%, #3a66bc55 100% ); animation: shimmerRotate 2.2s linear infinite; filter: brightness(1.5) saturate(1.5); } /* ========================================= 4. NEW OVERLAY & TEXT (::after) ========================================= */ .elementor-80095 .elementor-element.elementor-element-86cc5fc::after { content: "Full structural and cosmetic restoration. Frame alignment, panel replacement, and factory-level refinishing for all makes and models."; position: absolute; inset: 0; z-index: 5; /* 🔥 THE UPDATE: #506191 at 75% opacity */ background-color: rgba(80, 97, 145, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: flex-start; text-align: left; padding: 20px 40px; color: #ffffff; font-family: 'Bai Jamjuree', sans-serif; font-size: 0.95vw; line-height: 1.4; opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-86cc5fc:hover::after { opacity: 1; } /* ========================================= 5. IMAGE LEVITATION ========================================= */ .elementor-80095 .elementor-element.elementor-element-86cc5fc img { transition: all 1s ease-in-out; filter: brightness(1); display: block; width: 100%; height: auto; } .elementor-80095 .elementor-element.elementor-element-86cc5fc:hover img { transform: translateY(-10px); filter: brightness(1.2); } /* ========================================= 6. RESPONSIVE TEXT ========================================= */ @media (max-width: 1024px) { .elementor-80095 .elementor-element.elementor-element-86cc5fc::after { font-size: 1.6vw; padding: 20px 30px; } } @media (max-width: 767px) { .elementor-80095 .elementor-element.elementor-element-86cc5fc::after { font-size: 14px; padding: 20px; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-b87de5b *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-b87de5b { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-5371162 */.elementor-80095 .elementor-element.elementor-element-5371162 { -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 15%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 85%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .elementor-80095 .elementor-element.elementor-element-5371162 { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-5371162::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-5371162 > .elementor-container { position: relative; z-index: 1; } .elementor-80095 .elementor-element.elementor-element-5371162 { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-5371162::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-5371162 > .elementor-container { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ff5d52e *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-ff5d52e p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-ff5d52e { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d9631b1 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-d9631b1, .elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-233ccde *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-233ccde, .elementor-80095 .elementor-element.elementor-element-233ccde .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-233ccde .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-233ccde .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d4b60a6 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-d4b60a6, .elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-7b2afc4 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-7b2afc4, .elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-69bed94 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-69bed94, .elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-750a2dd *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-750a2dd, .elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c740bad *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-c740bad, .elementor-80095 .elementor-element.elementor-element-c740bad .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-c740bad .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-c740bad .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-a57c595 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-a57c595, .elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-6abf4ed *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-6abf4ed, .elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ea1aba7 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-ea1aba7, .elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d9631b1 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-d9631b1, .elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-233ccde *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-233ccde, .elementor-80095 .elementor-element.elementor-element-233ccde .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-233ccde .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-233ccde .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d4b60a6 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-d4b60a6, .elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-7b2afc4 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-7b2afc4, .elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-69bed94 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-69bed94, .elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-750a2dd *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-750a2dd, .elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c740bad *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-c740bad, .elementor-80095 .elementor-element.elementor-element-c740bad .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-c740bad .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-c740bad .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-a57c595 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-a57c595, .elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-6abf4ed *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-6abf4ed, .elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ea1aba7 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-ea1aba7, .elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d9631b1 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-d9631b1, .elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-d9631b1 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-233ccde *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-233ccde, .elementor-80095 .elementor-element.elementor-element-233ccde .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-233ccde .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-233ccde .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-d4b60a6 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-d4b60a6, .elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-d4b60a6 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-7b2afc4 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-7b2afc4, .elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-7b2afc4 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-69bed94 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-69bed94, .elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-69bed94 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-750a2dd *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-750a2dd, .elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-750a2dd .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c740bad *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-c740bad, .elementor-80095 .elementor-element.elementor-element-c740bad .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-c740bad .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-c740bad .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-a57c595 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-a57c595, .elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-a57c595 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-6abf4ed *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-6abf4ed, .elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-6abf4ed .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-ea1aba7 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-ea1aba7, .elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-ea1aba7 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-19c2a4d *//* ========================================= 1. ANIMATION VARIABLES ========================================= */ @property --fill-width { syntax: ''; initial-value: 45%; inherits: false; } /* ========================================= 2. CLIPPED CORNERS CONTAINER (8-Sided) ========================================= */ .elementor-80095 .elementor-element.elementor-element-19c2a4d { --corner-clip: 40px; clip-path: polygon(var(--corner-clip) 0%, calc(100% - var(--corner-clip)) 0%, 100% var(--corner-clip), 100% calc(100% - var(--corner-clip)), calc(100% - var(--corner-clip)) 100%, var(--corner-clip) 100%, 0% calc(100% - var(--corner-clip)), 0% var(--corner-clip)); -webkit-clip-path: polygon(var(--corner-clip) 0%, calc(100% - var(--corner-clip)) 0%, 100% var(--corner-clip), 100% calc(100% - var(--corner-clip)), calc(100% - var(--corner-clip)) 100%, var(--corner-clip) 100%, 0% calc(100% - var(--corner-clip)), 0% var(--corner-clip)); } /* ========================================= 3. PARENT OVERRIDES ========================================= */ .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tabs-heading { overflow: visible !important; gap: 15px; } /* ========================================= 4. BASE TAB (8-SIDED & STABLE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title { --corner-size: 15px; position: relative; z-index: 2; overflow: visible !important; border: none !important; background: transparent !important; /* 🔥 Reduced top/bottom padding to 8px (down from 12px) */ padding: 8px 30px !important; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; min-width: 140px; clip-path: polygon(var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size)); -webkit-clip-path: polygon(var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size)); transition: all 0.3s ease; } /* ========================================= 5. BORDER FRAME & ANIMATED SLIT (::before) ========================================= */ .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* Border thickness adjustments */ --border-width: 1.8px; --corner-border-width: calc(var(--border-width) + 1px); /* Default state: 45% fill leaves a 10% gap */ --fill-width: 45%; /* INACTIVE STATE: #344471 */ background: #344471; /* Transition animates both the mask closing and the color changing */ transition: --fill-width 0.4s ease-in-out, background 0.3s ease; /* The Mask Layer */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black var(--fill-width), transparent var(--fill-width), transparent calc(100% - var(--fill-width)), black calc(100% - var(--fill-width))) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black var(--fill-width), transparent var(--fill-width), transparent calc(100% - var(--fill-width)), black calc(100% - var(--fill-width))) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; } /* HOVER & ACTIVE STATE: Closes slit completely and changes color to #506191 */ .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title:hover::before, .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title[aria-selected="true"]::before, .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title.e-active::before { --fill-width: 50%; background: #506191 !important; } /* ========================================= 6. THE TRIANGLE INDICATOR ========================================= */ .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title-text { position: relative; display: inline-block; } .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title-text::after { content: ""; position: absolute; top: -12px; left: 50%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; /* 🔥 Updated to match the text color */ border-top: 6px solid #344471; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; } .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title:hover .e-n-tab-title-text::after, .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text::after, .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title.e-active .e-n-tab-title-text::after { opacity: 1; transform: translateX(-50%) translateY(3px); } /* ========================================= 7. TEXT COLOR ========================================= */ /* 🔥 Locked to #344471 across normal, hover, and active states */ .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title .e-n-tab-title-text { color: #344471 !important; transition: color 0.3s ease; } .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title:hover .e-n-tab-title-text, .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text, .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title.e-active .e-n-tab-title-text { color: #344471 !important; } /* ========================================= 8. ACTIVE TAB OVERRIDES (Background) ========================================= */ /* Keeps background completely transparent when active */ .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title[aria-selected="true"], .elementor-80095 .elementor-element.elementor-element-19c2a4d .e-n-tab-title.e-active { background-color: transparent !important; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-d8b1c4d *//* ========================================= 10. RESPONSIVE FLUID TABS (~30%) ========================================= */ /* Ensure the parent container takes the full row and acts as a fluid flexbox */ .elementor-80095 .elementor-element.elementor-element-d8b1c4d .e-n-tabs-heading { display: flex !important; width: 100% !important; gap: 15px; } /* Force the individual tabs to share the space fluidly */ .elementor-80095 .elementor-element.elementor-element-d8b1c4d .e-n-tab-title { /* Destroys the hard limit so the tab can shrink on mobile */ min-width: 0 !important; /* 🔥 THE RESPONSIVE FIX: 1 = Yes, you can grow to fill empty space 1 = Yes, you can shrink if the screen gets too tight 30% = This is your mathematical baseline */ flex: 1 1 10% ! ; /* Removes the rigid width lock */ width: auto !important; /* Allows text to wrap nicely when squished */ white-space: normal !important; text-align: center; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9a46000 */.elementor-80095 .elementor-element.elementor-element-9a46000 { -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, /* Top: fully visible */ rgba(0,0,0,1) 70%, /* Solid until fade zone starts (same distance) */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d2818a5 *//.elementor-80095 .elementor-element.elementor-element-d2818a5 { transform: scale(1.5025); transform-origin: center; } x.elementor-80095 .elementor-element.elementor-element-d2818a5 img { -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, /* Top: fully visible */ rgba(0,0,0,1) 70%, /* Solid until fade zone starts (same distance) */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); } .elementor-80095 .elementor-element.elementor-element-d2818a5 { animation: saturationLoop 4s linear infinite; } @keyframes saturationLoop { 0%,100% { filter: saturate(110%); } 50% { filter: saturate(200%); } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-a0449a5 *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-a0449a5 { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-949a9db */.elementor-80095 .elementor-element.elementor-element-949a9db { -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 15%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 85%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .elementor-80095 .elementor-element.elementor-element-949a9db { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-949a9db::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-949a9db > .elementor-container { position: relative; z-index: 1; } .elementor-80095 .elementor-element.elementor-element-949a9db { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-949a9db::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-949a9db > .elementor-container { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8f03606 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-8f03606 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-8f03606 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1749a4a *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-1749a4a p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-1749a4a { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-214ce58 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-214ce58 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-214ce58 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2072f61 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-2072f61 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-2072f61 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for divider, class: .elementor-element-de58761 */.elementor-80095 .elementor-element.elementor-element-de58761 { /* Fades from 0-30% on the left, stays solid until 70%, then fades out to 100% */ -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%); overflow: hidden; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-36772a3 *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-36772a3 { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-36772a3::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-36772a3:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-ce6b08d *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-ce6b08d { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-ce6b08d:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-ce6b08d::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-ce6b08d::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-ce6b08d img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4e5945b *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e5945b { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e5945b::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-4e5945b:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-a55f9c8 *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-a55f9c8 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-a55f9c8:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-a55f9c8::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-a55f9c8::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-a55f9c8 img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a9b8aa9 *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-a9b8aa9 { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-a9b8aa9::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-a9b8aa9:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-2bddf8e *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-2bddf8e { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-2bddf8e:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-2bddf8e::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-2bddf8e::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-2bddf8e img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c690370 *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-c690370 { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-c690370::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-c690370:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-f773dd1 *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-f773dd1 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-f773dd1:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-f773dd1::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-f773dd1::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-f773dd1 img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f5561ab *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-f5561ab { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-f5561ab::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-f5561ab:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-a1b498b *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-a1b498b { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-a1b498b:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-a1b498b::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-a1b498b::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-a1b498b img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4488068 *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-4488068 { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-4488068::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-4488068:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-ec4d6c1 *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-ec4d6c1 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-ec4d6c1:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-ec4d6c1::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-ec4d6c1::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-ec4d6c1 img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-30cef35 *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-30cef35 { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-30cef35::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-30cef35:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-e0c5eef *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-e0c5eef { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-e0c5eef:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-e0c5eef::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-e0c5eef::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-e0c5eef img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-3119a59 *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-3119a59 { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-3119a59::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-3119a59:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-8f9e3c7 *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8f9e3c7 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-8f9e3c7:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8f9e3c7::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-8f9e3c7::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8f9e3c7 img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c231f71 *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-c231f71 { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-c231f71::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-c231f71:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-8006913 *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8006913 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-8006913:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8006913::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-8006913::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8006913 img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2ceafb1 *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-2ceafb1 { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-2ceafb1::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-2ceafb1:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-59ae04c *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-59ae04c { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-59ae04c:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-59ae04c::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-59ae04c::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-59ae04c img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-96a41ea *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-96a41ea { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-96a41ea::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-96a41ea:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-07be174 *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-07be174 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-07be174:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-07be174::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-07be174::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-07be174 img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b2b12d3 *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-b2b12d3 { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-b2b12d3::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-b2b12d3:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-aa6ecef *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-aa6ecef { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-aa6ecef:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-aa6ecef::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-aa6ecef::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-aa6ecef img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f13a78c *//* ========================================= 1. THE CONTAINER ========================================= */ .elementor-80095 .elementor-element.elementor-element-f13a78c { /* Required to anchor the overlay */ position: relative; /* Ensures the overlay doesn't bleed outside the image */ overflow: hidden; } /* ========================================= 2. THE BLEND-MODE OVERLAY ========================================= */ .elementor-80095 .elementor-element.elementor-element-f13a78c::after { content: ""; position: absolute; inset: 0; /* The exact blue color you requested */ background-color: #5A7EAC; /* 🔥 THE MAGIC: Dyes the image blue while keeping all original contrast */ mix-blend-mode: color; /* Ensures the overlay doesn't block right-clicks or links */ pointer-events: none; z-index: 10; transition: opacity 0.3s ease; } /* ========================================= 3. OPTIONAL: FADE ON HOVER ========================================= */ /* Fades the blue tint out to reveal the normal photo on hover */ .elementor-80095 .elementor-element.elementor-element-f13a78c:hover::after { opacity: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-020d2dd *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-020d2dd { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-020d2dd:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-020d2dd::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-020d2dd::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-020d2dd img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-11b661b *//* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-11b661b { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-11b661b:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-11b661b::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* 🔥 SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-11b661b::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: rgba(233, 238, 254, 0.98); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 4. INNER IMAGES (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-11b661b img { /* Locked at 35% brightness permanently */ filter: brightness(0.35); }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-c4ef7b3 *//* Apply the initial CSS for the container */ .elementor-80095 .elementor-element.elementor-element-c4ef7b3 { transition: transform 0.3s; } /* Apply the hover effect to 'float' the container */ .elementor-80095 .elementor-element.elementor-element-c4ef7b3:hover { transform: translateY(-5px); /* Adjust the value (-5px in this example) to control the floating distance */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-deefc8e *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-deefc8e { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-6c64789 */.elementor-80095 .elementor-element.elementor-element-6c64789 { -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 15%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 85%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .elementor-80095 .elementor-element.elementor-element-6c64789 { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-6c64789::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-6c64789 > .elementor-container { position: relative; z-index: 1; } .elementor-80095 .elementor-element.elementor-element-6c64789 { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-6c64789::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-6c64789 > .elementor-container { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-606d50a */.elementor-80095 .elementor-element.elementor-element-606d50a p { background-image: radial-gradient(circle, #C9D5E7 0%, #B7C2DF 0%, #567CAD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c465348 */.elementor-80095 .elementor-element.elementor-element-c465348 p { background-image: radial-gradient(circle, #D9DBE4 0%, #567CAD 0%, #D9DBE4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0858087 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-0858087 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-0858087 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-11d52eb *//* ========================================= 1. ICON & SVG SETTINGS ========================================= */ /* Increase icon size by 50% */ .elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button-icon { transform: scale(2); transform-origin: center; } /* Set the default SVG state to #5E83B1 */ .elementor-80095 .elementor-element.elementor-element-11d52eb svg path { fill: #5E83B1 !important; transition: fill 0.3s ease; } /* ========================================= 2. MAIN BUTTON BACKGROUND (50% Opaque & Clipped) ========================================= */ .elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button { /* #E7EDF5 at 50% opacity */ background-color: rgba(231, 237, 245, 0.5) !important; border: none !important; position: relative; /* 🔥 THE FIX: A master clip-path that perfectly matches the outer bounds of your brackets */ clip-path: polygon( 15px 0%, calc(100% - 15px) 0%, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0% calc(100% - 15px), 0% 15px ); } /* ========================================= 3. THE LEFT BRACKET (Stops at 46.5%) ========================================= */ .elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button::before { content: ""; position: absolute; inset: 0; background-color: #5E83B1; pointer-events: none; transition: clip-path 0.4s ease-in-out; clip-path: polygon( 46.5% 0, 15px 0, 0 15px, 0 calc(100% - 15px), 15px 100%, 46.5% 100%, 46.5% calc(100% - 2px), 16px calc(100% - 2px), 2px calc(100% - 16px), 2px 16px, 16px 2px, 46.5% 2px ); } /* ========================================= 4. THE RIGHT BRACKET (Starts at 53.5%) ========================================= */ .elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button::after { content: ""; position: absolute; inset: 0; background-color: #5E83B1; pointer-events: none; transition: clip-path 0.4s ease-in-out; clip-path: polygon( 53.5% 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 53.5% 100%, 53.5% calc(100% - 2px), calc(100% - 16px) calc(100% - 2px), calc(100% - 2px) calc(100% - 16px), calc(100% - 2px) 16px, calc(100% - 16px) 2px, 53.5% 2px ); } /* ========================================= 5. HOVER STATE: Brackets slide to the center ========================================= */ .elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button:hover::before { clip-path: polygon( 50.1% 0, 15px 0, 0 15px, 0 calc(100% - 15px), 15px 100%, 50.1% 100%, 50.1% calc(100% - 2px), 16px calc(100% - 2px), 2px calc(100% - 16px), 2px 16px, 16px 2px, 50.1% 2px ); } .elementor-80095 .elementor-element.elementor-element-11d52eb .elementor-button:hover::after { clip-path: polygon( 49.9% 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 49.9% 100%, 49.9% calc(100% - 2px), calc(100% - 16px) calc(100% - 2px), calc(100% - 2px) calc(100% - 16px), calc(100% - 2px) 16px, calc(100% - 16px) 2px, 49.9% 2px ); }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-5d74cca *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-5d74cca { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-06571f0 *//* ========================================= 1. MAIN CONTAINER & FADE MASK ========================================= */ .elementor-80095 .elementor-element.elementor-element-06571f0 { position: relative; z-index: 0; overflow: hidden; /* Fades are now 7.5% top and 7.5% bottom (50% reduction) */ -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 7.5%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 92.5%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 7.5%, rgba(0, 0, 0, 1) 92.5%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /* ========================================= 2. BLUR LAYER (Background) ========================================= */ .elementor-80095 .elementor-element.elementor-element-06571f0::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } /* ========================================= 3. GRID OVERLAY (Middle Layer) ========================================= */ .elementor-80095 .elementor-element.elementor-element-06571f0::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* THE GRID EFFECT */ /* Creates a 4px by 4px grid of intersecting 1px lines */ background-image: linear-gradient(rgba(0, 0, 0, 0.15) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.15) 1px, transparent 1px); background-size: 4px 4px; z-index: 1; pointer-events: none; /* THE BLEND MODE */ mix-blend-mode: overlay; } /* ========================================= 4. CONTENT PROTECTOR (Foreground Layer) ========================================= */ .elementor-80095 .elementor-element.elementor-element-06571f0 > .elementor-container { position: relative; z-index: 1; /* Pushes the inner content above the blur and grid */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a63519e */.elementor-80095 .elementor-element.elementor-element-a63519e p { /* 🔥 The Dual Top-to-Bottom Linear Gradient */ background-image: linear-gradient(to top, #ABB8CE 0%, #567CAD 100%); /* Clips the background to the exact shape of the text */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Standard fallback for modern browsers */ background-clip: text; color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-629e4c0 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-629e4c0 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-629e4c0 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e690640 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-e690640 { /* 🔥 Cut from 20px to 10px */ --corner-size: 10px; position: relative; overflow: visible; /* 🔥 Cut from 0.5% to 0.25% */ margin: 0.25%; border: none !important; /* Updated background color */ background-color: #6978a1; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-e690640::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* 🔥 Cut from 1.8px to 0.9px */ --border-width: 0.9px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7a62c11 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-7a62c11 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-7a62c11 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-9a42e8e *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-9a42e8e img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-9a42e8e:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-9a42e8e { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-9a42e8e:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-9a42e8e::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-9a42e8e::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.8); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-abef289 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-abef289 { /* 🔥 Cut from 20px to 10px */ --corner-size: 10px; position: relative; overflow: visible; /* 🔥 Cut from 0.5% to 0.25% */ margin: 0.25%; border: none !important; /* Updated background color */ background-color: #A1AEC9; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-abef289::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* 🔥 Cut from 1.8px to 0.9px */ --border-width: 0.9px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-741a0f2 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-741a0f2 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-741a0f2 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-aa4623a *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-aa4623a img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-aa4623a:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-aa4623a { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-aa4623a:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-aa4623a::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-aa4623a::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.8); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-4e56844 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e56844 { /* 🔥 Cut from 20px to 10px */ --corner-size: 10px; position: relative; overflow: visible; /* 🔥 Cut from 0.5% to 0.25% */ margin: 0.25%; border: none !important; /* Updated background color */ background-color: #6978a1; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e56844::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* 🔥 Cut from 1.8px to 0.9px */ --border-width: 0.9px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-23c3be1 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-23c3be1 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-23c3be1 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-ab1b542 *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-ab1b542 img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-ab1b542:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-ab1b542 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-ab1b542:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-ab1b542::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-ab1b542::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.8); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8f178b9 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8f178b9 { /* 🔥 Cut from 20px to 10px */ --corner-size: 10px; position: relative; overflow: visible; /* 🔥 Cut from 0.5% to 0.25% */ margin: 0.25%; border: none !important; /* Updated background color */ background-color: #A1AEC9; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8f178b9::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* 🔥 Cut from 1.8px to 0.9px */ --border-width: 0.9px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b4ebcfb *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-b4ebcfb p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-b4ebcfb { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-e404220 *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-e404220 img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-e404220:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-e404220 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-e404220:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-e404220::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-e404220::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.8); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-558c5f8 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-558c5f8 { /* 🔥 Cut from 20px to 10px */ --corner-size: 10px; position: relative; overflow: visible; /* 🔥 Cut from 0.5% to 0.25% */ margin: 0.25%; border: none !important; /* Updated background color */ background-color: #6978a1; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-558c5f8::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* 🔥 Cut from 1.8px to 0.9px */ --border-width: 0.9px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2ccc78b *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-2ccc78b p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-2ccc78b { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-d5ad983 *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-d5ad983 img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-d5ad983:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-d5ad983 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-d5ad983:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-d5ad983::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-d5ad983::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.8); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2d55414 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-2d55414 { /* 🔥 Cut from 20px to 10px */ --corner-size: 10px; position: relative; overflow: visible; /* 🔥 Cut from 0.5% to 0.25% */ margin: 0.25%; border: none !important; /* Updated background color */ background-color: #A1AEC9; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-2d55414::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* 🔥 Cut from 1.8px to 0.9px */ --border-width: 0.9px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-94d73f2 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-94d73f2 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-94d73f2 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-8161f3b *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-8161f3b img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-8161f3b:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8161f3b { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-8161f3b:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-8161f3b::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-8161f3b::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.8); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-3a79667 *//* Apply the initial CSS for the container */ .elementor-80095 .elementor-element.elementor-element-3a79667 { transition: transform 0.3s; } /* Apply the hover effect to 'float' the container */ .elementor-80095 .elementor-element.elementor-element-3a79667:hover { transform: translateY(-5px); /* Adjust the value (-5px in this example) to control the floating distance */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5eec403 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-5eec403 { /* 🔥 Cut from 20px to 10px */ --corner-size: 10px; position: relative; overflow: visible; /* 🔥 Cut from 0.5% to 0.25% */ margin: 0.25%; border: none !important; /* Updated background color */ background-color: #A1AEC9; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-5eec403::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* 🔥 Cut from 1.8px to 0.9px */ --border-width: 0.9px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6bc7ca0 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-6bc7ca0 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-6bc7ca0 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-aeb695c *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-aeb695c img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-aeb695c:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-aeb695c { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-aeb695c:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-aeb695c::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-aeb695c::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.8); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2eae9b8 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-2eae9b8 { /* 🔥 Cut from 20px to 10px */ --corner-size: 10px; position: relative; overflow: visible; /* 🔥 Cut from 0.5% to 0.25% */ margin: 0.25%; border: none !important; /* Updated background color */ background-color: #6978a1; /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); } /* ========================================= 2. BORDER (STATIC IDLE STATE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-2eae9b8::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; /* 🔥 Cut from 1.8px to 0.9px */ --border-width: 0.9px; /* Static dual-beam background, smoothed out on the left and right */ background: conic-gradient( from 0deg, #3a66bc55 0%, #3a66bc55 10%, #3a66bc 18%, #d0e0ff 25%, /* Right-side beam */ #3a66bc 32%, #3a66bc55 40%, #3a66bc55 60%, #3a66bc 68%, #d0e0ff 75%, /* Left-side beam */ #3a66bc 82%, #3a66bc55 90%, #3a66bc55 100% ); /* PERFECT BORDER MASK (8 SIDES) */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width)/2), black calc(50% - var(--border-width)/2), black calc(50% + var(--border-width)/2), transparent calc(50% + var(--border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; /* Keeps your 30% brighter default */ filter: brightness(1.3) saturate(1); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-33a14c8 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-33a14c8 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-33a14c8 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-cc199b9 *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-cc199b9 img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-cc199b9:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-cc199b9 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-cc199b9:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-cc199b9::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-cc199b9::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.8); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-c04a9b2 *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-c04a9b2 { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-0cb826a *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-0cb826a { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-52693bc */.elementor-80095 .elementor-element.elementor-element-52693bc { -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 15%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 85%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .elementor-80095 .elementor-element.elementor-element-52693bc { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-52693bc::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-52693bc > .elementor-container { position: relative; z-index: 1; } .elementor-80095 .elementor-element.elementor-element-52693bc { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-52693bc::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-52693bc > .elementor-container { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-432ade6 */.elementor-80095 .elementor-element.elementor-element-432ade6 p { background-image: radial-gradient(circle, #C9D5E7 0%, #B7C2DF 0%, #567CAD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c71cd24 */.elementor-80095 .elementor-element.elementor-element-c71cd24 p { /* 🔥 The Dual Top-to-Bottom Linear Gradient */ background-image: linear-gradient(to right, #344471 0%, #5F83B1 100%); /* Clips the background to the exact shape of the text */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Standard fallback for modern browsers */ background-clip: text; color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-c71cd24 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b9ae502 */.elementor-80095 .elementor-element.elementor-element-b9ae502 p { /* 🔥 The Dual Top-to-Bottom Linear Gradient */ background-image: linear-gradient(to right, #344471 0%, #5F83B1 100%); /* Clips the background to the exact shape of the text */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Standard fallback for modern browsers */ background-clip: text; color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-b9ae502 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-30f66bb *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-21e579e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-21e579e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-38ee4bf *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b59a9e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-1b59a9e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-42edd23 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-953b899 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-953b899 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-3ef4248 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41f3fce *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-41f3fce { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c67d508 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-765c297 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-765c297 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-0d9e16e *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-732e4e6 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-732e4e6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-30f66bb *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-21e579e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-21e579e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-38ee4bf *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b59a9e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-1b59a9e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-42edd23 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-953b899 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-953b899 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-3ef4248 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41f3fce *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-41f3fce { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c67d508 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-765c297 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-765c297 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-0d9e16e *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-732e4e6 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-732e4e6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-30f66bb *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-21e579e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-21e579e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-38ee4bf *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b59a9e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-1b59a9e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-42edd23 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-953b899 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-953b899 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-3ef4248 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41f3fce *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-41f3fce { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c67d508 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-765c297 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-765c297 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-0d9e16e *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-732e4e6 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-732e4e6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-30f66bb *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-21e579e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-21e579e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-38ee4bf *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b59a9e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-1b59a9e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-42edd23 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-953b899 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-953b899 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-3ef4248 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41f3fce *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-41f3fce { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c67d508 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-765c297 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-765c297 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-0d9e16e *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-732e4e6 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-732e4e6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-30f66bb *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-21e579e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-21e579e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-38ee4bf *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b59a9e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-1b59a9e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-42edd23 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-953b899 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-953b899 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-3ef4248 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41f3fce *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-41f3fce { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c67d508 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-765c297 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-765c297 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-0d9e16e *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-732e4e6 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-732e4e6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-30f66bb *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-21e579e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-21e579e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-38ee4bf *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b59a9e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-1b59a9e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-42edd23 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-953b899 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-953b899 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-3ef4248 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41f3fce *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-41f3fce { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c67d508 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-765c297 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-765c297 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-0d9e16e *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-732e4e6 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-732e4e6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-30f66bb *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-30f66bb .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-21e579e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-21e579e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-38ee4bf *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-38ee4bf .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b59a9e *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-1b59a9e { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-42edd23 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-42edd23 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-953b899 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-953b899 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-3ef4248 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-3ef4248 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41f3fce *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-41f3fce { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-c67d508 *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-c67d508 .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-765c297 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-765c297 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-0d9e16e *//* ========================================= 1. KILL ELEMENTOR'S DEFAULT SPACING ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon-wrapper { margin: 0 !important; padding: 0 !important; line-height: 0; /* Kills the tiny invisible gap below inline elements */ display: flex; justify-content: center; align-items: center; } /* ========================================= 2. TIGHT-FITTING HEXAGON ICON ========================================= */ .elementor-80095 .elementor-element.elementor-element-0d9e16e .elementor-icon { margin: 0 !important; border-radius: 0 !important; /* Creates the Flat-Topped Hexagon Shape */ clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* 🔥 Hugs the bounding box tightly to the shape so there are no invisible gaps */ aspect-ratio: 1.1547 / 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-732e4e6 *//* ========================================= 1. BASE ELEMENT (YOUR SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-732e4e6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* 🔥 THE UPDATE: #DBDCE7 at 70% opacity */ background-color: rgba(219, 220, 231, 0.35); /* Optional: If you want it to blur what's behind it like frosted glass, uncomment the line below */ /* backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-48ef7c1 *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-48ef7c1 { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-49b60bf *//* ========================================= 1. MAIN CONTAINER & FADE MASK ========================================= */ .elementor-80095 .elementor-element.elementor-element-49b60bf { position: relative; z-index: 0; overflow: hidden; /* Fades are now 7.5% top and 7.5% bottom (50% reduction) */ -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 7.5%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 92.5%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 7.5%, rgba(0, 0, 0, 1) 92.5%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /* ========================================= 2. BLUR LAYER (Background) ========================================= */ .elementor-80095 .elementor-element.elementor-element-49b60bf::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } /* ========================================= 3. GRID OVERLAY (Middle Layer) ========================================= */ .elementor-80095 .elementor-element.elementor-element-49b60bf::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* THE GRID EFFECT */ /* Creates a 4px by 4px grid of intersecting 1px lines */ background-image: linear-gradient(rgba(0, 0, 0, 0.15) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.15) 1px, transparent 1px); background-size: 4px 4px; z-index: 1; pointer-events: none; /* THE BLEND MODE */ mix-blend-mode: overlay; } /* ========================================= 4. CONTENT PROTECTOR (Foreground Layer) ========================================= */ .elementor-80095 .elementor-element.elementor-element-49b60bf > .elementor-container { position: relative; z-index: 1; /* Pushes the inner content above the blur and grid */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d0b8a89 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-d0b8a89 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-d0b8a89 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-9d406bc */.elementor-80095 .elementor-element.elementor-element-9d406bc img { /* Step 1: Turn the image flat black */ /* Step 2: Shift the black into #404F79 Navy Blue */ filter: brightness(0) invert(28%) sepia(20%) saturate(1510%) hue-rotate(186deg) brightness(95%) contrast(88%); } /* ========================================================== 1. THE CAROUSEL FIX Drops Elementor's invisible walls so brackets don't chop. ========================================================== */ .elementor-80095 .elementor-element.elementor-element-9d406bc .swiper-slide, .elementor-80095 .elementor-element.elementor-element-9d406bc .swiper-wrapper { overflow: visible !important; } /* ========================================================== 2. CONTAINER CONFIGURATION (THE FIXED BOUNDING BOX) ========================================================== */ .elementor-80095 .elementor-element.elementor-element-9d406bc *:has(> img) { position: relative; /* Forces every bracket to be a perfect, uniform square */ width: 100%; aspect-ratio: 1 / 1; /* Flexbox keeps the image perfectly dead-center inside the bracket */ display: flex; justify-content: center; align-items: center; } /* ========================================================== 3. THE IMAGE ========================================================== */ .elementor-80095 .elementor-element.elementor-element-9d406bc img { /* Prevents the image from breaking out of the fixed bracket */ max-width: 100%; max-height: 100%; /* 'contain' ensures the whole image is visible without stretching or cropping */ /* (Change to 'cover' if you want the image to completely fill the bracket space) */ object-fit: contain; filter: brightness(0) invert(28%) sepia(20%) saturate(1510%) hue-rotate(186deg) brightness(95%) contrast(88%); /* Clips the image slightly so it fits inside the outer bracket shape */ clip-path: polygon( 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px ); } /* ========================================================== 4. SHARED BRACKET SETTINGS ========================================================== */ .elementor-80095 .elementor-element.elementor-element-9d406bc *:has(> img)::before, .elementor-80095 .elementor-element.elementor-element-9d406bc *:has(> img)::after { content: ""; position: absolute; /* 10% top/bottom reduces total height by 20%. -10px left/right keeps the brackets outside the image. */ inset: 10% -10px; background-color: rgba(64, 79, 121, 0.35); pointer-events: none; z-index: 2; } /* ========================================================== 5. THE LEFT BRACKET (Stops at 40% to create the 20% gap) ========================================================== */ .elementor-80095 .elementor-element.elementor-element-9d406bc *:has(> img)::before { clip-path: polygon( 40% 0, 15px 0, 0 15px, 0 calc(100% - 15px), 15px 100%, 40% 100%, 40% calc(100% - 1px), 15.5px calc(100% - 1px), 1px calc(100% - 15.5px), 1px 15.5px, 15.5px 1px, 40% 1px ); } /* ========================================================== 6. THE RIGHT BRACKET (Starts at 60% to create the 20% gap) ========================================================== */ .elementor-80095 .elementor-element.elementor-element-9d406bc *:has(> img)::after { clip-path: polygon( 60% 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 60% 100%, 60% calc(100% - 1px), calc(100% - 15.5px) calc(100% - 1px), calc(100% - 1px) calc(100% - 15.5px), calc(100% - 1px) 15.5px, calc(100% - 15.5px) 1px, 60% 1px ); }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-43e943d */.elementor-80095 .elementor-element.elementor-element-43e943d { -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 15%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 85%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .elementor-80095 .elementor-element.elementor-element-43e943d { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-43e943d::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-43e943d > .elementor-container { position: relative; z-index: 1; } .elementor-80095 .elementor-element.elementor-element-43e943d { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-43e943d::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-43e943d > .elementor-container { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-c3b9c7c */.elementor-80095 .elementor-element.elementor-element-c3b9c7c p { /* 🔥 The Dual Top-to-Bottom Linear Gradient */ background-image: linear-gradient(to bottom, #ABB8CE 0%, #567CAD 100%); /* Clips the background to the exact shape of the text */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Standard fallback for modern browsers */ background-clip: text; color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-c3b9c7c { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5428221 */.elementor-80095 .elementor-element.elementor-element-5428221 img { -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, /* Top: fully visible */ rgba(0,0,0,1) 70%, /* Solid until fade zone starts (same distance) */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ea7724b */.elementor-80095 .elementor-element.elementor-element-ea7724b p { /* 🔥 The Dual Top-to-Bottom Linear Gradient */ background-image: linear-gradient(to left, #344471 0%, #5F83B1 100%); /* Clips the background to the exact shape of the text */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Standard fallback for modern browsers */ background-clip: text; color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-ea7724b { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fb04373 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-fb04373 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-fb04373 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-49a2ec0 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-49a2ec0 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-49a2ec0 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3e519f2 */.elementor-80095 .elementor-element.elementor-element-3e519f2 p { /* 🔥 The Dual Top-to-Bottom Linear Gradient */ background-image: linear-gradient(to right, #344471 0%, #567CAD 100%); /* Clips the background to the exact shape of the text */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Standard fallback for modern browsers */ background-clip: text; color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-3e519f2 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-dd6d45c *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-dd6d45c img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-dd6d45c:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-dd6d45c { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-dd6d45c:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-dd6d45c::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-dd6d45c::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.808); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a23e69e */.elementor-80095 .elementor-element.elementor-element-a23e69e p { /* 🔥 The Dual Top-to-Bottom Linear Gradient */ background-image: linear-gradient(to right, #344471 0%, #567CAD 100%); /* Clips the background to the exact shape of the text */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Standard fallback for modern browsers */ background-clip: text; color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-a23e69e { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-fdb6698 *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-fdb6698 img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-fdb6698:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-fdb6698 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-fdb6698:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-fdb6698::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-fdb6698::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.808); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7e2522b */.elementor-80095 .elementor-element.elementor-element-7e2522b p { /* 🔥 The Dual Top-to-Bottom Linear Gradient */ background-image: linear-gradient(to right, #344471 0%, #567CAD 100%); /* Clips the background to the exact shape of the text */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Standard fallback for modern browsers */ background-clip: text; color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-7e2522b { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-21e249e *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-21e249e img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-21e249e:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-21e249e { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-21e249e:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-21e249e::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-21e249e::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.808); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8bbbdd9 */.elementor-80095 .elementor-element.elementor-element-8bbbdd9 p { /* 🔥 The Dual Top-to-Bottom Linear Gradient */ background-image: linear-gradient(to right, #344471 0%, #567CAD 100%); /* Clips the background to the exact shape of the text */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Standard fallback for modern browsers */ background-clip: text; color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-8bbbdd9 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-989bc19 *//* 1. Base state: Adds a smooth transition to the image */ .elementor-80095 .elementor-element.elementor-element-989bc19 img { transition: filter 0.4s ease; } /* 2. Hover state: Triggers the brightness and contrast boost when the column/section is hovered */ .elementor-80095 .elementor-element.elementor-element-989bc19:hover img { filter: brightness(1.2) contrast(1.1); } /* ========================================= 1. MAIN CONTAINER (Structural) ========================================= */ .elementor-80095 .elementor-element.elementor-element-989bc19 { --corner-size: 20px; position: relative; margin: 0.5%; border: none !important; background: transparent !important; z-index: 1; /* Only tracking the float transition now */ transition: transform 1.0s ease; } /* 🔥 THE ONLY HOVER EFFECT: Floating upward */ .elementor-80095 .elementor-element.elementor-element-989bc19:hover { transform: translateY(-5px); } /* ========================================= 2. BOTTOM LAYER: THE MANUAL SHADOW (Static) ========================================= */ .elementor-80095 .elementor-element.elementor-element-989bc19::before { content: ""; position: absolute; z-index: -2; inset: 12px; /* SHADOW OPACITY REDUCED BY 50% (0.25 -> 0.125) */ box-shadow: 0px 8px 44px 15px rgba(0, 0, 0, 0.125); } /* ========================================= 3. TOP LAYER: THE CLIPPED SHAPE ========================================= */ .elementor-80095 .elementor-element.elementor-element-989bc19::after { content: ""; position: absolute; inset: 0; z-index: -1; /* 🔥 THE UPDATE: Opacity changed to 80% (0.8) */ background-color: rgba(233, 238, 254, 0.808); clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); }/* End custom CSS */ /* Start custom CSS for accordion, class: .elementor-element-f903889 *//* ========================================= 1. ANIMATION VARIABLES ========================================= */ @property --fill-width { syntax: ''; initial-value: 45%; inherits: false; } /* ==== 2. Tab Title Container (Hollow Frame Setup) ==== */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item { position: relative; } /* Base Tab Title - Stripped to match Nested Tabs */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-title { --corner-size: 15px; position: relative; z-index: 995; /* Keeps inactive titles behind the popup */ overflow: visible !important; border: none !important; margin: 0.5% 0; background: transparent !important; padding: 8px 30px !important; display: flex; align-items: center; cursor: pointer; /* The actual clipped shape */ clip-path: polygon(var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size)); -webkit-clip-path: polygon(var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size)); transition: all 0.3s ease; } /* THE FIX: Pops ONLY the hovered/active title above the central content */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover, .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active { z-index: 1000 !important; } /* ==== 3. ANIMATED SPLIT BRACKET MASK (::before) ==== */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-title::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; --border-width: 1.8px; --corner-border-width: calc(var(--border-width) + 1px); --fill-width: 45%; /* Bracket base color */ background: #5475A1; transition: --fill-width 0.4s ease-in-out, background 0.3s ease; /* EXACT MASK FROM NESTED TABS */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black var(--fill-width), transparent var(--fill-width), transparent calc(100% - var(--fill-width)), black calc(100% - var(--fill-width))) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black var(--fill-width), transparent var(--fill-width), transparent calc(100% - var(--fill-width)), black calc(100% - var(--fill-width))) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; } /* Bracket hover color */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover::before, .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active::before { --fill-width: 50%; background: #5475A1 !important; } /* ==== 4. THE TRIANGLE INDICATOR & TEXT ==== */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-accordion-title { position: relative; display: inline-block; color: #5475A1 !important; transition: color 0.3s ease !important; } .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-accordion-title::after { content: ""; position: absolute; bottom: -12px; left: 50%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #5475A1; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; } .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-title::after, .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-title::after { opacity: 1; transform: translateX(-50%) translateY(3px); } .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active { background-color: transparent !important; } /* ==== 4.5. FULL SCREEN BLUR & RADIAL GRADIENT BACKDROP ==== */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item::after { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 990; background: radial-gradient( circle at center, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0.3) 100% ) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; pointer-events: none !important; transition: opacity 1s ease; } .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item:hover::after, .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item.elementor-active::after { opacity: 1; } /* ==== 5. Tooltip Content — Transparent & Centered ==== */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-content { display: block !important; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 390px; z-index: 999; pointer-events: none; opacity: 0; padding: 2rem 1.5rem; color: #082A4E; border: none !important; background: transparent !important; transition: opacity 1s ease, filter 1s ease; filter: brightness(0.5) blur(4px); } /* ==== 6. Desktop Position ==== */ @media (min-width: 1025px) { .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-content { width: 585px; top: 50% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -50%) !important; } .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content, .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item.elementor-active .elementor-tab-content { opacity: 1; pointer-events: auto; filter: brightness(1) blur(0px); } } /* ==== 7. Tablet & Mobile Position ==== */ @media (max-width: 1024px) { .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item .elementor-tab-content { width: 90vw; max-width: 390px; top: 50% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -50%) !important; } .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content, .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item.elementor-active .elementor-tab-content { opacity: 1; pointer-events: auto; filter: brightness(1) blur(0px); } } /* ==== 8. Hide Default Paragraph Content Until Hover ==== */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-tab-content > * { opacity: 0; transition: opacity 1s ease; } .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content > *, .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-item.elementor-active .elementor-tab-content > * { opacity: 1; } /* ==== 9. KILL SWITCH: Removes the #01 Prefix & Rotating Shape Entirely ==== */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion .elementor-accordion-icon { display: none !important; } /* ==== 10. LTR Typewriter Fake Title & Loading Line ==== */ .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-item .elementor-tab-content::before { content: "BRANCH / LONG ISLAND CITY"; display: block; width: max-content; font-family: 'Michroma', sans-serif; color: #5475A1; font-size: 24px; margin-bottom: 2vh; padding-bottom: 2vh; border-bottom: 1px solid #8BA4C8; /* Pulls the right edge 100% to the left, making it invisible */ clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); transition: clip-path 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.3s, -webkit-clip-path 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; } .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-item:hover .elementor-tab-content::before, .elementor-80095 .elementor-element.elementor-element-f903889 .elementor-accordion-item.elementor-active .elementor-tab-content::before { /* Slide the window open LTR */ clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }/* End custom CSS */ /* Start custom CSS for accordion, class: .elementor-element-fb81c69 *//* ========================================= 1. ANIMATION VARIABLES ========================================= */ @property --fill-width { syntax: ''; initial-value: 45%; inherits: false; } /* ==== 2. Tab Title Container (Hollow Frame Setup) ==== */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item { position: relative; } /* Base Tab Title - Stripped to match Nested Tabs */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-title { --corner-size: 15px; position: relative; z-index: 995; /* Keeps inactive titles behind the popup */ overflow: visible !important; border: none !important; margin: 0.5% 0; background: transparent !important; padding: 8px 30px !important; display: flex; align-items: center; cursor: pointer; /* The actual clipped shape */ clip-path: polygon(var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size)); -webkit-clip-path: polygon(var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size)); transition: all 0.3s ease; } /* THE FIX: Pops ONLY the hovered/active title above the central content */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover, .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active { z-index: 1000 !important; } /* ==== 3. ANIMATED SPLIT BRACKET MASK (::before) ==== */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-title::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; --border-width: 1.8px; --corner-border-width: calc(var(--border-width) + 1px); --fill-width: 45%; /* Bracket base color */ background: #5475A1; transition: --fill-width 0.4s ease-in-out, background 0.3s ease; /* EXACT MASK FROM NESTED TABS */ -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--corner-border-width)/2), black calc(50% - var(--corner-border-width)/2), black calc(50% + var(--corner-border-width)/2), transparent calc(50% + var(--corner-border-width)/2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black var(--fill-width), transparent var(--fill-width), transparent calc(100% - var(--fill-width)), black calc(100% - var(--fill-width))) top center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to right, black var(--fill-width), transparent var(--fill-width), transparent calc(100% - var(--fill-width)), black calc(100% - var(--fill-width))) bottom center / calc(100% - var(--corner-size)*2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size)*2) no-repeat; mask: -webkit-mask; } /* Bracket hover color */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover::before, .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active::before { --fill-width: 50%; background: #5475A1 !important; } /* ==== 4. THE TRIANGLE INDICATOR & TEXT ==== */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-accordion-title { position: relative; display: inline-block; color: #5475A1 !important; transition: color 0.3s ease !important; } .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-accordion-title::after { content: ""; position: absolute; bottom: -12px; left: 50%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #5475A1; transform: translateX(-50%); opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; } .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-title::after, .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active .elementor-accordion-title::after { opacity: 1; transform: translateX(-50%) translateY(3px); } .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active { background-color: transparent !important; } /* ==== 4.5. FULL SCREEN BLUR & RADIAL GRADIENT BACKDROP ==== */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item::after { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 990; background: radial-gradient( circle at center, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.8) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0.3) 100% ) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; pointer-events: none !important; transition: opacity 1s ease; } .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item:hover::after, .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item.elementor-active::after { opacity: 1; } /* ==== 5. Tooltip Content — Transparent & Centered ==== */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-content { display: block !important; position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 390px; z-index: 999; pointer-events: none; opacity: 0; padding: 2rem 1.5rem; color: #082A4E; border: none !important; background: transparent !important; transition: opacity 1s ease, filter 1s ease; filter: brightness(0.5) blur(4px); } /* ==== 6. Desktop Position ==== */ @media (min-width: 1025px) { .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-content { width: 585px; top: 50% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -50%) !important; } .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content, .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item.elementor-active .elementor-tab-content { opacity: 1; pointer-events: auto; filter: brightness(1) blur(0px); } } /* ==== 7. Tablet & Mobile Position ==== */ @media (max-width: 1024px) { .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item .elementor-tab-content { width: 90vw; max-width: 390px; top: 50% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -50%) !important; } .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content, .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item.elementor-active .elementor-tab-content { opacity: 1; pointer-events: auto; filter: brightness(1) blur(0px); } } /* ==== 8. Hide Default Paragraph Content Until Hover ==== */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-tab-content > * { opacity: 0; transition: opacity 1s ease; } .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item:hover .elementor-tab-content > *, .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-item.elementor-active .elementor-tab-content > * { opacity: 1; } /* ==== 9. KILL SWITCH: Removes the #01 Prefix & Rotating Shape Entirely ==== */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion .elementor-accordion-icon { display: none !important; } /* ==== 10. LTR Typewriter Fake Title & Loading Line ==== */ .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-item .elementor-tab-content::before { content: "BRANCH / GREENPOINT"; display: block; width: max-content; font-family: 'Michroma', sans-serif; color: #5475A1; font-size: 24px; margin-bottom: 2vh; padding-bottom: 2vh; border-bottom: 1px solid #8BA4C8; /* Pulls the right edge 100% to the left, making it invisible */ clip-path: inset(0 100% 0 0); -webkit-clip-path: inset(0 100% 0 0); transition: clip-path 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.3s, -webkit-clip-path 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; } .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-item:hover .elementor-tab-content::before, .elementor-80095 .elementor-element.elementor-element-fb81c69 .elementor-accordion-item.elementor-active .elementor-tab-content::before { /* Slide the window open LTR */ clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-5e2a697 *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-5e2a697 { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-d4b25b6 *//* ========================================= 1. MAIN CONTAINER & FADE MASK ========================================= */ .elementor-80095 .elementor-element.elementor-element-d4b25b6 { position: relative; z-index: 0; overflow: hidden; /* Fades are now 7.5% top and 7.5% bottom (50% reduction) */ -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 7.5%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 92.5%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 7.5%, rgba(0, 0, 0, 1) 92.5%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /* ========================================= 2. BLUR LAYER (Background) ========================================= */ .elementor-80095 .elementor-element.elementor-element-d4b25b6::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } /* ========================================= 3. GRID OVERLAY (Middle Layer) ========================================= */ .elementor-80095 .elementor-element.elementor-element-d4b25b6::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* THE GRID EFFECT */ /* Creates a 4px by 4px grid of intersecting 1px lines */ background-image: linear-gradient(rgba(0, 0, 0, 0.15) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.15) 1px, transparent 1px); background-size: 4px 4px; z-index: 1; pointer-events: none; /* THE BLEND MODE */ mix-blend-mode: overlay; } /* ========================================= 4. CONTENT PROTECTOR (Foreground Layer) ========================================= */ .elementor-80095 .elementor-element.elementor-element-d4b25b6 > .elementor-container { position: relative; z-index: 1; /* Pushes the inner content above the blur and grid */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fdd4f37 */.elementor-80095 .elementor-element.elementor-element-fdd4f37 p { /* 🔥 The Dual Top-to-Bottom Linear Gradient */ background-image: linear-gradient(to top, #ABB8CE 0%, #567CAD 100%); /* Clips the background to the exact shape of the text */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* Standard fallback for modern browsers */ background-clip: text; color: transparent; }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-0337aee *//* 1. Set the field wrapper as the positioning anchor (excluding the submit button) */ .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group:not(.elementor-field-type-submit) { position: relative; } /* 2. Create the white downward triangle (excluding the submit button) */ .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group:not(.elementor-field-type-submit)::before { content: "▾"; position: absolute; top: 2px; left: 1px; color: #dbcec3; font-size: 15px; z-index: 5; } /* --- Input Field & Placeholder White Styles --- */ .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field::placeholder { transition: color 0.3s ease; } .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field:hover { color: #ffffff !important; } .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field:hover::placeholder { color: #ffffff !important; opacity: 1 !important; } /* --- File Upload Button (White Dashed Border) --- */ .elementor-80095 .elementor-element.elementor-element-0337aee input[type="file"]::file-.elementor-80095 .elementor-element.elementor-element-0337aee-button, .elementor-80095 .elementor-element.elementor-element-0337aee input[type="file"]::-webkit-file-upload-button { background-color: #333333 !important; border: 2px dashed #ffffff !important; color: #ffffff !important; padding: 8px 16px !important; margin-right: 15px !important; cursor: pointer; border-radius: 4px; transition: all 0.3s ease; } /* ========================================= 3. THE ANIMATED BUTTON (#7291B7 THIN VERSION) ========================================= */ .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button { position: relative; border-radius: 0 !important; overflow: visible !important; /* Static Borders */ border-top: 1px solid #7291B7 !important; border-bottom: 1px solid #7291B7 !important; border-left: none !important; border-right: none !important; /* Setup Left/Right snake lines (hidden default, now 1px) */ background-image: linear-gradient(#7291B7, #7291B7), linear-gradient(#7291B7, #7291B7); background-repeat: no-repeat; background-position: left bottom, right top; background-size: 1px 0%, 1px 0%; /* Reset timing: wait 0.6s to turn static borders back ON when leaving */ transition: border-color 0s 0.6s, background-size 0.3s ease-in-out 0s; } /* Triangles (#7291B7) */ .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button .elementor-button-text::before, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button .elementor-button-text::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; z-index: 10; transition: opacity 0.2s ease 0.4s, transform 0.2s ease 0.4s; } .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button .elementor-button-text::before { top: -8px; border-bottom: 6px solid #7291B7; } .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button .elementor-button-text::after { bottom: -8px; border-top: 6px solid #7291B7; } /* Top/Bottom Snake Lines (Animated, now 1px) */ .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button::before, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button::after { content: ""; position: absolute; width: 100%; height: 1px; /* Thinner */ background-color: #7291B7; transform: scaleX(0); z-index: 5; transition: transform 0.3s ease-in-out 0.3s; } .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button::before { top: -1px; left: 0; transform-origin: left; } .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button::after { bottom: -1px; right: 0; transform-origin: right; } /* --- HOVER ANIMATION TRIGGER --- */ .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button:hover { border-top-color: transparent !important; border-bottom-color: transparent !important; /* Start drawing left/right sides after 0.3s delay */ transition: border-color 0s 0s, background-size 0.3s ease-in-out 0.3s; background-size: 1px calc(100% - 15px), 1px calc(100% - 15px); /* Adjusted for 1px thickness */ } /* Hide triangles on hover */ .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button:hover .elementor-button-text::before, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button:hover .elementor-button-text::after { opacity: 0; transform: translateX(-50%) scale(0); transition: opacity 0.2s ease 0s, transform 0.2s ease 0s; } /* Trigger top/bottom lines instantly */ .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button:hover::before, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-button:hover::after { transform: scaleX(1); transition: transform 0.3s ease-in-out 0s; } /* Form Field Hover/Focus (White) */ .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group .elementor-field:hover, .elementor-80095 .elementor-element.elementor-element-0337aee .elementor-field-group .elementor-field:focus { border-color: #ffffff !important; transition: border-color 0.3s ease; } .elementor-button[type="submit"] svg path { fill: #6E8FBA !important; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-7c752df */X.elementor-80095 .elementor-element.elementor-element-7c752df { -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, /* Top: fully visible */ rgba(0,0,0,1) 70%, /* Solid until fade zone starts (same distance) */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); } .elementor-80095 .elementor-element.elementor-element-7c752df { -webkit-mask-image: linear-gradient( to bottom, /* --- TOP FADE ZONE (0% to 30%) --- */ rgba(0,0,0,0) 0%, /* Top: fully transparent */ rgba(0,0,0,0.06) 2%, rgba(0,0,0,0.16) 5%, rgba(0,0,0,0.32) 10%, rgba(0,0,0,0.50) 15%, rgba(0,0,0,0.68) 20%, rgba(0,0,0,0.82) 24%, rgba(0,0,0,0.92) 27%, rgba(0,0,0,0.98) 29%, rgba(0,0,0,1) 30%, /* Top fade ends, becomes solid */ /* --- SOLID MIDDLE ZONE (30% to 70%) --- */ rgba(0,0,0,1) 70%, /* Solid until bottom fade starts */ /* --- BOTTOM FADE ZONE (70% to 100%) --- */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 2%, rgba(0,0,0,0.16) 5%, rgba(0,0,0,0.32) 10%, rgba(0,0,0,0.50) 15%, rgba(0,0,0,0.68) 20%, rgba(0,0,0,0.82) 24%, rgba(0,0,0,0.92) 27%, rgba(0,0,0,0.98) 29%, rgba(0,0,0,1) 30%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4046bad */.elementor-80095 .elementor-element.elementor-element-4046bad { transform: scale(1.5025); transform-origin: center; } x.elementor-80095 .elementor-element.elementor-element-4046bad img { -webkit-mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, /* Top: fully visible */ rgba(0,0,0,1) 70%, /* Solid until fade zone starts (same distance) */ rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% /* Bottom: fully transparent */ ); mask-image: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.98) 71%, rgba(0,0,0,0.92) 73%, rgba(0,0,0,0.82) 76%, rgba(0,0,0,0.68) 80%, rgba(0,0,0,0.50) 85%, rgba(0,0,0,0.32) 90%, rgba(0,0,0,0.16) 95%, rgba(0,0,0,0.06) 98%, rgba(0,0,0,0) 100% ); } .elementor-80095 .elementor-element.elementor-element-4046bad { animation: saturationLoop 4s linear infinite; } @keyframes saturationLoop { 0%,100% { filter: saturate(110%); } 50% { filter: saturate(200%); } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-f141a10 *//* 1. The Container */ .elementor-80095 .elementor-element.elementor-element-f141a10 { position: relative; border: none !important; --corner-size: 20px; clip-path: polygon( var(--corner-size) 0, calc(100% - var(--corner-size)) 0, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0 calc(100% - var(--corner-size)), 0 var(--corner-size) ); backdrop-filter: blur(18px); } /* 2. The Static White Border Layer */ .elementor-80095 .elementor-element.elementor-element-f141a10::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; --corner-size: 20px; --border-width: 1.5px; /* Changed border color to white */ --border-color: #ffffff; background: var(--border-color); -webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--border-width) / 2), black calc(50% - var(--border-width) / 2), black calc(50% + var(--border-width) / 2), transparent calc(50% + var(--border-width) / 2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width) / 2), black calc(50% - var(--border-width) / 2), black calc(50% + var(--border-width) / 2), transparent calc(50% + var(--border-width) / 2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width) / 2), black calc(50% - var(--border-width) / 2), black calc(50% + var(--border-width) / 2), transparent calc(50% + var(--border-width) / 2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width) / 2), black calc(50% - var(--border-width) / 2), black calc(50% + var(--border-width) / 2), transparent calc(50% + var(--border-width) / 2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size) * 2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size) * 2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size) * 2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size) * 2) no-repeat; mask: linear-gradient(135deg, transparent calc(50% - var(--border-width) / 2), black calc(50% - var(--border-width) / 2), black calc(50% + var(--border-width) / 2), transparent calc(50% + var(--border-width) / 2)) top left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(225deg, transparent calc(50% - var(--border-width) / 2), black calc(50% - var(--border-width) / 2), black calc(50% + var(--border-width) / 2), transparent calc(50% + var(--border-width) / 2)) top right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(45deg, transparent calc(50% - var(--border-width) / 2), black calc(50% - var(--border-width) / 2), black calc(50% + var(--border-width) / 2), transparent calc(50% + var(--border-width) / 2)) bottom left / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(315deg, transparent calc(50% - var(--border-width) / 2), black calc(50% - var(--border-width) / 2), black calc(50% + var(--border-width) / 2), transparent calc(50% + var(--border-width) / 2)) bottom right / var(--corner-size) var(--corner-size) no-repeat, linear-gradient(to right, black, black) top center / calc(100% - var(--corner-size) * 2) var(--border-width) no-repeat, linear-gradient(to right, black, black) bottom center / calc(100% - var(--corner-size) * 2) var(--border-width) no-repeat, linear-gradient(to bottom, black, black) left center / var(--border-width) calc(100% - var(--corner-size) * 2) no-repeat, linear-gradient(to bottom, black, black) right center / var(--border-width) calc(100% - var(--corner-size) * 2) no-repeat; } /* 3. Target Arrows/Icons inside the button */ .elementor-80095 .elementor-element.elementor-element-f141a10 i, .elementor-80095 .elementor-element.elementor-element-f141a10 svg { fill: #ffffff !important; color: #ffffff !important; } /* 1. Target the Inner Section Wrapper */ .elementor-80095 .elementor-element.elementor-element-f141a10 { position: relative; overflow: hidden; /* Removed z-index: 0 from here to prevent stacking conflicts with the parent column */ } /* 2. The Blur Effect Pseudo-element */ .elementor-80095 .elementor-element.elementor-element-f141a10::after { content: ""; position: absolute; inset: 0; z-index: 1; /* Bumped to 1 so it sits above any inner-section backgrounds */ backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); pointer-events: none; /* Ensures the blur doesn't block clicks */ } /* 3. Bring the actual content above the blur */ .elementor-80095 .elementor-element.elementor-element-f141a10 .elementor-container { position: relative; z-index: 2; /* Bumped to 2 to stay clearly above the ::after overlay */ } /* --------------------------------------------------------- DESKTOP & TABLET ONLY (min-width: 768px) LTR Gradient: Left 40% (Solid Blur) -> Middle 20% (Fade) -> Right 40% (Clear) --------------------------------------------------------- */ @media (min-width: 768px) { .elementor-80095 .elementor-element.elementor-element-f141a10::after { -webkit-mask-image: linear-gradient(to right, black 0%, black 40%, transparent 60%, transparent 100%); mask-image: linear-gradient(to right, black 0%, black 40%, transparent 60%, transparent 100%); } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-64bc53a */.elementor-80095 .elementor-element.elementor-element-64bc53a { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-64bc53a { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-31a952b */.elementor-80095 .elementor-element.elementor-element-31a952b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-31a952b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4e16160 */.elementor-80095 .elementor-element.elementor-element-4e16160 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e16160 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-0cbe43b */.elementor-80095 .elementor-element.elementor-element-0cbe43b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-0cbe43b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fdf5ed1 */.elementor-80095 .elementor-element.elementor-element-fdf5ed1 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-fdf5ed1 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-adf3cc6 */.elementor-80095 .elementor-element.elementor-element-adf3cc6 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-adf3cc6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-64bc53a */.elementor-80095 .elementor-element.elementor-element-64bc53a { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-64bc53a { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-31a952b */.elementor-80095 .elementor-element.elementor-element-31a952b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-31a952b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4e16160 */.elementor-80095 .elementor-element.elementor-element-4e16160 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e16160 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-0cbe43b */.elementor-80095 .elementor-element.elementor-element-0cbe43b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-0cbe43b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fdf5ed1 */.elementor-80095 .elementor-element.elementor-element-fdf5ed1 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-fdf5ed1 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-adf3cc6 */.elementor-80095 .elementor-element.elementor-element-adf3cc6 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-adf3cc6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-64bc53a */.elementor-80095 .elementor-element.elementor-element-64bc53a { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-64bc53a { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-31a952b */.elementor-80095 .elementor-element.elementor-element-31a952b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-31a952b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4e16160 */.elementor-80095 .elementor-element.elementor-element-4e16160 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e16160 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-0cbe43b */.elementor-80095 .elementor-element.elementor-element-0cbe43b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-0cbe43b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fdf5ed1 */.elementor-80095 .elementor-element.elementor-element-fdf5ed1 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-fdf5ed1 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-adf3cc6 */.elementor-80095 .elementor-element.elementor-element-adf3cc6 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-adf3cc6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-64bc53a */.elementor-80095 .elementor-element.elementor-element-64bc53a { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-64bc53a { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-31a952b */.elementor-80095 .elementor-element.elementor-element-31a952b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-31a952b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4e16160 */.elementor-80095 .elementor-element.elementor-element-4e16160 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e16160 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-0cbe43b */.elementor-80095 .elementor-element.elementor-element-0cbe43b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-0cbe43b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fdf5ed1 */.elementor-80095 .elementor-element.elementor-element-fdf5ed1 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-fdf5ed1 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-adf3cc6 */.elementor-80095 .elementor-element.elementor-element-adf3cc6 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-adf3cc6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-64bc53a */.elementor-80095 .elementor-element.elementor-element-64bc53a { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-64bc53a { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-31a952b */.elementor-80095 .elementor-element.elementor-element-31a952b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-31a952b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4e16160 */.elementor-80095 .elementor-element.elementor-element-4e16160 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e16160 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-0cbe43b */.elementor-80095 .elementor-element.elementor-element-0cbe43b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-0cbe43b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fdf5ed1 */.elementor-80095 .elementor-element.elementor-element-fdf5ed1 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-fdf5ed1 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-adf3cc6 */.elementor-80095 .elementor-element.elementor-element-adf3cc6 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-adf3cc6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-64bc53a */.elementor-80095 .elementor-element.elementor-element-64bc53a { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-64bc53a { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-31a952b */.elementor-80095 .elementor-element.elementor-element-31a952b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-31a952b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4e16160 */.elementor-80095 .elementor-element.elementor-element-4e16160 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e16160 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-0cbe43b */.elementor-80095 .elementor-element.elementor-element-0cbe43b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-0cbe43b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fdf5ed1 */.elementor-80095 .elementor-element.elementor-element-fdf5ed1 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-fdf5ed1 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-adf3cc6 */.elementor-80095 .elementor-element.elementor-element-adf3cc6 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-adf3cc6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-64bc53a */.elementor-80095 .elementor-element.elementor-element-64bc53a { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-64bc53a { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-31a952b */.elementor-80095 .elementor-element.elementor-element-31a952b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-31a952b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-4e16160 */.elementor-80095 .elementor-element.elementor-element-4e16160 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-4e16160 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-0cbe43b */.elementor-80095 .elementor-element.elementor-element-0cbe43b { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-0cbe43b { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-fdf5ed1 */.elementor-80095 .elementor-element.elementor-element-fdf5ed1 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-fdf5ed1 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-adf3cc6 */.elementor-80095 .elementor-element.elementor-element-adf3cc6 { backdrop-filter: blur(5px); /* Adjust the blur factor as needed */ } /* ========================================= 1. BASE ELEMENT (THE SHAPE) ========================================= */ .elementor-80095 .elementor-element.elementor-element-adf3cc6 { --corner-size: 20px; position: relative; overflow: visible; /* Added 0.5% margin outside the shape */ margin: 0.5%; border: none !important; /* Dark navy background (80% opacity) with 10px blur */ background-color: #D2D9EF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); /* The 8-sided shape clip-path */ clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); -webkit-clip-path: polygon( var(--corner-size) 0%, calc(100% - var(--corner-size)) 0%, 100% var(--corner-size), 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, var(--corner-size) 100%, 0% calc(100% - var(--corner-size)), 0% var(--corner-size) ); /* Transition for a smooth hover effect */ transition: filter 0.4s ease, transform 0.3s ease; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-2eb6fbb *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-2eb6fbb { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-277deff */.elementor-80095 .elementor-element.elementor-element-277deff { -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 15%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 85%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .elementor-80095 .elementor-element.elementor-element-277deff { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-277deff::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-277deff > .elementor-container { position: relative; z-index: 1; } .elementor-80095 .elementor-element.elementor-element-277deff { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-277deff::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-277deff > .elementor-container { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-6da14dd *//* Main heading wrapper */ .elementor-80095 .elementor-element.elementor-element-6da14dd { position: relative; overflow: hidden; } /* Shine effect - loops continuously */ .elementor-80095 .elementor-element.elementor-element-6da14dd::after { content: ""; position: absolute; top: -50%; height: 200%; left: -200%; width: 200%; /* Airbrushed multi-stop gradient using #D3DFF5 */ background: linear-gradient( to right, rgba(211, 223, 245, 0) 0%, rgba(211, 223, 245, 0) 35%, rgba(211, 223, 245, 0.05) 42%, rgba(211, 223, 245, 0.6) 50%, rgba(211, 223, 245, 0.05) 58%, rgba(211, 223, 245, 0) 65%, rgba(211, 223, 245, 0) 100% ); transform: skewX(-25deg); z-index: 1; pointer-events: none; /* Maintained the slower 5s duration */ animation: shine-sweep-2 5s ease-in-out infinite; } /* Shine sweep animation */ @keyframes shine-sweep-2 { 0% { left: -200%; opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { left: 100%; opacity: 0; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9e8047b *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-9e8047b p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-9e8047b { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fcb4d87 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-fcb4d87 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-fcb4d87 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-dd4d8f3 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-dd4d8f3 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-dd4d8f3 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8babf8e *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-8babf8e p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-8babf8e { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a37d868 *//* 1. Text Gradient Styling */ .elementor-80095 .elementor-element.elementor-element-a37d868 p { /* Dual Left-to-Right (LTR) Gradient */ background-image: linear-gradient(to right, #2d4078 0%, #293A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* 2. Container Styling (Animation Removed) */ .elementor-80095 .elementor-element.elementor-element-a37d868 { padding-bottom: 1vh !important; overflow: visible !important; /* You can set a static saturation here if you like, e.g., filter: saturate(100%); */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4c88146 *//* 1. Container & Internal Structure */ .elementor-80095 .elementor-element.elementor-element-4c88146, .elementor-80095 .elementor-element.elementor-element-4c88146 .elementor-widget-container, .elementor-80095 .elementor-element.elementor-element-4c88146 img { position: relative; overflow: visible; } /* 2. Base Blip Style (Star Animation) */ .elementor-80095 .elementor-element.elementor-element-4c88146::before, .elementor-80095 .elementor-element.elementor-element-4c88146::after, .elementor-80095 .elementor-element.elementor-element-4c88146 .elementor-widget-container::before, .elementor-80095 .elementor-element.elementor-element-4c88146 .elementor-widget-container::after, .elementor-80095 .elementor-element.elementor-element-4c88146 img::before, .elementor-80095 .elementor-element.elementor-element-4c88146 img::after { content: ""; position: absolute; /* Slightly increased from 12px to 16px since stars have less surface area than circles */ width: 16px; height: 16px; background: #5E7DB7; /* Creates the 5-point star shape */ clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); opacity: 0; pointer-events: none; /* Swapped box-shadow to drop-shadow so the glow follows the star geometry */ filter: drop-shadow(0 0 6px rgba(94, 125, 183, 0.8)) drop-shadow(0 0 14px rgba(94, 125, 183, 0.5)) drop-shadow(0 0 28px rgba(94, 125, 183, 0.25)); animation: radar-blip 4s infinite ease-out; } /* 3. FULLY SQUASHED (CENTER-FOCUSED) POSITIONS */ /* Upper Center */ .elementor-80095 .elementor-element.elementor-element-4c88146::before { top: 30%; left: 50%; margin-left: -8px; /* Used margin instead of transform to prevent animation override */ animation-delay: 0s; } /* Lower Center */ .elementor-80095 .elementor-element.elementor-element-4c88146::after { bottom: 30%; left: 48%; animation-delay: 1.9s; } /* Middle Left-Center */ .elementor-80095 .elementor-element.elementor-element-4c88146 .elementor-widget-container::before { top: 45%; left: 38%; animation-delay: 0.8s; } /* Middle Right-Center */ .elementor-80095 .elementor-element.elementor-element-4c88146 .elementor-widget-container::after { top: 52%; right: 38%; animation-delay: 2.5s; } /* Tight Top-Left Center */ .elementor-80095 .elementor-element.elementor-element-4c88146 img::before { top: 35%; left: 42%; animation-delay: 1.2s; } /* Tight Bottom-Right Center */ .elementor-80095 .elementor-element.elementor-element-4c88146 img::after { bottom: 35%; right: 42%; animation-delay: 3.1s; } /* 4. YOUR ORIGINAL ANIMATION (UNTOUCHED) */ @keyframes radar-blip { 0% { transform: scale(0.1); opacity: 0; } 20% { transform: scale(1); opacity: 1; } 40% { transform: scale(1.8); opacity: 0.7; } 70% { transform: scale(2.6); opacity: 0.25; } 100% { transform: scale(3.3); opacity: 0; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-231f171 *//* Prevent horizontal slide bleed from nested carousel */ .elementor-80095 .elementor-element.elementor-element-231f171 { overflow-x: hidden !important; overflow-y: visible !important; position: relative !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-3598ac9 */.elementor-80095 .elementor-element.elementor-element-3598ac9 { -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, /* Top fade starts */ rgba(0, 0, 0, 1) 15%, /* Fully visible area begins */ rgba(0, 0, 0, 1) 85%, /* Fully visible area ends */ rgba(0, 0, 0, 0) 100% /* Bottom fade ends */ ); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100% ); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .elementor-80095 .elementor-element.elementor-element-3598ac9 { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-3598ac9::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-3598ac9 > .elementor-container { position: relative; z-index: 1; } .elementor-80095 .elementor-element.elementor-element-3598ac9 { position: relative; z-index: 0; overflow: hidden; } .elementor-80095 .elementor-element.elementor-element-3598ac9::after { content: ""; position: absolute; inset: 0; z-index: 0; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(8px); pointer-events: none; } .elementor-80095 .elementor-element.elementor-element-3598ac9 > .elementor-container { position: relative; z-index: 1; }/* End custom CSS */ /* Start custom CSS *//* ========================================= 1. THE GLASS FRAME (Outer Layer) ========================================= */ body::before { content: ""; position: fixed; inset: 0; z-index: 99999999999999999998; pointer-events: none; box-sizing: border-box; /* The 50% transparent white glass */ background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); --b: 5.4px; --cut: 35px; clip-path: polygon( /* Outer Edge: Perfect screen-filling square */ 0% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%, /* Seam INWARD */ var(--b) 50%, /* Inner Edge: Octagon */ var(--b) calc(100% - var(--cut)), var(--cut) calc(100% - var(--b)), calc(100% - var(--cut)) calc(100% - var(--b)), calc(100% - var(--b)) calc(100% - var(--cut)), calc(100% - var(--b)) var(--cut), calc(100% - var(--cut)) var(--b), var(--cut) var(--b), var(--b) var(--cut), var(--b) 50%, /* Seam OUTWARD to close */ 0% 50% ); } /* ========================================= 2. THE 1px BLACK INNER BORDER ========================================= */ body::after { content: ""; position: fixed; inset: 0; z-index: 99999999999999999999; /* Sits exactly flush with the glass */ pointer-events: none; /* The 25% black opaque border */ background-color: rgba(0, 0, 0, 0.25); /* Inherit the exact starting edge from the glass frame */ --b: 5.4px; --cut: 35px; /* 🔥 THE OFFSETS: 1px for straight edges, 0.414px for diagonal balance */ --b2: calc(var(--b) + 1px); --cut2: calc(var(--cut) + 0.414px); /* A hollow clip-path that ONLY draws the 1px gap */ clip-path: polygon( /* Outer Loop: Traces the inside edge of the glass frame (Clockwise) */ var(--b) 50%, var(--b) var(--cut), var(--cut) var(--b), calc(100% - var(--cut)) var(--b), calc(100% - var(--b)) var(--cut), calc(100% - var(--b)) calc(100% - var(--cut)), calc(100% - var(--cut)) calc(100% - var(--b)), var(--cut) calc(100% - var(--b)), var(--b) calc(100% - var(--cut)), var(--b) 50%, /* Seam INWARD to the 1px offset */ var(--b2) 50%, /* Inner Loop: Traces the 1px offset boundary (Counter-Clockwise to hollow it out) */ var(--b2) calc(100% - var(--cut2)), var(--cut2) calc(100% - var(--b2)), calc(100% - var(--cut2)) calc(100% - var(--b2)), calc(100% - var(--b2)) calc(100% - var(--cut2)), calc(100% - var(--b2)) var(--cut2), calc(100% - var(--cut2)) var(--b2), var(--cut2) var(--b2), var(--b2) var(--cut2), var(--b2) 50%, /* Seam OUTWARD to perfectly close the wireframe loop */ var(--b) 50% ); } /* ===== SCROLLBAR STYLES ===== */ ::-webkit-scrollbar { width: 10.25px; } ::-webkit-scrollbar-track { background: #DFDDDB; } ::-webkit-scrollbar-thumb { /* LAYER 1 & 2: Top and Bottom Diamonds (SVG) LAYER 3: The White Side Borders LAYER 4: The Vertical Brand Gradient */ background-image: /* Top Diamond */ url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 L10 5 L5 10 L0 5 Z' fill='%23505f69'/%3E%3C/svg%3E"), /* Bottom Diamond */ url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 L10 5 L5 10 L0 5 Z' fill='%23505f69'/%3E%3C/svg%3E"), /* Side Borders (White) */ linear-gradient(to right, #CBC9C7 2px, transparent 2px, transparent calc(100% - 2px), #CBC9C7 calc(100% - 2px)), /* Core Gradient (#96a0aa to #505f69) */ linear-gradient(to bottom, #96a0aa, #213962); /* POSITIONING: Diamonds are pinned to top/bottom. The borders and gradient are centered with a height reduction to create the gap. */ background-position: top center, bottom center, center center, center center; /* SIZING: 6px Diamonds. The body is reduced by 18px (6px diamond + 3px gap on each side) to create the space. */ background-size: 6px 6px, 6px 6px, 100% calc(100% - 18px), 100% calc(100% - 18px); background-repeat: no-repeat; background-color: transparent; border-radius: 0px; } /* Hover State: Maintaining the layout while shifting colors */ ::-webkit-scrollbar-thumb:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 L10 5 L5 10 L0 5 Z' fill='%236F8481'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0 L10 5 L5 10 L0 5 Z' fill='%236F8481'/%3E%3C/svg%3E"), linear-gradient(to right, #CBC9C7 2px, transparent 2px, transparent calc(100% - 2px), #CBC9C7 calc(100% - 2px)), linear-gradient(to bottom, #a7b1bb, #5d6e7a); } body { cursor: url(https://w3bdesign.net/wp-content/uploads/2025/07/hscursor.png), auto; /* ^^^^^^ compulsory, according to CSS 2.1 */ } xxxxbody::after { content: ""; position: fixed; top: 50%; left: 0; width: 100vw; height: 101.5vh; transform: translateY(-50%); background-image: url('https://w3bdesign.net/wp-content/uploads/2026/02/frame-navy-3b.png'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; filter: invert(0.00); /* <-- 50% inversion */ pointer-events: none; z-index: 99999; }/* End custom CSS */