.elementor-20 .elementor-element.elementor-element-4890762{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-67ea6b4 .title-after_title, .elementor-20 .elementor-element.elementor-element-67ea6b4 .title-subtitle, .elementor-20 .elementor-element.elementor-element-67ea6b4 .woodmart-title-container{max-width:100%;}.elementor-20 .elementor-element.elementor-element-67ea6b4 .title-subtitle{color:#000000;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;}.elementor-20 .elementor-element.elementor-element-67ea6b4 .title{color:#000000;font-family:"Cairo", Sans-serif;font-size:32px;font-weight:700;}.elementor-20 .elementor-element.elementor-element-67ea6b4 .title-after_title{color:#2F2F2F;font-family:"Poppins", Sans-serif;font-size:16px;}.elementor-20 .elementor-element.elementor-element-38aceb4{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.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-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:25px;}.elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-title{margin-block-end:5px;color:#000000;}.elementor-20 .elementor-element.elementor-element-9d9fdb3.elementor-view-stacked .elementor-icon{background-color:#FFFFFF14;fill:#3B7698;color:#3B7698;}.elementor-20 .elementor-element.elementor-element-9d9fdb3.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-9d9fdb3.elementor-view-default .elementor-icon{fill:#FFFFFF14;color:#FFFFFF14;border-color:#FFFFFF14;}.elementor-20 .elementor-element.elementor-element-9d9fdb3.elementor-view-framed .elementor-icon{background-color:#3B7698;}.elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon{font-size:25px;padding:16px;}.elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-9d9fdb3:has(:hover) .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-9d9fdb3:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:25px;}.elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-title{margin-block-end:5px;color:#000000;}.elementor-20 .elementor-element.elementor-element-26b80ef.elementor-view-stacked .elementor-icon{background-color:#FFFFFF14;fill:#3B7698;color:#3B7698;}.elementor-20 .elementor-element.elementor-element-26b80ef.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-26b80ef.elementor-view-default .elementor-icon{fill:#FFFFFF14;color:#FFFFFF14;border-color:#FFFFFF14;}.elementor-20 .elementor-element.elementor-element-26b80ef.elementor-view-framed .elementor-icon{background-color:#3B7698;}.elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon{font-size:25px;padding:16px;}.elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-26b80ef:has(:hover) .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-26b80ef:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:25px;}.elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-title{margin-block-end:5px;color:#000000;}.elementor-20 .elementor-element.elementor-element-248ca5b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF14;fill:#3B7698;color:#3B7698;}.elementor-20 .elementor-element.elementor-element-248ca5b.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-248ca5b.elementor-view-default .elementor-icon{fill:#FFFFFF14;color:#FFFFFF14;border-color:#FFFFFF14;}.elementor-20 .elementor-element.elementor-element-248ca5b.elementor-view-framed .elementor-icon{background-color:#3B7698;}.elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon{font-size:25px;padding:16px;}.elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-248ca5b:has(:hover) .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-248ca5b:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-wrapper{align-items:center;text-align:center;gap:25px;}.elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-title{margin-block-end:5px;color:#000000;}.elementor-20 .elementor-element.elementor-element-7853251.elementor-view-stacked .elementor-icon{background-color:#FFFFFF14;fill:#3B7698;color:#3B7698;}.elementor-20 .elementor-element.elementor-element-7853251.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-7853251.elementor-view-default .elementor-icon{fill:#FFFFFF14;color:#FFFFFF14;border-color:#FFFFFF14;}.elementor-20 .elementor-element.elementor-element-7853251.elementor-view-framed .elementor-icon{background-color:#3B7698;}.elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon{font-size:25px;padding:16px;}.elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-7853251:has(:hover) .elementor-icon-box-title, .elementor-20 .elementor-element.elementor-element-7853251:has(:focus) .elementor-icon-box-title{color:#000000;}.elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-20 .elementor-element.elementor-element-2470fd7{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-5f3269d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-f974c28 .title-after_title, .elementor-20 .elementor-element.elementor-element-f974c28 .title-subtitle, .elementor-20 .elementor-element.elementor-element-f974c28 .woodmart-title-container{max-width:100%;}.elementor-20 .elementor-element.elementor-element-f974c28 .title-subtitle{color:#000000;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;}.elementor-20 .elementor-element.elementor-element-f974c28 .title{color:#000000;font-family:"Cairo", Sans-serif;font-size:32px;font-weight:700;}.elementor-20 .elementor-element.elementor-element-f974c28 .title-after_title{color:#2F2F2F;font-family:"Poppins", Sans-serif;font-size:16px;}.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-20 .elementor-element.elementor-element-a7500fe{width:var( --container-widget-width, 100.535% );max-width:100.535%;padding:10px 10px 10px 10px;--container-widget-width:100.535%;--container-widget-flex-grow:0;--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-20 .elementor-element.elementor-element-a7500fe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:20px;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-20px;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group.recaptcha_v3-bottomleft, .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-labels-inline .elementor-field-group > label{padding-left:5px;}body:not(.rtl) .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-labels-inline .elementor-field-group > label{padding-right:5px;}body .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-labels-above .elementor-field-group > label{padding-bottom:5px;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group > label, .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-subgroup label{color:#9F9F9F;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-type-html{padding-bottom:0px;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#D8D8D8;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#D8D8D8;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group .elementor-select-wrapper::before{color:#D8D8D8;}.elementor-20 .elementor-element.elementor-element-a7500fe .e-form__buttons__wrapper__button-next{background-color:#69727D;color:#ffffff;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button[type="submit"]{background-color:#69727D;color:#ffffff;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-20 .elementor-element.elementor-element-a7500fe .e-form__buttons__wrapper__button-previous{background-color:#61CE70;color:#ffffff;}.elementor-20 .elementor-element.elementor-element-a7500fe .e-form__buttons__wrapper__button-next:hover{background-color:#69727D;color:#ffffff;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button[type="submit"]:hover{background-color:#69727D;color:#ffffff;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-20 .elementor-element.elementor-element-a7500fe .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button{border-radius:8px 8px 8px 8px;padding:20px 20px 20px 20px;}.elementor-20 .elementor-element.elementor-element-ec4d1dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20 .elementor-element.elementor-element-3847e08{border-radius:8px 8px 8px 8px;}.elementor-20 .elementor-element.elementor-element-3847e08 iframe{height:525px;}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-5f3269d{--width:50%;}.elementor-20 .elementor-element.elementor-element-ec4d1dc{--width:50%;}}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-67ea6b4 .title-after_title, .elementor-20 .elementor-element.elementor-element-67ea6b4 .title-subtitle, .elementor-20 .elementor-element.elementor-element-67ea6b4 .woodmart-title-container{max-width:100%;}.elementor-20 .elementor-element.elementor-element-67ea6b4 .title{font-size:30px;}.elementor-20 .elementor-element.elementor-element-38aceb4{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-20 .elementor-element.elementor-element-9d9fdb3{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-wrapper{align-items:center;}.elementor-20 .elementor-element.elementor-element-26b80ef{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-wrapper{align-items:center;}.elementor-20 .elementor-element.elementor-element-248ca5b{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-wrapper{align-items:center;}.elementor-20 .elementor-element.elementor-element-7853251{width:100%;max-width:100%;}.elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-wrapper{align-items:center;}.elementor-20 .elementor-element.elementor-element-2470fd7{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-f974c28 .title-after_title, .elementor-20 .elementor-element.elementor-element-f974c28 .title-subtitle, .elementor-20 .elementor-element.elementor-element-f974c28 .woodmart-title-container{max-width:100%;}.elementor-20 .elementor-element.elementor-element-f974c28 .title{font-size:30px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-4890762{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-67ea6b4 .title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-38aceb4{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-wrapper{text-align:start;}.elementor-20 .elementor-element.elementor-element-2470fd7{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-f974c28 .title{font-size:26px;}}/* Start custom CSS for icon-box, class: .elementor-element-9d9fdb3 *//* ========================================================= PREMIUM REALISTIC 3D ICON BOX STYLE: PROFESSIONAL / REALISTIC / SOFT 3D PRIMARY: #21A179 ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3, .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-widget-container { height: 100%; } /* ========================================================= CARD ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: 30px; background: linear-gradient( 145deg, #ffffff 0%, #fcfdfc 55%, #f6faf8 100% ); border: 1px solid rgba(33,161,121,.13); border-radius: 24px; overflow: hidden; box-shadow: 0 1px 1px rgba(255,255,255,.95) inset, 0 -1px 0 rgba(255,255,255,.8) inset, 0 8px 15px rgba(25,45,38,.045), 0 18px 40px rgba(25,45,38,.055); transition: transform .55s cubic-bezier(.22,1,.36,1), box-shadow .55s cubic-bezier(.22,1,.36,1), border-color .4s ease; } /* ========================================================= PREMIUM LIGHT REFLECTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-wrapper::before { content: ""; position: absolute; top: -70px; right: -80px; width: 220px; height: 220px; background: radial-gradient( circle, rgba(33,161,121,.10) 0%, rgba(33,161,121,.035) 35%, transparent 70% ); pointer-events: none; transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .5s ease; } /* ========================================================= BOTTOM REFLECTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-wrapper::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(33,161,121,.30), transparent ); opacity: .55; } /* ========================================================= HOVER CARD ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3:hover .elementor-icon-box-wrapper { transform: translateY(-7px); border-color: rgba(33,161,121,.25); box-shadow: 0 1px 1px rgba(255,255,255,.95) inset, 0 12px 22px rgba(25,45,38,.06), 0 25px 55px rgba(25,45,38,.10), 0 8px 25px rgba(33,161,121,.055); } .elementor-20 .elementor-element.elementor-element-9d9fdb3:hover .elementor-icon-box-wrapper::before { transform: scale(1.35); } /* ========================================================= PREMIUM 3D ICON ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon { position: relative; z-index: 3; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; margin-bottom: 23px; background: linear-gradient( 145deg, #3bc99b 0%, #21A179 45%, #178263 100% ); border: 1px solid rgba(255,255,255,.42); border-radius: 19px; box-shadow: 0 2px 1px rgba(255,255,255,.35) inset, 0 -3px 7px rgba(0,70,48,.13) inset, 0 7px 12px rgba(33,161,121,.16), 0 13px 25px rgba(33,161,121,.10); transform: perspective(700px) rotateX(3deg) rotateY(-3deg); transition: transform .55s cubic-bezier(.22,1,.36,1), box-shadow .5s ease; } /* ========================================================= ICON GLASS HIGHLIGHT ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon::before { content: ""; position: absolute; top: 6px; left: 8px; right: 8px; height: 17px; background: linear-gradient( 180deg, rgba(255,255,255,.24), transparent ); border-radius: 12px; pointer-events: none; } /* ========================================================= ICON LOWER DEPTH ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon::after { content: ""; position: absolute; left: 7px; right: 7px; bottom: -5px; height: 6px; background: #126f55; border-radius: 0 0 10px 10px; z-index: -1; opacity: .7; } /* ========================================================= ICON ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon i, .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon svg { position: relative; z-index: 5; color: #ffffff !important; fill: #ffffff !important; font-size: 24px; filter: drop-shadow(0 1px 1px rgba(0,60,40,.22)); transition: transform .5s cubic-bezier(.22,1,.36,1); } /* ========================================================= ICON HOVER ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3:hover .elementor-icon { transform: perspective(700px) translateY(-5px) rotateX(0deg) rotateY(0deg) scale(1.06); box-shadow: 0 2px 1px rgba(255,255,255,.4) inset, 0 -3px 8px rgba(0,70,48,.14) inset, 0 10px 17px rgba(33,161,121,.20), 0 18px 32px rgba(33,161,121,.13); } .elementor-20 .elementor-element.elementor-element-9d9fdb3:hover .elementor-icon i, .elementor-20 .elementor-element.elementor-element-9d9fdb3:hover .elementor-icon svg { transform: scale(1.1); } /* ========================================================= TITLE ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-title { position: relative; z-index: 5; margin: 0 0 10px; color: #17221e !important; font-size: 20px; font-weight: 650; line-height: 1.3; letter-spacing: -.35px; transition: color .35s ease, transform .4s cubic-bezier(.22,1,.36,1); } .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-title a { color: #17221e !important; transition: color .35s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3:hover .elementor-icon-box-title { color: #21A179 !important; transform: translateX(3px); } .elementor-20 .elementor-element.elementor-element-9d9fdb3:hover .elementor-icon-box-title a { color: #21A179 !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-description { position: relative; z-index: 5; width: 100%; margin: 0; color: #66736d; font-size: 14px; font-weight: 400; line-height: 1.72; word-break: break-word; overflow-wrap: anywhere; transition: color .35s ease; } .elementor-20 .elementor-element.elementor-element-9d9fdb3:hover .elementor-icon-box-description { color: #4e5d56; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-wrapper { padding: 27px 24px; border-radius: 21px; } .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon { width: 58px; height: 58px; margin-bottom: 20px; border-radius: 17px; } .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon i, .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon svg { font-size: 22px; } .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-title { font-size: 19px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-wrapper { padding: 24px 20px; border-radius: 19px; } .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon { width: 54px; height: 54px; margin-bottom: 18px; border-radius: 15px; } .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon i, .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon svg { font-size: 20px; } .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-title { font-size: 18px; } .elementor-20 .elementor-element.elementor-element-9d9fdb3 .elementor-icon-box-description { font-size: 13px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-26b80ef *//* ========================================================= PREMIUM REALISTIC 3D ICON BOX STYLE: PROFESSIONAL / REALISTIC / SOFT 3D PRIMARY: #21A179 ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef, .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-widget-container { height: 100%; } /* ========================================================= CARD ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: 30px; background: linear-gradient( 145deg, #ffffff 0%, #fcfdfc 55%, #f6faf8 100% ); border: 1px solid rgba(33,161,121,.13); border-radius: 24px; overflow: hidden; box-shadow: 0 1px 1px rgba(255,255,255,.95) inset, 0 -1px 0 rgba(255,255,255,.8) inset, 0 8px 15px rgba(25,45,38,.045), 0 18px 40px rgba(25,45,38,.055); transition: transform .55s cubic-bezier(.22,1,.36,1), box-shadow .55s cubic-bezier(.22,1,.36,1), border-color .4s ease; } /* ========================================================= PREMIUM LIGHT REFLECTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-wrapper::before { content: ""; position: absolute; top: -70px; right: -80px; width: 220px; height: 220px; background: radial-gradient( circle, rgba(33,161,121,.10) 0%, rgba(33,161,121,.035) 35%, transparent 70% ); pointer-events: none; transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .5s ease; } /* ========================================================= BOTTOM REFLECTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-wrapper::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(33,161,121,.30), transparent ); opacity: .55; } /* ========================================================= HOVER CARD ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef:hover .elementor-icon-box-wrapper { transform: translateY(-7px); border-color: rgba(33,161,121,.25); box-shadow: 0 1px 1px rgba(255,255,255,.95) inset, 0 12px 22px rgba(25,45,38,.06), 0 25px 55px rgba(25,45,38,.10), 0 8px 25px rgba(33,161,121,.055); } .elementor-20 .elementor-element.elementor-element-26b80ef:hover .elementor-icon-box-wrapper::before { transform: scale(1.35); } /* ========================================================= PREMIUM 3D ICON ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon { position: relative; z-index: 3; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; margin-bottom: 23px; background: linear-gradient( 145deg, #3bc99b 0%, #21A179 45%, #178263 100% ); border: 1px solid rgba(255,255,255,.42); border-radius: 19px; box-shadow: 0 2px 1px rgba(255,255,255,.35) inset, 0 -3px 7px rgba(0,70,48,.13) inset, 0 7px 12px rgba(33,161,121,.16), 0 13px 25px rgba(33,161,121,.10); transform: perspective(700px) rotateX(3deg) rotateY(-3deg); transition: transform .55s cubic-bezier(.22,1,.36,1), box-shadow .5s ease; } /* ========================================================= ICON GLASS HIGHLIGHT ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon::before { content: ""; position: absolute; top: 6px; left: 8px; right: 8px; height: 17px; background: linear-gradient( 180deg, rgba(255,255,255,.24), transparent ); border-radius: 12px; pointer-events: none; } /* ========================================================= ICON LOWER DEPTH ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon::after { content: ""; position: absolute; left: 7px; right: 7px; bottom: -5px; height: 6px; background: #126f55; border-radius: 0 0 10px 10px; z-index: -1; opacity: .7; } /* ========================================================= ICON ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon i, .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon svg { position: relative; z-index: 5; color: #ffffff !important; fill: #ffffff !important; font-size: 24px; filter: drop-shadow(0 1px 1px rgba(0,60,40,.22)); transition: transform .5s cubic-bezier(.22,1,.36,1); } /* ========================================================= ICON HOVER ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef:hover .elementor-icon { transform: perspective(700px) translateY(-5px) rotateX(0deg) rotateY(0deg) scale(1.06); box-shadow: 0 2px 1px rgba(255,255,255,.4) inset, 0 -3px 8px rgba(0,70,48,.14) inset, 0 10px 17px rgba(33,161,121,.20), 0 18px 32px rgba(33,161,121,.13); } .elementor-20 .elementor-element.elementor-element-26b80ef:hover .elementor-icon i, .elementor-20 .elementor-element.elementor-element-26b80ef:hover .elementor-icon svg { transform: scale(1.1); } /* ========================================================= TITLE ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-title { position: relative; z-index: 5; margin: 0 0 10px; color: #17221e !important; font-size: 20px; font-weight: 650; line-height: 1.3; letter-spacing: -.35px; transition: color .35s ease, transform .4s cubic-bezier(.22,1,.36,1); } .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-title a { color: #17221e !important; transition: color .35s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef:hover .elementor-icon-box-title { color: #21A179 !important; transform: translateX(3px); } .elementor-20 .elementor-element.elementor-element-26b80ef:hover .elementor-icon-box-title a { color: #21A179 !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-description { position: relative; z-index: 5; width: 100%; margin: 0; color: #66736d; font-size: 14px; font-weight: 400; line-height: 1.72; word-break: break-word; overflow-wrap: anywhere; transition: color .35s ease; } .elementor-20 .elementor-element.elementor-element-26b80ef:hover .elementor-icon-box-description { color: #4e5d56; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-wrapper { padding: 27px 24px; border-radius: 21px; } .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon { width: 58px; height: 58px; margin-bottom: 20px; border-radius: 17px; } .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon i, .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon svg { font-size: 22px; } .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-title { font-size: 19px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-wrapper { padding: 24px 20px; border-radius: 19px; } .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon { width: 54px; height: 54px; margin-bottom: 18px; border-radius: 15px; } .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon i, .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon svg { font-size: 20px; } .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-title { font-size: 18px; } .elementor-20 .elementor-element.elementor-element-26b80ef .elementor-icon-box-description { font-size: 13px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-248ca5b *//* ========================================================= PREMIUM REALISTIC 3D ICON BOX STYLE: PROFESSIONAL / REALISTIC / SOFT 3D PRIMARY: #21A179 ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b, .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-widget-container { height: 100%; } /* ========================================================= CARD ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: 30px; background: linear-gradient( 145deg, #ffffff 0%, #fcfdfc 55%, #f6faf8 100% ); border: 1px solid rgba(33,161,121,.13); border-radius: 24px; overflow: hidden; box-shadow: 0 1px 1px rgba(255,255,255,.95) inset, 0 -1px 0 rgba(255,255,255,.8) inset, 0 8px 15px rgba(25,45,38,.045), 0 18px 40px rgba(25,45,38,.055); transition: transform .55s cubic-bezier(.22,1,.36,1), box-shadow .55s cubic-bezier(.22,1,.36,1), border-color .4s ease; } /* ========================================================= PREMIUM LIGHT REFLECTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-wrapper::before { content: ""; position: absolute; top: -70px; right: -80px; width: 220px; height: 220px; background: radial-gradient( circle, rgba(33,161,121,.10) 0%, rgba(33,161,121,.035) 35%, transparent 70% ); pointer-events: none; transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .5s ease; } /* ========================================================= BOTTOM REFLECTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-wrapper::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(33,161,121,.30), transparent ); opacity: .55; } /* ========================================================= HOVER CARD ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b:hover .elementor-icon-box-wrapper { transform: translateY(-7px); border-color: rgba(33,161,121,.25); box-shadow: 0 1px 1px rgba(255,255,255,.95) inset, 0 12px 22px rgba(25,45,38,.06), 0 25px 55px rgba(25,45,38,.10), 0 8px 25px rgba(33,161,121,.055); } .elementor-20 .elementor-element.elementor-element-248ca5b:hover .elementor-icon-box-wrapper::before { transform: scale(1.35); } /* ========================================================= PREMIUM 3D ICON ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon { position: relative; z-index: 3; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; margin-bottom: 23px; background: linear-gradient( 145deg, #3bc99b 0%, #21A179 45%, #178263 100% ); border: 1px solid rgba(255,255,255,.42); border-radius: 19px; box-shadow: 0 2px 1px rgba(255,255,255,.35) inset, 0 -3px 7px rgba(0,70,48,.13) inset, 0 7px 12px rgba(33,161,121,.16), 0 13px 25px rgba(33,161,121,.10); transform: perspective(700px) rotateX(3deg) rotateY(-3deg); transition: transform .55s cubic-bezier(.22,1,.36,1), box-shadow .5s ease; } /* ========================================================= ICON GLASS HIGHLIGHT ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon::before { content: ""; position: absolute; top: 6px; left: 8px; right: 8px; height: 17px; background: linear-gradient( 180deg, rgba(255,255,255,.24), transparent ); border-radius: 12px; pointer-events: none; } /* ========================================================= ICON LOWER DEPTH ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon::after { content: ""; position: absolute; left: 7px; right: 7px; bottom: -5px; height: 6px; background: #126f55; border-radius: 0 0 10px 10px; z-index: -1; opacity: .7; } /* ========================================================= ICON ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon i, .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon svg { position: relative; z-index: 5; color: #ffffff !important; fill: #ffffff !important; font-size: 24px; filter: drop-shadow(0 1px 1px rgba(0,60,40,.22)); transition: transform .5s cubic-bezier(.22,1,.36,1); } /* ========================================================= ICON HOVER ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b:hover .elementor-icon { transform: perspective(700px) translateY(-5px) rotateX(0deg) rotateY(0deg) scale(1.06); box-shadow: 0 2px 1px rgba(255,255,255,.4) inset, 0 -3px 8px rgba(0,70,48,.14) inset, 0 10px 17px rgba(33,161,121,.20), 0 18px 32px rgba(33,161,121,.13); } .elementor-20 .elementor-element.elementor-element-248ca5b:hover .elementor-icon i, .elementor-20 .elementor-element.elementor-element-248ca5b:hover .elementor-icon svg { transform: scale(1.1); } /* ========================================================= TITLE ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-title { position: relative; z-index: 5; margin: 0 0 10px; color: #17221e !important; font-size: 20px; font-weight: 650; line-height: 1.3; letter-spacing: -.35px; transition: color .35s ease, transform .4s cubic-bezier(.22,1,.36,1); } .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-title a { color: #17221e !important; transition: color .35s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b:hover .elementor-icon-box-title { color: #21A179 !important; transform: translateX(3px); } .elementor-20 .elementor-element.elementor-element-248ca5b:hover .elementor-icon-box-title a { color: #21A179 !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-description { position: relative; z-index: 5; width: 100%; margin: 0; color: #66736d; font-size: 14px; font-weight: 400; line-height: 1.72; word-break: break-word; overflow-wrap: anywhere; transition: color .35s ease; } .elementor-20 .elementor-element.elementor-element-248ca5b:hover .elementor-icon-box-description { color: #4e5d56; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-wrapper { padding: 27px 24px; border-radius: 21px; } .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon { width: 58px; height: 58px; margin-bottom: 20px; border-radius: 17px; } .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon i, .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon svg { font-size: 22px; } .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-title { font-size: 19px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-wrapper { padding: 24px 20px; border-radius: 19px; } .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon { width: 54px; height: 54px; margin-bottom: 18px; border-radius: 15px; } .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon i, .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon svg { font-size: 20px; } .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-title { font-size: 18px; } .elementor-20 .elementor-element.elementor-element-248ca5b .elementor-icon-box-description { font-size: 13px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7853251 *//* ========================================================= PREMIUM REALISTIC 3D ICON BOX STYLE: PROFESSIONAL / REALISTIC / SOFT 3D PRIMARY: #21A179 ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251, .elementor-20 .elementor-element.elementor-element-7853251 .elementor-widget-container { height: 100%; } /* ========================================================= CARD ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: 30px; background: linear-gradient( 145deg, #ffffff 0%, #fcfdfc 55%, #f6faf8 100% ); border: 1px solid rgba(33,161,121,.13); border-radius: 24px; overflow: hidden; box-shadow: 0 1px 1px rgba(255,255,255,.95) inset, 0 -1px 0 rgba(255,255,255,.8) inset, 0 8px 15px rgba(25,45,38,.045), 0 18px 40px rgba(25,45,38,.055); transition: transform .55s cubic-bezier(.22,1,.36,1), box-shadow .55s cubic-bezier(.22,1,.36,1), border-color .4s ease; } /* ========================================================= PREMIUM LIGHT REFLECTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-wrapper::before { content: ""; position: absolute; top: -70px; right: -80px; width: 220px; height: 220px; background: radial-gradient( circle, rgba(33,161,121,.10) 0%, rgba(33,161,121,.035) 35%, transparent 70% ); pointer-events: none; transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .5s ease; } /* ========================================================= BOTTOM REFLECTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-wrapper::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: 0; height: 1px; background: linear-gradient( 90deg, transparent, rgba(33,161,121,.30), transparent ); opacity: .55; } /* ========================================================= HOVER CARD ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251:hover .elementor-icon-box-wrapper { transform: translateY(-7px); border-color: rgba(33,161,121,.25); box-shadow: 0 1px 1px rgba(255,255,255,.95) inset, 0 12px 22px rgba(25,45,38,.06), 0 25px 55px rgba(25,45,38,.10), 0 8px 25px rgba(33,161,121,.055); } .elementor-20 .elementor-element.elementor-element-7853251:hover .elementor-icon-box-wrapper::before { transform: scale(1.35); } /* ========================================================= PREMIUM 3D ICON ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon { position: relative; z-index: 3; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; margin-bottom: 23px; background: linear-gradient( 145deg, #3bc99b 0%, #21A179 45%, #178263 100% ); border: 1px solid rgba(255,255,255,.42); border-radius: 19px; box-shadow: 0 2px 1px rgba(255,255,255,.35) inset, 0 -3px 7px rgba(0,70,48,.13) inset, 0 7px 12px rgba(33,161,121,.16), 0 13px 25px rgba(33,161,121,.10); transform: perspective(700px) rotateX(3deg) rotateY(-3deg); transition: transform .55s cubic-bezier(.22,1,.36,1), box-shadow .5s ease; } /* ========================================================= ICON GLASS HIGHLIGHT ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon::before { content: ""; position: absolute; top: 6px; left: 8px; right: 8px; height: 17px; background: linear-gradient( 180deg, rgba(255,255,255,.24), transparent ); border-radius: 12px; pointer-events: none; } /* ========================================================= ICON LOWER DEPTH ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon::after { content: ""; position: absolute; left: 7px; right: 7px; bottom: -5px; height: 6px; background: #126f55; border-radius: 0 0 10px 10px; z-index: -1; opacity: .7; } /* ========================================================= ICON ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon i, .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon svg { position: relative; z-index: 5; color: #ffffff !important; fill: #ffffff !important; font-size: 24px; filter: drop-shadow(0 1px 1px rgba(0,60,40,.22)); transition: transform .5s cubic-bezier(.22,1,.36,1); } /* ========================================================= ICON HOVER ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251:hover .elementor-icon { transform: perspective(700px) translateY(-5px) rotateX(0deg) rotateY(0deg) scale(1.06); box-shadow: 0 2px 1px rgba(255,255,255,.4) inset, 0 -3px 8px rgba(0,70,48,.14) inset, 0 10px 17px rgba(33,161,121,.20), 0 18px 32px rgba(33,161,121,.13); } .elementor-20 .elementor-element.elementor-element-7853251:hover .elementor-icon i, .elementor-20 .elementor-element.elementor-element-7853251:hover .elementor-icon svg { transform: scale(1.1); } /* ========================================================= TITLE ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-title { position: relative; z-index: 5; margin: 0 0 10px; color: #17221e !important; font-size: 20px; font-weight: 650; line-height: 1.3; letter-spacing: -.35px; transition: color .35s ease, transform .4s cubic-bezier(.22,1,.36,1); } .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-title a { color: #17221e !important; transition: color .35s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251:hover .elementor-icon-box-title { color: #21A179 !important; transform: translateX(3px); } .elementor-20 .elementor-element.elementor-element-7853251:hover .elementor-icon-box-title a { color: #21A179 !important; } /* ========================================================= DESCRIPTION ========================================================= */ .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-description { position: relative; z-index: 5; width: 100%; margin: 0; color: #66736d; font-size: 14px; font-weight: 400; line-height: 1.72; word-break: break-word; overflow-wrap: anywhere; transition: color .35s ease; } .elementor-20 .elementor-element.elementor-element-7853251:hover .elementor-icon-box-description { color: #4e5d56; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-wrapper { padding: 27px 24px; border-radius: 21px; } .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon { width: 58px; height: 58px; margin-bottom: 20px; border-radius: 17px; } .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon i, .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon svg { font-size: 22px; } .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-title { font-size: 19px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-wrapper { padding: 24px 20px; border-radius: 19px; } .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon { width: 54px; height: 54px; margin-bottom: 18px; border-radius: 15px; } .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon i, .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon svg { font-size: 20px; } .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-title { font-size: 18px; } .elementor-20 .elementor-element.elementor-element-7853251 .elementor-icon-box-description { font-size: 13px; line-height: 1.65; } }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-a7500fe *//* ========================================== PREMIUM GREEN ROUNDED ELEMENTOR FORM Primary : #21A179 Dark : #181818 Soft Green : #F0FAF6 Background : #FAFCFB Card : #FFFFFF Border : #DCEBE5 ========================================== */ /* ========================== FORM ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-form { margin: 0 !important; padding: 0 !important; } /* ========================== FIELDS WRAPPER ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-form-fields-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } /* ========================== FIELD GROUPS ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group { margin: 0 !important; padding: 0 !important; } .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group.elementor-col-50 { width: calc(50% - 10px) !important; max-width: calc(50% - 10px) !important; flex: 0 0 calc(50% - 10px) !important; } .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group.elementor-col-100 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } /* ========================== LABELS ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-label { color: #181818 !important; font-size: 13px; font-weight: 600; line-height: 1.4; margin-bottom: 8px; letter-spacing: .1px; } /* ========================== INPUTS ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field, .elementor-20 .elementor-element.elementor-element-a7500fe input, .elementor-20 .elementor-element.elementor-element-a7500fe textarea, .elementor-20 .elementor-element.elementor-element-a7500fe select { width: 100%; min-height: 54px; background: #FAFCFB !important; border: 1px solid #DCEBE5 !important; border-radius: 16px !important; color: #181818 !important; padding: 14px 17px !important; font-size: 14px; font-weight: 400; line-height: 1.5; box-shadow: 0 2px 5px rgba(23,55,45,.025), inset 0 1px 1px rgba(255,255,255,.8); outline: none !important; transition: border-color .3s ease, background .3s ease, box-shadow .3s ease, transform .3s ease; } /* ========================== INPUT HOVER ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field:hover, .elementor-20 .elementor-element.elementor-element-a7500fe input:hover, .elementor-20 .elementor-element.elementor-element-a7500fe textarea:hover, .elementor-20 .elementor-element.elementor-element-a7500fe select:hover { background: #FFFFFF !important; border-color: #BBDDD0 !important; box-shadow: 0 5px 18px rgba(24,65,51,.055) !important; } /* ========================== INPUT FOCUS ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field:focus, .elementor-20 .elementor-element.elementor-element-a7500fe input:focus, .elementor-20 .elementor-element.elementor-element-a7500fe textarea:focus, .elementor-20 .elementor-element.elementor-element-a7500fe select:focus { background: #FFFFFF !important; border-color: #21A179 !important; box-shadow: 0 0 0 4px rgba(33,161,121,.09), 0 8px 22px rgba(33,161,121,.07) !important; transform: translateY(-1px); outline: none !important; } /* ========================== PLACEHOLDER ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe input::placeholder, .elementor-20 .elementor-element.elementor-element-a7500fe textarea::placeholder { color: #899590 !important; opacity: 1; } /* ========================== SELECT ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #FAFCFB !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%2321A179' viewBox='0 0 16 16'%3E%3Cpath d='M3.1 5.7 8 10.6l4.9-4.9 1 1L8 12.6 2.1 6.7z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 17px center; background-size: 14px; padding-right: 46px !important; cursor: pointer; } /* ========================== TEXTAREA ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe textarea { min-height: 145px !important; resize: vertical; border-radius: 18px !important; } /* ========================== SUBMIT AREA ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-type-submit { width: 100% !important; margin-top: 2px !important; } /* ========================== PREMIUM GREEN BUTTON ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button { position: relative; width: 100%; min-height: 56px; border: 1px solid #21A179 !important; border-radius: 17px !important; padding: 15px 28px !important; background: linear-gradient( 135deg, #2BB889 0%, #21A179 52%, #188765 100% ) !important; color: #FFFFFF !important; font-size: 14px; font-weight: 600; line-height: 1.4; letter-spacing: .2px; box-shadow: 0 8px 20px rgba(33,161,121,.18), inset 0 1px 1px rgba(255,255,255,.22) !important; overflow: hidden; transform: translateZ(0); transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease, background .4s ease, border-color .4s ease; } /* ========================== BUTTON SHINE ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button::before { content: ""; position: absolute; top: -60%; left: -25%; width: 42%; height: 220%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.26), transparent ); transform: rotate(20deg) translateX(-180%); transition: transform .75s cubic-bezier(.22,1,.36,1); } /* ========================== BUTTON INNER BORDER ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button::after { content: ""; position: absolute; inset: 3px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; pointer-events: none; } /* ========================== BUTTON HOVER — BLACK ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button:hover { background: linear-gradient( 135deg, #181818 0%, #292929 100% ) !important; border-color: #181818 !important; color: #FFFFFF !important; transform: translateY(-3px); box-shadow: 0 13px 28px rgba(0,0,0,.18), inset 0 1px 1px rgba(255,255,255,.12) !important; } /* ========================== BUTTON SHINE ON HOVER ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button:hover::before { transform: rotate(20deg) translateX(390%); } /* ========================== BUTTON ACTIVE ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button:active { transform: translateY(-1px) scale(.99); } /* ========================== BUTTON FOCUS ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button:focus { outline: none !important; box-shadow: 0 0 0 4px rgba(33,161,121,.12), 0 10px 25px rgba(33,161,121,.16) !important; } /* ========================== REQUIRED FIELD MARK ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-required { color: #21A179 !important; } /* ========================== SUCCESS / ERROR MESSAGE ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-message { margin-top: 14px; padding: 12px 15px; border-radius: 14px; font-size: 13px; line-height: 1.6; } /* ========================== BUTTON BOTTOM SPACING ========================== */ .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-type-submit .elementor-button { margin-bottom: 18px !important; } /* ========================== MOBILE ========================== */ @media (max-width: 767px) { .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-form-fields-wrapper { gap: 16px; } .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-group.elementor-col-50 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field, .elementor-20 .elementor-element.elementor-element-a7500fe input, .elementor-20 .elementor-element.elementor-element-a7500fe textarea, .elementor-20 .elementor-element.elementor-element-a7500fe select { min-height: 51px; padding: 13px 15px !important; font-size: 14px; border-radius: 14px !important; } .elementor-20 .elementor-element.elementor-element-a7500fe textarea { min-height: 125px !important; border-radius: 16px !important; } .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-button { min-height: 53px; padding: 14px 20px !important; font-size: 14px; border-radius: 15px !important; } .elementor-20 .elementor-element.elementor-element-a7500fe .elementor-field-label { font-size: 13px; margin-bottom: 7px; } }/* End custom CSS */