.elementor-9977 .elementor-element.elementor-element-ebf1128{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-ebf1128::before, .elementor-9977 .elementor-element.elementor-element-ebf1128 > .elementor-background-video-container::before, .elementor-9977 .elementor-element.elementor-element-ebf1128 > .e-con-inner > .elementor-background-video-container::before, .elementor-9977 .elementor-element.elementor-element-ebf1128 > .elementor-background-slideshow::before, .elementor-9977 .elementor-element.elementor-element-ebf1128 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9977 .elementor-element.elementor-element-ebf1128 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.eaklab.com/wp-content/uploads/2026/09/Soft-Golden-Abstract-Gradient-Background-1.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-9977 .elementor-element.elementor-element-8c81a79{--display:flex;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9977 .elementor-element.elementor-element-e6338bb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9977 .elementor-element.elementor-element-e6338bb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9977 .elementor-element.elementor-element-e6338bb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9977 .elementor-element.elementor-element-e6338bb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9977 .elementor-element.elementor-element-e6338bb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9977 .elementor-element.elementor-element-e6338bb .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-9977 .elementor-element.elementor-element-e6338bb .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-9977 .elementor-element.elementor-element-e6338bb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9977 .elementor-element.elementor-element-e6338bb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9977 .elementor-element.elementor-element-e6338bb .elementor-icon-list-item > a{font-family:"Nunito", Sans-serif;font-weight:600;}.elementor-9977 .elementor-element.elementor-element-e6338bb .elementor-icon-list-text{color:#CBD5E1;transition:color 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9977 .elementor-element.elementor-element-b5d0806 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:800;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-434b396 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-9977 .elementor-element.elementor-element-434b396 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-9977 .elementor-element.elementor-element-434b396 .elementskit-section-title-wraper p{color:#CBD5E1;font-family:"Nunito", Sans-serif;font-size:17px;}.elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(25px/2);}.elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(25px/2);}.elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(25px/2);}.elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-25px/2);}.elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-25px/2);}.elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-icon i{color:#EA580C;transition:color 0.3s;}.elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-icon svg{fill:#EA580C;transition:fill 0.3s;}.elementor-9977 .elementor-element.elementor-element-7233f1c{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-item > a{font-family:"Nunito", Sans-serif;font-size:16px;font-weight:700;}.elementor-9977 .elementor-element.elementor-element-7233f1c .elementor-icon-list-text{color:#F8FAFC;transition:color 0.3s;}.elementor-9977 .elementor-element.elementor-element-2fc194e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9977 .elementor-element.elementor-element-c317cc8 .elementor-button{background-color:#EA580C;transition-duration:0.9s;padding:20px 20px 20px 20px;}.elementor-9977 .elementor-element.elementor-element-c317cc8 .elementor-button:hover, .elementor-9977 .elementor-element.elementor-element-c317cc8 .elementor-button:focus{background-color:#EA580C;}.elementor-9977 .elementor-element.elementor-element-54280ba{--display:flex;}.elementor-9977 .elementor-element.elementor-element-5f52c88{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-9977 .elementor-element.elementor-element-5f52c88:not(.elementor-motion-effects-element-type-background), .elementor-9977 .elementor-element.elementor-element-5f52c88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-e25ad95 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:800;color:#000000;}.elementor-9977 .elementor-element.elementor-element-ea68b28 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-9977 .elementor-element.elementor-element-ea68b28 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-9977 .elementor-element.elementor-element-ea68b28 .elementskit-section-title-wraper p{color:#000000;font-family:"Nunito", Sans-serif;font-size:17px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9977 .elementor-element.elementor-element-368ff88 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-field-type-html{padding-bottom:0px;}.elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-9977 .elementor-element.elementor-element-368ff88 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-button[type="submit"]{color:#ffffff;}.elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-9977 .elementor-element.elementor-element-368ff88 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9977 .elementor-element.elementor-element-368ff88 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-9977 .elementor-element.elementor-element-368ff88 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9977 .elementor-element.elementor-element-368ff88 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-9977 .elementor-element.elementor-element-368ff88{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-9977 .elementor-element.elementor-element-5d96fc7{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-81ba69d{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-81ba69d > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9977 .elementor-element.elementor-element-81ba69d .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-81ba69d .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-81ba69d .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-81ba69d .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-81ba69d .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-81ba69d .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-81ba69d .elementskit-section-title-wraper p{color:#212121;font-size:14px;margin:10px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-52a83e3{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:15px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-47f2138{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-66b970a.elementor-view-stacked .elementor-icon{background-color:#FFF7ED;fill:#F97316;color:#F97316;}.elementor-9977 .elementor-element.elementor-element-66b970a.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-66b970a.elementor-view-default .elementor-icon{fill:#FFF7ED;color:#FFF7ED;border-color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-66b970a.elementor-view-framed .elementor-icon{background-color:#F97316;}.elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-43e5b1c{--display:flex;}.elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-cca3437.elementor-view-stacked .elementor-icon{background-color:#F0FDFA;fill:#14B8A6;color:#14B8A6;}.elementor-9977 .elementor-element.elementor-element-cca3437.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-cca3437.elementor-view-default .elementor-icon{fill:#F0FDFA;color:#F0FDFA;border-color:#F0FDFA;}.elementor-9977 .elementor-element.elementor-element-cca3437.elementor-view-framed .elementor-icon{background-color:#14B8A6;}.elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-6460f8e{--display:flex;}.elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-84d9c96.elementor-view-stacked .elementor-icon{background-color:#EFF6FF;fill:#3B82F6;color:#3B82F6;}.elementor-9977 .elementor-element.elementor-element-84d9c96.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-84d9c96.elementor-view-default .elementor-icon{fill:#EFF6FF;color:#EFF6FF;border-color:#EFF6FF;}.elementor-9977 .elementor-element.elementor-element-84d9c96.elementor-view-framed .elementor-icon{background-color:#3B82F6;}.elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-7bcd347{--display:flex;}.elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-72a35e6.elementor-view-stacked .elementor-icon{background-color:#FAF5FF;fill:#A855F7;color:#A855F7;}.elementor-9977 .elementor-element.elementor-element-72a35e6.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-72a35e6.elementor-view-default .elementor-icon{fill:#FAF5FF;color:#FAF5FF;border-color:#FAF5FF;}.elementor-9977 .elementor-element.elementor-element-72a35e6.elementor-view-framed .elementor-icon{background-color:#A855F7;}.elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-a8f4f75{--display:flex;}.elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-4507abb.elementor-view-stacked .elementor-icon{background-color:#FEF2F2;fill:#EF4444;color:#EF4444;}.elementor-9977 .elementor-element.elementor-element-4507abb.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-4507abb.elementor-view-default .elementor-icon{fill:#FEF2F2;color:#FEF2F2;border-color:#FEF2F2;}.elementor-9977 .elementor-element.elementor-element-4507abb.elementor-view-framed .elementor-icon{background-color:#EF4444;}.elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-3798769{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-3798769:not(.elementor-motion-effects-element-type-background), .elementor-9977 .elementor-element.elementor-element-3798769 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-9977 .elementor-element.elementor-element-5e6bcb2{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9977 .elementor-element.elementor-element-dc37ac5{--display:flex;}.elementor-9977 .elementor-element.elementor-element-66c594b{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-66c594b .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-weight:900;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-66c594b .elementskit-section-title-wraper .elementskit-section-title > span{color:#18998E;}.elementor-9977 .elementor-element.elementor-element-66c594b .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#0284C7;}.elementor-9977 .elementor-element.elementor-element-66c594b .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-66c594b .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-66c594b .elementskit-section-title-wraper .elementskit-section-subtitle{color:#0284C7;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-66c594b .elementskit-section-title-wraper p{color:#51575E;}.elementor-9977 .elementor-element.elementor-element-9cee9cc{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-8f6ad8a .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:15px;}.elementor-9977 .elementor-element.elementor-element-8f6ad8a .elementor-icon{font-size:22px;}.elementor-9977 .elementor-element.elementor-element-2f2283e .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:15px;}.elementor-9977 .elementor-element.elementor-element-2f2283e .elementor-icon{font-size:22px;}.elementor-9977 .elementor-element.elementor-element-71a253a .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-71a253a .elementor-icon{font-size:22px;}.elementor-9977 .elementor-element.elementor-element-e075515 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-e075515 .elementor-icon{font-size:22px;}.elementor-9977 .elementor-element.elementor-element-e075515 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-e075515 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-9977 .elementor-element.elementor-element-84bb31f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-2d48278{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-2d48278 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9977 .elementor-element.elementor-element-2d48278 .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-2d48278 .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-2d48278 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-2d48278 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-2d48278 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-2d48278 .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-3d0ac90{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-64f08ef{--display:flex;}.elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-a90b474.elementor-view-stacked .elementor-icon{background-color:#1D1C1B;fill:#16A34A;color:#16A34A;}.elementor-9977 .elementor-element.elementor-element-a90b474.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-a90b474.elementor-view-default .elementor-icon{fill:#1D1C1B;color:#1D1C1B;border-color:#1D1C1B;}.elementor-9977 .elementor-element.elementor-element-a90b474.elementor-view-framed .elementor-icon{background-color:#16A34A;}.elementor-9977 .elementor-element.elementor-element-a90b474.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-a90b474.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-a90b474.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-a90b474.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-c2ffcce{--display:flex;}.elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-c0c0eca.elementor-view-stacked .elementor-icon{background-color:#1D1C1B;fill:#292828;color:#292828;}.elementor-9977 .elementor-element.elementor-element-c0c0eca.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-c0c0eca.elementor-view-default .elementor-icon{fill:#1D1C1B;color:#1D1C1B;border-color:#1D1C1B;}.elementor-9977 .elementor-element.elementor-element-c0c0eca.elementor-view-framed .elementor-icon{background-color:#292828;}.elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-7473ce3{--display:flex;}.elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-6025a8d.elementor-view-framed .elementor-icon{background-color:#F97316;}.elementor-9977 .elementor-element.elementor-element-6025a8d.elementor-view-stacked .elementor-icon{fill:#F97316;color:#F97316;}.elementor-9977 .elementor-element.elementor-element-6025a8d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-6025a8d.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-6025a8d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-6025a8d.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-d2f0d36{--display:flex;}.elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-df889a3.elementor-view-stacked .elementor-icon{background-color:#1D1C1B;fill:#3CB367;color:#3CB367;}.elementor-9977 .elementor-element.elementor-element-df889a3.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-df889a3.elementor-view-default .elementor-icon{fill:#1D1C1B;color:#1D1C1B;border-color:#1D1C1B;}.elementor-9977 .elementor-element.elementor-element-df889a3.elementor-view-framed .elementor-icon{background-color:#3CB367;}.elementor-9977 .elementor-element.elementor-element-df889a3.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-df889a3.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-df889a3.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-df889a3.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-7a7b894{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-74323fe{--display:flex;}.elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-6296c1f.elementor-view-stacked .elementor-icon{background-color:#1D1C1B;fill:#16A34A;color:#16A34A;}.elementor-9977 .elementor-element.elementor-element-6296c1f.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-6296c1f.elementor-view-default .elementor-icon{fill:#1D1C1B;color:#1D1C1B;border-color:#1D1C1B;}.elementor-9977 .elementor-element.elementor-element-6296c1f.elementor-view-framed .elementor-icon{background-color:#16A34A;}.elementor-9977 .elementor-element.elementor-element-6296c1f.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-6296c1f.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-6296c1f.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-6296c1f.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-f950ee2{--display:flex;}.elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-90daaf4.elementor-view-stacked .elementor-icon{background-color:#1D1C1B;fill:#F97316;color:#F97316;}.elementor-9977 .elementor-element.elementor-element-90daaf4.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-90daaf4.elementor-view-default .elementor-icon{fill:#1D1C1B;color:#1D1C1B;border-color:#1D1C1B;}.elementor-9977 .elementor-element.elementor-element-90daaf4.elementor-view-framed .elementor-icon{background-color:#F97316;}.elementor-9977 .elementor-element.elementor-element-90daaf4.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-90daaf4.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-90daaf4.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-90daaf4.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-82e9f6e{--display:flex;}.elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-4b3d9f4.elementor-view-stacked .elementor-icon{background-color:#1D1C1B;fill:#F97316;color:#F97316;}.elementor-9977 .elementor-element.elementor-element-4b3d9f4.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-4b3d9f4.elementor-view-default .elementor-icon{fill:#1D1C1B;color:#1D1C1B;border-color:#1D1C1B;}.elementor-9977 .elementor-element.elementor-element-4b3d9f4.elementor-view-framed .elementor-icon{background-color:#F97316;}.elementor-9977 .elementor-element.elementor-element-4b3d9f4.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-4b3d9f4.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-4b3d9f4.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-4b3d9f4.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-3f11e04{--display:flex;}.elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-d10b540.elementor-view-stacked .elementor-icon{background-color:#1D1C1B;fill:#3CB367;color:#3CB367;}.elementor-9977 .elementor-element.elementor-element-d10b540.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-d10b540.elementor-view-default .elementor-icon{fill:#1D1C1B;color:#1D1C1B;border-color:#1D1C1B;}.elementor-9977 .elementor-element.elementor-element-d10b540.elementor-view-framed .elementor-icon{background-color:#3CB367;}.elementor-9977 .elementor-element.elementor-element-d10b540.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-d10b540.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-d10b540.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-d10b540.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-9d87bfa{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-6ec1657{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-6ec1657 > .elementor-widget-container{padding:0px 0px -2px 0px;}.elementor-9977 .elementor-element.elementor-element-6ec1657 .elementskit-section-title-wraper .elementskit-section-title:hover{color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-6ec1657 .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:900;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-6ec1657 .elementskit-section-title-wraper .elementskit-section-title > span{color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-6ec1657 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-6ec1657 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-6ec1657 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-6ec1657 .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-6ec1657 .elementskit-section-title-wraper p{color:#FFFFFF;font-size:15px;margin:10px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-43345c8{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-9780521 .elementor-icon-box-wrapper{gap:15px;}.elementor-9977 .elementor-element.elementor-element-9780521.elementor-view-stacked .elementor-icon{background-color:#16A149;}.elementor-9977 .elementor-element.elementor-element-9780521.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-9780521.elementor-view-default .elementor-icon{fill:#16A149;color:#16A149;border-color:#16A149;}.elementor-9977 .elementor-element.elementor-element-9780521.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-9780521.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-9780521.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-9780521.elementor-view-default:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-9780521.elementor-view-framed:has(:focus) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-9780521.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-1df0849 .elementor-icon-box-wrapper{gap:15px;}.elementor-9977 .elementor-element.elementor-element-1df0849.elementor-view-stacked .elementor-icon{background-color:#16A149;}.elementor-9977 .elementor-element.elementor-element-1df0849.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-1df0849.elementor-view-default .elementor-icon{fill:#16A149;color:#16A149;border-color:#16A149;}.elementor-9977 .elementor-element.elementor-element-1df0849.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-1df0849.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-1df0849.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-1df0849.elementor-view-default:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-1df0849.elementor-view-framed:has(:focus) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-1df0849.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-824f7be .elementor-icon-box-wrapper{gap:15px;}.elementor-9977 .elementor-element.elementor-element-824f7be.elementor-view-stacked .elementor-icon{background-color:#16A149;}.elementor-9977 .elementor-element.elementor-element-824f7be.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-824f7be.elementor-view-default .elementor-icon{fill:#16A149;color:#16A149;border-color:#16A149;}.elementor-9977 .elementor-element.elementor-element-824f7be.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-824f7be.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-824f7be.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-824f7be.elementor-view-default:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-824f7be.elementor-view-framed:has(:focus) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-824f7be.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-141c83d .elementor-icon-box-wrapper{gap:15px;}.elementor-9977 .elementor-element.elementor-element-141c83d.elementor-view-stacked .elementor-icon{background-color:#16A149;}.elementor-9977 .elementor-element.elementor-element-141c83d.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-141c83d.elementor-view-default .elementor-icon{fill:#16A149;color:#16A149;border-color:#16A149;}.elementor-9977 .elementor-element.elementor-element-141c83d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-141c83d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-141c83d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-141c83d.elementor-view-default:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-141c83d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-141c83d.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-974adb3 .elementor-icon-box-wrapper{gap:15px;}.elementor-9977 .elementor-element.elementor-element-974adb3.elementor-view-stacked .elementor-icon{background-color:#16A149;}.elementor-9977 .elementor-element.elementor-element-974adb3.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-974adb3.elementor-view-default .elementor-icon{fill:#16A149;color:#16A149;border-color:#16A149;}.elementor-9977 .elementor-element.elementor-element-974adb3.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-974adb3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-974adb3.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-974adb3.elementor-view-default:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-974adb3.elementor-view-framed:has(:focus) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-974adb3.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-4fd4306{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-f169602{--display:flex;}.elementor-9977 .elementor-element.elementor-element-f169602.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9977 .elementor-element.elementor-element-6870c43{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-6870c43 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9977 .elementor-element.elementor-element-6870c43 .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-6870c43 .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-6870c43 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-6870c43 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-6870c43 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-6870c43 .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-6870c43 .elementskit-section-title-wraper p{color:#212121;font-size:14px;margin:10px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-92afadb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-9977 .elementor-element.elementor-element-92afadb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-9977 .elementor-element.elementor-element-92afadb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-9977 .elementor-element.elementor-element-92afadb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-9977 .elementor-element.elementor-element-92afadb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-9977 .elementor-element.elementor-element-92afadb .elementor-icon-list-icon i{color:#16A34A;transition:color 0.3s;}.elementor-9977 .elementor-element.elementor-element-92afadb .elementor-icon-list-icon svg{fill:#16A34A;transition:fill 0.3s;}.elementor-9977 .elementor-element.elementor-element-92afadb{--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-9977 .elementor-element.elementor-element-92afadb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9977 .elementor-element.elementor-element-92afadb .elementor-icon-list-item > a{font-family:"Nunito", Sans-serif;font-size:16px;font-weight:700;}.elementor-9977 .elementor-element.elementor-element-92afadb .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-9977 .elementor-element.elementor-element-131c780{--display:flex;}.elementor-9977 .elementor-element.elementor-element-deae30d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-fe355c1 .counter-content{text-align:right;padding:0px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-fe355c1 .counter-icon{color:#16A34A;}.elementor-9977 .elementor-element.elementor-element-fe355c1 .heading-content h2{padding:-30px -30px -30px -30px;}.elementor-9977 .elementor-element.elementor-element-b2c3697 .counter-content{text-align:right;padding:0px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-b2c3697 .counter-icon{color:#16A34A;}.elementor-9977 .elementor-element.elementor-element-b2c3697 .heading-content h2{padding:-30px -30px -30px -30px;}.elementor-9977 .elementor-element.elementor-element-bc8c6a9 .counter-content{text-align:right;padding:0px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-bc8c6a9 .counter-icon{color:#16A34A;}.elementor-9977 .elementor-element.elementor-element-bc8c6a9 .heading-content h2{padding:-30px -30px -30px -30px;}.elementor-9977 .elementor-element.elementor-element-c5c703e .counter-content{text-align:right;padding:0px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-c5c703e .counter-icon{color:#16A34A;}.elementor-9977 .elementor-element.elementor-element-c5c703e .heading-content h2{padding:-30px -30px -30px -30px;}.elementor-9977 .elementor-element.elementor-element-28db2b8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-31145cb{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-31145cb > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9977 .elementor-element.elementor-element-31145cb .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-31145cb .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-31145cb .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-31145cb .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-31145cb .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-31145cb .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-31145cb .elementskit-section-title-wraper p{color:#212121;font-size:14px;margin:10px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-0df1033{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-9e20cfc{--display:flex;}.elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-icon-box-wrapper{text-align:start;}.elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-7ab198c{--display:flex;}.elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-icon-box-wrapper{text-align:start;}.elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-b199b37{--display:flex;}.elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-icon-box-wrapper{text-align:start;}.elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-2aa6eec{--display:flex;}.elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-icon-box-wrapper{text-align:start;}.elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-27573ae{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-dc30de7{--display:flex;}.elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-icon-box-wrapper{text-align:start;}.elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-d9dedc7{--display:flex;}.elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-icon-box-wrapper{text-align:start;}.elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-c086e43{--display:flex;}.elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-icon-box-wrapper{text-align:start;}.elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-6088744{--display:flex;}.elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-icon-box-wrapper{text-align:start;}.elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-6740fd9{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-e274a18{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-e274a18 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9977 .elementor-element.elementor-element-e274a18 .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-e274a18 .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-e274a18 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-e274a18 .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-e274a18 .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-e274a18 .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-e711cb8{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-79fa534{--display:flex;}.elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-9977 .elementor-element.elementor-element-cf72fa0.elementor-view-stacked .elementor-icon{background-color:#0D9488;fill:#0D9488;color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-cf72fa0.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-cf72fa0.elementor-view-default .elementor-icon{fill:#0D9488;color:#0D9488;border-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-cf72fa0.elementor-view-framed .elementor-icon{background-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-cf72fa0.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-cf72fa0.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-cf72fa0.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-cf72fa0.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-fa6a4ee{--display:flex;}.elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-9977 .elementor-element.elementor-element-2843aed.elementor-view-stacked .elementor-icon{background-color:#0D9488;fill:#0D9488;color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-2843aed.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-2843aed.elementor-view-default .elementor-icon{fill:#0D9488;color:#0D9488;border-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-2843aed.elementor-view-framed .elementor-icon{background-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-2843aed.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-2843aed.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-2843aed.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-2843aed.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-7c425b5{--display:flex;}.elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-9977 .elementor-element.elementor-element-ef1e127.elementor-view-stacked .elementor-icon{background-color:#0D9488;fill:#0D9488;color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-ef1e127.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-ef1e127.elementor-view-default .elementor-icon{fill:#0D9488;color:#0D9488;border-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-ef1e127.elementor-view-framed .elementor-icon{background-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-ef1e127.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-ef1e127.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-ef1e127.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-ef1e127.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-e8ea20a{--display:flex;}.elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-9977 .elementor-element.elementor-element-36460e3.elementor-view-stacked .elementor-icon{background-color:#0D9488;fill:#0D9488;color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-36460e3.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-36460e3.elementor-view-default .elementor-icon{fill:#0D9488;color:#0D9488;border-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-36460e3.elementor-view-framed .elementor-icon{background-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-36460e3.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-36460e3.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-36460e3.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-36460e3.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-f3d3860{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-38b6e4e{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-38b6e4e > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9977 .elementor-element.elementor-element-38b6e4e .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-38b6e4e .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-38b6e4e .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-38b6e4e .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-38b6e4e .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-38b6e4e .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-38b6e4e .elementskit-section-title-wraper p{font-size:16px;margin:10px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:15px;--ekit_testimonial_slidetoshow:3;}.elementor-9977 .elementor-element.elementor-element-5ea9626 > .elementor-widget-container{padding:10px 0px 40px 0px;}.elementor-9977 .elementor-element.elementor-element-5ea9626 .elementkit-testimonial-col{align-self:center;}.elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider .elementskit-border-hr{width:40px;height:2px;}.elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-profile-info .elementskit-author-name{margin-bottom:0px;}.elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content .elementskit-client_logo{margin-bottom:32px;}.elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-testimonial-slider .swiper-pagination span{width:6px;height:6px;}.elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-testimonial-slider .swiper-pagination span:not(:last-child){margin-right:12px;}.elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active{width:6px;height:6px;transform:scale(1.2);}.elementor-9977 .elementor-element.elementor-element-0802a3b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-81c637a{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-81c637a > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9977 .elementor-element.elementor-element-81c637a .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-81c637a .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-81c637a .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-81c637a .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-81c637a .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-81c637a .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-81c637a .elementskit-section-title-wraper p{font-size:16px;margin:10px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-4ec0772{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-015d535{--display:flex;}.elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-18ace07.elementor-view-stacked .elementor-icon{background-color:#0D9488;fill:#0D9488;color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-18ace07.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-18ace07.elementor-view-default .elementor-icon{fill:#0D9488;color:#0D9488;border-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-18ace07.elementor-view-framed .elementor-icon{background-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-18ace07.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-18ace07.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-18ace07.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-18ace07.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon{font-size:22px;}.elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-a751975{--display:flex;}.elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-c28d5b5.elementor-view-stacked .elementor-icon{background-color:#0D9488;fill:#0D9488;color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-c28d5b5.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-c28d5b5.elementor-view-default .elementor-icon{fill:#0D9488;color:#0D9488;border-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-c28d5b5.elementor-view-framed .elementor-icon{background-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-c28d5b5.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-c28d5b5.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-c28d5b5.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-c28d5b5.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon{font-size:22px;}.elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-ccd1a7f{--display:flex;}.elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-b4c7dcf.elementor-view-stacked .elementor-icon{background-color:#0D9488;fill:#0D9488;color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-b4c7dcf.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-b4c7dcf.elementor-view-default .elementor-icon{fill:#0D9488;color:#0D9488;border-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-b4c7dcf.elementor-view-framed .elementor-icon{background-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-b4c7dcf.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-b4c7dcf.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-b4c7dcf.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-b4c7dcf.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon{font-size:22px;}.elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-ddfb835{--display:flex;}.elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-9977 .elementor-element.elementor-element-b13b9d9.elementor-view-stacked .elementor-icon{background-color:#0D9488;fill:#0D9488;color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-b13b9d9.elementor-view-framed .elementor-icon, .elementor-9977 .elementor-element.elementor-element-b13b9d9.elementor-view-default .elementor-icon{fill:#0D9488;color:#0D9488;border-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-b13b9d9.elementor-view-framed .elementor-icon{background-color:#0D9488;}.elementor-9977 .elementor-element.elementor-element-b13b9d9.elementor-view-framed:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-b13b9d9.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-b13b9d9.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-9977 .elementor-element.elementor-element-b13b9d9.elementor-view-stacked:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon{font-size:22px;}.elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-title{color:#0D0D0D;}.elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-description{color:#FFF7ED;}.elementor-9977 .elementor-element.elementor-element-a944753{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-a944753:not(.elementor-motion-effects-element-type-background), .elementor-9977 .elementor-element.elementor-element-a944753 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-9977 .elementor-element.elementor-element-06fdcbd{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-06fdcbd > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9977 .elementor-element.elementor-element-06fdcbd .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-06fdcbd .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-06fdcbd .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-06fdcbd .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-06fdcbd .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-06fdcbd .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-b86231c{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-c753bf0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-c753bf0:not(.elementor-motion-effects-element-type-background), .elementor-9977 .elementor-element.elementor-element-c753bf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-a3d563d{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-accordion-item{border-width:0px;}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-tab-title{background-color:#4AB200;padding:10px 30px 10px 30px;}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-accordion-icon, .elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-accordion-title{color:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-active .elementor-accordion-icon, .elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-active .elementor-accordion-title{color:#034460;}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-active .elementor-accordion-icon svg{fill:#034460;}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-accordion-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:28px;}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-accordion-icon{margin-inline-end:0px;}.elementor-9977 .elementor-element.elementor-element-63d8cfd .elementor-tab-content{color:#060606;font-family:"Arial", Sans-serif;font-size:15px;font-weight:400;padding:20px 50px 0px 30px;}.elementor-9977 .elementor-element.elementor-element-a1599f5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-66e72df{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-66e72df > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9977 .elementor-element.elementor-element-66e72df .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-66e72df .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-66e72df .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-66e72df .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-66e72df .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-66e72df .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-a6c70c2{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:15px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-eb40367{--display:flex;}.elementor-9977 .elementor-element.elementor-element-381632a.ekit-equal-height-enable, .elementor-9977 .elementor-element.elementor-element-381632a.ekit-equal-height-enable > div, .elementor-9977 .elementor-element.elementor-element-381632a.ekit-equal-height-enable .ekit-wid-con, .elementor-9977 .elementor-element.elementor-element-381632a.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-9977 .elementor-element.elementor-element-381632a .elementskit-btn{background-color:#02010100;margin:15px 0px 10px -15px;color:#000000;fill:#000000;}.elementor-9977 .elementor-element.elementor-element-381632a .elementskit-infobox{padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-9977 .elementor-element.elementor-element-381632a .elementskit-infobox .elementskit-info-box-title{margin:10px 0px 10px 15px;padding:0px 0px 0px 0px;color:#000000;font-size:17px;}.elementor-9977 .elementor-element.elementor-element-381632a .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-9977 .elementor-element.elementor-element-381632a .elementskit-infobox .box-body > p{color:#656565;font-size:14px;}.elementor-9977 .elementor-element.elementor-element-381632a .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-9977 .elementor-element.elementor-element-381632a .elementskit-infobox p{margin:0px 0px 0px 15px;}.elementor-9977 .elementor-element.elementor-element-381632a .elementskit-infobox .elementskit-info-box-icon{transform:rotate(0deg);}.elementor-9977 .elementor-element.elementor-element-381632a .elementskit-infobox:hover .elementskit-btn{color:#EF4444;}.elementor-9977 .elementor-element.elementor-element-4eb1b46{--display:flex;}.elementor-9977 .elementor-element.elementor-element-554a6f5.ekit-equal-height-enable, .elementor-9977 .elementor-element.elementor-element-554a6f5.ekit-equal-height-enable > div, .elementor-9977 .elementor-element.elementor-element-554a6f5.ekit-equal-height-enable .ekit-wid-con, .elementor-9977 .elementor-element.elementor-element-554a6f5.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-9977 .elementor-element.elementor-element-554a6f5 .elementskit-btn{background-color:#02010100;margin:15px 0px 10px -15px;color:#000000;fill:#000000;}.elementor-9977 .elementor-element.elementor-element-554a6f5 .elementskit-infobox{padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-9977 .elementor-element.elementor-element-554a6f5 .elementskit-infobox .elementskit-info-box-title{margin:10px 0px 10px 15px;padding:0px 0px 0px 0px;color:#000000;font-size:17px;}.elementor-9977 .elementor-element.elementor-element-554a6f5 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-9977 .elementor-element.elementor-element-554a6f5 .elementskit-infobox .box-body > p{color:#656565;font-size:14px;}.elementor-9977 .elementor-element.elementor-element-554a6f5 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-9977 .elementor-element.elementor-element-554a6f5 .elementskit-infobox p{margin:0px 0px 0px 15px;}.elementor-9977 .elementor-element.elementor-element-554a6f5 .elementskit-infobox .elementskit-info-box-icon{transform:rotate(0deg);}.elementor-9977 .elementor-element.elementor-element-554a6f5 .elementskit-infobox:hover .elementskit-btn{color:#EF4444;}.elementor-9977 .elementor-element.elementor-element-ca240b6{--display:flex;}.elementor-9977 .elementor-element.elementor-element-328de4e.ekit-equal-height-enable, .elementor-9977 .elementor-element.elementor-element-328de4e.ekit-equal-height-enable > div, .elementor-9977 .elementor-element.elementor-element-328de4e.ekit-equal-height-enable .ekit-wid-con, .elementor-9977 .elementor-element.elementor-element-328de4e.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-9977 .elementor-element.elementor-element-328de4e .elementskit-btn{background-color:#02010100;margin:15px 0px 10px -15px;color:#000000;fill:#000000;}.elementor-9977 .elementor-element.elementor-element-328de4e .elementskit-infobox{padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-9977 .elementor-element.elementor-element-328de4e .elementskit-infobox .elementskit-info-box-title{margin:10px 0px 10px 15px;padding:0px 0px 0px 0px;color:#000000;font-size:17px;}.elementor-9977 .elementor-element.elementor-element-328de4e .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-9977 .elementor-element.elementor-element-328de4e .elementskit-infobox .box-body > p{color:#656565;font-size:14px;}.elementor-9977 .elementor-element.elementor-element-328de4e .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-9977 .elementor-element.elementor-element-328de4e .elementskit-infobox p{margin:0px 0px 0px 15px;}.elementor-9977 .elementor-element.elementor-element-328de4e .elementskit-infobox .elementskit-info-box-icon{transform:rotate(0deg);}.elementor-9977 .elementor-element.elementor-element-328de4e .elementskit-infobox:hover .elementskit-btn{color:#EF4444;}.elementor-9977 .elementor-element.elementor-element-97bd72b{--display:flex;}.elementor-9977 .elementor-element.elementor-element-0355b75.ekit-equal-height-enable, .elementor-9977 .elementor-element.elementor-element-0355b75.ekit-equal-height-enable > div, .elementor-9977 .elementor-element.elementor-element-0355b75.ekit-equal-height-enable .ekit-wid-con, .elementor-9977 .elementor-element.elementor-element-0355b75.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-9977 .elementor-element.elementor-element-0355b75 .elementskit-btn{background-color:#02010100;margin:15px 0px 10px -15px;color:#000000;fill:#000000;}.elementor-9977 .elementor-element.elementor-element-0355b75 .elementskit-infobox{padding:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-9977 .elementor-element.elementor-element-0355b75 .elementskit-infobox .elementskit-info-box-title{margin:10px 0px 10px 15px;padding:0px 0px 0px 0px;color:#000000;font-size:17px;}.elementor-9977 .elementor-element.elementor-element-0355b75 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-9977 .elementor-element.elementor-element-0355b75 .elementskit-infobox .box-body > p{color:#656565;font-size:14px;}.elementor-9977 .elementor-element.elementor-element-0355b75 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-9977 .elementor-element.elementor-element-0355b75 .elementskit-infobox p{margin:0px 0px 0px 15px;}.elementor-9977 .elementor-element.elementor-element-0355b75 .elementskit-infobox .elementskit-info-box-icon{transform:rotate(0deg);}.elementor-9977 .elementor-element.elementor-element-0355b75 .elementskit-infobox:hover .elementskit-btn{color:#EF4444;}.elementor-9977 .elementor-element.elementor-element-1e57ad6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:50px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-497089e{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-497089e > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-9977 .elementor-element.elementor-element-497089e .elementskit-section-title-wraper .elementskit-section-title{margin:10px 0px 10px 0px;font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-497089e .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-497089e .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-497089e .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-497089e .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-497089e .elementskit-section-title-wraper .elementskit-section-subtitle{color:#16A34A;font-family:"Montserrat", Sans-serif;font-weight:600;letter-spacing:1.5px;}.elementor-9977 .elementor-element.elementor-element-770314e{--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;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-956dce7{--display:flex;}.elementor-9977 .elementor-element.elementor-element-ae2d608{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#2AAB5A;--border-color:#2AAB5A;--border-radius:15px 15px 15px 15px;--padding-top:-2px;--padding-bottom:-2px;--padding-left:-2px;--padding-right:-2px;}.elementor-9977 .elementor-element.elementor-element-db3bcd1{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:153px;--padding-left:0px;--padding-right:0px;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9977 .elementor-element.elementor-element-0d5ca76 .elementor-button{background-color:#61CE7000;fill:#101010;color:#101010;}.elementor-9977 .elementor-element.elementor-element-0d5ca76 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-cdb2f75{--display:flex;}.elementor-9977 .elementor-element.elementor-element-f49a9d4{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#2AAB5A;--border-color:#2AAB5A;--border-radius:15px 15px 15px 15px;--padding-top:-2px;--padding-bottom:-2px;--padding-left:-2px;--padding-right:-2px;}.elementor-9977 .elementor-element.elementor-element-7af3766{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-e487691 .elementor-button{background-color:#61CE7000;fill:#101010;color:#101010;}.elementor-9977 .elementor-element.elementor-element-ddb43ad{--display:flex;}.elementor-9977 .elementor-element.elementor-element-647e12e{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#2AAB5A;--border-color:#2AAB5A;--border-radius:15px 15px 15px 15px;--padding-top:-2px;--padding-bottom:-2px;--padding-left:-2px;--padding-right:-2px;}.elementor-9977 .elementor-element.elementor-element-1efe47b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:153px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-7c1405c .elementor-button{background-color:#61CE7000;fill:#101010;color:#101010;}.elementor-9977 .elementor-element.elementor-element-7c1405c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-9977 .elementor-element.elementor-element-6f61d64{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9977 .elementor-element.elementor-element-e8728c4{--display:flex;}.elementor-9977 .elementor-element.elementor-element-b486aef{width:100%;max-width:100%;}.elementor-9977 .elementor-element.elementor-element-b486aef .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-weight:900;letter-spacing:1px;}.elementor-9977 .elementor-element.elementor-element-b486aef .elementskit-section-title-wraper .elementskit-section-title > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-b486aef .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#F18000;}.elementor-9977 .elementor-element.elementor-element-b486aef .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-9977 .elementor-element.elementor-element-b486aef .elementskit-section-title-wraper .elementskit-section-title > span{font-family:"Montserrat", Sans-serif;font-weight:900;}.elementor-9977 .elementor-element.elementor-element-e67b80d{--display:flex;}.elementor-9977 .elementor-element.elementor-element-4556916{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-8472914 .elementor-button{background-color:#EA580C;transition-duration:0.9s;padding:20px 20px 20px 20px;}.elementor-9977 .elementor-element.elementor-element-8472914 .elementor-button:hover, .elementor-9977 .elementor-element.elementor-element-8472914 .elementor-button:focus{background-color:#EA580C;}.elementor-9977 .elementor-element.elementor-element-8472914{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-9977 .elementor-element.elementor-element-2fc194e{--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-9cee9cc{--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-43345c8{--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-deae30d{--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}.elementor-9977 .elementor-element.elementor-element-b86231c{--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-a3d563d{--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-db3bcd1{--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-7af3766{--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-1efe47b{--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-4556916{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-9977 .elementor-element.elementor-element-ebf1128{--content-width:1300px;}.elementor-9977 .elementor-element.elementor-element-2fc194e{--width:100%;}.elementor-9977 .elementor-element.elementor-element-5d96fc7{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-52a83e3{--content-width:1300px;}.elementor-9977 .elementor-element.elementor-element-3798769{--content-width:1300px;}.elementor-9977 .elementor-element.elementor-element-5e6bcb2{--width:50%;}.elementor-9977 .elementor-element.elementor-element-84bb31f{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-3d0ac90{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-7a7b894{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-9d87bfa{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-4fd4306{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-f169602{--width:46%;}.elementor-9977 .elementor-element.elementor-element-28db2b8{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-0df1033{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-27573ae{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-6740fd9{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-e711cb8{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-f3d3860{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-0802a3b{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-4ec0772{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-a1599f5{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-a6c70c2{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-1e57ad6{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-770314e{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-6f61d64{--content-width:1250px;}.elementor-9977 .elementor-element.elementor-element-e67b80d{--width:70%;}.elementor-9977 .elementor-element.elementor-element-4556916{--width:100%;}}@media(max-width:767px){.elementor-9977 .elementor-element.elementor-element-2fc194e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-9cee9cc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-43345c8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-deae30d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;}.elementor-9977 .elementor-element.elementor-element-06fdcbd > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-9977 .elementor-element.elementor-element-06fdcbd .elementskit-section-title-wraper .elementskit-section-title{font-size:25px;}.elementor-9977 .elementor-element.elementor-element-b86231c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-a3d563d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-db3bcd1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-7af3766{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-1efe47b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9977 .elementor-element.elementor-element-4556916{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-5f52c88 *//* ===================================================== COMPLETE ENQUIRY FORM CONTAINER Strong Elementor Override ===================================================== */ .elementor-9977 .elementor-element.elementor-element-5f52c88 { width: 100% !important; max-width: 100% !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 18px !important; padding: 35px 30px 25px !important; margin: 0 !important; box-shadow: 0 10px 35px rgba(15, 23, 42, 0.08), 0 2px 8px rgba(15, 23, 42, 0.04) !important; position: relative !important; overflow: hidden !important; box-sizing: border-box !important; /* Apply System UI Font globally inside the form */ font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; } /* ===================================================== TOP GRADIENT LINE ===================================================== */ .elementor-9977 .elementor-element.elementor-element-5f52c88::before { content: "" !important; position: absolute !important; top: 0 !important; left: 50% !important; transform: translateX(-50%) !important; width: 260px !important; height: 5px !important; background: linear-gradient( 90deg, #16a34a 0%, #84cc16 35%, #facc15 65%, #ff4d2e 100% ) !important; border-radius: 0 0 10px 10px !important; } /* ===================================================== HEADING & TEXT ===================================================== */ .elementor-9977 .elementor-element.elementor-element-5f52c88 h1, .elementor-9977 .elementor-element.elementor-element-5f52c88 h2, .elementor-9977 .elementor-element.elementor-element-5f52c88 h3, .elementor-9977 .elementor-element.elementor-element-5f52c88 h4, .elementor-9977 .elementor-element.elementor-element-5f52c88 h5, .elementor-9977 .elementor-element.elementor-element-5f52c88 h6, .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-heading-title { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; color: #0b1736 !important; font-size: 36px !important; font-weight: 900 !important; line-height: 1.2 !important; letter-spacing: -0.6px !important; margin: 0 0 10px 0 !important; padding: 0 !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-widget-text-editor, .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-widget-text-editor p { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; color: #667085 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.55 !important; margin: 0 0 20px 0 !important; } /* ===================================================== FORM LAYOUT & SPACING ===================================================== */ .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-form-fields-wrapper { display: flex !important; flex-wrap: wrap !important; margin: 0 -8px !important; } .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-field-group { padding: 0 8px !important; margin-bottom: 15px !important; box-sizing: border-box !important; } /* ===================================================== LABEL ===================================================== */ .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-field-group > label { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; display: block !important; color: #344054 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; } .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-field-group > label .elementor-mark-required, .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-field-group > label .elementor-field-required { color: #ef4444 !important; font-size: 14px !important; } /* ===================================================== ALL INPUTS / TEXTAREA / SELECT ===================================================== */ .elementor-9977 .elementor-element.elementor-element-5f52c88 input.elementor-field, .elementor-9977 .elementor-element.elementor-element-5f52c88 textarea.elementor-field, .elementor-9977 .elementor-element.elementor-element-5f52c88 select.elementor-field { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; width: 100% !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid #dfe4ea !important; border-radius: 8px !important; color: #1f2937 !important; font-size: 14px !important; padding: 12px 14px !important; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.03) !important; transition: all 0.2s ease !important; } .elementor-9977 .elementor-element.elementor-element-5f52c88 input.elementor-field, .elementor-9977 .elementor-element.elementor-element-5f52c88 select.elementor-field { height: 45px !important; min-height: 45px !important; } .elementor-9977 .elementor-element.elementor-element-5f52c88 textarea.elementor-field { min-height: 90px !important; height: 90px !important; resize: none !important; } .elementor-9977 .elementor-element.elementor-element-5f52c88 input.elementor-field::placeholder, .elementor-9977 .elementor-element.elementor-element-5f52c88 textarea.elementor-field::placeholder { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; color: #98a2b3 !important; font-size: 13px !important; } /* ===================================================== INPUT FOCUS ===================================================== */ .elementor-9977 .elementor-element.elementor-element-5f52c88 input.elementor-field:focus, .elementor-9977 .elementor-element.elementor-element-5f52c88 textarea.elementor-field:focus, .elementor-9977 .elementor-element.elementor-element-5f52c88 select.elementor-field:focus { border-color: #7fc63c !important; box-shadow: 0 0 0 3px rgba(127, 198, 60, 0.15) !important; outline: none !important; } /* ===================================================== SUBMIT BUTTON ===================================================== */ .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-button { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; width: calc(100% - 16px) !important; margin: 10px 8px 0 8px !important; height: 50px !important; border: 0 !important; border-radius: 11px !important; background: linear-gradient(90deg, #10b94b 0%, #65c52b 45%, #ff7a18 100%) !important; color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: 0 5px 15px rgba(16, 185, 75, 0.25) !important; transition: all 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-button:hover { background: linear-gradient(90deg, #0ca943 0%, #5bb523 45%, #ff6810 100%) !important; transform: translateY(-2px) !important; box-shadow: 0 8px 20px rgba(16, 185, 75, 0.30) !important; } /* ===================================================== FORM COLUMNS ===================================================== */ .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-field-group.elementor-column-50 { width: 50% !important; } /* ===================================================== MOBILE VIEW ===================================================== */ @media (max-width: 767px) { .elementor-9977 .elementor-element.elementor-element-5f52c88 { padding: 25px 20px 20px !important; border-radius: 16px !important; } .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-field-group.elementor-column-50 { width: 100% !important; } .elementor-9977 .elementor-element.elementor-element-5f52c88 h1, .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-heading-title { font-size: 26px !important; } .elementor-9977 .elementor-element.elementor-element-5f52c88 .elementor-button { height: 45px !important; font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ebf1128 *//* ========================================================= DIGITAL MARKETING HERO FULL RESPONSIVE ELEMENTOR CSS DESKTOP UNCHANGED MOBILE + TABLET OPTIMIZED ========================================================= */ /* ========================================================= ANIMATIONS ========================================================= */ @keyframes heroFadeLeft { from { opacity: 0; transform: translateX(-40px); } to { opacity: 1; transform: translateX(0); } } @keyframes heroFadeRight { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: translateX(0); } } @keyframes heroFloat { 0% { transform: translateY(0); } 50% { transform: translateY(-12px); } 100% { transform: translateY(0); } } /* ========================================================= MAIN HERO ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 { width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; padding: 60px 20px !important; box-sizing: border-box !important; background-color: #030712 !important; background-image: radial-gradient( circle at 85% 50%, rgba(139, 92, 246, 0.20) 0%, transparent 45% ), radial-gradient( circle at 100% 80%, rgba(59, 130, 246, 0.15) 0%, transparent 40% ) !important; color: #ffffff !important; overflow: hidden !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR GAPS ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 > .e-con-inner, .elementor-9977 .elementor-element.elementor-element-ebf1128 .e-con-inner { --gap: 0px !important; --row-gap: 0px !important; --column-gap: 0px !important; } /* ========================================================= MAIN INNER DESKTOP ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 > .e-con-inner { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 0 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 40px !important; box-sizing: border-box !important; } /* ========================================================= LEFT COLUMN ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-8c81a79 { flex: 0 0 55% !important; width: 55% !important; max-width: 55% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; row-gap: 0 !important; column-gap: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; box-sizing: border-box !important; z-index: 5 !important; } /* ========================================================= REMOVE AUTOMATIC WIDGET SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-8c81a79 > .elementor-element { margin-top: 0 !important; padding-top: 0 !important; } /* ========================================================= BREADCRUMB ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb { width: 100% !important; margin: 0 0 18px 0 !important; padding: 0 !important; min-height: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb .elementor-icon-list-items { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb .elementor-icon-list-text { margin: 0 !important; padding: 0 !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 13px !important; line-height: 1.5 !important; font-weight: 500 !important; letter-spacing: 0.3px !important; color: #000000 !important; } /* ========================================================= MAIN HEADING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806 { width: 100% !important; margin: 0 0 18px 0 !important; padding: 0 !important; min-height: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806 h1, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806 .elementor-heading-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 30px !important; line-height: 1.30 !important; font-weight: 800 !important; letter-spacing: 0.5px !important; word-spacing: normal !important; color: #000027 !important; text-align: left !important; text-transform: none !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 { width: 100% !important; margin: 0 0 22px 0 !important; padding: 0 !important; min-height: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 .ekit-heading__description { display: block !important; width: 100% !important; max-width: 520px !important; margin: 0 !important; padding: 0 !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; color: #000000 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 .ekit-heading__description p { display: block !important; margin: 0 !important; padding: 0 !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.6 !important; font-weight: 400 !important; letter-spacing: 0 !important; color: #475569 !important; } /* ========================================================= FEATURES ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c { width: 100% !important; margin: 0 0 28px 0 !important; padding: 0 !important; min-height: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-items { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 16px 24px !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-item { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-icon { width: 20px !important; height: 20px !important; min-width: 20px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; background-color: #16a34a !important; border-radius: 4px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-icon svg { width: 11px !important; height: 11px !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-text { margin: 0 !important; padding: 0 !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: 0 !important; color: #000000 !important; } /* ========================================================= BUTTON CONTAINER ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-2fc194e { width: 100% !important; max-width: 100% !important; margin: 0 0 24px 0 !important; padding: 0 !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 16px !important; grid-template-columns: none !important; } /* ========================================================= GRADIENT BUTTON ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-c317cc8 { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-c317cc8 .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 52px !important; width: auto !important; padding: 14px 32px !important; box-sizing: border-box !important; border-radius: 50px !important; border: none !important; background: linear-gradient( 135deg, #16a34a 0%, #f97316 100% ) !important; background-color: #16a34a !important; color: #ffffff !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: 0 4px 15px rgba(22, 163, 74, 0.25) !important; transition: all 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-c317cc8 .elementor-button-text { margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-c317cc8 .elementor-button:hover { background: linear-gradient( 135deg, #15803d 0%, #ea580c 100% ) !important; background-color: #15803d !important; border: none !important; color: #ffffff !important; transform: translateY(-3px) !important; box-shadow: 0 8px 25px rgba(249, 115, 22, 0.4) !important; } /* ========================================================= DARK BUTTON ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-fb5a993 { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-fb5a993 .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 52px !important; width: auto !important; padding: 14px 28px !important; box-sizing: border-box !important; border-radius: 50px !important; border: 1px solid #1e293b !important; background: transparent !important; background-color: transparent !important; color: #1e293b !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: none !important; transition: all 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-fb5a993 .elementor-button-text { margin: 0 !important; padding: 0 !important; color: #1e293b !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-fb5a993 .elementor-button:hover { background: rgba(0, 0, 0, 0.08) !important; background-color: rgba(0, 0, 0, 0.08) !important; border-color: #0f172a !important; color: #0f172a !important; transform: translateY(-3px) !important; } /* ========================================================= TRUSTED TEXT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a { width: 100% !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a .ekit-heading__description { margin: 0 !important; padding: 0 !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 500 !important; color: #94a3b8 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a .ekit-heading__description p { margin: 0 !important; padding: 0 !important; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; font-size: 14px !important; line-height: 1.5 !important; font-weight: 500 !important; color: #94a3b8 !important; } /* ========================================================= RIGHT COLUMN ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-54280ba { flex: 0 0 45% !important; width: 45% !important; max-width: 45% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; box-sizing: border-box !important; } /* ========================================================= IMAGE WIDGET ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-658b225 { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-658b225 .elementor-widget-container { width: 100% !important; max-width: 550px !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-658b225 img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; object-fit: contain !important; } /* ========================================================= IMAGE FLOAT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-658b225 { animation: heroFloat 5s ease-in-out infinite !important; } /* ========================================================= CONTENT ANIMATION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-2fc194e, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a { opacity: 0; animation: heroFadeLeft 0.8s cubic-bezier(0.25, 0.8, 0.25, 1) forwards; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb { animation-delay: 0.1s; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806 { animation-delay: 0.3s; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 { animation-delay: 0.5s; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c { animation-delay: 0.7s; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-2fc194e { animation-delay: 0.9s; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a { animation-delay: 1.1s; } /* ========================================================= IMAGE ENTRY ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-54280ba { opacity: 0; animation: heroFadeRight 1s cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s forwards; } /* ========================================================= TABLET — 1100px ========================================================= */ @media (max-width: 1100px) { .elementor-9977 .elementor-element.elementor-element-ebf1128 > .e-con-inner { gap: 25px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-8c81a79 { flex-basis: 56% !important; width: 56% !important; max-width: 56% !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-54280ba { flex-basis: 44% !important; width: 44% !important; max-width: 44% !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806 .elementor-heading-title { font-size: 48px !important; line-height: 1.15 !important; letter-spacing: -1.3px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-658b225 .elementor-widget-container { max-width: 500px !important; } } /* ========================================================= TABLET — 992px ========================================================= */ @media (max-width: 992px) { .elementor-9977 .elementor-element.elementor-element-ebf1128 { padding: 55px 28px !important; overflow: hidden !important; } /* MAIN INNER */ .elementor-9977 .elementor-element.elementor-element-ebf1128 > .e-con-inner { width: 100% !important; max-width: 760px !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 42px !important; align-items: center !important; justify-content: center !important; } /* LEFT CONTENT */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-8c81a79 { width: 100% !important; max-width: 760px !important; flex: 0 0 auto !important; align-items: center !important; text-align: center !important; } /* BREADCRUMB */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb { width: 100% !important; margin-bottom: 16px !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb .elementor-icon-list-items { justify-content: center !important; flex-wrap: wrap !important; } /* HEADING */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806 { width: 100% !important; margin-bottom: 16px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806 .elementor-heading-title { width: 100% !important; font-size: 44px !important; line-height: 1.18 !important; letter-spacing: -1px !important; text-align: center !important; } /* DESCRIPTION */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 { width: 100% !important; display: flex !important; justify-content: center !important; text-align: center !important; margin-bottom: 22px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 .ekit-heading__description { width: 100% !important; max-width: 650px !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 .ekit-heading__description p { font-size: 15px !important; line-height: 1.65 !important; text-align: center !important; } /* FEATURES */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c { width: 100% !important; margin-bottom: 25px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-items { width: 100% !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 14px 22px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-item { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; } /* BUTTONS */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-2fc194e { width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 12px !important; margin-bottom: 22px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-c317cc8, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-fb5a993 { width: auto !important; max-width: none !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-c317cc8 .elementor-button, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-fb5a993 .elementor-button { width: auto !important; } /* TRUST */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a { width: 100% !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a .ekit-heading__description { text-align: center !important; } /* IMAGE */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-54280ba { width: 100% !important; max-width: 650px !important; flex: 0 0 auto !important; margin: 0 auto !important; justify-content: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-658b225 { width: 100% !important; max-width: 650px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-658b225 .elementor-widget-container { width: 100% !important; max-width: 650px !important; margin: 0 auto !important; } } /* ========================================================= MOBILE — 576px ========================================================= */ @media (max-width: 576px) { /* MAIN */ .elementor-9977 .elementor-element.elementor-element-ebf1128 { width: 100vw !important; max-width: 100vw !important; padding: 38px 16px 42px !important; overflow: hidden !important; } /* MAIN INNER */ .elementor-9977 .elementor-element.elementor-element-ebf1128 > .e-con-inner { width: 100% !important; max-width: 100% !important; flex-direction: column !important; gap: 32px !important; align-items: center !important; justify-content: center !important; } /* ===================================================== CONTENT ===================================================== */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-8c81a79 { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; align-items: center !important; text-align: center !important; } /* ===================================================== BREADCRUMB ===================================================== */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb { width: 100% !important; margin-bottom: 14px !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb .elementor-icon-list-items { width: 100% !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 5px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-e6338bb .elementor-icon-list-text { font-size: 12px !important; line-height: 1.4 !important; } /* ===================================================== HEADING ===================================================== */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806 { width: 100% !important; margin-bottom: 14px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806 .elementor-heading-title { width: 100% !important; font-size: 34px !important; line-height: 1.16 !important; letter-spacing: -0.8px !important; text-align: center !important; word-break: normal !important; overflow-wrap: normal !important; } /* ===================================================== DESCRIPTION ===================================================== */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 { width: 100% !important; margin-bottom: 20px !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 .ekit-heading__description { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 .ekit-heading__description p { font-size: 14px !important; line-height: 1.65 !important; text-align: center !important; } /* ===================================================== FEATURES — 2 COLUMN ===================================================== */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c { width: 100% !important; margin-bottom: 22px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-items { width: 100% !important; display: grid !important; grid-template-columns: 1fr 1fr !important; grid-auto-rows: auto !important; column-gap: 12px !important; row-gap: 14px !important; align-items: center !important; justify-items: start !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-item { width: 100% !important; min-width: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-icon { width: 19px !important; height: 19px !important; min-width: 19px !important; flex-shrink: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-icon svg { width: 10px !important; height: 10px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-text { min-width: 0 !important; font-size: 13px !important; line-height: 1.35 !important; font-weight: 600 !important; white-space: normal !important; text-align: left !important; } /* ===================================================== BUTTONS — FULL WIDTH ===================================================== */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-2fc194e { width: 100% !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: center !important; gap: 11px !important; margin-bottom: 20px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-c317cc8, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-fb5a993 { width: 100% !important; max-width: 100% !important; margin: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-c317cc8 .elementor-button, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-fb5a993 .elementor-button { width: 100% !important; min-height: 50px !important; padding: 13px 20px !important; font-size: 14px !important; } /* ===================================================== TRUST TEXT ===================================================== */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a { width: 100% !important; margin: 0 !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a .ekit-heading__description { width: 100% !important; max-width: 100% !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a .ekit-heading__description p { font-size: 12px !important; line-height: 1.5 !important; text-align: center !important; } /* ===================================================== IMAGE ===================================================== */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-54280ba { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-658b225 { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-658b225 .elementor-widget-container { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-658b225 img { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; } } /* ========================================================= SMALL MOBILE — 380px ========================================================= */ @media (max-width: 380px) { .elementor-9977 .elementor-element.elementor-element-ebf1128 { padding: 32px 13px 36px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 > .e-con-inner { gap: 28px !important; } /* HEADING */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-b5d0806 .elementor-heading-title { font-size: 30px !important; line-height: 1.15 !important; letter-spacing: -0.6px !important; } /* DESCRIPTION */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-434b396 .ekit-heading__description p { font-size: 13.5px !important; line-height: 1.6 !important; } /* FEATURES */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-items { column-gap: 8px !important; row-gap: 12px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-text { font-size: 12px !important; } .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-7233f1c .elementor-icon-list-icon { width: 18px !important; height: 18px !important; min-width: 18px !important; } /* BUTTONS */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-c317cc8 .elementor-button, .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-fb5a993 .elementor-button { min-height: 48px !important; padding: 12px 16px !important; font-size: 13px !important; } /* TRUST */ .elementor-9977 .elementor-element.elementor-element-ebf1128 .elementor-element-eb9e21a .ekit-heading__description p { font-size: 11.5px !important; } } ```/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-66b970a *//* ========================================================= ELEMENTOR ICON BOX — COMPLETE CUSTOM CSS ========================================================= */ /* ---------- BASE RESET ---------- */ .elementor-9977 .elementor-element.elementor-element-66b970a, .elementor-9977 .elementor-element.elementor-element-66b970a * { box-sizing: border-box !important; } /* ========================================================= CARD ========================================================= */ .elementor-9977 .elementor-element.elementor-element-66b970a { width: 100% !important; height: 100% !important; background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 20px 20px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } /* ---------- CARD HOVER ---------- */ .elementor-9977 .elementor-element.elementor-element-66b970a:hover { transform: translateY(-5px) !important; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10) !important; border-color: #cbd5e1 !important; } /* ========================================================= ICON AREA ========================================================= */ .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon { display: block !important; margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ========================================================= ICON IMPORTANT: No fixed color/background here. Elementor Style > Icon colors will work. ========================================================= */ .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease !important; } /* ---------- ICON SVG SIZE ---------- */ .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon svg { width: 26px !important; height: 26px !important; display: block !important; } /* IMPORTANT: Don't force stroke/fill colors. Elementor's Icon Color controls them. */ .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon svg rect { transition: fill 0.3s ease, stroke 0.3s ease !important; } /* ---------- ICON HOVER ---------- */ .elementor-9977 .elementor-element.elementor-element-66b970a:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-2px) !important; } /* ========================================================= ICON BOX CONTENT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-wrapper { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= TITLE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* Main title */ .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-title { margin: 0 0 10px 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; color: #0f172a !important; } /* ========================================================= TITLE LINK ========================================================= */ .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-title a { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; color: #0f172a !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-description { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.6 !important; letter-spacing: 0 !important; text-transform: none !important; color: #475569 !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon a { margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-9977 .elementor-element.elementor-element-66b970a { padding: 25px 18px !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-title a { font-size: 16px !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-description { font-size: 14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-66b970a { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon { margin-bottom: 16px !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 21px !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-title a { font-size: 16px !important; line-height: 1.3 !important; } .elementor-9977 .elementor-element.elementor-element-66b970a .elementor-icon-box-description { font-size: 14px !important; line-height: 1.6 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cca3437 *//* ========================================================= ELEMENTOR ICON BOX — COMPLETE CUSTOM CSS ========================================================= */ /* ---------- BASE RESET ---------- */ .elementor-9977 .elementor-element.elementor-element-cca3437, .elementor-9977 .elementor-element.elementor-element-cca3437 * { box-sizing: border-box !important; } /* ========================================================= CARD ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cca3437 { width: 100% !important; height: 100% !important; background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 20px 20px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } /* ---------- CARD HOVER ---------- */ .elementor-9977 .elementor-element.elementor-element-cca3437:hover { transform: translateY(-5px) !important; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10) !important; border-color: #cbd5e1 !important; } /* ========================================================= ICON AREA ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon { display: block !important; margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ========================================================= ICON IMPORTANT: No fixed color/background here. Elementor Style > Icon colors will work. ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease !important; } /* ---------- ICON SVG SIZE ---------- */ .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon svg { width: 26px !important; height: 26px !important; display: block !important; } /* IMPORTANT: Don't force stroke/fill colors. Elementor's Icon Color controls them. */ .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon svg rect { transition: fill 0.3s ease, stroke 0.3s ease !important; } /* ---------- ICON HOVER ---------- */ .elementor-9977 .elementor-element.elementor-element-cca3437:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-2px) !important; } /* ========================================================= ICON BOX CONTENT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-wrapper { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= TITLE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* Main title */ .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-title { margin: 0 0 10px 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; color: #0f172a !important; } /* ========================================================= TITLE LINK ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-title a { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; color: #0f172a !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-description { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.6 !important; letter-spacing: 0 !important; text-transform: none !important; color: #475569 !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon a { margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-9977 .elementor-element.elementor-element-cca3437 { padding: 25px 18px !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-title a { font-size: 16px !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-description { font-size: 14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-cca3437 { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon { margin-bottom: 16px !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 21px !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-title a { font-size: 16px !important; line-height: 1.3 !important; } .elementor-9977 .elementor-element.elementor-element-cca3437 .elementor-icon-box-description { font-size: 14px !important; line-height: 1.6 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-84d9c96 *//* ========================================================= ELEMENTOR ICON BOX — COMPLETE CUSTOM CSS ========================================================= */ /* ---------- BASE RESET ---------- */ .elementor-9977 .elementor-element.elementor-element-84d9c96, .elementor-9977 .elementor-element.elementor-element-84d9c96 * { box-sizing: border-box !important; } /* ========================================================= CARD ========================================================= */ .elementor-9977 .elementor-element.elementor-element-84d9c96 { width: 100% !important; height: 100% !important; background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 20px 20px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } /* ---------- CARD HOVER ---------- */ .elementor-9977 .elementor-element.elementor-element-84d9c96:hover { transform: translateY(-5px) !important; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10) !important; border-color: #cbd5e1 !important; } /* ========================================================= ICON AREA ========================================================= */ .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon { display: block !important; margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ========================================================= ICON IMPORTANT: No fixed color/background here. Elementor Style > Icon colors will work. ========================================================= */ .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease !important; } /* ---------- ICON SVG SIZE ---------- */ .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon svg { width: 26px !important; height: 26px !important; display: block !important; } /* IMPORTANT: Don't force stroke/fill colors. Elementor's Icon Color controls them. */ .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon svg rect { transition: fill 0.3s ease, stroke 0.3s ease !important; } /* ---------- ICON HOVER ---------- */ .elementor-9977 .elementor-element.elementor-element-84d9c96:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-2px) !important; } /* ========================================================= ICON BOX CONTENT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-wrapper { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= TITLE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* Main title */ .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-title { margin: 0 0 10px 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; color: #0f172a !important; } /* ========================================================= TITLE LINK ========================================================= */ .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-title a { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; color: #0f172a !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-description { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.6 !important; letter-spacing: 0 !important; text-transform: none !important; color: #475569 !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon a { margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-9977 .elementor-element.elementor-element-84d9c96 { padding: 25px 18px !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-title a { font-size: 16px !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-description { font-size: 14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-84d9c96 { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon { margin-bottom: 16px !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 21px !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-title a { font-size: 16px !important; line-height: 1.3 !important; } .elementor-9977 .elementor-element.elementor-element-84d9c96 .elementor-icon-box-description { font-size: 14px !important; line-height: 1.6 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-72a35e6 *//* ========================================================= ELEMENTOR ICON BOX — COMPLETE CUSTOM CSS ========================================================= */ /* ---------- BASE RESET ---------- */ .elementor-9977 .elementor-element.elementor-element-72a35e6, .elementor-9977 .elementor-element.elementor-element-72a35e6 * { box-sizing: border-box !important; } /* ========================================================= CARD ========================================================= */ .elementor-9977 .elementor-element.elementor-element-72a35e6 { width: 100% !important; height: 100% !important; background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 20px 20px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } /* ---------- CARD HOVER ---------- */ .elementor-9977 .elementor-element.elementor-element-72a35e6:hover { transform: translateY(-5px) !important; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10) !important; border-color: #cbd5e1 !important; } /* ========================================================= ICON AREA ========================================================= */ .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon { display: block !important; margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ========================================================= ICON IMPORTANT: No fixed color/background here. Elementor Style > Icon colors will work. ========================================================= */ .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease !important; } /* ---------- ICON SVG SIZE ---------- */ .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon svg { width: 26px !important; height: 26px !important; display: block !important; } /* IMPORTANT: Don't force stroke/fill colors. Elementor's Icon Color controls them. */ .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon svg rect { transition: fill 0.3s ease, stroke 0.3s ease !important; } /* ---------- ICON HOVER ---------- */ .elementor-9977 .elementor-element.elementor-element-72a35e6:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-2px) !important; } /* ========================================================= ICON BOX CONTENT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-wrapper { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= TITLE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* Main title */ .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-title { margin: 0 0 10px 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; color: #0f172a !important; } /* ========================================================= TITLE LINK ========================================================= */ .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-title a { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; color: #0f172a !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-description { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.6 !important; letter-spacing: 0 !important; text-transform: none !important; color: #475569 !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon a { margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-9977 .elementor-element.elementor-element-72a35e6 { padding: 25px 18px !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-title a { font-size: 16px !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-description { font-size: 14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-72a35e6 { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon { margin-bottom: 16px !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 21px !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-title a { font-size: 16px !important; line-height: 1.3 !important; } .elementor-9977 .elementor-element.elementor-element-72a35e6 .elementor-icon-box-description { font-size: 14px !important; line-height: 1.6 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4507abb *//* ========================================================= ELEMENTOR ICON BOX — COMPLETE CUSTOM CSS ========================================================= */ /* ---------- BASE RESET ---------- */ .elementor-9977 .elementor-element.elementor-element-4507abb, .elementor-9977 .elementor-element.elementor-element-4507abb * { box-sizing: border-box !important; } /* ========================================================= CARD ========================================================= */ .elementor-9977 .elementor-element.elementor-element-4507abb { width: 100% !important; height: 100% !important; background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 20px 20px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } /* ---------- CARD HOVER ---------- */ .elementor-9977 .elementor-element.elementor-element-4507abb:hover { transform: translateY(-5px) !important; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10) !important; border-color: #cbd5e1 !important; } /* ========================================================= ICON AREA ========================================================= */ .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon { display: block !important; margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ========================================================= ICON IMPORTANT: No fixed color/background here. Elementor Style > Icon colors will work. ========================================================= */ .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease !important; } /* ---------- ICON SVG SIZE ---------- */ .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon svg { width: 26px !important; height: 26px !important; display: block !important; } /* IMPORTANT: Don't force stroke/fill colors. Elementor's Icon Color controls them. */ .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon svg rect { transition: fill 0.3s ease, stroke 0.3s ease !important; } /* ---------- ICON HOVER ---------- */ .elementor-9977 .elementor-element.elementor-element-4507abb:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-2px) !important; } /* ========================================================= ICON BOX CONTENT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-wrapper { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= TITLE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* Main title */ .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-title { margin: 0 0 10px 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; color: #0f172a !important; } /* ========================================================= TITLE LINK ========================================================= */ .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-title a { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 17px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important; color: #0f172a !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-description { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.6 !important; letter-spacing: 0 !important; text-transform: none !important; color: #475569 !important; } /* ========================================================= REMOVE DEFAULT ELEMENTOR SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon a { margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .elementor-9977 .elementor-element.elementor-element-4507abb { padding: 25px 18px !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-title a { font-size: 16px !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-description { font-size: 14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-4507abb { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon { margin-bottom: 16px !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 21px !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-title a { font-size: 16px !important; line-height: 1.3 !important; } .elementor-9977 .elementor-element.elementor-element-4507abb .elementor-icon-box-description { font-size: 14px !important; line-height: 1.6 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52a83e3 */.elementor-9977 .elementor-element.elementor-element-52a83e3 { align-items: stretch !important; } .elementor-9977 .elementor-element.elementor-element-52a83e3 .e-con { align-self: stretch !important; } .elementor-9977 .elementor-element.elementor-element-52a83e3 .e-con > .e-con { height: auto !important; min-height: 100% !important; align-self: stretch !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3798769 *//* ========================================================= EAKLAB SOLUTIONS - LOGO MATCHED COLOR THEME ICON BOX: ICON TOP → HEADING → TEXT ========================================================= */ @keyframes eak-slide-left { 0% { opacity: 0; transform: translateX(-50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes eak-slide-right { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes eak-pulse-glow { 0% { box-shadow: 0 0 5px rgba(34, 197, 94, 0.2); } 50% { box-shadow: 0 0 20px rgba(34, 197, 94, 0.4); } 100% { box-shadow: 0 0 5px rgba(34, 197, 94, 0.2); } } /* ========================================================= GLOBAL ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769, .elementor-9977 .elementor-element.elementor-element-3798769 * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } /* ========================================================= MAIN SECTION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 { width: 100% !important; max-width: 1300px !important; margin: 0 auto !important; padding: 40px 10px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 30px !important; background-color: #f8fafc !important; overflow: visible !important; } /* ========================================================= LEFT IMAGE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-5e6bcb2 { width: 35% !important; max-width: 35% !important; flex: 0 0 35% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; position: relative !important; overflow: visible !important; animation: eak-slide-left 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-ce6418a { width: 100% !important; padding: 0 !important; margin: 0 !important; position: relative !important; z-index: 2 !important; overflow: visible !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-ce6418a .elementor-widget-container { width: 100% !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-ce6418a img { width: 100% !important; max-width: 400px !important; height: auto !important; display: block !important; margin: 0 auto !important; object-fit: contain !important; transition: transform 0.5s ease, filter 0.5s ease !important; filter: drop-shadow(0 15px 25px rgba(0,0,0,0.08)) !important; transform: scale(1) rotate(0deg) !important; will-change: transform, filter !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-5e6bcb2:hover .elementor-element-ce6418a img { transform: scale(1.04) rotate(1deg) !important; filter: drop-shadow( 0 20px 30px rgba(34,197,94,0.25) ) !important; } /* ========================================================= RIGHT CONTENT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-dc37ac5 { width: 65% !important; max-width: 65% !important; flex: 0 0 65% !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; animation: eak-slide-right 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards !important; } /* ========================================================= MAIN HEADING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-66c594b { width: 100% !important; padding: 0 !important; margin: 0 0 30px 0 !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-66c594b .elementskit-section-subtitle { color: #16a34a !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; margin: 0 0 5px 0 !important; padding: 0 !important; display: block !important; line-height: 1.4 !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-66c594b .ekit-heading--title { font-size: 30px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 10px 0 !important; padding: 0 !important; line-height: 1.2 !important; letter-spacing: -0.5px !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-66c594b .ekit-heading--title span { color: #16a34a !important; transition: color 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-66c594b .ekit-heading--title span:hover { color: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-66c594b .ekit-heading__description { margin: 0 !important; padding: 0 !important; max-width: 90% !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-66c594b .ekit-heading__description p { font-size: 15px !important; color: #475569 !important; line-height: 1.6 !important; margin: 0 !important; padding: 0 !important; font-weight: 400 !important; } /* ========================================================= ICON BOX GRID ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc { width: 100% !important; max-width: 100% !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; padding: 0 !important; margin: 0 !important; align-items: stretch !important; } /* ========================================================= ICON BOX CARD ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-widget-icon-box { width: 100% !important; height: 100% !important; min-width: 0 !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; background: #ffffff !important; padding: 010px 10px !important; margin: 0 !important; border-radius: 12px !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02) !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } /* ========================================================= CARD HOVER ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-widget-icon-box:hover { transform: translateY(-5px) scale(1.02) !important; background: #ffffff !important; border-color: #bbf7d0 !important; box-shadow: 0 20px 35px -10px rgba(22,163,74,0.15) !important; animation: eak-pulse-glow 2s infinite !important; } /* ========================================================= ICON BOX WRAPPER IMPORTANT: ROW → COLUMN ICON TOP HEADING BELOW TEXT BELOW HEADING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-icon-box-wrapper { width: 100% !important; height: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; text-align: center !important; } /* ========================================================= ICON ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-icon-box-icon { width: 45px !important; height: 45px !important; min-width: 45px !important; min-height: 45px !important; max-width: 45px !important; max-height: 45px !important; flex-shrink: 0 !important; margin: 0 0 4px 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; } /* ========================================================= ICON CIRCLE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-icon-box-icon .elementor-icon { width: 45px !important; height: 45px !important; min-width: 45px !important; min-height: 45px !important; max-width: 45px !important; max-height: 45px !important; border-radius: 50% !important; background-color: #f8fafc !important; box-shadow: 0 2px 5px rgba(0,0,0,0.04) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; transition: all 0.4s ease !important; } /* ========================================================= SVG ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-icon-box-icon svg { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; max-width: 22px !important; max-height: 22px !important; display: block !important; margin: auto !important; overflow: visible !important; } /* ========================================================= ICON COLORS ========================================================= */ /* 1st Icon - Bright Green */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-8f6ad8a .elementor-icon { color: #16a34a !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-8f6ad8a svg { fill: #16a34a !important; color: #16a34a !important; } /* 2nd Icon - Lime */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-2f2283e .elementor-icon { color: #84cc16 !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-2f2283e svg { fill: #84cc16 !important; color: #84cc16 !important; } /* 3rd Icon - Orange */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-71a253a .elementor-icon { color: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-71a253a svg { fill: #f97316 !important; color: #f97316 !important; } /* 4th Icon - Red */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-e075515 .elementor-icon { color: #ef4444 !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-e075515 svg { fill: #ef4444 !important; color: #ef4444 !important; } /* ========================================================= ICON HOVER ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-widget-icon-box:hover .elementor-icon { background-color: #f0fdf4 !important; transform: scale(1.1) rotate(-5deg) !important; color: #16a34a !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-widget-icon-box:hover svg { fill: #16a34a !important; color: #16a34a !important; } /* ========================================================= CONTENT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-icon-box-content { width: 100% !important; min-width: 0 !important; flex: 1 !important; display: flex !important; flex-direction: column !important; align-items: center !important; padding: 0 !important; margin: 0 !important; } /* ========================================================= ICON BOX HEADING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-icon-box-title { width: 100% !important; font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 6px 0 !important; padding: 0 !important; line-height: 1.3 !important; transition: color 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-widget-icon-box:hover .elementor-icon-box-title { color: #16a34a !important; } /* ========================================================= ICON BOX DESCRIPTION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-icon-box-description { width: 100% !important; font-size: 14px !important; color: #64748b !important; line-height: 1.5 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1100px) { .elementor-9977 .elementor-element.elementor-element-3798769 { padding: 40px 20px !important; gap: 30px !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-5e6bcb2 { width: 35% !important; max-width: 35% !important; flex-basis: 35% !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-dc37ac5 { width: 65% !important; max-width: 65% !important; flex-basis: 65% !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-66c594b .ekit-heading--title { font-size: 36px !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } } /* ========================================================= MOBILE / TABLET ========================================================= */ @media (max-width: 900px) { .elementor-9977 .elementor-element.elementor-element-3798769 { flex-direction: column !important; text-align: center !important; gap: 40px !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-5e6bcb2, .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-dc37ac5 { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-dc37ac5 { align-items: center !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-66c594b .ekit-heading__description { max-width: 100% !important; margin: 0 auto !important; } /* Keep icon boxes centered */ .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-widget-icon-box { text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-icon-box-wrapper { align-items: center !important; text-align: center !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 550px) { .elementor-9977 .elementor-element.elementor-element-3798769 { padding: 35px 15px !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-66c594b .ekit-heading--title { font-size: 30px !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc { grid-template-columns: 1fr !important; gap: 15px !important; } .elementor-9977 .elementor-element.elementor-element-3798769 .elementor-element-9cee9cc .elementor-widget-icon-box { padding: 22px 18px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a90b474 *//* ========================================= ANIMATIONS & EFFECTS ========================================= */ @keyframes serviceCardFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* ========================================= BASE STYLING & RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-a90b474, .elementor-9977 .elementor-element.elementor-element-a90b474 * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-a90b474 { width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 30px 24px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important; animation: serviceCardFade 0.6s ease-out forwards !important; } /* ========================================= CARD HOVER (Matched to Logo Green/Orange Theme) ========================================= */ .elementor-9977 .elementor-element.elementor-element-a90b474:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px -10px rgba(22, 163, 74, 0.12) !important; border-color: #16a34a !important; } /* ========================================= ELEMENTOR DEFAULT RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon { margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ICON BOX (Logo Green Accent Background & Color) */ .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 12px !important; background-color: #f0fdf4 !important; color: #16a34a !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: all 0.3s ease !important; } /* ========================================= SVG ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; display: block !important; stroke-width: 2 !important; color: #16a34a !important; } /* SVG PATH */ .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon .elementor-icon svg rect { stroke: #16a34a !important; stroke-width: 2 !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-a90b474:hover .elementor-icon-box-icon .elementor-icon { background-color: #16a34a !important; color: #ffffff !important; transform: scale(1.1) rotate(5deg) !important; } /* SVG HOVER */ .elementor-9977 .elementor-element.elementor-element-a90b474:hover .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-a90b474:hover .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-a90b474:hover .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-a90b474:hover .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-a90b474:hover .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-a90b474:hover .elementor-icon-box-icon .elementor-icon svg rect { stroke: #ffffff !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-title { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; padding: 0 !important; line-height: 1.3 !important; } /* TITLE LINK */ .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-title a { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.3 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-description { font-size: 15px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.6 !important; margin: 0 !important; padding: 0 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) { .elementor-9977 .elementor-element.elementor-element-a90b474 { padding: 28px 22px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9977 .elementor-element.elementor-element-a90b474 { padding: 25px 20px !important; border-radius: 14px !important; } .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-description { font-size: 14px !important; } } @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-a90b474 { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-a90b474 .elementor-icon-box-title a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c0c0eca *//* ========================================= ANIMATIONS & EFFECTS ========================================= */ @keyframes serviceCardFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* ========================================= BASE STYLING & RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-c0c0eca, .elementor-9977 .elementor-element.elementor-element-c0c0eca * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-c0c0eca { width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 30px 24px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important; animation: serviceCardFade 0.6s ease-out forwards !important; } /* ========================================= CARD HOVER (Matched to Logo Orange/Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-c0c0eca:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px -10px rgba(249, 115, 22, 0.15) !important; border-color: #f97316 !important; } /* ========================================= ELEMENTOR DEFAULT RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon { margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ICON BOX (Logo Orange/Red Accent Background & Color) */ .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 12px !important; background-color: #fff7ed !important; color: #f97316 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: all 0.3s ease !important; } /* ========================================= SVG ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; display: block !important; stroke-width: 2 !important; color: #f97316 !important; } /* SVG PATH */ .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon .elementor-icon svg rect { stroke: #f97316 !important; stroke-width: 2 !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-c0c0eca:hover .elementor-icon-box-icon .elementor-icon { background-color: #f97316 !important; color: #ffffff !important; transform: scale(1.1) rotate(5deg) !important; } /* SVG HOVER */ .elementor-9977 .elementor-element.elementor-element-c0c0eca:hover .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-c0c0eca:hover .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-c0c0eca:hover .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-c0c0eca:hover .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-c0c0eca:hover .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-c0c0eca:hover .elementor-icon-box-icon .elementor-icon svg rect { stroke: #ffffff !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-title { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; padding: 0 !important; line-height: 1.3 !important; } /* TITLE LINK */ .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-title a { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.3 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-description { font-size: 15px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.6 !important; margin: 0 !important; padding: 0 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) { .elementor-9977 .elementor-element.elementor-element-c0c0eca { padding: 28px 22px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9977 .elementor-element.elementor-element-c0c0eca { padding: 25px 20px !important; border-radius: 14px !important; } .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-description { font-size: 14px !important; } } @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-c0c0eca { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-c0c0eca .elementor-icon-box-title a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6025a8d *//* ========================================= ANIMATIONS & EFFECTS ========================================= */ @keyframes serviceCardFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* ========================================= BASE STYLING & RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-6025a8d, .elementor-9977 .elementor-element.elementor-element-6025a8d * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-6025a8d { width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 30px 24px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important; animation: serviceCardFade 0.6s ease-out forwards !important; } /* ========================================= CARD HOVER (Matched to Logo Orange/Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-6025a8d:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px -10px rgba(249, 115, 22, 0.15) !important; border-color: #f97316 !important; } /* ========================================= ELEMENTOR DEFAULT RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon { margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ICON BOX (Logo Orange/Red Accent Background & Color) */ .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 12px !important; background-color: #fff7ed !important; color: #f97316 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: all 0.3s ease !important; } /* ========================================= SVG ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; display: block !important; stroke-width: 2 !important; color: #f97316 !important; } /* SVG PATH */ .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon .elementor-icon svg rect { stroke: #f97316 !important; stroke-width: 2 !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-6025a8d:hover .elementor-icon-box-icon .elementor-icon { background-color: #f97316 !important; color: #ffffff !important; transform: scale(1.1) rotate(5deg) !important; } /* SVG HOVER */ .elementor-9977 .elementor-element.elementor-element-6025a8d:hover .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-6025a8d:hover .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-6025a8d:hover .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-6025a8d:hover .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-6025a8d:hover .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-6025a8d:hover .elementor-icon-box-icon .elementor-icon svg rect { stroke: #ffffff !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-title { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; padding: 0 !important; line-height: 1.3 !important; } /* TITLE LINK */ .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-title a { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.3 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-description { font-size: 15px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.6 !important; margin: 0 !important; padding: 0 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) { .elementor-9977 .elementor-element.elementor-element-6025a8d { padding: 28px 22px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9977 .elementor-element.elementor-element-6025a8d { padding: 25px 20px !important; border-radius: 14px !important; } .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-description { font-size: 14px !important; } } @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-6025a8d { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-6025a8d .elementor-icon-box-title a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-df889a3 *//* ========================================= ANIMATIONS & EFFECTS ========================================= */ @keyframes serviceCardFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* ========================================= BASE STYLING & RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-df889a3, .elementor-9977 .elementor-element.elementor-element-df889a3 * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-df889a3 { width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 30px 24px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important; animation: serviceCardFade 0.6s ease-out forwards !important; } /* ========================================= CARD HOVER (Matched to Logo Green/Orange Theme) ========================================= */ .elementor-9977 .elementor-element.elementor-element-df889a3:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px -10px rgba(22, 163, 74, 0.12) !important; border-color: #16a34a !important; } /* ========================================= ELEMENTOR DEFAULT RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon { margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ICON BOX (Logo Green Accent Background & Color) */ .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 12px !important; background-color: #f0fdf4 !important; color: #16a34a !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: all 0.3s ease !important; } /* ========================================= SVG ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; display: block !important; stroke-width: 2 !important; color: #16a34a !important; } /* SVG PATH */ .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon .elementor-icon svg rect { stroke: #16a34a !important; stroke-width: 2 !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-df889a3:hover .elementor-icon-box-icon .elementor-icon { background-color: #16a34a !important; color: #ffffff !important; transform: scale(1.1) rotate(5deg) !important; } /* SVG HOVER */ .elementor-9977 .elementor-element.elementor-element-df889a3:hover .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-df889a3:hover .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-df889a3:hover .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-df889a3:hover .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-df889a3:hover .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-df889a3:hover .elementor-icon-box-icon .elementor-icon svg rect { stroke: #ffffff !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-title { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; padding: 0 !important; line-height: 1.3 !important; } /* TITLE LINK */ .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-title a { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.3 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-description { font-size: 15px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.6 !important; margin: 0 !important; padding: 0 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) { .elementor-9977 .elementor-element.elementor-element-df889a3 { padding: 28px 22px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9977 .elementor-element.elementor-element-df889a3 { padding: 25px 20px !important; border-radius: 14px !important; } .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-description { font-size: 14px !important; } } @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-df889a3 { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-df889a3 .elementor-icon-box-title a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d0ac90 */.elementor-9977 .elementor-element.elementor-element-3d0ac90 { align-items: stretch !important; } .elementor-9977 .elementor-element.elementor-element-3d0ac90 .e-con { align-self: stretch !important; } .elementor-9977 .elementor-element.elementor-element-3d0ac90 .e-con > .e-con { height: auto !important; min-height: 100% !important; align-self: stretch !important; } /* Fix text going outside the card */ .elementor-9977 .elementor-element.elementor-element-3d0ac90 .elementor-widget, .elementor-9977 .elementor-element.elementor-element-3d0ac90 .elementor-widget-container, .elementor-9977 .elementor-element.elementor-element-3d0ac90 .elementor-widget-text-editor, .elementor-9977 .elementor-element.elementor-element-3d0ac90 .elementor-widget-text-editor p, .elementor-9977 .elementor-element.elementor-element-3d0ac90 .elementor-widget-heading, .elementor-9977 .elementor-element.elementor-element-3d0ac90 .elementor-heading-title { min-width: 0 !important; max-width: 100% !important; width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6296c1f *//* ========================================= ANIMATIONS & EFFECTS ========================================= */ @keyframes serviceCardFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* ========================================= BASE STYLING & RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-6296c1f, .elementor-9977 .elementor-element.elementor-element-6296c1f * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-6296c1f { width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 30px 24px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important; animation: serviceCardFade 0.6s ease-out forwards !important; } /* ========================================= CARD HOVER (Matched to Logo Green/Orange Theme) ========================================= */ .elementor-9977 .elementor-element.elementor-element-6296c1f:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px -10px rgba(22, 163, 74, 0.12) !important; border-color: #16a34a !important; } /* ========================================= ELEMENTOR DEFAULT RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon { margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ICON BOX (Logo Green Accent Background & Color) */ .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 12px !important; background-color: #f0fdf4 !important; color: #16a34a !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: all 0.3s ease !important; } /* ========================================= SVG ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; display: block !important; stroke-width: 2 !important; color: #16a34a !important; } /* SVG PATH */ .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon .elementor-icon svg rect { stroke: #16a34a !important; stroke-width: 2 !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-6296c1f:hover .elementor-icon-box-icon .elementor-icon { background-color: #16a34a !important; color: #ffffff !important; transform: scale(1.1) rotate(5deg) !important; } /* SVG HOVER */ .elementor-9977 .elementor-element.elementor-element-6296c1f:hover .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-6296c1f:hover .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-6296c1f:hover .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-6296c1f:hover .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-6296c1f:hover .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-6296c1f:hover .elementor-icon-box-icon .elementor-icon svg rect { stroke: #ffffff !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-title { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; padding: 0 !important; line-height: 1.3 !important; } /* TITLE LINK */ .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-title a { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.3 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-description { font-size: 15px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.6 !important; margin: 0 !important; padding: 0 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) { .elementor-9977 .elementor-element.elementor-element-6296c1f { padding: 28px 22px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9977 .elementor-element.elementor-element-6296c1f { padding: 25px 20px !important; border-radius: 14px !important; } .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-description { font-size: 14px !important; } } @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-6296c1f { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-6296c1f .elementor-icon-box-title a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-90daaf4 *//* ========================================= ANIMATIONS & EFFECTS ========================================= */ @keyframes serviceCardFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* ========================================= BASE STYLING & RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-90daaf4, .elementor-9977 .elementor-element.elementor-element-90daaf4 * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-90daaf4 { width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 30px 24px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important; animation: serviceCardFade 0.6s ease-out forwards !important; } /* ========================================= CARD HOVER (Matched to Logo Orange/Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-90daaf4:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px -10px rgba(249, 115, 22, 0.15) !important; border-color: #f97316 !important; } /* ========================================= ELEMENTOR DEFAULT RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon { margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ICON BOX (Logo Orange/Red Accent Background & Color) */ .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 12px !important; background-color: #fff7ed !important; color: #f97316 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: all 0.3s ease !important; } /* ========================================= SVG ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; display: block !important; stroke-width: 2 !important; color: #f97316 !important; } /* SVG PATH */ .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon .elementor-icon svg rect { stroke: #f97316 !important; stroke-width: 2 !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-90daaf4:hover .elementor-icon-box-icon .elementor-icon { background-color: #f97316 !important; color: #ffffff !important; transform: scale(1.1) rotate(5deg) !important; } /* SVG HOVER */ .elementor-9977 .elementor-element.elementor-element-90daaf4:hover .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-90daaf4:hover .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-90daaf4:hover .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-90daaf4:hover .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-90daaf4:hover .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-90daaf4:hover .elementor-icon-box-icon .elementor-icon svg rect { stroke: #ffffff !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-title { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; padding: 0 !important; line-height: 1.3 !important; } /* TITLE LINK */ .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-title a { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.3 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-description { font-size: 15px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.6 !important; margin: 0 !important; padding: 0 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) { .elementor-9977 .elementor-element.elementor-element-90daaf4 { padding: 28px 22px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9977 .elementor-element.elementor-element-90daaf4 { padding: 25px 20px !important; border-radius: 14px !important; } .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-description { font-size: 14px !important; } } @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-90daaf4 { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-90daaf4 .elementor-icon-box-title a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-4b3d9f4 *//* ========================================= ANIMATIONS & EFFECTS ========================================= */ @keyframes serviceCardFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* ========================================= BASE STYLING & RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4, .elementor-9977 .elementor-element.elementor-element-4b3d9f4 * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4 { width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 30px 24px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important; animation: serviceCardFade 0.6s ease-out forwards !important; } /* ========================================= CARD HOVER (Matched to Logo Orange/Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px -10px rgba(249, 115, 22, 0.15) !important; border-color: #f97316 !important; } /* ========================================= ELEMENTOR DEFAULT RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon { margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ICON BOX (Logo Orange/Red Accent Background & Color) */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 12px !important; background-color: #fff7ed !important; color: #f97316 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: all 0.3s ease !important; } /* ========================================= SVG ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; display: block !important; stroke-width: 2 !important; color: #f97316 !important; } /* SVG PATH */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon .elementor-icon svg rect { stroke: #f97316 !important; stroke-width: 2 !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4:hover .elementor-icon-box-icon .elementor-icon { background-color: #f97316 !important; color: #ffffff !important; transform: scale(1.1) rotate(5deg) !important; } /* SVG HOVER */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4:hover .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-4b3d9f4:hover .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-4b3d9f4:hover .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-4b3d9f4:hover .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-4b3d9f4:hover .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-4b3d9f4:hover .elementor-icon-box-icon .elementor-icon svg rect { stroke: #ffffff !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-title { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; padding: 0 !important; line-height: 1.3 !important; } /* TITLE LINK */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-title a { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.3 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-description { font-size: 15px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.6 !important; margin: 0 !important; padding: 0 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) { .elementor-9977 .elementor-element.elementor-element-4b3d9f4 { padding: 28px 22px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9977 .elementor-element.elementor-element-4b3d9f4 { padding: 25px 20px !important; border-radius: 14px !important; } .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-description { font-size: 14px !important; } } @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-4b3d9f4 { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-4b3d9f4 .elementor-icon-box-title a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d10b540 *//* ========================================= ANIMATIONS & EFFECTS ========================================= */ @keyframes serviceCardFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* ========================================= BASE STYLING & RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-d10b540, .elementor-9977 .elementor-element.elementor-element-d10b540 * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-d10b540 { width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 30px 24px !important; text-align: left !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important; animation: serviceCardFade 0.6s ease-out forwards !important; } /* ========================================= CARD HOVER (Matched to Logo Green/Orange Theme) ========================================= */ .elementor-9977 .elementor-element.elementor-element-d10b540:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px -10px rgba(22, 163, 74, 0.12) !important; border-color: #16a34a !important; } /* ========================================= ELEMENTOR DEFAULT RESET ========================================= */ .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon { margin: 0 0 20px 0 !important; padding: 0 !important; line-height: 1 !important; } /* ICON BOX (Logo Green Accent Background & Color) */ .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon .elementor-icon { width: 48px !important; height: 48px !important; border-radius: 12px !important; background-color: #f0fdf4 !important; color: #16a34a !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; line-height: 1 !important; padding: 0 !important; transition: all 0.3s ease !important; } /* ========================================= SVG ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; display: block !important; stroke-width: 2 !important; color: #16a34a !important; } /* SVG PATH */ .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon .elementor-icon svg rect { stroke: #16a34a !important; stroke-width: 2 !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-d10b540:hover .elementor-icon-box-icon .elementor-icon { background-color: #16a34a !important; color: #ffffff !important; transform: scale(1.1) rotate(5deg) !important; } /* SVG HOVER */ .elementor-9977 .elementor-element.elementor-element-d10b540:hover .elementor-icon-box-icon .elementor-icon svg path, .elementor-9977 .elementor-element.elementor-element-d10b540:hover .elementor-icon-box-icon .elementor-icon svg circle, .elementor-9977 .elementor-element.elementor-element-d10b540:hover .elementor-icon-box-icon .elementor-icon svg line, .elementor-9977 .elementor-element.elementor-element-d10b540:hover .elementor-icon-box-icon .elementor-icon svg polyline, .elementor-9977 .elementor-element.elementor-element-d10b540:hover .elementor-icon-box-icon .elementor-icon svg polygon, .elementor-9977 .elementor-element.elementor-element-d10b540:hover .elementor-icon-box-icon .elementor-icon svg rect { stroke: #ffffff !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-title { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 12px 0 !important; padding: 0 !important; line-height: 1.3 !important; } /* TITLE LINK */ .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-title a { font-size: 18px !important; font-weight: 700 !important; color: #0f172a !important; line-height: 1.3 !important; text-decoration: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-description { font-size: 15px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.6 !important; margin: 0 !important; padding: 0 !important; } /* ========================================= TABLET ========================================= */ @media (max-width: 1200px) { .elementor-9977 .elementor-element.elementor-element-d10b540 { padding: 28px 22px !important; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 768px) { .elementor-9977 .elementor-element.elementor-element-d10b540 { padding: 25px 20px !important; border-radius: 14px !important; } .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon { margin-bottom: 18px !important; } .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-description { font-size: 14px !important; } } @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-d10b540 { padding: 22px 18px !important; } .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon .elementor-icon { width: 46px !important; height: 46px !important; font-size: 22px !important; } .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-icon .elementor-icon svg { width: 23px !important; height: 23px !important; } .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-d10b540 .elementor-icon-box-title a { font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7a7b894 */.elementor-9977 .elementor-element.elementor-element-7a7b894 { align-items: stretch !important; } .elementor-9977 .elementor-element.elementor-element-7a7b894 .e-con { align-self: stretch !important; } .elementor-9977 .elementor-element.elementor-element-7a7b894 .e-con > .e-con { height: auto !important; min-height: 100% !important; align-self: stretch !important; } /* Fix text going outside the card */ .elementor-9977 .elementor-element.elementor-element-7a7b894 .elementor-widget, .elementor-9977 .elementor-element.elementor-element-7a7b894 .elementor-widget-container, .elementor-9977 .elementor-element.elementor-element-7a7b894 .elementor-widget-text-editor, .elementor-9977 .elementor-element.elementor-element-7a7b894 .elementor-widget-text-editor p, .elementor-9977 .elementor-element.elementor-element-7a7b894 .elementor-widget-heading, .elementor-9977 .elementor-element.elementor-element-7a7b894 .elementor-heading-title { min-width: 0 !important; max-width: 100% !important; width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d87bfa *//* ========================================= EXACT ORIGINAL CSS STYLE ELEMENTOR ICON BOX VERSION (LINE & ICONS 100% FIXED) ========================================= */ /* MAIN SECTION */ .elementor-9977 .elementor-element.elementor-element-9d87bfa { background: #030712 !important; padding: 60px 10px !important; overflow: hidden; } /* CONTAINER */ .elementor-9977 .elementor-element.elementor-element-9d87bfa > .e-con-inner { width: 100% !important; max-width: 1250px !important; margin: 0 auto !important; padding: 0 !important; } /* ========================================= SUBTITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementskit-section-subtitle { display: block !important; margin: 0 0 10px !important; padding: 0 !important; color: #16a34a !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 2px !important; text-transform: uppercase !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================= MAIN HEADING ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementskit-section-title, .elementor-9977 .elementor-element.elementor-element-9d87bfa .ekit-heading--title { margin: 0 0 12px !important; padding: 0 !important; color: #f8fafc !important; font-size: 30px !important; font-weight: 700 !important; line-height: 1.2 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .ekit-heading__description { max-width: 700px !important; margin: 0 auto 55px !important; padding: 0 !important; color: #94a3b8 !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.7 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================= GRID ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid { position: relative !important; display: grid !important; grid-template-columns: repeat(5, 1fr) !important; width: 100% !important; gap: 20px !important; } /* ========================================= CONNECTING LINE (FIXED RIGHT OVERFLOW) ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 35px !important; /* 5 columns = har column 20%. Center point 10% banta hai. Isse line bilkul perfect center pe aake rukegi */ left: % !important; right: % !important; height: 2px !important; background: linear-gradient( 90deg, rgba(22,163,74,.2), rgba(22,163,74,.8), rgba(249,115,22,.8), rgba(249,115,22,.2) ) !important; } /* ========================================= EACH BOX ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid > .elementor-element { position: relative !important; z-index: 1 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================= ICON BOX WRAPPER ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* ========================================= ICON NODE ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-icon { position: relative !important; z-index: 2 !important; width: 70px !important; height: 70px !important; min-width: 70px !important; min-height: 70px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 16px !important; padding: 0 !important; background: #0f172a !important; border: 2px solid #16a34a !important; border-radius: 50% !important; box-shadow: 0 0 0 6px rgba(22,163,74,.05), 0 0 25px rgba(22,163,74,.15) !important; transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease !important; } /* ========================================= ICON & SVG FORCED COLOR (FAINT ICON FIX) ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-icon .elementor-icon, .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-icon i, .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-icon span { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #16a34a !important; font-size: 25px !important; line-height: 1 !important; opacity: 1 !important; visibility: visible !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-icon svg { display: block !important; width: 25px !important; height: 25px !important; min-width: 25px !important; min-height: 25px !important; overflow: visible !important; } /* Force stroke on all SVG paths to fix faint/dark icons */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-icon svg, .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-icon svg * { stroke: #16a34a !important; color: #16a34a !important; opacity: 1 !important; visibility: visible !important; } /* ========================================= INDIVIDUAL HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid > .elementor-element:hover .elementor-icon-box-icon { background: #f97316 !important; border-color: #f97316 !important; transform: scale(1.1) !important; box-shadow: 0 0 0 6px rgba(249,115,22,.08), 0 0 30px rgba(249,115,22,.35) !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid > .elementor-element:hover .elementor-icon-box-icon .elementor-icon, .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid > .elementor-element:hover .elementor-icon-box-icon i, .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid > .elementor-element:hover .elementor-icon-box-icon span { color: #ffffff !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid > .elementor-element:hover .elementor-icon-box-icon svg, .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid > .elementor-element:hover .elementor-icon-box-icon svg * { stroke: #ffffff !important; color: #ffffff !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-title { margin: 0 0 8px !important; padding: 0 !important; color: #f8fafc !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================= TEXT ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-description { max-width: 210px !important; margin: 0 auto !important; padding: 0 !important; color: #94a3b8 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================= REMOVE ELEMENTOR EXTRA SPACING ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-widget-icon-box { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-content { margin: 0 !important; padding: 0 !important; } /* ========================================= TABLET — 992px ========================================= */ @media (max-width: 992px) { .elementor-9977 .elementor-element.elementor-element-9d87bfa { padding: 50px 20px !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementskit-section-title, .elementor-9977 .elementor-element.elementor-element-9d87bfa .ekit-heading--title { font-size: 30px !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid { grid-template-columns: 1fr !important; gap: 35px !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .e-grid::before { display: none !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-description { max-width: 400px !important; } } /* ========================================= MOBILE — 767px ========================================= */ @media (max-width: 767px) { .elementor-9977 .elementor-element.elementor-element-9d87bfa { padding: 45px 15px !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementskit-section-subtitle { font-size: 11px !important; letter-spacing: 1.5px !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementskit-section-title, .elementor-9977 .elementor-element.elementor-element-9d87bfa .ekit-heading--title { font-size: 26px !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .ekit-heading__description { margin-bottom: 40px !important; font-size: 14px !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-icon { width: 64px !important; height: 64px !important; min-width: 64px !important; min-height: 64px !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-title { font-size: 15px !important; } .elementor-9977 .elementor-element.elementor-element-9d87bfa .elementor-icon-box-description { font-size: 13px !important; } }/* End custom CSS */ /* Start custom CSS for jthemes-counter, class: .elementor-element-fe355c1 *//* ========================================================= LEADING COMPANY STATS CARD CLEAN FINAL VERSION ========================================================= */ /* ========================================================= MAIN CARD ========================================================= */ .cardLeadingCompany { width: 100% !important; height: 240px !important; min-height: 240px !important; max-height: 270px !important; margin: 0 !important; padding: 30px 30px 20px 30px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start !important; background: #ffffff !important; border: 1px solid #16a34a !important; border-radius: 20px !important; box-shadow: none !important; text-align: left !important; overflow: hidden !important; box-sizing: border-box !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } /* ========================================================= FONT ========================================================= */ .cardLeadingCompany, .cardLeadingCompany *, .cardLeadingCompany h3, .cardLeadingCompany p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================================= HOVER ========================================================= */ .cardLeadingCompany:hover { transform: translateY(-3px) !important; border-color: #16a34a !important; box-shadow: 0 12px 30px rgba(22, 163, 74, 0.08) !important; } /* ========================================================= ICON CIRCLE ========================================================= */ .cardLeadingCompany .cardImage { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; margin: 0 0 38px 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #f0fdf4 !important; border: none !important; outline: none !important; border-radius: 50% !important; box-shadow: none !important; position: relative !important; overflow: hidden !important; box-sizing: border-box !important; } /* ========================================================= ICON WRAPPER ========================================================= */ .cardLeadingCompany .cardImage .img { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; color: #16a34a !important; } /* ========================================================= ICON - FONT AWESOME ========================================================= */ .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage i.fa-star, .cardLeadingCompany .cardImage .fas, .cardLeadingCompany .cardImage .far { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; transform: none !important; color: #16a34a !important; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif !important; font-size: 22px !important; font-weight: 900 !important; font-style: normal !important; line-height: 1 !important; text-align: center !important; visibility: visible !important; opacity: 1 !important; border: none !important; outline: none !important; box-shadow: none !important; box-sizing: border-box !important; } /* ========================================================= ICON - SVG ========================================================= */ .cardLeadingCompany .cardImage svg { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: block !important; position: static !important; transform: none !important; color: #16a34a !important; fill: #16a34a !important; stroke: #16a34a !important; box-sizing: border-box !important; } /* SVG CHILDREN */ .cardLeadingCompany .cardImage svg path, .cardLeadingCompany .cardImage svg circle, .cardLeadingCompany .cardImage svg rect, .cardLeadingCompany .cardImage svg line, .cardLeadingCompany .cardImage svg polyline, .cardLeadingCompany .cardImage svg polygon { fill: #16a34a !important; stroke: #16a34a !important; } /* ========================================================= ICON - IMAGE ========================================================= */ .cardLeadingCompany .cardImage img { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: block !important; object-fit: contain !important; object-position: center !important; position: static !important; transform: none !important; box-sizing: border-box !important; } /* ========================================================= OTHER ICON WRAPPERS ========================================================= */ .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; transform: none !important; color: #16a34a !important; box-sizing: border-box !important; } /* ========================================================= REMOVE OLD ICON EFFECTS ========================================================= */ .cardLeadingCompany .cardImage::before, .cardLeadingCompany .cardImage::after, .cardLeadingCompany .cardImage .img::before, .cardLeadingCompany .cardImage .img::after { content: none !important; display: none !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; transform: none !important; } /* ========================================================= PREVENT ICON DISTORTION ========================================================= */ .cardLeadingCompany .cardImage *, .cardLeadingCompany .cardImage *::before, .cardLeadingCompany .cardImage *::after { box-sizing: border-box !important; transform: none !important; box-shadow: none !important; } /* ========================================================= CARD CONTENT ========================================================= */ .cardLeadingCompany .cardInfo { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; box-sizing: border-box !important; } /* ========================================================= NUMBER ========================================================= */ .cardLeadingCompany .cardInfo h3 { width: 100% !important; margin: 0 0 14px 0 !important; padding: 0 !important; font-size: 38px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -1px !important; color: #020617 !important; text-align: left !important; display: block !important; box-sizing: border-box !important; } /* ========================================================= HIDE ORIGINAL PLUS ========================================================= */ .cardLeadingCompany .cardInfo h3 > span:first-child { display: none !important; } /* ========================================================= NUMBER COUNT ========================================================= */ .cardLeadingCompany .cardInfo h3 .count { display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #020617 !important; font-size: 38px !important; font-weight: 800 !important; line-height: 1 !important; } /* ========================================================= PLUS AFTER NUMBER ========================================================= */ .cardLeadingCompany .cardInfo h3 .count::after { content: "+" !important; display: inline-block !important; margin-left: 3px !important; padding: 0 !important; color: #020617 !important; font-size: 38px !important; font-weight: 800 !important; line-height: 1 !important; vertical-align: baseline !important; } /* ========================================================= TITLE ========================================================= */ .cardLeadingCompany .cardInfo p, .cardLeadingCompany .cardInfo p.font-lg, .cardLeadingCompany .cardInfo p.color-white, .cardLeadingCompany .cardInfo p.font-lg.color-white { width: 100% !important; margin: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 700 !important; color: #020617 !important; text-align: left !important; display: block !important; box-sizing: border-box !important; } /* ========================================================= REMOVE OLD WHITE COLOR ========================================================= */ .cardLeadingCompany .color-white { color: #020617 !important; } /* ========================================================= REMOVE WOW SPACING / VISIBILITY ISSUES ========================================================= */ .cardLeadingCompany .wow { visibility: visible !important; opacity: 1 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= FORCE NO EXTRA SPACING ========================================================= */ .cardLeadingCompany .cardInfo > *, .cardLeadingCompany .cardInfo h3 *, .cardLeadingCompany .cardInfo p * { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================= BOX SIZING ========================================================= */ .cardLeadingCompany, .cardLeadingCompany *, .cardLeadingCompany *::before, .cardLeadingCompany *::after { box-sizing: border-box !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .cardLeadingCompany { height: 265px !important; min-height: 265px !important; max-height: 265px !important; padding: 28px 26px 18px 26px !important; } .cardLeadingCompany .cardImage { width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; margin-bottom: 34px !important; } .cardLeadingCompany .cardImage .img { width: 52px !important; height: 52px !important; } .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage svg, .cardLeadingCompany .cardImage img, .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; font-size: 22px !important; } .cardLeadingCompany .cardInfo h3 { font-size: 34px !important; margin-bottom: 12px !important; } .cardLeadingCompany .cardInfo h3 .count, .cardLeadingCompany .cardInfo h3 .count::after { font-size: 34px !important; } .cardLeadingCompany .cardInfo p { font-size: 16px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .cardLeadingCompany { width: 100% !important; height: 255px !important; min-height: 255px !important; max-height: 255px !important; padding: 26px 24px 18px 24px !important; border-radius: 18px !important; } .cardLeadingCompany .cardImage { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; margin-bottom: 34px !important; overflow: hidden !important; } .cardLeadingCompany .cardImage .img { width: 50px !important; height: 50px !important; } .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage svg, .cardLeadingCompany .cardImage img, .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; max-width: 22px !important; max-height: 22px !important; font-size: 20px !important; color: #16a34a !important; } .cardLeadingCompany .cardImage svg { fill: #16a34a !important; stroke: #16a34a !important; } .cardLeadingCompany .cardImage svg path, .cardLeadingCompany .cardImage svg circle, .cardLeadingCompany .cardImage svg rect, .cardLeadingCompany .cardImage svg line, .cardLeadingCompany .cardImage svg polyline, .cardLeadingCompany .cardImage svg polygon { fill: #16a34a !important; stroke: #16a34a !important; } .cardLeadingCompany .cardInfo h3 { font-size: 34px !important; margin-bottom: 12px !important; } .cardLeadingCompany .cardInfo h3 .count, .cardLeadingCompany .cardInfo h3 .count::after { font-size: 34px !important; } .cardLeadingCompany .cardInfo p { font-size: 16px !important; line-height: 1.2 !important; } }/* End custom CSS */ /* Start custom CSS for jthemes-counter, class: .elementor-element-b2c3697 *//* ========================================================= LEADING COMPANY STATS CARD CLEAN FINAL VERSION ========================================================= */ /* ========================================================= MAIN CARD ========================================================= */ .cardLeadingCompany { width: 100% !important; height: 240px !important; min-height: 240px !important; max-height: 270px !important; margin: 0 !important; padding: 30px 30px 20px 30px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start !important; background: #ffffff !important; border: 1px solid #16a34a !important; border-radius: 20px !important; box-shadow: none !important; text-align: left !important; overflow: hidden !important; box-sizing: border-box !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } /* ========================================================= FONT ========================================================= */ .cardLeadingCompany, .cardLeadingCompany *, .cardLeadingCompany h3, .cardLeadingCompany p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================================= HOVER ========================================================= */ .cardLeadingCompany:hover { transform: translateY(-3px) !important; border-color: #16a34a !important; box-shadow: 0 12px 30px rgba(22, 163, 74, 0.08) !important; } /* ========================================================= ICON CIRCLE ========================================================= */ .cardLeadingCompany .cardImage { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; margin: 0 0 38px 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #f0fdf4 !important; border: none !important; outline: none !important; border-radius: 50% !important; box-shadow: none !important; position: relative !important; overflow: hidden !important; box-sizing: border-box !important; } /* ========================================================= ICON WRAPPER ========================================================= */ .cardLeadingCompany .cardImage .img { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; color: #16a34a !important; } /* ========================================================= ICON - FONT AWESOME ========================================================= */ .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage i.fa-star, .cardLeadingCompany .cardImage .fas, .cardLeadingCompany .cardImage .far { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; transform: none !important; color: #16a34a !important; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif !important; font-size: 22px !important; font-weight: 900 !important; font-style: normal !important; line-height: 1 !important; text-align: center !important; visibility: visible !important; opacity: 1 !important; border: none !important; outline: none !important; box-shadow: none !important; box-sizing: border-box !important; } /* ========================================================= ICON - SVG ========================================================= */ .cardLeadingCompany .cardImage svg { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: block !important; position: static !important; transform: none !important; color: #16a34a !important; fill: #16a34a !important; stroke: #16a34a !important; box-sizing: border-box !important; } /* SVG CHILDREN */ .cardLeadingCompany .cardImage svg path, .cardLeadingCompany .cardImage svg circle, .cardLeadingCompany .cardImage svg rect, .cardLeadingCompany .cardImage svg line, .cardLeadingCompany .cardImage svg polyline, .cardLeadingCompany .cardImage svg polygon { fill: #16a34a !important; stroke: #16a34a !important; } /* ========================================================= ICON - IMAGE ========================================================= */ .cardLeadingCompany .cardImage img { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: block !important; object-fit: contain !important; object-position: center !important; position: static !important; transform: none !important; box-sizing: border-box !important; } /* ========================================================= OTHER ICON WRAPPERS ========================================================= */ .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; transform: none !important; color: #16a34a !important; box-sizing: border-box !important; } /* ========================================================= REMOVE OLD ICON EFFECTS ========================================================= */ .cardLeadingCompany .cardImage::before, .cardLeadingCompany .cardImage::after, .cardLeadingCompany .cardImage .img::before, .cardLeadingCompany .cardImage .img::after { content: none !important; display: none !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; transform: none !important; } /* ========================================================= PREVENT ICON DISTORTION ========================================================= */ .cardLeadingCompany .cardImage *, .cardLeadingCompany .cardImage *::before, .cardLeadingCompany .cardImage *::after { box-sizing: border-box !important; transform: none !important; box-shadow: none !important; } /* ========================================================= CARD CONTENT ========================================================= */ .cardLeadingCompany .cardInfo { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; box-sizing: border-box !important; } /* ========================================================= NUMBER ========================================================= */ .cardLeadingCompany .cardInfo h3 { width: 100% !important; margin: 0 0 14px 0 !important; padding: 0 !important; font-size: 38px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -1px !important; color: #020617 !important; text-align: left !important; display: block !important; box-sizing: border-box !important; } /* ========================================================= HIDE ORIGINAL PLUS ========================================================= */ .cardLeadingCompany .cardInfo h3 > span:first-child { display: none !important; } /* ========================================================= NUMBER COUNT ========================================================= */ .cardLeadingCompany .cardInfo h3 .count { display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #020617 !important; font-size: 38px !important; font-weight: 800 !important; line-height: 1 !important; } /* ========================================================= PLUS AFTER NUMBER ========================================================= */ .cardLeadingCompany .cardInfo h3 .count::after { content: "+" !important; display: inline-block !important; margin-left: 3px !important; padding: 0 !important; color: #020617 !important; font-size: 38px !important; font-weight: 800 !important; line-height: 1 !important; vertical-align: baseline !important; } /* ========================================================= TITLE ========================================================= */ .cardLeadingCompany .cardInfo p, .cardLeadingCompany .cardInfo p.font-lg, .cardLeadingCompany .cardInfo p.color-white, .cardLeadingCompany .cardInfo p.font-lg.color-white { width: 100% !important; margin: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 700 !important; color: #020617 !important; text-align: left !important; display: block !important; box-sizing: border-box !important; } /* ========================================================= REMOVE OLD WHITE COLOR ========================================================= */ .cardLeadingCompany .color-white { color: #020617 !important; } /* ========================================================= REMOVE WOW SPACING / VISIBILITY ISSUES ========================================================= */ .cardLeadingCompany .wow { visibility: visible !important; opacity: 1 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= FORCE NO EXTRA SPACING ========================================================= */ .cardLeadingCompany .cardInfo > *, .cardLeadingCompany .cardInfo h3 *, .cardLeadingCompany .cardInfo p * { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================= BOX SIZING ========================================================= */ .cardLeadingCompany, .cardLeadingCompany *, .cardLeadingCompany *::before, .cardLeadingCompany *::after { box-sizing: border-box !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .cardLeadingCompany { height: 265px !important; min-height: 265px !important; max-height: 265px !important; padding: 28px 26px 18px 26px !important; } .cardLeadingCompany .cardImage { width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; margin-bottom: 34px !important; } .cardLeadingCompany .cardImage .img { width: 52px !important; height: 52px !important; } .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage svg, .cardLeadingCompany .cardImage img, .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; font-size: 22px !important; } .cardLeadingCompany .cardInfo h3 { font-size: 34px !important; margin-bottom: 12px !important; } .cardLeadingCompany .cardInfo h3 .count, .cardLeadingCompany .cardInfo h3 .count::after { font-size: 34px !important; } .cardLeadingCompany .cardInfo p { font-size: 16px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .cardLeadingCompany { width: 100% !important; height: 255px !important; min-height: 255px !important; max-height: 255px !important; padding: 26px 24px 18px 24px !important; border-radius: 18px !important; } .cardLeadingCompany .cardImage { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; margin-bottom: 34px !important; overflow: hidden !important; } .cardLeadingCompany .cardImage .img { width: 50px !important; height: 50px !important; } .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage svg, .cardLeadingCompany .cardImage img, .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; max-width: 22px !important; max-height: 22px !important; font-size: 20px !important; color: #16a34a !important; } .cardLeadingCompany .cardImage svg { fill: #16a34a !important; stroke: #16a34a !important; } .cardLeadingCompany .cardImage svg path, .cardLeadingCompany .cardImage svg circle, .cardLeadingCompany .cardImage svg rect, .cardLeadingCompany .cardImage svg line, .cardLeadingCompany .cardImage svg polyline, .cardLeadingCompany .cardImage svg polygon { fill: #16a34a !important; stroke: #16a34a !important; } .cardLeadingCompany .cardInfo h3 { font-size: 34px !important; margin-bottom: 12px !important; } .cardLeadingCompany .cardInfo h3 .count, .cardLeadingCompany .cardInfo h3 .count::after { font-size: 34px !important; } .cardLeadingCompany .cardInfo p { font-size: 16px !important; line-height: 1.2 !important; } }/* End custom CSS */ /* Start custom CSS for jthemes-counter, class: .elementor-element-bc8c6a9 *//* ========================================================= LEADING COMPANY STATS CARD CLEAN FINAL VERSION ========================================================= */ /* ========================================================= MAIN CARD ========================================================= */ .cardLeadingCompany { width: 100% !important; height: 240px !important; min-height: 240px !important; max-height: 270px !important; margin: 0 !important; padding: 30px 30px 20px 30px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start !important; background: #ffffff !important; border: 1px solid #16a34a !important; border-radius: 20px !important; box-shadow: none !important; text-align: left !important; overflow: hidden !important; box-sizing: border-box !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } /* ========================================================= FONT ========================================================= */ .cardLeadingCompany, .cardLeadingCompany *, .cardLeadingCompany h3, .cardLeadingCompany p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================================= HOVER ========================================================= */ .cardLeadingCompany:hover { transform: translateY(-3px) !important; border-color: #16a34a !important; box-shadow: 0 12px 30px rgba(22, 163, 74, 0.08) !important; } /* ========================================================= ICON CIRCLE ========================================================= */ .cardLeadingCompany .cardImage { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; margin: 0 0 38px 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #f0fdf4 !important; border: none !important; outline: none !important; border-radius: 50% !important; box-shadow: none !important; position: relative !important; overflow: hidden !important; box-sizing: border-box !important; } /* ========================================================= ICON WRAPPER ========================================================= */ .cardLeadingCompany .cardImage .img { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; color: #16a34a !important; } /* ========================================================= ICON - FONT AWESOME ========================================================= */ .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage i.fa-star, .cardLeadingCompany .cardImage .fas, .cardLeadingCompany .cardImage .far { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; transform: none !important; color: #16a34a !important; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif !important; font-size: 22px !important; font-weight: 900 !important; font-style: normal !important; line-height: 1 !important; text-align: center !important; visibility: visible !important; opacity: 1 !important; border: none !important; outline: none !important; box-shadow: none !important; box-sizing: border-box !important; } /* ========================================================= ICON - SVG ========================================================= */ .cardLeadingCompany .cardImage svg { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: block !important; position: static !important; transform: none !important; color: #16a34a !important; fill: #16a34a !important; stroke: #16a34a !important; box-sizing: border-box !important; } /* SVG CHILDREN */ .cardLeadingCompany .cardImage svg path, .cardLeadingCompany .cardImage svg circle, .cardLeadingCompany .cardImage svg rect, .cardLeadingCompany .cardImage svg line, .cardLeadingCompany .cardImage svg polyline, .cardLeadingCompany .cardImage svg polygon { fill: #16a34a !important; stroke: #16a34a !important; } /* ========================================================= ICON - IMAGE ========================================================= */ .cardLeadingCompany .cardImage img { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: block !important; object-fit: contain !important; object-position: center !important; position: static !important; transform: none !important; box-sizing: border-box !important; } /* ========================================================= OTHER ICON WRAPPERS ========================================================= */ .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; transform: none !important; color: #16a34a !important; box-sizing: border-box !important; } /* ========================================================= REMOVE OLD ICON EFFECTS ========================================================= */ .cardLeadingCompany .cardImage::before, .cardLeadingCompany .cardImage::after, .cardLeadingCompany .cardImage .img::before, .cardLeadingCompany .cardImage .img::after { content: none !important; display: none !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; transform: none !important; } /* ========================================================= PREVENT ICON DISTORTION ========================================================= */ .cardLeadingCompany .cardImage *, .cardLeadingCompany .cardImage *::before, .cardLeadingCompany .cardImage *::after { box-sizing: border-box !important; transform: none !important; box-shadow: none !important; } /* ========================================================= CARD CONTENT ========================================================= */ .cardLeadingCompany .cardInfo { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; box-sizing: border-box !important; } /* ========================================================= NUMBER ========================================================= */ .cardLeadingCompany .cardInfo h3 { width: 100% !important; margin: 0 0 14px 0 !important; padding: 0 !important; font-size: 38px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -1px !important; color: #020617 !important; text-align: left !important; display: block !important; box-sizing: border-box !important; } /* ========================================================= HIDE ORIGINAL PLUS ========================================================= */ .cardLeadingCompany .cardInfo h3 > span:first-child { display: none !important; } /* ========================================================= NUMBER COUNT ========================================================= */ .cardLeadingCompany .cardInfo h3 .count { display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #020617 !important; font-size: 38px !important; font-weight: 800 !important; line-height: 1 !important; } /* ========================================================= PLUS AFTER NUMBER ========================================================= */ .cardLeadingCompany .cardInfo h3 .count::after { content: "+" !important; display: inline-block !important; margin-left: 3px !important; padding: 0 !important; color: #020617 !important; font-size: 38px !important; font-weight: 800 !important; line-height: 1 !important; vertical-align: baseline !important; } /* ========================================================= TITLE ========================================================= */ .cardLeadingCompany .cardInfo p, .cardLeadingCompany .cardInfo p.font-lg, .cardLeadingCompany .cardInfo p.color-white, .cardLeadingCompany .cardInfo p.font-lg.color-white { width: 100% !important; margin: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 700 !important; color: #020617 !important; text-align: left !important; display: block !important; box-sizing: border-box !important; } /* ========================================================= REMOVE OLD WHITE COLOR ========================================================= */ .cardLeadingCompany .color-white { color: #020617 !important; } /* ========================================================= REMOVE WOW SPACING / VISIBILITY ISSUES ========================================================= */ .cardLeadingCompany .wow { visibility: visible !important; opacity: 1 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= FORCE NO EXTRA SPACING ========================================================= */ .cardLeadingCompany .cardInfo > *, .cardLeadingCompany .cardInfo h3 *, .cardLeadingCompany .cardInfo p * { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================= BOX SIZING ========================================================= */ .cardLeadingCompany, .cardLeadingCompany *, .cardLeadingCompany *::before, .cardLeadingCompany *::after { box-sizing: border-box !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .cardLeadingCompany { height: 265px !important; min-height: 265px !important; max-height: 265px !important; padding: 28px 26px 18px 26px !important; } .cardLeadingCompany .cardImage { width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; margin-bottom: 34px !important; } .cardLeadingCompany .cardImage .img { width: 52px !important; height: 52px !important; } .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage svg, .cardLeadingCompany .cardImage img, .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; font-size: 22px !important; } .cardLeadingCompany .cardInfo h3 { font-size: 34px !important; margin-bottom: 12px !important; } .cardLeadingCompany .cardInfo h3 .count, .cardLeadingCompany .cardInfo h3 .count::after { font-size: 34px !important; } .cardLeadingCompany .cardInfo p { font-size: 16px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .cardLeadingCompany { width: 100% !important; height: 255px !important; min-height: 255px !important; max-height: 255px !important; padding: 26px 24px 18px 24px !important; border-radius: 18px !important; } .cardLeadingCompany .cardImage { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; margin-bottom: 34px !important; overflow: hidden !important; } .cardLeadingCompany .cardImage .img { width: 50px !important; height: 50px !important; } .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage svg, .cardLeadingCompany .cardImage img, .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; max-width: 22px !important; max-height: 22px !important; font-size: 20px !important; color: #16a34a !important; } .cardLeadingCompany .cardImage svg { fill: #16a34a !important; stroke: #16a34a !important; } .cardLeadingCompany .cardImage svg path, .cardLeadingCompany .cardImage svg circle, .cardLeadingCompany .cardImage svg rect, .cardLeadingCompany .cardImage svg line, .cardLeadingCompany .cardImage svg polyline, .cardLeadingCompany .cardImage svg polygon { fill: #16a34a !important; stroke: #16a34a !important; } .cardLeadingCompany .cardInfo h3 { font-size: 34px !important; margin-bottom: 12px !important; } .cardLeadingCompany .cardInfo h3 .count, .cardLeadingCompany .cardInfo h3 .count::after { font-size: 34px !important; } .cardLeadingCompany .cardInfo p { font-size: 16px !important; line-height: 1.2 !important; } }/* End custom CSS */ /* Start custom CSS for jthemes-counter, class: .elementor-element-c5c703e *//* ========================================================= LEADING COMPANY STATS CARD CLEAN FINAL VERSION ========================================================= */ /* ========================================================= MAIN CARD ========================================================= */ .cardLeadingCompany { width: 100% !important; height: 240px !important; min-height: 240px !important; max-height: 270px !important; margin: 0 !important; padding: 30px 30px 20px 30px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: flex-start !important; background: #ffffff !important; border: 1px solid #16a34a !important; border-radius: 20px !important; box-shadow: none !important; text-align: left !important; overflow: hidden !important; box-sizing: border-box !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important; } /* ========================================================= FONT ========================================================= */ .cardLeadingCompany, .cardLeadingCompany *, .cardLeadingCompany h3, .cardLeadingCompany p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================================= HOVER ========================================================= */ .cardLeadingCompany:hover { transform: translateY(-3px) !important; border-color: #16a34a !important; box-shadow: 0 12px 30px rgba(22, 163, 74, 0.08) !important; } /* ========================================================= ICON CIRCLE ========================================================= */ .cardLeadingCompany .cardImage { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; margin: 0 0 38px 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #f0fdf4 !important; border: none !important; outline: none !important; border-radius: 50% !important; box-shadow: none !important; position: relative !important; overflow: hidden !important; box-sizing: border-box !important; } /* ========================================================= ICON WRAPPER ========================================================= */ .cardLeadingCompany .cardImage .img { width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; color: #16a34a !important; } /* ========================================================= ICON - FONT AWESOME ========================================================= */ .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage i.fa-star, .cardLeadingCompany .cardImage .fas, .cardLeadingCompany .cardImage .far { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; transform: none !important; color: #16a34a !important; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", sans-serif !important; font-size: 22px !important; font-weight: 900 !important; font-style: normal !important; line-height: 1 !important; text-align: center !important; visibility: visible !important; opacity: 1 !important; border: none !important; outline: none !important; box-shadow: none !important; box-sizing: border-box !important; } /* ========================================================= ICON - SVG ========================================================= */ .cardLeadingCompany .cardImage svg { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: block !important; position: static !important; transform: none !important; color: #16a34a !important; fill: #16a34a !important; stroke: #16a34a !important; box-sizing: border-box !important; } /* SVG CHILDREN */ .cardLeadingCompany .cardImage svg path, .cardLeadingCompany .cardImage svg circle, .cardLeadingCompany .cardImage svg rect, .cardLeadingCompany .cardImage svg line, .cardLeadingCompany .cardImage svg polyline, .cardLeadingCompany .cardImage svg polygon { fill: #16a34a !important; stroke: #16a34a !important; } /* ========================================================= ICON - IMAGE ========================================================= */ .cardLeadingCompany .cardImage img { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: block !important; object-fit: contain !important; object-position: center !important; position: static !important; transform: none !important; box-sizing: border-box !important; } /* ========================================================= OTHER ICON WRAPPERS ========================================================= */ .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; transform: none !important; color: #16a34a !important; box-sizing: border-box !important; } /* ========================================================= REMOVE OLD ICON EFFECTS ========================================================= */ .cardLeadingCompany .cardImage::before, .cardLeadingCompany .cardImage::after, .cardLeadingCompany .cardImage .img::before, .cardLeadingCompany .cardImage .img::after { content: none !important; display: none !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; transform: none !important; } /* ========================================================= PREVENT ICON DISTORTION ========================================================= */ .cardLeadingCompany .cardImage *, .cardLeadingCompany .cardImage *::before, .cardLeadingCompany .cardImage *::after { box-sizing: border-box !important; transform: none !important; box-shadow: none !important; } /* ========================================================= CARD CONTENT ========================================================= */ .cardLeadingCompany .cardInfo { width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; box-sizing: border-box !important; } /* ========================================================= NUMBER ========================================================= */ .cardLeadingCompany .cardInfo h3 { width: 100% !important; margin: 0 0 14px 0 !important; padding: 0 !important; font-size: 38px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -1px !important; color: #020617 !important; text-align: left !important; display: block !important; box-sizing: border-box !important; } /* ========================================================= HIDE ORIGINAL PLUS ========================================================= */ .cardLeadingCompany .cardInfo h3 > span:first-child { display: none !important; } /* ========================================================= NUMBER COUNT ========================================================= */ .cardLeadingCompany .cardInfo h3 .count { display: inline-block !important; margin: 0 !important; padding: 0 !important; color: #020617 !important; font-size: 38px !important; font-weight: 800 !important; line-height: 1 !important; } /* ========================================================= PLUS AFTER NUMBER ========================================================= */ .cardLeadingCompany .cardInfo h3 .count::after { content: "+" !important; display: inline-block !important; margin-left: 3px !important; padding: 0 !important; color: #020617 !important; font-size: 38px !important; font-weight: 800 !important; line-height: 1 !important; vertical-align: baseline !important; } /* ========================================================= TITLE ========================================================= */ .cardLeadingCompany .cardInfo p, .cardLeadingCompany .cardInfo p.font-lg, .cardLeadingCompany .cardInfo p.color-white, .cardLeadingCompany .cardInfo p.font-lg.color-white { width: 100% !important; margin: 0 !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; font-size: 17px !important; line-height: 1.25 !important; font-weight: 700 !important; color: #020617 !important; text-align: left !important; display: block !important; box-sizing: border-box !important; } /* ========================================================= REMOVE OLD WHITE COLOR ========================================================= */ .cardLeadingCompany .color-white { color: #020617 !important; } /* ========================================================= REMOVE WOW SPACING / VISIBILITY ISSUES ========================================================= */ .cardLeadingCompany .wow { visibility: visible !important; opacity: 1 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= FORCE NO EXTRA SPACING ========================================================= */ .cardLeadingCompany .cardInfo > *, .cardLeadingCompany .cardInfo h3 *, .cardLeadingCompany .cardInfo p * { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================= BOX SIZING ========================================================= */ .cardLeadingCompany, .cardLeadingCompany *, .cardLeadingCompany *::before, .cardLeadingCompany *::after { box-sizing: border-box !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .cardLeadingCompany { height: 265px !important; min-height: 265px !important; max-height: 265px !important; padding: 28px 26px 18px 26px !important; } .cardLeadingCompany .cardImage { width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; margin-bottom: 34px !important; } .cardLeadingCompany .cardImage .img { width: 52px !important; height: 52px !important; } .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage svg, .cardLeadingCompany .cardImage img, .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; font-size: 22px !important; } .cardLeadingCompany .cardInfo h3 { font-size: 34px !important; margin-bottom: 12px !important; } .cardLeadingCompany .cardInfo h3 .count, .cardLeadingCompany .cardInfo h3 .count::after { font-size: 34px !important; } .cardLeadingCompany .cardInfo p { font-size: 16px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 600px) { .cardLeadingCompany { width: 100% !important; height: 255px !important; min-height: 255px !important; max-height: 255px !important; padding: 26px 24px 18px 24px !important; border-radius: 18px !important; } .cardLeadingCompany .cardImage { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; margin-bottom: 34px !important; overflow: hidden !important; } .cardLeadingCompany .cardImage .img { width: 50px !important; height: 50px !important; } .cardLeadingCompany .cardImage i, .cardLeadingCompany .cardImage svg, .cardLeadingCompany .cardImage img, .cardLeadingCompany .cardImage .icon, .cardLeadingCompany .cardImage .elementor-icon { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; max-width: 22px !important; max-height: 22px !important; font-size: 20px !important; color: #16a34a !important; } .cardLeadingCompany .cardImage svg { fill: #16a34a !important; stroke: #16a34a !important; } .cardLeadingCompany .cardImage svg path, .cardLeadingCompany .cardImage svg circle, .cardLeadingCompany .cardImage svg rect, .cardLeadingCompany .cardImage svg line, .cardLeadingCompany .cardImage svg polyline, .cardLeadingCompany .cardImage svg polygon { fill: #16a34a !important; stroke: #16a34a !important; } .cardLeadingCompany .cardInfo h3 { font-size: 34px !important; margin-bottom: 12px !important; } .cardLeadingCompany .cardInfo h3 .count, .cardLeadingCompany .cardInfo h3 .count::after { font-size: 34px !important; } .cardLeadingCompany .cardInfo p { font-size: 16px !important; line-height: 1.2 !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-33e4eed *//* ========================================= EAKLAB OUTCOME CARD ELEMENTOR ICON BOX ========================================= */ /* CARD */ .elementor-9977 .elementor-element.elementor-element-33e4eed { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 24px !important; margin: 0 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; position: relative !important; overflow: hidden !important; transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.35s ease, box-shadow 0.35s ease !important; box-sizing: border-box !important; } /* CARD HOVER */ .elementor-9977 .elementor-element.elementor-element-33e4eed:hover { transform: translateY(-6px) !important; border-color: #16a34a !important; box-shadow: 0 15px 35px rgba(22, 163, 74, 0.10) !important; } /* ========================================= ICON BOX WRAPPER ========================================= */ .elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-icon-box-icon { margin: 0 0 12px !important; padding: 0 !important; } /* ICON BOX */ .elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-icon-box-icon .elementor-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 10px !important; color: #16a34a !important; font-size: 18px !important; line-height: 1 !important; transition: all 0.3s ease !important; } /* SVG */ .elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-icon-box-icon .elementor-icon svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-33e4eed:hover .elementor-icon-box-icon .elementor-icon { background: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; transform: translateY(-2px) !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-icon-box-title { margin: 10px 0 0 !important; padding: 0 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: left !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-icon-box-description { width: 100% !important; max-width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; } /* ========================================= REMOVE ELEMENTOR EXTRA SPACING ========================================= */ .elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-widget-icon-box { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-33e4eed .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-33e4eed { padding: 24px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b5d7ba3 *//* ========================================= EAKLAB OUTCOME CARD ELEMENTOR ICON BOX ========================================= */ /* CARD */ .elementor-9977 .elementor-element.elementor-element-b5d7ba3 { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 24px !important; margin: 0 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; position: relative !important; overflow: hidden !important; transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.35s ease, box-shadow 0.35s ease !important; box-sizing: border-box !important; } /* CARD HOVER */ .elementor-9977 .elementor-element.elementor-element-b5d7ba3:hover { transform: translateY(-6px) !important; border-color: #16a34a !important; box-shadow: 0 15px 35px rgba(22, 163, 74, 0.10) !important; } /* ========================================= ICON BOX WRAPPER ========================================= */ .elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-icon-box-icon { margin: 0 0 12px !important; padding: 0 !important; } /* ICON BOX */ .elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-icon-box-icon .elementor-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 10px !important; color: #16a34a !important; font-size: 18px !important; line-height: 1 !important; transition: all 0.3s ease !important; } /* SVG */ .elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-icon-box-icon .elementor-icon svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-b5d7ba3:hover .elementor-icon-box-icon .elementor-icon { background: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; transform: translateY(-2px) !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-icon-box-title { margin: 10px 0 0 !important; padding: 0 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: left !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-icon-box-description { width: 100% !important; max-width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; } /* ========================================= REMOVE ELEMENTOR EXTRA SPACING ========================================= */ .elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-widget-icon-box { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-b5d7ba3 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-b5d7ba3 { padding: 24px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-25ad851 *//* ========================================= EAKLAB OUTCOME CARD ELEMENTOR ICON BOX ========================================= */ /* CARD */ .elementor-9977 .elementor-element.elementor-element-25ad851 { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 24px !important; margin: 0 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; position: relative !important; overflow: hidden !important; transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.35s ease, box-shadow 0.35s ease !important; box-sizing: border-box !important; } /* CARD HOVER */ .elementor-9977 .elementor-element.elementor-element-25ad851:hover { transform: translateY(-6px) !important; border-color: #16a34a !important; box-shadow: 0 15px 35px rgba(22, 163, 74, 0.10) !important; } /* ========================================= ICON BOX WRAPPER ========================================= */ .elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-icon-box-icon { margin: 0 0 12px !important; padding: 0 !important; } /* ICON BOX */ .elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-icon-box-icon .elementor-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 10px !important; color: #16a34a !important; font-size: 18px !important; line-height: 1 !important; transition: all 0.3s ease !important; } /* SVG */ .elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-icon-box-icon .elementor-icon svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-25ad851:hover .elementor-icon-box-icon .elementor-icon { background: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; transform: translateY(-2px) !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-icon-box-title { margin: 10px 0 0 !important; padding: 0 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: left !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-icon-box-description { width: 100% !important; max-width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; } /* ========================================= REMOVE ELEMENTOR EXTRA SPACING ========================================= */ .elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-widget-icon-box { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-25ad851 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-25ad851 { padding: 24px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9d2c777 *//* ========================================= EAKLAB OUTCOME CARD ELEMENTOR ICON BOX ========================================= */ /* CARD */ .elementor-9977 .elementor-element.elementor-element-9d2c777 { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 24px !important; margin: 0 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; position: relative !important; overflow: hidden !important; transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.35s ease, box-shadow 0.35s ease !important; box-sizing: border-box !important; } /* CARD HOVER */ .elementor-9977 .elementor-element.elementor-element-9d2c777:hover { transform: translateY(-6px) !important; border-color: #16a34a !important; box-shadow: 0 15px 35px rgba(22, 163, 74, 0.10) !important; } /* ========================================= ICON BOX WRAPPER ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-icon-box-icon { margin: 0 0 12px !important; padding: 0 !important; } /* ICON BOX */ .elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-icon-box-icon .elementor-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 10px !important; color: #16a34a !important; font-size: 18px !important; line-height: 1 !important; transition: all 0.3s ease !important; } /* SVG */ .elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-icon-box-icon .elementor-icon svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d2c777:hover .elementor-icon-box-icon .elementor-icon { background: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; transform: translateY(-2px) !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-icon-box-title { margin: 10px 0 0 !important; padding: 0 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: left !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-icon-box-description { width: 100% !important; max-width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; } /* ========================================= REMOVE ELEMENTOR EXTRA SPACING ========================================= */ .elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-widget-icon-box { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-9d2c777 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-9d2c777 { padding: 24px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0df1033 *//* ========================================================= RESPONSIVE ELEMENT HEIGHT ========================================================= */ /* Desktop */ .elementor-9977 .elementor-element.elementor-element-0df1033 .elementor-element { min-height: 200px !important; height: 200px !important; } /* Tablet */ @media (max-width: 992px) { .elementor-9977 .elementor-element.elementor-element-0df1033 .elementor-element { min-height: 180px !important; height: auto !important; } } /* Mobile */ @media (max-width: 576px) { .elementor-9977 .elementor-element.elementor-element-0df1033 .elementor-element { min-height: 0 !important; height: auto !important; } } /* Small Mobile */ @media (max-width: 380px) { .elementor-9977 .elementor-element.elementor-element-0df1033 .elementor-element { min-height: 0 !important; height: auto !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-fb6183f *//* ========================================= EAKLAB OUTCOME CARD ELEMENTOR ICON BOX ========================================= */ /* CARD */ .elementor-9977 .elementor-element.elementor-element-fb6183f { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 24px !important; margin: 0 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; position: relative !important; overflow: hidden !important; transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.35s ease, box-shadow 0.35s ease !important; box-sizing: border-box !important; } /* CARD HOVER */ .elementor-9977 .elementor-element.elementor-element-fb6183f:hover { transform: translateY(-6px) !important; border-color: #16a34a !important; box-shadow: 0 15px 35px rgba(22, 163, 74, 0.10) !important; } /* ========================================= ICON BOX WRAPPER ========================================= */ .elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-icon-box-icon { margin: 0 0 12px !important; padding: 0 !important; } /* ICON BOX */ .elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-icon-box-icon .elementor-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 10px !important; color: #16a34a !important; font-size: 18px !important; line-height: 1 !important; transition: all 0.3s ease !important; } /* SVG */ .elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-icon-box-icon .elementor-icon svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-fb6183f:hover .elementor-icon-box-icon .elementor-icon { background: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; transform: translateY(-2px) !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-icon-box-title { margin: 10px 0 0 !important; padding: 0 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: left !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-icon-box-description { width: 100% !important; max-width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; } /* ========================================= REMOVE ELEMENTOR EXTRA SPACING ========================================= */ .elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-widget-icon-box { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-fb6183f .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-fb6183f { padding: 24px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d99c3f7 *//* ========================================= EAKLAB OUTCOME CARD ELEMENTOR ICON BOX ========================================= */ /* CARD */ .elementor-9977 .elementor-element.elementor-element-d99c3f7 { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 24px !important; margin: 0 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; position: relative !important; overflow: hidden !important; transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.35s ease, box-shadow 0.35s ease !important; box-sizing: border-box !important; } /* CARD HOVER */ .elementor-9977 .elementor-element.elementor-element-d99c3f7:hover { transform: translateY(-6px) !important; border-color: #16a34a !important; box-shadow: 0 15px 35px rgba(22, 163, 74, 0.10) !important; } /* ========================================= ICON BOX WRAPPER ========================================= */ .elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-icon-box-icon { margin: 0 0 12px !important; padding: 0 !important; } /* ICON BOX */ .elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-icon-box-icon .elementor-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 10px !important; color: #16a34a !important; font-size: 18px !important; line-height: 1 !important; transition: all 0.3s ease !important; } /* SVG */ .elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-icon-box-icon .elementor-icon svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-d99c3f7:hover .elementor-icon-box-icon .elementor-icon { background: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; transform: translateY(-2px) !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-icon-box-title { margin: 10px 0 0 !important; padding: 0 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: left !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-icon-box-description { width: 100% !important; max-width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; } /* ========================================= REMOVE ELEMENTOR EXTRA SPACING ========================================= */ .elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-widget-icon-box { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-d99c3f7 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-d99c3f7 { padding: 24px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a7bd1aa *//* ========================================= EAKLAB OUTCOME CARD ELEMENTOR ICON BOX ========================================= */ /* CARD */ .elementor-9977 .elementor-element.elementor-element-a7bd1aa { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 24px !important; margin: 0 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; position: relative !important; overflow: hidden !important; transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.35s ease, box-shadow 0.35s ease !important; box-sizing: border-box !important; } /* CARD HOVER */ .elementor-9977 .elementor-element.elementor-element-a7bd1aa:hover { transform: translateY(-6px) !important; border-color: #16a34a !important; box-shadow: 0 15px 35px rgba(22, 163, 74, 0.10) !important; } /* ========================================= ICON BOX WRAPPER ========================================= */ .elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-icon-box-icon { margin: 0 0 12px !important; padding: 0 !important; } /* ICON BOX */ .elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-icon-box-icon .elementor-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 10px !important; color: #16a34a !important; font-size: 18px !important; line-height: 1 !important; transition: all 0.3s ease !important; } /* SVG */ .elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-icon-box-icon .elementor-icon svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-a7bd1aa:hover .elementor-icon-box-icon .elementor-icon { background: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; transform: translateY(-2px) !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-icon-box-title { margin: 10px 0 0 !important; padding: 0 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: left !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-icon-box-description { width: 100% !important; max-width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; } /* ========================================= REMOVE ELEMENTOR EXTRA SPACING ========================================= */ .elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-widget-icon-box { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-a7bd1aa .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-a7bd1aa { padding: 24px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ff3e763 *//* ========================================= EAKLAB OUTCOME CARD ELEMENTOR ICON BOX ========================================= */ /* CARD */ .elementor-9977 .elementor-element.elementor-element-ff3e763 { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; padding: 24px !important; margin: 0 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important; position: relative !important; overflow: hidden !important; transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), border-color 0.35s ease, box-shadow 0.35s ease !important; box-sizing: border-box !important; } /* CARD HOVER */ .elementor-9977 .elementor-element.elementor-element-ff3e763:hover { transform: translateY(-6px) !important; border-color: #16a34a !important; box-shadow: 0 15px 35px rgba(22, 163, 74, 0.10) !important; } /* ========================================= ICON BOX WRAPPER ========================================= */ .elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================= ICON ========================================= */ .elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-icon-box-icon { margin: 0 0 12px !important; padding: 0 !important; } /* ICON BOX */ .elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-icon-box-icon .elementor-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 10px !important; color: #16a34a !important; font-size: 18px !important; line-height: 1 !important; transition: all 0.3s ease !important; } /* SVG */ .elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-icon-box-icon .elementor-icon svg { width: 18px !important; height: 18px !important; fill: none !important; stroke: currentColor !important; } /* ========================================= ICON HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-ff3e763:hover .elementor-icon-box-icon .elementor-icon { background: #16a34a !important; border-color: #16a34a !important; color: #ffffff !important; transform: translateY(-2px) !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-icon-box-title { margin: 10px 0 0 !important; padding: 0 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: left !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-icon-box-description { width: 100% !important; max-width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; color: #64748b !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.5 !important; text-align: left !important; } /* ========================================= REMOVE ELEMENTOR EXTRA SPACING ========================================= */ .elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-widget-icon-box { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ff3e763 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-ff3e763 { padding: 24px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27573ae *//* ========================================================= RESPONSIVE ELEMENT HEIGHT ========================================================= */ /* Desktop */ .elementor-9977 .elementor-element.elementor-element-27573ae .elementor-element { min-height: 200px !important; height: 200px !important; } /* Tablet */ @media (max-width: 992px) { .elementor-9977 .elementor-element.elementor-element-27573ae .elementor-element { min-height: 180px !important; height: auto !important; } } /* Mobile */ @media (max-width: 576px) { .elementor-9977 .elementor-element.elementor-element-27573ae .elementor-element { min-height: 0 !important; height: auto !important; } } /* Small Mobile */ @media (max-width: 380px) { .elementor-9977 .elementor-element.elementor-element-27573ae .elementor-element { min-height: 0 !important; height: auto !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cf72fa0 *//* ========================================================= ELEMENTOR ICON BOX - LOGO LIME & ORANGE THEME ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cf72fa0 { box-sizing: border-box !important; width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 24px !important; padding: 40px 24px 30px 24px !important; text-align: center !important; position: relative !important; overflow: hidden !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02) !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } /* Bottom Accent Line (Logo Lime Green) */ .elementor-9977 .elementor-element.elementor-element-cf72fa0::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 50% !important; width: 60px !important; height: 4px !important; background-color: #84cc16 !important; border-radius: 4px 4px 0 0 !important; transform: translateX(-50%) scaleX(0) !important; transform-origin: center !important; transition: transform 0.4s ease !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover { transform: translateY(-10px) !important; background: #ffffff !important; border-color: #d9f99d !important; box-shadow: 0 25px 50px -12px rgba(132, 204, 22, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover::after { transform: translateX(-50%) scaleX(1) !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-icon { margin: 0 0 25px 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* ========================================================= ICON CIRCLE & COLOR (Logo Lime Green Accent) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-icon .elementor-icon, .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-icon span.elementor-icon, .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-icon i, .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon { width: 65px !important; height: 65px !important; min-width: 65px !important; min-height: 65px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background-color: #f7fee7 !important; color: #84cc16 !important; font-size: 26px !important; line-height: 1 !important; padding: 0 !important; box-shadow: 0 10px 20px rgba(132, 204, 22, 0.08) !important; transition: all 0.4s ease !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-icon svg, .elementor-9977 .elementor-element.elementor-element-cf72fa0 svg { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; display: block !important; fill: #84cc16 !important; color: #84cc16 !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-icon svg path, .elementor-9977 .elementor-element.elementor-element-cf72fa0 svg path, .elementor-9977 .elementor-element.elementor-element-cf72fa0 svg polygon, .elementor-9977 .elementor-element.elementor-element-cf72fa0 svg polyline, .elementor-9977 .elementor-element.elementor-element-cf72fa0 svg rect, .elementor-9977 .elementor-element.elementor-element-cf72fa0 svg circle { fill: #84cc16 !important; stroke: #84cc16 !important; } /* ========================================================= HOVER STATE (Logo Orange/Red Accent) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover .elementor-icon-box-icon .elementor-icon, .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover .elementor-icon-box-icon span.elementor-icon, .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover .elementor-icon, .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover i { background-color: #f97316 !important; color: #ffffff !important; transform: scale(1.1) translateY(-5px) !important; box-shadow: 0 15px 25px rgba(249, 115, 22, 0.30) !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover .elementor-icon-box-icon svg, .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover svg { fill: #ffffff !important; color: #ffffff !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover .elementor-icon-box-icon svg path, .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover svg path, .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover svg polygon, .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover svg polyline, .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover svg rect, .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover svg circle { fill: #ffffff !important; stroke: #ffffff !important; } /* ========================================================= TYPOGRAPHY ========================================================= */ .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-title a { margin: 0 0 12px 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #0f172a !important; text-align: center !important; text-decoration: none !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-cf72fa0:hover .elementor-icon-box-title a { color: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-description, .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-description p { margin: 0 !important; padding: 0 !important; font-size: 15px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-weight: 400 !important; line-height: 1.6 !important; color: #64748b !important; text-align: center !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1024px) { .elementor-9977 .elementor-element.elementor-element-cf72fa0 { padding: 35px 22px 28px 22px !important; } } @media (max-width: 600px) { .elementor-9977 .elementor-element.elementor-element-cf72fa0 { padding: 32px 20px 28px 20px !important; border-radius: 20px !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-icon { margin-bottom: 20px !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-icon .elementor-icon { width: 60px !important; height: 60px !important; font-size: 24px !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-description, .elementor-9977 .elementor-element.elementor-element-cf72fa0 .elementor-icon-box-description p { font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2843aed *//* ========================================================= ELEMENTOR ICON BOX - REVERSED LOGO THEME ========================================================= */ .elementor-9977 .elementor-element.elementor-element-2843aed { box-sizing: border-box !important; width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 24px !important; padding: 40px 24px 30px 24px !important; text-align: center !important; position: relative !important; overflow: hidden !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02) !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } /* Bottom Accent Line (Logo Orange/Red) */ .elementor-9977 .elementor-element.elementor-element-2843aed::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 50% !important; width: 60px !important; height: 4px !important; background-color: #f97316 !important; border-radius: 4px 4px 0 0 !important; transform: translateX(-50%) scaleX(0) !important; transform-origin: center !important; transition: transform 0.4s ease !important; } .elementor-9977 .elementor-element.elementor-element-2843aed:hover { transform: translateY(-10px) !important; background: #ffffff !important; border-color: #ffedd5 !important; box-shadow: 0 25px 50px -12px rgba(249, 115, 22, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-2843aed:hover::after { transform: translateX(-50%) scaleX(1) !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-icon { margin: 0 0 25px 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* ========================================================= ICON CIRCLE & COLOR (Logo Orange/Red Accent) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-icon .elementor-icon, .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-icon span.elementor-icon, .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-icon i, .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon { width: 65px !important; height: 65px !important; min-width: 65px !important; min-height: 65px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background-color: #fff7ed !important; color: #f97316 !important; font-size: 26px !important; line-height: 1 !important; padding: 0 !important; box-shadow: 0 10px 20px rgba(249, 115, 22, 0.08) !important; transition: all 0.4s ease !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-icon svg, .elementor-9977 .elementor-element.elementor-element-2843aed svg { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; display: block !important; fill: #f97316 !important; color: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-icon svg path, .elementor-9977 .elementor-element.elementor-element-2843aed svg path, .elementor-9977 .elementor-element.elementor-element-2843aed svg polygon, .elementor-9977 .elementor-element.elementor-element-2843aed svg polyline, .elementor-9977 .elementor-element.elementor-element-2843aed svg rect, .elementor-9977 .elementor-element.elementor-element-2843aed svg circle { fill: #f97316 !important; stroke: #f97316 !important; } /* ========================================================= HOVER STATE (Switches to Lime Green Accent) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-2843aed:hover .elementor-icon-box-icon .elementor-icon, .elementor-9977 .elementor-element.elementor-element-2843aed:hover .elementor-icon-box-icon span.elementor-icon, .elementor-9977 .elementor-element.elementor-element-2843aed:hover .elementor-icon, .elementor-9977 .elementor-element.elementor-element-2843aed:hover i { background-color: #84cc16 !important; color: #ffffff !important; transform: scale(1.1) translateY(-5px) !important; box-shadow: 0 15px 25px rgba(132, 204, 22, 0.30) !important; } .elementor-9977 .elementor-element.elementor-element-2843aed:hover .elementor-icon-box-icon svg, .elementor-9977 .elementor-element.elementor-element-2843aed:hover svg { fill: #ffffff !important; color: #ffffff !important; } .elementor-9977 .elementor-element.elementor-element-2843aed:hover .elementor-icon-box-icon svg path, .elementor-9977 .elementor-element.elementor-element-2843aed:hover svg path, .elementor-9977 .elementor-element.elementor-element-2843aed:hover svg polygon, .elementor-9977 .elementor-element.elementor-element-2843aed:hover svg polyline, .elementor-9977 .elementor-element.elementor-element-2843aed:hover svg rect, .elementor-9977 .elementor-element.elementor-element-2843aed:hover svg circle { fill: #ffffff !important; stroke: #ffffff !important; } /* ========================================================= TYPOGRAPHY ========================================================= */ .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-title a { margin: 0 0 12px 0 !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; line-height: 1.3 !important; color: #0f172a !important; text-align: center !important; text-decoration: none !important; } .elementor-9977 .elementor-element.elementor-element-2843aed:hover .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-2843aed:hover .elementor-icon-box-title a { color: #84cc16 !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-description, .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-description p { margin: 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: 400 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; line-height: 1.6 !important; color: #64748b !important; text-align: center !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1024px) { .elementor-9977 .elementor-element.elementor-element-2843aed { padding: 35px 22px 28px 22px !important; } } @media (max-width: 600px) { .elementor-9977 .elementor-element.elementor-element-2843aed { padding: 32px 20px 28px 20px !important; border-radius: 20px !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-icon { margin-bottom: 20px !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-icon .elementor-icon { width: 60px !important; height: 60px !important; font-size: 24px !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-description, .elementor-9977 .elementor-element.elementor-element-2843aed .elementor-icon-box-description p { font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-ef1e127 *//* ========================================================= ELEMENTOR ICON BOX - REVERSED LOGO THEME ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ef1e127 { box-sizing: border-box !important; width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 24px !important; padding: 40px 24px 30px 24px !important; text-align: center !important; position: relative !important; overflow: hidden !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02) !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } /* Bottom Accent Line (Logo Orange/Red) */ .elementor-9977 .elementor-element.elementor-element-ef1e127::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 50% !important; width: 60px !important; height: 4px !important; background-color: #f97316 !important; border-radius: 4px 4px 0 0 !important; transform: translateX(-50%) scaleX(0) !important; transform-origin: center !important; transition: transform 0.4s ease !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127:hover { transform: translateY(-10px) !important; background: #ffffff !important; border-color: #ffedd5 !important; box-shadow: 0 25px 50px -12px rgba(249, 115, 22, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127:hover::after { transform: translateX(-50%) scaleX(1) !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-icon { margin: 0 0 25px 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* ========================================================= ICON CIRCLE & COLOR (Logo Orange/Red Accent) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-icon .elementor-icon, .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-icon span.elementor-icon, .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-icon i, .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon { width: 65px !important; height: 65px !important; min-width: 65px !important; min-height: 65px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background-color: #fff7ed !important; color: #f97316 !important; font-size: 26px !important; line-height: 1 !important; padding: 0 !important; box-shadow: 0 10px 20px rgba(249, 115, 22, 0.08) !important; transition: all 0.4s ease !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-icon svg, .elementor-9977 .elementor-element.elementor-element-ef1e127 svg { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; display: block !important; fill: #f97316 !important; color: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-icon svg path, .elementor-9977 .elementor-element.elementor-element-ef1e127 svg path, .elementor-9977 .elementor-element.elementor-element-ef1e127 svg polygon, .elementor-9977 .elementor-element.elementor-element-ef1e127 svg polyline, .elementor-9977 .elementor-element.elementor-element-ef1e127 svg rect, .elementor-9977 .elementor-element.elementor-element-ef1e127 svg circle { fill: #f97316 !important; stroke: #f97316 !important; } /* ========================================================= HOVER STATE (Switches to Lime Green Accent) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ef1e127:hover .elementor-icon-box-icon .elementor-icon, .elementor-9977 .elementor-element.elementor-element-ef1e127:hover .elementor-icon-box-icon span.elementor-icon, .elementor-9977 .elementor-element.elementor-element-ef1e127:hover .elementor-icon, .elementor-9977 .elementor-element.elementor-element-ef1e127:hover i { background-color: #84cc16 !important; color: #ffffff !important; transform: scale(1.1) translateY(-5px) !important; box-shadow: 0 15px 25px rgba(132, 204, 22, 0.30) !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127:hover .elementor-icon-box-icon svg, .elementor-9977 .elementor-element.elementor-element-ef1e127:hover svg { fill: #ffffff !important; color: #ffffff !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127:hover .elementor-icon-box-icon svg path, .elementor-9977 .elementor-element.elementor-element-ef1e127:hover svg path, .elementor-9977 .elementor-element.elementor-element-ef1e127:hover svg polygon, .elementor-9977 .elementor-element.elementor-element-ef1e127:hover svg polyline, .elementor-9977 .elementor-element.elementor-element-ef1e127:hover svg rect, .elementor-9977 .elementor-element.elementor-element-ef1e127:hover svg circle { fill: #ffffff !important; stroke: #ffffff !important; } /* ========================================================= TYPOGRAPHY ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-title a { margin: 0 0 12px 0 !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; line-height: 1.3 !important; color: #0f172a !important; text-align: center !important; text-decoration: none !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127:hover .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-ef1e127:hover .elementor-icon-box-title a { color: #84cc16 !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-description, .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-description p { margin: 0 !important; padding: 0 !important; font-size: 15px !important; font-weight: 400 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; line-height: 1.6 !important; color: #64748b !important; text-align: center !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1024px) { .elementor-9977 .elementor-element.elementor-element-ef1e127 { padding: 35px 22px 28px 22px !important; } } @media (max-width: 600px) { .elementor-9977 .elementor-element.elementor-element-ef1e127 { padding: 32px 20px 28px 20px !important; border-radius: 20px !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-icon { margin-bottom: 20px !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-icon .elementor-icon { width: 60px !important; height: 60px !important; font-size: 24px !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-description, .elementor-9977 .elementor-element.elementor-element-ef1e127 .elementor-icon-box-description p { font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-36460e3 *//* ========================================================= ELEMENTOR ICON BOX - LOGO LIME & ORANGE THEME ========================================================= */ .elementor-9977 .elementor-element.elementor-element-36460e3 { box-sizing: border-box !important; width: 100% !important; height: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 24px !important; padding: 40px 24px 30px 24px !important; text-align: center !important; position: relative !important; overflow: hidden !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.02) !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } /* Bottom Accent Line (Logo Lime Green) */ .elementor-9977 .elementor-element.elementor-element-36460e3::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 50% !important; width: 60px !important; height: 4px !important; background-color: #84cc16 !important; border-radius: 4px 4px 0 0 !important; transform: translateX(-50%) scaleX(0) !important; transform-origin: center !important; transition: transform 0.4s ease !important; } .elementor-9977 .elementor-element.elementor-element-36460e3:hover { transform: translateY(-10px) !important; background: #ffffff !important; border-color: #d9f99d !important; box-shadow: 0 25px 50px -12px rgba(132, 204, 22, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-36460e3:hover::after { transform: translateX(-50%) scaleX(1) !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-wrapper { margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-icon { margin: 0 0 25px 0 !important; padding: 0 !important; line-height: 1 !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* ========================================================= ICON CIRCLE & COLOR (Logo Lime Green Accent) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-icon .elementor-icon, .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-icon span.elementor-icon, .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-icon i, .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon { width: 65px !important; height: 65px !important; min-width: 65px !important; min-height: 65px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background-color: #f7fee7 !important; color: #84cc16 !important; font-size: 26px !important; line-height: 1 !important; padding: 0 !important; box-shadow: 0 10px 20px rgba(132, 204, 22, 0.08) !important; transition: all 0.4s ease !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-icon svg, .elementor-9977 .elementor-element.elementor-element-36460e3 svg { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; display: block !important; fill: #84cc16 !important; color: #84cc16 !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-icon svg path, .elementor-9977 .elementor-element.elementor-element-36460e3 svg path, .elementor-9977 .elementor-element.elementor-element-36460e3 svg polygon, .elementor-9977 .elementor-element.elementor-element-36460e3 svg polyline, .elementor-9977 .elementor-element.elementor-element-36460e3 svg rect, .elementor-9977 .elementor-element.elementor-element-36460e3 svg circle { fill: #84cc16 !important; stroke: #84cc16 !important; } /* ========================================================= HOVER STATE (Logo Orange/Red Accent) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-36460e3:hover .elementor-icon-box-icon .elementor-icon, .elementor-9977 .elementor-element.elementor-element-36460e3:hover .elementor-icon-box-icon span.elementor-icon, .elementor-9977 .elementor-element.elementor-element-36460e3:hover .elementor-icon, .elementor-9977 .elementor-element.elementor-element-36460e3:hover i { background-color: #f97316 !important; color: #ffffff !important; transform: scale(1.1) translateY(-5px) !important; box-shadow: 0 15px 25px rgba(249, 115, 22, 0.30) !important; } .elementor-9977 .elementor-element.elementor-element-36460e3:hover .elementor-icon-box-icon svg, .elementor-9977 .elementor-element.elementor-element-36460e3:hover svg { fill: #ffffff !important; color: #ffffff !important; } .elementor-9977 .elementor-element.elementor-element-36460e3:hover .elementor-icon-box-icon svg path, .elementor-9977 .elementor-element.elementor-element-36460e3:hover svg path, .elementor-9977 .elementor-element.elementor-element-36460e3:hover svg polygon, .elementor-9977 .elementor-element.elementor-element-36460e3:hover svg polyline, .elementor-9977 .elementor-element.elementor-element-36460e3:hover svg rect, .elementor-9977 .elementor-element.elementor-element-36460e3:hover svg circle { fill: #ffffff !important; stroke: #ffffff !important; } /* ========================================================= TYPOGRAPHY ========================================================= */ .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-title a { margin: 0 0 12px 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; padding: 0 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #0f172a !important; text-align: center !important; text-decoration: none !important; } .elementor-9977 .elementor-element.elementor-element-36460e3:hover .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-36460e3:hover .elementor-icon-box-title a { color: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-description, .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-description p { margin: 0 !important; padding: 0 !important; font-size: 15px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-weight: 400 !important; line-height: 1.6 !important; color: #64748b !important; text-align: center !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1024px) { .elementor-9977 .elementor-element.elementor-element-36460e3 { padding: 35px 22px 28px 22px !important; } } @media (max-width: 600px) { .elementor-9977 .elementor-element.elementor-element-36460e3 { padding: 32px 20px 28px 20px !important; border-radius: 20px !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-icon { margin-bottom: 20px !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-icon .elementor-icon { width: 60px !important; height: 60px !important; font-size: 24px !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-icon .elementor-icon svg { width: 24px !important; height: 24px !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-title, .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-title a { font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-description, .elementor-9977 .elementor-element.elementor-element-36460e3 .elementor-icon-box-description p { font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e711cb8 */.elementor-9977 .elementor-element.elementor-element-e711cb8 { align-items: stretch !important; } .elementor-9977 .elementor-element.elementor-element-e711cb8 .e-con { align-self: stretch !important; } .elementor-9977 .elementor-element.elementor-element-e711cb8 .e-con > .e-con { height: auto !important; min-height: 100% !important; align-self: stretch !important; } /* Fix text going outside the card */ .elementor-9977 .elementor-element.elementor-element-e711cb8 .elementor-widget, .elementor-9977 .elementor-element.elementor-element-e711cb8 .elementor-widget-container, .elementor-9977 .elementor-element.elementor-element-e711cb8 .elementor-widget-text-editor, .elementor-9977 .elementor-element.elementor-element-e711cb8 .elementor-widget-text-editor p, .elementor-9977 .elementor-element.elementor-element-e711cb8 .elementor-widget-heading, .elementor-9977 .elementor-element.elementor-element-e711cb8 .elementor-heading-title { min-width: 0 !important; max-width: 100% !important; width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }/* End custom CSS */ /* Start custom CSS for elementskit-testimonial, class: .elementor-element-5ea9626 *//* ========================================================= EAKLAB TESTIMONIAL FINAL PREMIUM + EXACT EQUAL HEIGHT FIX ========================================================= */ /* ========================================================= 1. SLICK / ELEMENTSKIT EQUAL HEIGHT SYSTEM ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-testimonial-slider, .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-testimonial-slider .slick-list { width: 100% !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-testimonial-slider .slick-list { overflow: visible !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .slick-track { display: flex !important; align-items: stretch !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .slick-slide { height: 420px !important; min-height: 420px !important; max-height: 420px !important; display: flex !important; align-items: stretch !important; margin-top: 0 !important; margin-bottom: 0 !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .slick-slide > div { width: 100% !important; height: 100% !important; display: flex !important; align-items: stretch !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .slick-slide > div > div { width: 100% !important; height: 100% !important; } /* ========================================================= 2. FONT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider, .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================================= 3. ANIMATIONS ========================================================= */ @keyframes eakTestimonialFadeUp { 0% { opacity: 0; transform: translateY(25px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes eakTestimonialGlow { 0%, 100% { opacity: 0.25; transform: scale(1); } 50% { opacity: 0.55; transform: scale(1.08); } } /* ========================================================= 4. MAIN TESTIMONIAL CARD ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider { position: relative !important; width: 100% !important; /* EXACT SAME HEIGHT */ height: 420px !important; min-height: 420px !important; max-height: 420px !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: 0 10px 35px rgba(15, 23, 42, 0.055) !important; animation: eakTestimonialFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards !important; transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important; box-sizing: border-box !important; display: block !important; } /* ========================================================= 5. DECORATIVE GREEN GLOW ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider::after { content: "" !important; position: absolute !important; width: 210px !important; height: 210px !important; right: -105px !important; top: -105px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(22, 163, 74, 0.12) 0%, rgba(22, 163, 74, 0.035) 48%, transparent 72% ) !important; pointer-events: none !important; z-index: 0 !important; animation: eakTestimonialGlow 5s ease-in-out infinite !important; } /* ========================================================= 6. HOVER EFFECT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider:hover { transform: translateY(-7px) !important; border-color: #bbf7d0 !important; box-shadow: 0 25px 55px rgba(15, 23, 42, 0.09), 0 8px 25px rgba(22, 163, 74, 0.07) !important; } /* ========================================================= 7. ROW ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider > .row { position: relative !important; width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; display: block !important; z-index: 2 !important; } /* ========================================================= 8. REVIEW COLUMN ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider .elementkit-testimonial-col:first-child { width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; float: none !important; } /* ========================================================= 9. CONTENT AREA ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content { position: relative !important; width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 92px 38px 135px 38px !important; text-align: left !important; box-sizing: border-box !important; z-index: 3 !important; } /* ========================================================= 10. QUOTE BADGE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider::before { content: "“" !important; position: absolute !important; top: 28px !important; left: 38px !important; width: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 14px !important; color: #16a34a !important; font-family: Georgia, serif !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1 !important; padding-top: 8px !important; z-index: 10 !important; transition: background 0.35s ease, color 0.35s ease, transform 0.35s ease !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider:hover::before { background: #16a34a !important; color: #ffffff !important; transform: rotate(-6deg) scale(1.08) !important; } /* ========================================================= 11. REVIEW TEXT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content > p { position: relative !important; width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; color: #475569 !important; font-size: 15.5px !important; font-weight: 400 !important; line-height: 1.65 !important; letter-spacing: 0 !important; text-align: left !important; overflow: visible !important; box-sizing: border-box !important; } /* ========================================================= 12. STARS ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content::after { content: "★★★★★" !important; position: absolute !important; left: 38px !important; bottom: 91px !important; color: #f59e0b !important; font-family: Arial, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; letter-spacing: 3px !important; line-height: 20px !important; white-space: nowrap !important; z-index: 15 !important; transform-origin: left center !important; transition: transform 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider:hover .elementskit-commentor-content::after { transform: scale(1.08) !important; } /* ========================================================= 13. ACCENT LINE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-border-hr { position: absolute !important; left: 38px !important; bottom: 73px !important; width: 50px !important; height: 3px !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( 90deg, #16a34a, #f97316 ) !important; border: 0 !important; border-radius: 10px !important; display: block !important; z-index: 12 !important; transition: width 0.35s ease !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider:hover .elementskit-border-hr { width: 75px !important; } /* ========================================================= 14. PROFILE IMAGE COLUMN ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider .elementkit-testimonial-col:last-child { position: absolute !important; left: 38px !important; bottom: 23px !important; width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 !important; float: none !important; display: block !important; z-index: 25 !important; } /* ========================================================= 15. PROFILE IMAGE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-profile-image-card { position: relative !important; width: 46px !important; height: 46px !important; min-width: 46px !important; max-width: 46px !important; min-height: 46px !important; max-height: 46px !important; margin: 0 !important; padding: 2px !important; display: block !important; background: #ffffff !important; border: 2px solid #bbf7d0 !important; border-radius: 50% !important; overflow: hidden !important; box-shadow: 0 5px 15px rgba(15, 23, 42, 0.10) !important; transform: none !important; transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important; box-sizing: border-box !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider:hover .elementskit-profile-image-card { border-color: #16a34a !important; transform: scale(1.08) !important; box-shadow: 0 8px 20px rgba(22, 163, 74, 0.18) !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-profile-image-card img { position: static !important; display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; object-position: center !important; border-radius: 50% !important; transform: none !important; } /* ========================================================= 16. PROFILE INFO ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-profile-info { position: absolute !important; left: 98px !important; right: auto !important; bottom: 23px !important; width: max-content !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; text-align: left !important; z-index: 25 !important; } /* ========================================================= 17. AUTHOR NAME ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-author-name { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #0f172a !important; font-size: 15px !important; font-weight: 700 !important; line-height: 19px !important; white-space: nowrap !important; } /* ========================================================= 18. DESIGNATION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-author-des { display: block !important; width: 100% !important; margin: 2px 0 0 0 !important; padding: 0 !important; color: #64748b !important; font-size: 12px !important; font-weight: 400 !important; line-height: 15px !important; white-space: nowrap !important; } /* ========================================================= 19. REMOVE DEFAULT FLOAT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider .ekit-col-6 { float: none !important; } /* ========================================================= 20. REMOVE DEFAULT SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider *, .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider *::before, .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider *::after { box-sizing: border-box !important; } /* ========================================================= 21. TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-9977 .elementor-element.elementor-element-5ea9626 .slick-slide { height: 410px !important; min-height: 410px !important; max-height: 410px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider { height: 410px !important; min-height: 410px !important; max-height: 410px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content { padding: 90px 30px 135px 30px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider::before { left: 30px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content > p { font-size: 15px !important; line-height: 1.6 !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content::after { left: 30px !important; bottom: 91px !important; font-size: 17px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-border-hr { left: 30px !important; bottom: 73px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider .elementkit-testimonial-col:last-child { left: 30px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-profile-info { left: 90px !important; } } /* ========================================================= 22. MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-9977 .elementor-element.elementor-element-5ea9626 .slick-slide { height: 400px !important; min-height: 400px !important; max-height: 400px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider { height: 400px !important; min-height: 400px !important; max-height: 400px !important; border-radius: 20px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content { padding: 82px 22px 110px 22px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider::before { top: 25px !important; left: 22px !important; width: 44px !important; height: 44px !important; font-size: 32px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content > p { font-size: 14px !important; line-height: 1.6 !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content::after { left: 22px !important; bottom: 91px !important; font-size: 16px !important; letter-spacing: 2.5px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-border-hr { left: 22px !important; bottom: 73px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider .elementkit-testimonial-col:last-child { left: 22px !important; bottom: 23px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-profile-info { left: 78px !important; bottom: 23px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-author-name { font-size: 14px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-author-des { font-size: 11px !important; } } /* ========================================================= 23. SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .elementor-9977 .elementor-element.elementor-element-5ea9626 .slick-slide { height: 400px !important; min-height: 400px !important; max-height: 400px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-single-testimonial-slider { height: 400px !important; min-height: 400px !important; max-height: 400px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content { padding: 80px 20px 110px 20px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content > p { font-size: 13.5px !important; } .elementor-9977 .elementor-element.elementor-element-5ea9626 .elementskit-commentor-content::after { bottom: 91px !important; font-size: 16px !important; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-18ace07 *//* ========================================================= RELATED SERVICES - EXACT CARD DESIGN + FULL CLICKABLE REVERSED LOGO GREEN & ORANGE THEME ========================================================= */ .elementor-9977 .elementor-element.elementor-element-18ace07 { box-sizing: border-box !important; width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 24px 20px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.01) !important; transition: all 0.3s ease !important; position: relative !important; cursor: pointer !important; /* Full card hover cursor */ } .elementor-9977 .elementor-element.elementor-element-18ace07:hover { border-color: #f97316 !important; box-shadow: 0 10px 25px rgba(249, 115, 22, 0.12) !important; transform: translateY(-4px) !important; } .elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-wrapper { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; gap: 0 !important; } .elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-icon { width: 40px !important; height: 40px !important; margin: 0 0 16px 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; line-height: 1 !important; } .elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; max-width: 40px !important; max-height: 40px !important; border-radius: 8px !important; background-color: #fff7ed !important; color: #f97316 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; transition: all 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-icon .elementor-icon svg { width: 30px !important; height: 30px !important; max-width: 20px !important; max-height: 30px !important; margin: 0 !important; padding: 0 !important; color: #f97316 !important; fill: #f97316 !important; stroke: #f97316 !important; stroke-width: 2 !important; display: block !important; } .elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-icon .elementor-icon svg path { color: #f97316 !important; fill: #f97316 !important; stroke: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-title { font-size: 17px !important; font-weight: 700 !important; color: #0f172a !important; margin: 8px 0 8px 0 !important; padding: 0 !important; line-height: 1.3 !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-18ace07 .elementor-icon-box-description { font-size: 15px !important; color: #64748b !important; line-height: 1.5 !important; margin: 0 !important; /* Extra bottom margin removed */ padding: 0 !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-18ace07:hover .elementor-icon-box-icon .elementor-icon { background-color: #f0fdf4 !important; color: #16a34a !important; transform: scale(1.05) !important; box-shadow: 0 6px 15px rgba(22, 163, 74, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-18ace07:hover .elementor-icon-box-icon .elementor-icon svg { color: #16a34a !important; fill: #16a34a !important; stroke: #16a34a !important; } .elementor-9977 .elementor-element.elementor-element-18ace07:hover .elementor-icon-box-icon .elementor-icon svg path { color: #16a34a !important; fill: #16a34a !important; stroke: #16a34a !important; } .elementor-9977 .elementor-element.elementor-element-18ace07:hover .elementor-icon-box-title { color: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-18ace07.elementor-position-inline-start .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-18ace07.elementor-position-inline-start .elementor-icon-box-icon { margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 16px !important; } /* ========================================================= MAGIC TRICK: Stretch Elementor Link to Full Card (Without breaking layout) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-18ace07 a::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 10 !important; } .elementor-9977 .elementor-element.elementor-element-18ace07, .elementor-9977 .elementor-element.elementor-element-18ace07 * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c28d5b5 *//* ========================================================= RELATED SERVICES - EXACT CARD DESIGN + FULL CLICKABLE EXACT 3-COLOR LOGO THEME (GREEN, LIME & ORANGE) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-c28d5b5 { box-sizing: border-box !important; width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 24px 20px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.01) !important; transition: all 0.3s ease !important; position: relative !important; cursor: pointer !important; /* Full card hover cursor */ } .elementor-9977 .elementor-element.elementor-element-c28d5b5:hover { border-color: #84cc16 !important; /* Logo Yellow-Green/Lime Accent */ box-shadow: 0 10px 25px rgba(132, 204, 22, 0.12) !important; transform: translateY(-4px) !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-wrapper { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; gap: 0 !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-icon { width: 40px !important; height: 40px !important; margin: 0 0 16px 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; line-height: 1 !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; max-width: 40px !important; max-height: 40px !important; border-radius: 8px !important; background-color: #f7fee7 !important; /* Soft Yellow-Green Tint */ color: #84cc16 !important; /* Logo Yellow-Green/Lime */ display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; transition: all 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-icon .elementor-icon svg { width: 30px !important; height: 30px !important; max-width: 20px !important; max-height: 30px !important; margin: 0 !important; padding: 0 !important; color: #84cc16 !important; fill: #84cc16 !important; stroke: #84cc16 !important; stroke-width: 2 !important; display: block !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-icon .elementor-icon svg path { color: #84cc16 !important; fill: #84cc16 !important; stroke: #84cc16 !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-title { font-size: 17px !important; font-weight: 700 !important; color: #0f172a !important; margin: 8px 0 8px 0 !important; padding: 0 !important; line-height: 1.3 !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5 .elementor-icon-box-description { font-size: 15px !important; color: #64748b !important; line-height: 1.5 !important; margin: 0 !important; /* Extra bottom margin removed since "Learn More" is gone */ padding: 0 !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5:hover .elementor-icon-box-icon .elementor-icon { background-color: #fff7ed !important; /* Soft Orange Tint */ color: #f97316 !important; /* Logo Orange/Red Accent */ transform: scale(1.05) !important; box-shadow: 0 6px 15px rgba(249, 115, 22, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5:hover .elementor-icon-box-icon .elementor-icon svg { color: #f97316 !important; fill: #f97316 !important; stroke: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5:hover .elementor-icon-box-icon .elementor-icon svg path { color: #f97316 !important; fill: #f97316 !important; stroke: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5:hover .elementor-icon-box-title { color: #16a34a !important; /* Logo Green Accent on Title Hover */ } .elementor-9977 .elementor-element.elementor-element-c28d5b5.elementor-position-inline-start .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5.elementor-position-inline-start .elementor-icon-box-icon { margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 16px !important; } /* ========================================================= MAGIC TRICK: Stretch Elementor Link to Full Card (Without breaking layout) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-c28d5b5 a::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 10 !important; } .elementor-9977 .elementor-element.elementor-element-c28d5b5, .elementor-9977 .elementor-element.elementor-element-c28d5b5 * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b4c7dcf *//* ========================================================= RELATED SERVICES - EXACT CARD DESIGN + FULL CLICKABLE EXACT 3-COLOR LOGO THEME (GREEN, LIME & ORANGE) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-b4c7dcf { box-sizing: border-box !important; width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 24px 20px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.01) !important; transition: all 0.3s ease !important; position: relative !important; cursor: pointer !important; /* Full card hover cursor */ } .elementor-9977 .elementor-element.elementor-element-b4c7dcf:hover { border-color: #84cc16 !important; /* Logo Yellow-Green/Lime Accent */ box-shadow: 0 10px 25px rgba(132, 204, 22, 0.12) !important; transform: translateY(-4px) !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-wrapper { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; gap: 0 !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-icon { width: 40px !important; height: 40px !important; margin: 0 0 16px 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; line-height: 1 !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; max-width: 40px !important; max-height: 40px !important; border-radius: 8px !important; background-color: #f7fee7 !important; /* Soft Yellow-Green Tint */ color: #84cc16 !important; /* Logo Yellow-Green/Lime */ display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; transition: all 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-icon .elementor-icon svg { width: 30px !important; height: 30px !important; max-width: 20px !important; max-height: 30px !important; margin: 0 !important; padding: 0 !important; color: #84cc16 !important; fill: #84cc16 !important; stroke: #84cc16 !important; stroke-width: 2 !important; display: block !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-icon .elementor-icon svg path { color: #84cc16 !important; fill: #84cc16 !important; stroke: #84cc16 !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-title { font-size: 17px !important; font-weight: 700 !important; color: #0f172a !important; margin: 8px 0 8px 0 !important; padding: 0 !important; line-height: 1.3 !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf .elementor-icon-box-description { font-size: 15px !important; color: #64748b !important; line-height: 1.5 !important; margin: 0 !important; /* Extra bottom margin removed since "Learn More" is gone */ padding: 0 !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf:hover .elementor-icon-box-icon .elementor-icon { background-color: #fff7ed !important; /* Soft Orange Tint */ color: #f97316 !important; /* Logo Orange/Red Accent */ transform: scale(1.05) !important; box-shadow: 0 6px 15px rgba(249, 115, 22, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf:hover .elementor-icon-box-icon .elementor-icon svg { color: #f97316 !important; fill: #f97316 !important; stroke: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf:hover .elementor-icon-box-icon .elementor-icon svg path { color: #f97316 !important; fill: #f97316 !important; stroke: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf:hover .elementor-icon-box-title { color: #16a34a !important; /* Logo Green Accent on Title Hover */ } .elementor-9977 .elementor-element.elementor-element-b4c7dcf.elementor-position-inline-start .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf.elementor-position-inline-start .elementor-icon-box-icon { margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 16px !important; } /* ========================================================= MAGIC TRICK: Stretch Elementor Link to Full Card (Without breaking layout) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-b4c7dcf a::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 10 !important; } .elementor-9977 .elementor-element.elementor-element-b4c7dcf, .elementor-9977 .elementor-element.elementor-element-b4c7dcf * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b13b9d9 *//* ========================================================= RELATED SERVICES - EXACT CARD DESIGN + FULL CLICKABLE REVERSED LOGO GREEN & ORANGE THEME ========================================================= */ .elementor-9977 .elementor-element.elementor-element-b13b9d9 { box-sizing: border-box !important; width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; padding: 24px 20px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.01) !important; transition: all 0.3s ease !important; position: relative !important; cursor: pointer !important; /* Full card hover cursor */ } .elementor-9977 .elementor-element.elementor-element-b13b9d9:hover { border-color: #f97316 !important; box-shadow: 0 10px 25px rgba(249, 115, 22, 0.12) !important; transform: translateY(-4px) !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-wrapper { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; gap: 0 !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-icon { width: 40px !important; height: 40px !important; margin: 0 0 16px 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; line-height: 1 !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-icon .elementor-icon { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; max-width: 40px !important; max-height: 40px !important; border-radius: 8px !important; background-color: #fff7ed !important; color: #f97316 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; line-height: 1 !important; transition: all 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-icon .elementor-icon svg { width: 30px !important; height: 30px !important; max-width: 20px !important; max-height: 30px !important; margin: 0 !important; padding: 0 !important; color: #f97316 !important; fill: #f97316 !important; stroke: #f97316 !important; stroke-width: 2 !important; display: block !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-icon .elementor-icon svg path { color: #f97316 !important; fill: #f97316 !important; stroke: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-content { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-title { font-size: 17px !important; font-weight: 700 !important; color: #0f172a !important; margin: 8px 0 8px 0 !important; padding: 0 !important; line-height: 1.3 !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9 .elementor-icon-box-description { font-size: 15px !important; color: #64748b !important; line-height: 1.5 !important; margin: 0 !important; /* Extra bottom margin removed */ padding: 0 !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9:hover .elementor-icon-box-icon .elementor-icon { background-color: #f0fdf4 !important; color: #16a34a !important; transform: scale(1.05) !important; box-shadow: 0 6px 15px rgba(22, 163, 74, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9:hover .elementor-icon-box-icon .elementor-icon svg { color: #16a34a !important; fill: #16a34a !important; stroke: #16a34a !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9:hover .elementor-icon-box-icon .elementor-icon svg path { color: #16a34a !important; fill: #16a34a !important; stroke: #16a34a !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9:hover .elementor-icon-box-title { color: #f97316 !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9.elementor-position-inline-start .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9.elementor-position-inline-start .elementor-icon-box-icon { margin-right: 0 !important; margin-left: 0 !important; margin-bottom: 16px !important; } /* ========================================================= MAGIC TRICK: Stretch Elementor Link to Full Card (Without breaking layout) ========================================================= */ .elementor-9977 .elementor-element.elementor-element-b13b9d9 a::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 10 !important; } .elementor-9977 .elementor-element.elementor-element-b13b9d9, .elementor-9977 .elementor-element.elementor-element-b13b9d9 * { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4ec0772 *//* 1. Main Row ko stretch karne ke liye */ .e-con-inner { align-items: stretch !important; } /* 2. Har card ke wrapper ko stretch karne ke liye */ .elementor-element.e-con.e-child { align-self: stretch !important; height: auto !important; } /* 3. Card ki sabhi andar wali layers ko 100% height dene ke liye */ .elementor-widget-icon-box, .elementor-widget-icon-box .elementor-widget-container, .elementor-9977 .elementor-element.elementor-element-4ec0772 { height: 100% !important; } /* 4. Lamba text card se bahar na nikle uske liye (Word Wrap Fix) */ .elementor-9977 .elementor-element.elementor-element-4ec0772 .elementor-icon-box-description, .elementor-9977 .elementor-element.elementor-element-4ec0772 p, .elementor-9977 .elementor-element.elementor-element-4ec0772 { word-wrap: break-word !important; overflow-wrap: break-word !important; word-break: break-word !important; }/* End custom CSS */ /* Start custom CSS for elementskit-icon-box, class: .elementor-element-381632a *//* ========================================= UNIQUE RELATED BLOGS - LOGO RED THEME EXACT ORIGINAL DESIGN + ELEMENTOR ========================================= */ /* ========================================= GLOBAL BOX + FONT ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a, .elementor-9977 .elementor-element.elementor-element-381632a * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; position: relative !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } /* ========================================= BOTTOM GLOWING BAR (Logo Red Theme) ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 4px !important; background: linear-gradient( 90deg, #ef4444, #f87171 ) !important; transform: scaleX(0) !important; transform-origin: center !important; transition: transform 0.4s ease !important; z-index: 50 !important; pointer-events: none !important; } /* ========================================= CARD HOVER (Logo Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a:hover { transform: translateY(-10px) !important; border-color: #f87171 !important; box-shadow: 0 20px 40px rgba(239, 68, 68, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-381632a:hover::after { transform: scaleX(1) !important; } /* ========================================= IMAGE WIDGET ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-image { width: 100% !important; height: 160px !important; min-height: 160px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; background-color: #0f172a !important; } /* ========================================= IMAGE WIDGET CONTAINER ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 160px !important; min-height: 160px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; } /* ========================================= IMAGE LINK ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-image a { width: 100% !important; height: 160px !important; min-height: 160px !important; display: block !important; overflow: hidden !important; position: relative !important; margin: 0 !important; padding: 0 !important; } /* ========================================= IMAGE ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-image img { width: 100% !important; height: 160px !important; min-height: 160px !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; display: block !important; margin: 0 !important; padding: 0 !important; opacity: 0.9 !important; transform: scale(1) rotate(0deg) !important; transform-origin: center center !important; transition: transform 0.5s ease, opacity 0.5s ease !important; will-change: transform, opacity !important; } /* ========================================= FORCE IMAGE HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a:hover .elementor-widget-image img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= FORCE IMAGE HOVER - LINK ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a:hover .elementor-widget-image a img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= FORCE IMAGE HOVER - DIRECT IMG ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a:hover img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= BODY ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a > .e-con-inner > .e-con:nth-child(2), .elementor-9977 .elementor-element.elementor-element-381632a > .e-con:nth-child(2) { width: 100% !important; padding: 22px 20px !important; margin: 0 !important; background: #ffffff !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; justify-content: space-between !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-heading { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-heading .elementor-heading-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 10px 0 !important; padding: 0 !important; line-height: 1.35 !important; letter-spacing: normal !important; text-transform: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-text-editor p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; padding: 0 !important; letter-spacing: normal !important; } /* ========================================= READ MORE WIDGET ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-button { margin: 0 !important; padding: 0 !important; } /* ========================================= READ MORE BUTTON (Logo Red Color) ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-button .elementor-button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; color: #ef4444 !important; background: transparent !important; border: none !important; border-radius: 0 !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; line-height: 1.4 !important; box-shadow: none !important; transition: all 0.3s ease !important; } /* ========================================= READ MORE HOVER (Darker Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-button .elementor-button:hover { color: #dc2626 !important; background: transparent !important; border: none !important; box-shadow: none !important; gap: 12px !important; transform: none !important; } /* ========================================= REMOVE DEFAULT BUTTON EFFECT ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-button .elementor-button::before, .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-button .elementor-button::after { content: none !important; display: none !important; } /* ========================================= BUTTON TEXT ========================================= */ .elementor-9977 .elementor-element.elementor-element-381632a .elementor-button-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; color: inherit !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 600px) { .elementor-9977 .elementor-element.elementor-element-381632a { border-radius: 16px !important; } .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-image, .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-image .elementor-widget-container { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-image a { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-381632a .elementor-widget-image img { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-381632a > .e-con-inner > .e-con:nth-child(2), .elementor-9977 .elementor-element.elementor-element-381632a > .e-con:nth-child(2) { padding: 22px 20px !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-icon-box, class: .elementor-element-554a6f5 *//* ========================================= UNIQUE RELATED BLOGS - LOGO RED THEME EXACT ORIGINAL DESIGN + ELEMENTOR ========================================= */ /* ========================================= GLOBAL BOX + FONT ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5, .elementor-9977 .elementor-element.elementor-element-554a6f5 * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; position: relative !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } /* ========================================= BOTTOM GLOWING BAR (Logo Red Theme) ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 4px !important; background: linear-gradient( 90deg, #ef4444, #f87171 ) !important; transform: scaleX(0) !important; transform-origin: center !important; transition: transform 0.4s ease !important; z-index: 50 !important; pointer-events: none !important; } /* ========================================= CARD HOVER (Logo Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5:hover { transform: translateY(-10px) !important; border-color: #f87171 !important; box-shadow: 0 20px 40px rgba(239, 68, 68, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-554a6f5:hover::after { transform: scaleX(1) !important; } /* ========================================= IMAGE WIDGET ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-image { width: 100% !important; height: 160px !important; min-height: 160px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; background-color: #0f172a !important; } /* ========================================= IMAGE WIDGET CONTAINER ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 160px !important; min-height: 160px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; } /* ========================================= IMAGE LINK ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-image a { width: 100% !important; height: 160px !important; min-height: 160px !important; display: block !important; overflow: hidden !important; position: relative !important; margin: 0 !important; padding: 0 !important; } /* ========================================= IMAGE ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-image img { width: 100% !important; height: 160px !important; min-height: 160px !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; display: block !important; margin: 0 !important; padding: 0 !important; opacity: 0.9 !important; transform: scale(1) rotate(0deg) !important; transform-origin: center center !important; transition: transform 0.5s ease, opacity 0.5s ease !important; will-change: transform, opacity !important; } /* ========================================= FORCE IMAGE HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5:hover .elementor-widget-image img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= FORCE IMAGE HOVER - LINK ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5:hover .elementor-widget-image a img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= FORCE IMAGE HOVER - DIRECT IMG ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5:hover img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= BODY ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 > .e-con-inner > .e-con:nth-child(2), .elementor-9977 .elementor-element.elementor-element-554a6f5 > .e-con:nth-child(2) { width: 100% !important; padding: 22px 20px !important; margin: 0 !important; background: #ffffff !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; justify-content: space-between !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-heading { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-heading .elementor-heading-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 10px 0 !important; padding: 0 !important; line-height: 1.35 !important; letter-spacing: normal !important; text-transform: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-text-editor p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; padding: 0 !important; letter-spacing: normal !important; } /* ========================================= READ MORE WIDGET ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-button { margin: 0 !important; padding: 0 !important; } /* ========================================= READ MORE BUTTON (Logo Red Color) ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-button .elementor-button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; color: #ef4444 !important; background: transparent !important; border: none !important; border-radius: 0 !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; line-height: 1.4 !important; box-shadow: none !important; transition: all 0.3s ease !important; } /* ========================================= READ MORE HOVER (Darker Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-button .elementor-button:hover { color: #dc2626 !important; background: transparent !important; border: none !important; box-shadow: none !important; gap: 12px !important; transform: none !important; } /* ========================================= REMOVE DEFAULT BUTTON EFFECT ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-button .elementor-button::before, .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-button .elementor-button::after { content: none !important; display: none !important; } /* ========================================= BUTTON TEXT ========================================= */ .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-button-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; color: inherit !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 600px) { .elementor-9977 .elementor-element.elementor-element-554a6f5 { border-radius: 16px !important; } .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-image, .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-image .elementor-widget-container { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-image a { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-554a6f5 .elementor-widget-image img { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-554a6f5 > .e-con-inner > .e-con:nth-child(2), .elementor-9977 .elementor-element.elementor-element-554a6f5 > .e-con:nth-child(2) { padding: 22px 20px !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-icon-box, class: .elementor-element-328de4e *//* ========================================= UNIQUE RELATED BLOGS - LOGO RED THEME EXACT ORIGINAL DESIGN + ELEMENTOR ========================================= */ /* ========================================= GLOBAL BOX + FONT ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e, .elementor-9977 .elementor-element.elementor-element-328de4e * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; position: relative !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } /* ========================================= BOTTOM GLOWING BAR (Logo Red Theme) ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 4px !important; background: linear-gradient( 90deg, #ef4444, #f87171 ) !important; transform: scaleX(0) !important; transform-origin: center !important; transition: transform 0.4s ease !important; z-index: 50 !important; pointer-events: none !important; } /* ========================================= CARD HOVER (Logo Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e:hover { transform: translateY(-10px) !important; border-color: #f87171 !important; box-shadow: 0 20px 40px rgba(239, 68, 68, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-328de4e:hover::after { transform: scaleX(1) !important; } /* ========================================= IMAGE WIDGET ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-image { width: 100% !important; height: 160px !important; min-height: 160px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; background-color: #0f172a !important; } /* ========================================= IMAGE WIDGET CONTAINER ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 160px !important; min-height: 160px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; } /* ========================================= IMAGE LINK ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-image a { width: 100% !important; height: 160px !important; min-height: 160px !important; display: block !important; overflow: hidden !important; position: relative !important; margin: 0 !important; padding: 0 !important; } /* ========================================= IMAGE ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-image img { width: 100% !important; height: 160px !important; min-height: 160px !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; display: block !important; margin: 0 !important; padding: 0 !important; opacity: 0.9 !important; transform: scale(1) rotate(0deg) !important; transform-origin: center center !important; transition: transform 0.5s ease, opacity 0.5s ease !important; will-change: transform, opacity !important; } /* ========================================= FORCE IMAGE HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e:hover .elementor-widget-image img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= FORCE IMAGE HOVER - LINK ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e:hover .elementor-widget-image a img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= FORCE IMAGE HOVER - DIRECT IMG ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e:hover img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= BODY ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e > .e-con-inner > .e-con:nth-child(2), .elementor-9977 .elementor-element.elementor-element-328de4e > .e-con:nth-child(2) { width: 100% !important; padding: 22px 20px !important; margin: 0 !important; background: #ffffff !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; justify-content: space-between !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-heading { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-heading .elementor-heading-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 10px 0 !important; padding: 0 !important; line-height: 1.35 !important; letter-spacing: normal !important; text-transform: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-text-editor p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; padding: 0 !important; letter-spacing: normal !important; } /* ========================================= READ MORE WIDGET ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-button { margin: 0 !important; padding: 0 !important; } /* ========================================= READ MORE BUTTON (Logo Red Color) ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-button .elementor-button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; color: #ef4444 !important; background: transparent !important; border: none !important; border-radius: 0 !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; line-height: 1.4 !important; box-shadow: none !important; transition: all 0.3s ease !important; } /* ========================================= READ MORE HOVER (Darker Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-button .elementor-button:hover { color: #dc2626 !important; background: transparent !important; border: none !important; box-shadow: none !important; gap: 12px !important; transform: none !important; } /* ========================================= REMOVE DEFAULT BUTTON EFFECT ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-button .elementor-button::before, .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-button .elementor-button::after { content: none !important; display: none !important; } /* ========================================= BUTTON TEXT ========================================= */ .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-button-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; color: inherit !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 600px) { .elementor-9977 .elementor-element.elementor-element-328de4e { border-radius: 16px !important; } .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-image, .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-image .elementor-widget-container { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-image a { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-328de4e .elementor-widget-image img { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-328de4e > .e-con-inner > .e-con:nth-child(2), .elementor-9977 .elementor-element.elementor-element-328de4e > .e-con:nth-child(2) { padding: 22px 20px !important; } }/* End custom CSS */ /* Start custom CSS for elementskit-icon-box, class: .elementor-element-0355b75 *//* ========================================= UNIQUE RELATED BLOGS - LOGO RED THEME EXACT ORIGINAL DESIGN + ELEMENTOR ========================================= */ /* ========================================= GLOBAL BOX + FONT ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75, .elementor-9977 .elementor-element.elementor-element-0355b75 * { box-sizing: border-box !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } /* ========================================= CARD ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 { width: 100% !important; background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; position: relative !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } /* ========================================= BOTTOM GLOWING BAR (Logo Red Theme) ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 4px !important; background: linear-gradient( 90deg, #ef4444, #f87171 ) !important; transform: scaleX(0) !important; transform-origin: center !important; transition: transform 0.4s ease !important; z-index: 50 !important; pointer-events: none !important; } /* ========================================= CARD HOVER (Logo Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75:hover { transform: translateY(-10px) !important; border-color: #f87171 !important; box-shadow: 0 20px 40px rgba(239, 68, 68, 0.15) !important; } .elementor-9977 .elementor-element.elementor-element-0355b75:hover::after { transform: scaleX(1) !important; } /* ========================================= IMAGE WIDGET ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-image { width: 100% !important; height: 160px !important; min-height: 160px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; background-color: #0f172a !important; } /* ========================================= IMAGE WIDGET CONTAINER ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 160px !important; min-height: 160px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; } /* ========================================= IMAGE LINK ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-image a { width: 100% !important; height: 160px !important; min-height: 160px !important; display: block !important; overflow: hidden !important; position: relative !important; margin: 0 !important; padding: 0 !important; } /* ========================================= IMAGE ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-image img { width: 100% !important; height: 160px !important; min-height: 160px !important; max-width: none !important; object-fit: cover !important; object-position: center center !important; display: block !important; margin: 0 !important; padding: 0 !important; opacity: 0.9 !important; transform: scale(1) rotate(0deg) !important; transform-origin: center center !important; transition: transform 0.5s ease, opacity 0.5s ease !important; will-change: transform, opacity !important; } /* ========================================= FORCE IMAGE HOVER ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75:hover .elementor-widget-image img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= FORCE IMAGE HOVER - LINK ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75:hover .elementor-widget-image a img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= FORCE IMAGE HOVER - DIRECT IMG ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75:hover img { transform: scale(1.1) rotate(1deg) !important; opacity: 1 !important; } /* ========================================= BODY ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 > .e-con-inner > .e-con:nth-child(2), .elementor-9977 .elementor-element.elementor-element-0355b75 > .e-con:nth-child(2) { width: 100% !important; padding: 22px 20px !important; margin: 0 !important; background: #ffffff !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; justify-content: space-between !important; } /* ========================================= TITLE ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-heading { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-heading .elementor-heading-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #0f172a !important; margin: 0 0 10px 0 !important; padding: 0 !important; line-height: 1.35 !important; letter-spacing: normal !important; text-transform: none !important; } /* ========================================= DESCRIPTION ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-text-editor p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 400 !important; color: #64748b !important; line-height: 1.5 !important; margin: 0 0 20px 0 !important; padding: 0 !important; letter-spacing: normal !important; } /* ========================================= READ MORE WIDGET ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-button { margin: 0 !important; padding: 0 !important; } /* ========================================= READ MORE BUTTON (Logo Red Color) ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-button .elementor-button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; color: #ef4444 !important; background: transparent !important; border: none !important; border-radius: 0 !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; line-height: 1.4 !important; box-shadow: none !important; transition: all 0.3s ease !important; } /* ========================================= READ MORE HOVER (Darker Red Accent) ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-button .elementor-button:hover { color: #dc2626 !important; background: transparent !important; border: none !important; box-shadow: none !important; gap: 12px !important; transform: none !important; } /* ========================================= REMOVE DEFAULT BUTTON EFFECT ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-button .elementor-button::before, .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-button .elementor-button::after { content: none !important; display: none !important; } /* ========================================= BUTTON TEXT ========================================= */ .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-button-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 13.5px !important; font-weight: 700 !important; color: inherit !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 600px) { .elementor-9977 .elementor-element.elementor-element-0355b75 { border-radius: 16px !important; } .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-image, .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-image .elementor-widget-container { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-image a { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-0355b75 .elementor-widget-image img { height: 160px !important; min-height: 160px !important; } .elementor-9977 .elementor-element.elementor-element-0355b75 > .e-con-inner > .e-con:nth-child(2), .elementor-9977 .elementor-element.elementor-element-0355b75 > .e-con:nth-child(2) { padding: 22px 20px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ae2d608 *//* ========================================================= CASE STUDY CARD SAME CSS FOR ALL 3 MAIN CARD CONTAINERS ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ae2d608 { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; box-shadow: 0 0 0 1px #e2e8f0, 0 4px 20px rgba(0, 0, 0, 0.03) !important; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease !important; } /* ========================================================= HOVER ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ae2d608:hover { transform: translateY(-8px) !important; border-color: #0d9488 !important; box-shadow: 0 0 0 1px #99f6e4, 0 20px 40px -10px rgba(13, 148, 136, 0.15) !important; } /* ========================================================= IMAGE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ae2d608 > .elementor-element:first-child { width: 100% !important; height: 180px !important; min-height: 180px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; flex-shrink: 0 !important; background: #0f172a !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 > .elementor-element:first-child .elementor-widget-container { width: 100% !important; height: 180px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 > .elementor-element:first-child img { display: block !important; width: 100% !important; height: 180px !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; padding: 0 !important; transition: transform 0.5s ease !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608:hover > .elementor-element:first-child img { transform: scale(1.06) !important; } /* ========================================================= HEADING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-heading { width: 100% !important; margin: 0 !important; padding: 24px 18px 0 18px !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-heading .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-heading .elementor-heading-title { margin: 0 0 20px 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #0f172a !important; text-align: left !important; } /* ========================================================= COUNTER GRID ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ae2d608 .e-grid { width: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 0 0 22px 0 !important; padding: 0 18px !important; align-items: stretch !important; } /* ========================================================= COUNTER BOX ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-counter { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 10px 6px !important; background: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 10px !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-counter .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-counter .elementor-counter { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= COUNTER NUMBER ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-counter-number-wrapper { order: 1 !important; display: flex !important; align-items: baseline !important; justify-content: center !important; width: 100% !important; margin: 0 0 3px 0 !important; padding: 0 !important; line-height: 1 !important; white-space: nowrap !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-counter-number, .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-counter-number-prefix, .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-counter-number-suffix { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1 !important; color: #059669 !important; white-space: nowrap !important; } /* ========================================================= COUNTER LABEL ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-counter-title { order: 2 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #475569 !important; text-align: center !important; white-space: nowrap !important; } /* ========================================================= READ CASE STUDY ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-button { width: 100% !important; margin: 0 !important; padding: 0 18px 24px 18px !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-button .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-button .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-button .elementor-button { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.4 !important; color: #0d9488 !important; text-decoration: none !important; transition: color 0.3s ease, gap 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-button .elementor-button:hover { color: #047857 !important; background: transparent !important; gap: 10px !important; } /* ========================================================= REMOVE ELEMENTOR DEFAULT SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget { --widgets-spacing: 0px !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 h1, .elementor-9977 .elementor-element.elementor-element-ae2d608 h2, .elementor-9977 .elementor-element.elementor-element-ae2d608 h3, .elementor-9977 .elementor-element.elementor-element-ae2d608 h4, .elementor-9977 .elementor-element.elementor-element-ae2d608 h5, .elementor-9977 .elementor-element.elementor-element-ae2d608 h6, .elementor-9977 .elementor-element.elementor-element-ae2d608 p { margin-top: 0 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-ae2d608 { min-height: 0 !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 > .elementor-element:first-child, .elementor-9977 .elementor-element.elementor-element-ae2d608 > .elementor-element:first-child .elementor-widget-container, .elementor-9977 .elementor-element.elementor-element-ae2d608 > .elementor-element:first-child img { height: 180px !important; min-height: 180px !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-heading { padding-left: 18px !important; padding-right: 18px !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .e-grid { padding-left: 18px !important; padding-right: 18px !important; } .elementor-9977 .elementor-element.elementor-element-ae2d608 .elementor-widget-button { padding-left: 18px !important; padding-right: 18px !important; padding-bottom: 22px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f49a9d4 *//* ========================================================= CASE STUDY CARD SAME CSS FOR ALL 3 MAIN CARD CONTAINERS ========================================================= */ .elementor-9977 .elementor-element.elementor-element-f49a9d4 { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; box-shadow: 0 0 0 1px #e2e8f0, 0 4px 20px rgba(0, 0, 0, 0.03) !important; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease !important; } /* ========================================================= HOVER ========================================================= */ .elementor-9977 .elementor-element.elementor-element-f49a9d4:hover { transform: translateY(-8px) !important; border-color: #0d9488 !important; box-shadow: 0 0 0 1px #99f6e4, 0 20px 40px -10px rgba(13, 148, 136, 0.15) !important; } /* ========================================================= IMAGE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-f49a9d4 > .elementor-element:first-child { width: 100% !important; height: 180px !important; min-height: 180px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; flex-shrink: 0 !important; background: #0f172a !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 > .elementor-element:first-child .elementor-widget-container { width: 100% !important; height: 180px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 > .elementor-element:first-child img { display: block !important; width: 100% !important; height: 180px !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; padding: 0 !important; transition: transform 0.5s ease !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4:hover > .elementor-element:first-child img { transform: scale(1.06) !important; } /* ========================================================= HEADING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-heading { width: 100% !important; margin: 0 !important; padding: 24px 18px 0 18px !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-heading .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-heading .elementor-heading-title { margin: 0 0 20px 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #0f172a !important; text-align: left !important; } /* ========================================================= COUNTER GRID ========================================================= */ .elementor-9977 .elementor-element.elementor-element-f49a9d4 .e-grid { width: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 0 0 22px 0 !important; padding: 0 18px !important; align-items: stretch !important; } /* ========================================================= COUNTER BOX ========================================================= */ .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-counter { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 10px 6px !important; background: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 10px !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-counter .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-counter .elementor-counter { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= COUNTER NUMBER ========================================================= */ .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-counter-number-wrapper { order: 1 !important; display: flex !important; align-items: baseline !important; justify-content: center !important; width: 100% !important; margin: 0 0 3px 0 !important; padding: 0 !important; line-height: 1 !important; white-space: nowrap !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-counter-number, .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-counter-number-prefix, .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-counter-number-suffix { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1 !important; color: #059669 !important; white-space: nowrap !important; } /* ========================================================= COUNTER LABEL ========================================================= */ .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-counter-title { order: 2 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #475569 !important; text-align: center !important; white-space: nowrap !important; } /* ========================================================= READ CASE STUDY ========================================================= */ .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-button { width: 100% !important; margin: 0 !important; padding: 0 18px 24px 18px !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-button .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-button .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-button .elementor-button { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.4 !important; color: #0d9488 !important; text-decoration: none !important; transition: color 0.3s ease, gap 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-button .elementor-button:hover { color: #047857 !important; background: transparent !important; gap: 10px !important; } /* ========================================================= REMOVE ELEMENTOR DEFAULT SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget { --widgets-spacing: 0px !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 h1, .elementor-9977 .elementor-element.elementor-element-f49a9d4 h2, .elementor-9977 .elementor-element.elementor-element-f49a9d4 h3, .elementor-9977 .elementor-element.elementor-element-f49a9d4 h4, .elementor-9977 .elementor-element.elementor-element-f49a9d4 h5, .elementor-9977 .elementor-element.elementor-element-f49a9d4 h6, .elementor-9977 .elementor-element.elementor-element-f49a9d4 p { margin-top: 0 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-f49a9d4 { min-height: 0 !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 > .elementor-element:first-child, .elementor-9977 .elementor-element.elementor-element-f49a9d4 > .elementor-element:first-child .elementor-widget-container, .elementor-9977 .elementor-element.elementor-element-f49a9d4 > .elementor-element:first-child img { height: 180px !important; min-height: 180px !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-heading { padding-left: 18px !important; padding-right: 18px !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .e-grid { padding-left: 18px !important; padding-right: 18px !important; } .elementor-9977 .elementor-element.elementor-element-f49a9d4 .elementor-widget-button { padding-left: 18px !important; padding-right: 18px !important; padding-bottom: 22px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-647e12e *//* ========================================================= CASE STUDY CARD SAME CSS FOR ALL 3 MAIN CARD CONTAINERS ========================================================= */ .elementor-9977 .elementor-element.elementor-element-647e12e { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; box-shadow: 0 0 0 1px #e2e8f0, 0 4px 20px rgba(0, 0, 0, 0.03) !important; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease !important; } /* ========================================================= HOVER ========================================================= */ .elementor-9977 .elementor-element.elementor-element-647e12e:hover { transform: translateY(-8px) !important; border-color: #0d9488 !important; box-shadow: 0 0 0 1px #99f6e4, 0 20px 40px -10px rgba(13, 148, 136, 0.15) !important; } /* ========================================================= IMAGE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-647e12e > .elementor-element:first-child { width: 100% !important; height: 180px !important; min-height: 180px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; flex-shrink: 0 !important; background: #0f172a !important; } .elementor-9977 .elementor-element.elementor-element-647e12e > .elementor-element:first-child .elementor-widget-container { width: 100% !important; height: 180px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .elementor-9977 .elementor-element.elementor-element-647e12e > .elementor-element:first-child img { display: block !important; width: 100% !important; height: 180px !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; padding: 0 !important; transition: transform 0.5s ease !important; } .elementor-9977 .elementor-element.elementor-element-647e12e:hover > .elementor-element:first-child img { transform: scale(1.06) !important; } /* ========================================================= HEADING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-heading { width: 100% !important; margin: 0 !important; padding: 24px 18px 0 18px !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-heading .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-heading .elementor-heading-title { margin: 0 0 20px 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.35 !important; color: #0f172a !important; text-align: left !important; } /* ========================================================= COUNTER GRID ========================================================= */ .elementor-9977 .elementor-element.elementor-element-647e12e .e-grid { width: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 0 0 22px 0 !important; padding: 0 18px !important; align-items: stretch !important; } /* ========================================================= COUNTER BOX ========================================================= */ .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-counter { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 10px 6px !important; background: #f0fdf4 !important; border: 1px solid #dcfce7 !important; border-radius: 10px !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-counter .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-counter .elementor-counter { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= COUNTER NUMBER ========================================================= */ .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-counter-number-wrapper { order: 1 !important; display: flex !important; align-items: baseline !important; justify-content: center !important; width: 100% !important; margin: 0 0 3px 0 !important; padding: 0 !important; line-height: 1 !important; white-space: nowrap !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-counter-number, .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-counter-number-prefix, .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-counter-number-suffix { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1 !important; color: #059669 !important; white-space: nowrap !important; } /* ========================================================= COUNTER LABEL ========================================================= */ .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-counter-title { order: 2 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 10px !important; font-weight: 600 !important; line-height: 1.2 !important; color: #475569 !important; text-align: center !important; white-space: nowrap !important; } /* ========================================================= READ CASE STUDY ========================================================= */ .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-button { width: 100% !important; margin: 0 !important; padding: 0 18px 24px 18px !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-button .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-button .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-button .elementor-button { display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.4 !important; color: #0d9488 !important; text-decoration: none !important; transition: color 0.3s ease, gap 0.3s ease !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-button .elementor-button:hover { color: #047857 !important; background: transparent !important; gap: 10px !important; } /* ========================================================= REMOVE ELEMENTOR DEFAULT SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget { --widgets-spacing: 0px !important; } .elementor-9977 .elementor-element.elementor-element-647e12e h1, .elementor-9977 .elementor-element.elementor-element-647e12e h2, .elementor-9977 .elementor-element.elementor-element-647e12e h3, .elementor-9977 .elementor-element.elementor-element-647e12e h4, .elementor-9977 .elementor-element.elementor-element-647e12e h5, .elementor-9977 .elementor-element.elementor-element-647e12e h6, .elementor-9977 .elementor-element.elementor-element-647e12e p { margin-top: 0 !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 650px) { .elementor-9977 .elementor-element.elementor-element-647e12e { min-height: 0 !important; } .elementor-9977 .elementor-element.elementor-element-647e12e > .elementor-element:first-child, .elementor-9977 .elementor-element.elementor-element-647e12e > .elementor-element:first-child .elementor-widget-container, .elementor-9977 .elementor-element.elementor-element-647e12e > .elementor-element:first-child img { height: 180px !important; min-height: 180px !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-heading { padding-left: 18px !important; padding-right: 18px !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .e-grid { padding-left: 18px !important; padding-right: 18px !important; } .elementor-9977 .elementor-element.elementor-element-647e12e .elementor-widget-button { padding-left: 18px !important; padding-right: 18px !important; padding-bottom: 22px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f61d64 *//* ========================================================= ACCELERATE GROWTH BANNER ELEMENTOR CONTAINER: 6f61d64 LOGO GRADIENT BUTTON THEME ========================================================= */ /* ========================================================= OUTER SECTION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 { box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 60px 10px !important; background-color: transparent !important; } /* ========================================================= ACTUAL BANNER BOX .e-con-inner = ORIGINAL .wp-acc-box ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 > .e-con-inner { box-sizing: border-box !important; width: 100% !important; max-width: 1250px !important; margin: 0 auto !important; padding: 40px 50px !important; background-color: #030712 !important; background-image: radial-gradient( circle at 90% 50%, rgba(59, 130, 246, 0.15) 0%, transparent 50% ) !important; border-radius: 24px !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 40px !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important; overflow: hidden !important; } /* ========================================================= RESET ELEMENTOR SPACING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .e-con-inner *, .elementor-9977 .elementor-element.elementor-element-6f61d64 .e-con-inner { box-sizing: border-box !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .e-con-inner .elementor-element { --widgets-spacing: 0px !important; } /* ========================================================= LEFT SIDE e8728c4 ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-e8728c4 { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; } /* ========================================================= HEADING WIDGET b486aef ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .ekit-wid-con { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .ekit-heading { width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } /* ========================================================= HEADING ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .ekit-heading--title, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .elementskit-section-title { width: 100% !important; margin: 0 0 12px 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 30px !important; font-weight: 700 !important; font-style: normal !important; line-height: 1.2 !important; letter-spacing: -0.5px !important; color: #ffffff !important; text-align: left !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .ekit-heading__description { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .ekit-heading__description p { margin: 0 !important; padding: 0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: normal !important; color: #94a3b8 !important; text-align: left !important; text-decoration: none !important; } /* ========================================================= RIGHT SIDE e67b80d ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-e67b80d { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; } /* ========================================================= BUTTON GRID 4556916 ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-4556916 { width: auto !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: row !important; grid-template-columns: none !important; align-items: center !important; justify-content: flex-end !important; gap: 16px !important; } /* ========================================================= BUTTON WIDGETS ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae { width: auto !important; margin: 0 !important; padding: 0 !important; flex: 0 0 auto !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-widget-container, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-widget-container { margin: 0 !important; padding: 0 !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button-wrapper, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; } /* ========================================================= BUTTON BASE ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button { box-sizing: border-box !important; display: inline-block !important; width: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 14px 32px !important; border-radius: 50px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; font-style: normal !important; line-height: normal !important; letter-spacing: normal !important; text-decoration: none !important; text-transform: none !important; text-align: center !important; cursor: pointer !important; transition: all 0.3s ease !important; } /* ========================================================= BUTTON TEXT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button-text, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: normal !important; color: inherit !important; text-decoration: none !important; text-transform: none !important; } /* ========================================================= GRADIENT PRIMARY BUTTON (Logo Matched) 8472914 ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button { background: linear-gradient(135deg, #16a34a 0%, #f97316 100%) !important; background-color: #16a34a !important; color: #ffffff !important; border: none !important; box-shadow: 0 4px 15px rgba(22, 163, 74, 0.25) !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button-text { color: #ffffff !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button:hover, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button:focus { background: linear-gradient(135deg, #15803d 0%, #ea580c 100%) !important; background-color: #15803d !important; color: #ffffff !important; border: none !important; box-shadow: 0 8px 25px rgba(249, 115, 22, 0.4) !important; transform: translateY(-2px) !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button:hover .elementor-button-text { color: #ffffff !important; } /* ========================================================= OUTLINE BUTTON 8ead6ae ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button { background: transparent !important; background-color: transparent !important; color: #ffffff !important; border: 1px solid #64748b !important; box-shadow: none !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button-text { color: #ffffff !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button:hover, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button:focus { border-color: #ffffff !important; background: rgba(255, 255, 255, 0.08) !important; background-color: rgba(255, 255, 255, 0.08) !important; color: #ffffff !important; box-shadow: none !important; transform: translateY(-2px) !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button:hover .elementor-button-text { color: #ffffff !important; } /* ========================================================= REMOVE ELEMENTOR DEFAULT BUTTON EFFECT ========================================================= */ .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button::before, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button::after, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button::before, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button::after { display: none !important; } /* ========================================================= TABLET — 900PX ========================================================= */ @media (max-width: 900px) { .elementor-9977 .elementor-element.elementor-element-6f61d64 { padding: 40px 10px !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 > .e-con-inner { flex-direction: column !important; text-align: center !important; padding: 40px 20px !important; gap: 30px !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-e8728c4 { width: 100% !important; flex: none !important; align-items: center !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .ekit-heading { text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .ekit-heading--title, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .elementskit-section-title { font-size: 30px !important; text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-b486aef .ekit-heading__description p { text-align: center !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-e67b80d { width: 100% !important; flex: none !important; justify-content: center !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-4556916 { width: 100% !important; justify-content: center !important; flex-wrap: wrap !important; gap: 16px !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae { flex: 1 1 0 !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button { width: 100% !important; } } /* ========================================================= MOBILE — 500PX ========================================================= */ @media (max-width: 500px) { .elementor-9977 .elementor-element.elementor-element-6f61d64 > .e-con-inner { padding: 40px 20px !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-4556916 { flex-direction: column !important; width: 100% !important; gap: 16px !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae { width: 100% !important; flex: none !important; } .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8472914 .elementor-button, .elementor-9977 .elementor-element.elementor-element-6f61d64 .elementor-element-8ead6ae .elementor-button { width: 100% !important; } }/* End custom CSS */