.elementor-7965 .elementor-element.elementor-element-c2cc7ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:-117px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;--z-index:999;}.elementor-7965 .elementor-element.elementor-element-8e22e43{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--background-transition:0.3s;--border-radius:22px 22px 22px 22px;--margin-top:27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-8e22e43:not(.elementor-motion-effects-element-type-background), .elementor-7965 .elementor-element.elementor-element-8e22e43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7EEFEB2;}.elementor-7965 .elementor-element.elementor-element-8e22e43, .elementor-7965 .elementor-element.elementor-element-8e22e43::before{--border-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-f9ba636{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-d882ea6 img{width:187px;}.elementor-7965 .elementor-element.elementor-element-505ca3c{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-196bce2{--display:flex;--background-transition:0.3s;--margin-top:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7965 .elementor-element.elementor-element-196bce2:not(.elementor-motion-effects-element-type-background), .elementor-7965 .elementor-element.elementor-element-196bce2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-7965 .elementor-element.elementor-element-196bce2, .elementor-7965 .elementor-element.elementor-element-196bce2::before{--border-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-1535674{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--border-radius:0px 0px 22px 22px;--padding-top:30px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-7965 .elementor-element.elementor-element-1535674:not(.elementor-motion-effects-element-type-background), .elementor-7965 .elementor-element.elementor-element-1535674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6FF;}.elementor-7965 .elementor-element.elementor-element-1535674, .elementor-7965 .elementor-element.elementor-element-1535674::before{--border-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-a9c885b{--display:flex;--gap:34px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-a9c885b, .elementor-7965 .elementor-element.elementor-element-a9c885b::before{--border-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-9fa98c8{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-cf17479{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-0dd73ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-14d3a90{--display:flex;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-icon i{transition:color 0.25s;}.elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-icon svg{transition:fill 0.25s;}.elementor-7965 .elementor-element.elementor-element-f792b56{--e-icon-list-icon-size:21px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-icon{padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item > a{font-family:"Helvetica Now Display", Sans-serif;font-weight:500;}.elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.25s;}.elementor-7965 .elementor-element.elementor-element-fe0c49f{--display:flex;--background-transition:0.3s;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-fe0c49f, .elementor-7965 .elementor-element.elementor-element-fe0c49f::before{--border-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7965 .elementor-element.elementor-element-1c5dea2{--e-icon-list-icon-size:21px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-icon{padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item > a{font-family:"Helvetica Now Display", Sans-serif;font-weight:500;}.elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-7965 .elementor-element.elementor-element-62c8550{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-d462815{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-c37714e{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-99c770b{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:44%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--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-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:25px;--n-tabs-gap:50px;--n-tabs-title-transition:0.25s;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:1rem;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:var( --e-global-color-primary );--n-tabs-title-direction:row;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:21px;}.elementor-7965 .elementor-element.elementor-element-99c770b > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){background:#FFFFFF00;}.elementor-7965 .elementor-element.elementor-element-99c770b.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:#FFFFFF00;border-style:none;}.elementor-7965 .elementor-element.elementor-element-99c770b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-7965 .elementor-element.elementor-element-99c770b.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:#FFFFFF00;border-style:none;}.elementor-7965 .elementor-element.elementor-element-99c770b.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:"Helvetica Now Display", Sans-serif;font-weight:500;line-height:clamp(1.25rem, 1.0557rem + 0.8637vw, 1.8125rem);}.elementor-7965 .elementor-element.elementor-element-99c770b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );}.elementor-7965 .elementor-element.elementor-element-99c770b > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-7965 .elementor-element.elementor-element-aa7ba77{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-67eb5e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-58c3166{--display:flex;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-58c3166, .elementor-7965 .elementor-element.elementor-element-58c3166::before{--border-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7965 .elementor-element.elementor-element-a67337e{--e-icon-list-icon-size:21px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-icon{padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item > a{font-family:"Helvetica Now Display", Sans-serif;font-weight:500;}.elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-7965 .elementor-element.elementor-element-95a732d{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 0px 1px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:1px;border-color:#D8E5FF;--border-color:#D8E5FF;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-95a732d, .elementor-7965 .elementor-element.elementor-element-95a732d::before{--border-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-cc049bf{--display:flex;--background-transition:0.3s;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-cc049bf, .elementor-7965 .elementor-element.elementor-element-cc049bf::before{--border-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7965 .elementor-element.elementor-element-f95e4f4{--e-icon-list-icon-size:21px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-icon{padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item > a{font-family:"Helvetica Now Display", Sans-serif;font-weight:500;}.elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-7965 .elementor-element.elementor-element-be9dc11{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-4216760{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-44a4c17{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-adff735{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-0cb1b98{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:30%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--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-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:25px;--n-tabs-gap:50px;--n-tabs-title-transition:0.25s;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:1rem;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:var( --e-global-color-primary );--n-tabs-title-direction:row;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:21px;--n-tabs-icon-color:#02010100;--n-tabs-icon-color-active:#02010100;}.elementor-7965 .elementor-element.elementor-element-0cb1b98 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){background:#FFFFFF00;}.elementor-7965 .elementor-element.elementor-element-0cb1b98.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:#FFFFFF00;border-style:none;}.elementor-7965 .elementor-element.elementor-element-0cb1b98.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-7965 .elementor-element.elementor-element-0cb1b98.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:#FFFFFF00;border-style:none;}.elementor-7965 .elementor-element.elementor-element-0cb1b98.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:"Helvetica Now Display", Sans-serif;font-weight:500;}.elementor-7965 .elementor-element.elementor-element-0cb1b98 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );--n-tabs-icon-color-hover:#02010100;}.elementor-7965 .elementor-element.elementor-element-0cb1b98 > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:none;}.elementor-7965 .elementor-element.elementor-element-1636773{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:32%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--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-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:20px;--n-tabs-title-transition:0.3s;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:0px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:0px;--n-tabs-title-font-size:clamp(1.25rem, 1.142rem + 0.4798vw, 1.5625rem);--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:var( --e-global-color-accent );--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:22px;--n-tabs-icon-gap:8px;--n-tabs-icon-color:#000000;--n-tabs-icon-color-active:var( --e-global-color-accent );}.elementor-7965 .elementor-element.elementor-element-1636773 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){background:#FFFFFF00;}.elementor-7965 .elementor-element.elementor-element-1636773.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:#FFFFFF00;}.elementor-7965 .elementor-element.elementor-element-1636773.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-7965 .elementor-element.elementor-element-1636773.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:#FFFFFF00;}.elementor-7965 .elementor-element.elementor-element-1636773.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:"Helvetica Now Display", Sans-serif;font-weight:700;}.elementor-7965 .elementor-element.elementor-element-1636773 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-accent );--n-tabs-icon-color-hover:var( --e-global-color-accent );}.elementor-7965 .elementor-element.elementor-element-1636773 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-7965 .elementor-element.elementor-element-42e509e{--display:flex;--background-transition:0.3s;--margin-top:-7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7965 .elementor-element.elementor-element-42e509e:not(.elementor-motion-effects-element-type-background), .elementor-7965 .elementor-element.elementor-element-42e509e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-7965 .elementor-element.elementor-element-42e509e, .elementor-7965 .elementor-element.elementor-element-42e509e::before{--border-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-e784a8c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;--border-radius:0px 0px 22px 22px;--padding-top:30px;--padding-bottom:56px;--padding-left:20px;--padding-right:20px;}.elementor-7965 .elementor-element.elementor-element-e784a8c:not(.elementor-motion-effects-element-type-background), .elementor-7965 .elementor-element.elementor-element-e784a8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F6FF;}.elementor-7965 .elementor-element.elementor-element-e784a8c, .elementor-7965 .elementor-element.elementor-element-e784a8c::before{--border-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-5e9e615{--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:0px 0px;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-93e3edf{text-align:left;width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-7965 .elementor-element.elementor-element-93e3edf img{height:323px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-7965 .elementor-element.elementor-element-93e3edf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7965 .elementor-element.elementor-element-1a10981{--e-icon-list-icon-size:21px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item > a{font-family:"Helvetica Now Display", Sans-serif;font-size:clamp(0.9375rem, 0.8295rem + 0.4798vw, 1rem);font-weight:500;}.elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-7965 .elementor-element.elementor-element-1a10981 > .elementor-widget-container{margin:0px 0px 0px 110px;}.elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(25px/2);margin-left:calc(25px/2);}.elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-25px/2);margin-left:calc(-25px/2);}body.rtl .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-25px/2);}body:not(.rtl) .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-25px/2);}.elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7965 .elementor-element.elementor-element-4b1e773{--e-icon-list-icon-size:21px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-icon{padding-right:0px;}.elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item > a{font-family:"Helvetica Now Display", Sans-serif;font-size:clamp(0.9375rem, 0.8295rem + 0.4798vw, 1rem);font-weight:500;}.elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-7965 .elementor-element.elementor-element-4b1e773 > .elementor-widget-container{margin:0px 0px 0px 130px;}.elementor-7965 .elementor-element.elementor-element-e8fad56{--display:flex;--background-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-5d873d6{--display:flex;--background-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-fe296f4{--display:flex;--background-transition:0.3s;}.elementor-7965 .elementor-element.elementor-element-ad96faa{--n-menu-dropdown-content-max-width:initial;--n-menu-open-animation-duration:400ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-space-between:42px;--n-menu-title-distance-from-content:0px;--n-menu-title-font-size:clamp(0.9375rem, 0.8244rem + 0.4892vw, 1rem);--n-menu-title-color-normal:#000100;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-dropdown-indicator-size:20px;--n-menu-dropdown-indicator-space:0px;--n-menu-dropdown-indicator-color-hover:var( --e-global-color-accent );--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;}.elementor-7965 .elementor-element.elementor-element-ad96faa > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-7965 .elementor-element.elementor-element-ad96faa > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-7965 .elementor-element.elementor-element-ad96faa > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Helvetica Now Display", Sans-serif;font-weight:500;}.elementor-7965 .elementor-element.elementor-element-ad96faa {--n-menu-title-color-active:#083FD5;}:where( .elementor-7965 .elementor-element.elementor-element-ad96faa > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{background-color:#FFFFFF;--border-radius:22px 22px 22px 22px;}.elementor-7965 .elementor-element.elementor-element-e0b4130{--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-end;--align-items:center;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-button .elementor-button-content-wrapper{gap:4px;}.elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );fill:var( --e-global-color-7a6b87f );color:var( --e-global-color-7a6b87f );background-color:var( --e-global-color-secondary );transition-duration:0.3s;border-radius:14px 14px 14px 14px;padding:15px 12px 11.5px 20px;}.elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-button:hover, .elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-7965 .elementor-element.elementor-element-fd991a1.elementor-element{--align-self:center;}.elementor-7965 .elementor-element.elementor-element-7bc04f8{z-index:99999;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1470px){.elementor-7965 .elementor-element.elementor-element-8e22e43{--gap:0px 0px;}.elementor-7965 .elementor-element.elementor-element-1636773{--n-tabs-heading-width:28%;}.elementor-7965 .elementor-element.elementor-element-ad96faa{--n-menu-title-space-between:8px;--n-menu-title-font-size:clamp(0.875rem, 0.8345rem + 0.1905vw, 0.90rem);}.elementor-7965 .elementor-element.elementor-element-ad96faa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1200px){.elementor-7965 .elementor-element.elementor-element-8e22e43{--gap:0px 0px;}.elementor-7965 .elementor-element.elementor-element-1636773{--n-tabs-heading-width:30%;}.elementor-7965 .elementor-element.elementor-element-ad96faa{--n-menu-title-space-between:-5px;--n-menu-title-font-size:0.8rem;}}@media(max-width:1024px){.elementor-7965 .elementor-element.elementor-element-8e22e43{--gap:0px 0px;}.elementor-7965 .elementor-element.elementor-element-99c770b{--n-tabs-heading-width:44%;}.elementor-7965 .elementor-element.elementor-element-0cb1b98{--n-tabs-heading-width:33%;--n-tabs-gap:20px;}.elementor-7965 .elementor-element.elementor-element-1636773{--n-tabs-heading-width:33%;--n-tabs-gap:24px;}.elementor-7965 .elementor-element.elementor-element-ad96faa{--n-menu-title-space-between:-10px;--n-menu-title-font-size:0.75rem;}.elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:880px){.elementor-7965 .elementor-element.elementor-element-8e22e43{--min-height:75px;}.elementor-7965 .elementor-element.elementor-element-505ca3c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-7965 .elementor-element.elementor-element-99c770b{--n-tabs-heading-width:35%;--n-tabs-gap:50px;}.elementor-7965 .elementor-element.elementor-element-1636773{--n-tabs-heading-width:23%;--n-tabs-gap:49px;}.elementor-7965 .elementor-element.elementor-element-ad96faa{--n-menu-title-space-between:0px;--n-menu-toggle-icon-size:28px;}}@media(max-width:768px){.elementor-7965 .elementor-element.elementor-element-c2cc7ab{--margin-top:0px;--margin-bottom:-87px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-7965 .elementor-element.elementor-element-8e22e43{--min-height:60px;--justify-content:space-between;}.elementor-7965 .elementor-element.elementor-element-f9ba636{--width:50%;}.elementor-7965 .elementor-element.elementor-element-505ca3c{--width:40%;}.elementor-7965 .elementor-element.elementor-element-99c770b{--n-tabs-gap:20px;}.elementor-7965 .elementor-element.elementor-element-1636773{--n-tabs-gap:30px;}.elementor-7965 .elementor-element.elementor-element-1636773 > .elementor-widget-container{padding:0px 0px 0px 10px;}.elementor-7965 .elementor-element.elementor-element-ad96faa{--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;}:where( .elementor-7965 .elementor-element.elementor-element-ad96faa > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .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-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-7965 .elementor-element.elementor-element-e0b4130{--width:30%;--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-end;}.elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-7965 .elementor-element.elementor-element-7bc04f8 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(min-width:769px){.elementor-7965 .elementor-element.elementor-element-f9ba636{--width:25%;}.elementor-7965 .elementor-element.elementor-element-505ca3c{--width:56%;}.elementor-7965 .elementor-element.elementor-element-5e9e615{--width:100%;}.elementor-7965 .elementor-element.elementor-element-e0b4130{--width:15%;}}@media(max-width:1470px) and (min-width:769px){.elementor-7965 .elementor-element.elementor-element-e0b4130{--width:17%;}}@media(max-width:1200px) and (min-width:769px){.elementor-7965 .elementor-element.elementor-element-f9ba636{--width:15%;}.elementor-7965 .elementor-element.elementor-element-505ca3c{--width:61%;}.elementor-7965 .elementor-element.elementor-element-e0b4130{--width:19%;}}@media(max-width:1024px) and (min-width:769px){.elementor-7965 .elementor-element.elementor-element-f9ba636{--width:15%;}.elementor-7965 .elementor-element.elementor-element-505ca3c{--width:60%;}.elementor-7965 .elementor-element.elementor-element-e0b4130{--width:22%;}}@media(max-width:880px) and (min-width:769px){.elementor-7965 .elementor-element.elementor-element-f9ba636{--width:25%;}.elementor-7965 .elementor-element.elementor-element-505ca3c{--width:70%;}.elementor-7965 .elementor-element.elementor-element-e0b4130{--width:27%;}}@media(min-width:2400px){.elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-1636773 */.elementor-7965 .elementor-element.elementor-element-1636773 .e-n-tabs-content .e-con.e-active { animation: fadeInTabs 0.8s ease forwards; } @keyframes fadeInTabs{ 0% { opacity:0; } 100% { opacity:1; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1a10981 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-4b1e773 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-1636773 */.elementor-7965 .elementor-element.elementor-element-1636773 .e-n-tabs-content .e-con.e-active { animation: fadeInTabs 0.8s ease forwards; } @keyframes fadeInTabs{ 0% { opacity:0; } 100% { opacity:1; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1a10981 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-4b1e773 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-1636773 */.elementor-7965 .elementor-element.elementor-element-1636773 .e-n-tabs-content .e-con.e-active { animation: fadeInTabs 0.8s ease forwards; } @keyframes fadeInTabs{ 0% { opacity:0; } 100% { opacity:1; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1a10981 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-4b1e773 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-1636773 */.elementor-7965 .elementor-element.elementor-element-1636773 .e-n-tabs-content .e-con.e-active { animation: fadeInTabs 0.8s ease forwards; } @keyframes fadeInTabs{ 0% { opacity:0; } 100% { opacity:1; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1a10981 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-4b1e773 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-1636773 */.elementor-7965 .elementor-element.elementor-element-1636773 .e-n-tabs-content .e-con.e-active { animation: fadeInTabs 0.8s ease forwards; } @keyframes fadeInTabs{ 0% { opacity:0; } 100% { opacity:1; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1a10981 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-4b1e773 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f792b56 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f792b56 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1c5dea2 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1c5dea2 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-99c770b *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title { transition: transform 0.3s ease-out; } .elementor-7965 .elementor-element.elementor-element-99c770b .e-n-tab-title:hover { transform: translate3d(7px, 0, 0); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-a67337e *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-a67337e .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-f95e4f4 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-f95e4f4 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-0cb1b98 *//* Add a pseudo-element to create a custom border for the active or hovered tab title */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text:after, .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .custom-tabs-border .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title { transition: transform 0 ease-out; } .elementor-7965 .elementor-element.elementor-element-0cb1b98 .e-n-tab-title:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-1636773 */.elementor-7965 .elementor-element.elementor-element-1636773 .e-n-tabs-content .e-con.e-active { animation: fadeInTabs 0.8s ease forwards; } @keyframes fadeInTabs{ 0% { opacity:0; } 100% { opacity:1; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-1a10981 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-1a10981 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-4b1e773 *//* Hover effect for .elementor-icon-list-text */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:hover:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; /* Adjust this value if necessary */ transform: translateX(-50%); width: calc(100% + 5px); /* Adjust the width based on padding or specific design */ height: 0.6px; /* The consistent thickness of the border for active/hover */ background-color: #083FD5; /* The color of the border */ transition: background-color 0.3s ease; /* Smooth transition for the border color */ } /* Ensure the text container has a relative position for the absolutely positioned pseudo-element */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text { position: relative; display: inline-block; /* Ensures width */ } /* Optional: Reset the hover effect when not hovering */ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-text:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 0; /* No border when not hovering */ height: 0.6px; background-color: transparent; transition: background-color 0.3s ease, width 0.3s ease; } /* Slide right Animation*/ .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item { transition: transform 0.2s ease-out; } .elementor-7965 .elementor-element.elementor-element-4b1e773 .elementor-icon-list-item:hover { /* Move slightly to the right on hover */ transform: translateX(7px); }/* End custom CSS */ /* Start custom CSS for mega-menu, class: .elementor-element-ad96faa */.e-n-menu-dropdown-icon-opened { display: none !important; } .e-n-menu-dropdown-icon-closed { display: flex !important; align-self: center; } .e-n-menu-dropdown-icon-closed svg { /* Ensure the transition is applied to the SVG */ transition: transform 0.3s ease !important; } .e-n-menu-dropdown-icon-closed.icon-rotate svg { /* Apply the rotation to the SVG when the icon-rotate class is present */ transform: rotate(180deg) !important; } .text-active { color: #083FD5 !important; transition: color 0.3s ease; } #e-n-menu-title-1824::after { content: "NEW"; position: absolute; top: -2px; right: -4px; letter-spacing: 0.5px; background-color: #083FD5; border-color: #083FD5; color: white; line-height: 0.2; font-family: "Helvetica Now Display", sans-serif; font-size: 8px; padding: 7px 7px 8px 6px; border-radius: 8px; margin-left: 2px; /* Add a small margin to the left */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fd991a1 *//* Target the icon within the button */ .elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-widget-container .elementor-button-icon.elementor-align-icon-right { /* Set the size of the icon */ font-size: 20px; /* Adjust the font size as needed */ margin-top: -2px; transition: transform 0.3s ease-in-out; /* Smooth transition */ } /* Apply a 45-degree rotation on hover to the icon */ .elementor-7965 .elementor-element.elementor-element-fd991a1 .elementor-widget-container:hover .elementor-button-icon.elementor-align-icon-right { /* Rotate the icon on hover */ transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8e22e43 *//* Default non-sticky header background color */ .header-desk { background-color: #f2f6ff; /* Semi-transparent color */ transition: background-color 100ms linear; /* Transition for smooth color change */ } /* Translucent/glassmorphism effect for sticky header */ .header-desk.elementor-sticky--effects { background-color: rgba(231, 238, 254, 0.69); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); } /* White background for header when dropdown is active */ .header-dropdown-active { background-color: #f2f6ff !important; } /* This CSS will only apply when the screen width is 881px or less */ .header-desk-hamburger-active { min-height: 80px !important; /* Minimum height when hamburger is active */ padding-bottom: 20px !important; /* Increased bottom padding */ margin-bottom: -20px !important; background-color: #e7eefe !important; /* Change background color when hamburger is active */ }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Helvetica Now Display'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://lms.dumi.zip/wp-content/uploads/2024/03/HelveticaNowDisplay-Light.woff2') format('woff2'); } @font-face { font-family: 'Helvetica Now Display'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://lms.dumi.zip/wp-content/uploads/2024/03/HelveticaNowDisplay-Medium.woff2') format('woff2'); } @font-face { font-family: 'Helvetica Now Display'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://lms.dumi.zip/wp-content/uploads/2024/03/HelveticaNowDisplay-Regular.woff2') format('woff2'); } @font-face { font-family: 'Helvetica Now Display'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://lms.dumi.zip/wp-content/uploads/2024/03/HelveticaNowDisplay-Bold.woff2') format('woff2'); } @font-face { font-family: 'Helvetica Now Display'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://lms.dumi.zip/wp-content/uploads/2024/03/HelveticaNowDisplay-ExtraBold.woff2') format('woff2'); } /* End Custom Fonts CSS */