.elementor-788 .elementor-element.elementor-element-2e74738{--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;--overlay-opacity:0.5;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-788 .elementor-element.elementor-element-2e74738:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-2e74738 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dulwichphysioltd.co.uk/wp-content/uploads/2026/05/Anita-39_708__msi___jpg-1.jpg");background-position:0px -45px;background-size:cover;}.elementor-788 .elementor-element.elementor-element-2e74738::before, .elementor-788 .elementor-element.elementor-element-2e74738 > .elementor-background-video-container::before, .elementor-788 .elementor-element.elementor-element-2e74738 > .e-con-inner > .elementor-background-video-container::before, .elementor-788 .elementor-element.elementor-element-2e74738 > .elementor-background-slideshow::before, .elementor-788 .elementor-element.elementor-element-2e74738 > .e-con-inner > .elementor-background-slideshow::before, .elementor-788 .elementor-element.elementor-element-2e74738 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000096;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-788 .elementor-element.elementor-element-5e2d408 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-a952db3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-788 .elementor-element.elementor-element-a952db3:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-a952db3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ea697df );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-788 .elementor-element.elementor-element-ffa0360.elementor-element{--align-self:center;}.elementor-788 .elementor-element.elementor-element-ffa0360{column-gap:0px;text-align:center;font-family:"Jost", Sans-serif;font-size:20px;font-weight:700;color:#000000;}.elementor-788 .elementor-element.elementor-element-ffa0360 p{margin-block-end:0px;}.elementor-788 .elementor-element.elementor-element-ffa0360 a{color:#618A24;}.elementor-788 .elementor-element.elementor-element-46e3bdc{text-align:center;}.elementor-788 .elementor-element.elementor-element-46e3bdc .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:35px;font-weight:600;color:#618A24;}.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-text{color:var( --e-global-color-secondary );}.elementor-788 .elementor-element.elementor-element-0e9c422.elementor-element{--align-self:center;}.elementor-788 .elementor-element.elementor-element-0e9c422 .elementor-icon-list-icon i{color:var( --e-global-color-afc972e );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-0e9c422 .elementor-icon-list-icon svg{fill:var( --e-global-color-afc972e );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-0e9c422{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-0e9c422 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-0e9c422 .elementor-icon-list-item > a{font-family:"Hahmlet", Sans-serif;font-weight:600;}.elementor-788 .elementor-element.elementor-element-0e9c422 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-4416dc1{--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;}.elementor-788 .elementor-element.elementor-element-cd3fa79{--display:flex;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-788 .elementor-element.elementor-element-cd3fa79:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-cd3fa79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b42ddc4 );}.elementor-788 .elementor-element.elementor-element-cd3fa79:hover{background-color:var( --e-global-color-bf59de3 );}.elementor-widget-image-box .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
.elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{color:var( --e-global-color-text );}.elementor-788 .elementor-element.elementor-element-0ae8430.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-788 .elementor-element.elementor-element-0ae8430.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-788 .elementor-element.elementor-element-0ae8430.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-0ae8430 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-788 .elementor-element.elementor-element-0ae8430 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-788 .elementor-element.elementor-element-0ae8430 .elementor-image-box-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-0ae8430:has(:hover) .elementor-image-box-title,
.elementor-788 .elementor-element.elementor-element-0ae8430:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-0ae8430 .elementor-image-box-description{font-family:"Jost", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-0a5e502{--display:flex;}.elementor-788 .elementor-element.elementor-element-4e1b869.elementor-element{--align-self:center;}.elementor-788 .elementor-element.elementor-element-4e1b869{column-gap:0px;text-align:center;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-4e1b869 p{margin-block-end:0px;}.elementor-788 .elementor-element.elementor-element-4e1b869 a{color:#618A24;}.elementor-788 .elementor-element.elementor-element-f1b61b3{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-788 .elementor-element.elementor-element-f1b61b3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 0px 0px;}:where( .elementor-788 .elementor-element.elementor-element-f1b61b3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Arial", Sans-serif;}.elementor-788 .elementor-element.elementor-element-8e7f32c{--display:flex;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-788 .elementor-element.elementor-element-8e7f32c:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-8e7f32c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b42ddc4 );}.elementor-788 .elementor-element.elementor-element-8e7f32c:hover{background-color:var( --e-global-color-bf59de3 );}.elementor-788 .elementor-element.elementor-element-fb7fad2.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-788 .elementor-element.elementor-element-fb7fad2.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-788 .elementor-element.elementor-element-fb7fad2.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-fb7fad2 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-788 .elementor-element.elementor-element-fb7fad2 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-788 .elementor-element.elementor-element-fb7fad2 .elementor-image-box-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-fb7fad2:has(:hover) .elementor-image-box-title,
.elementor-788 .elementor-element.elementor-element-fb7fad2:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-fb7fad2 .elementor-image-box-description{font-family:"Jost", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-60cfd6f{--display:flex;}.elementor-788 .elementor-element.elementor-element-30a5a50.elementor-element{--align-self:center;}.elementor-788 .elementor-element.elementor-element-30a5a50{column-gap:0px;text-align:center;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-30a5a50 p{margin-block-end:0px;}.elementor-788 .elementor-element.elementor-element-30a5a50 a{color:#618A24;}.elementor-788 .elementor-element.elementor-element-ad7dbb3{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-788 .elementor-element.elementor-element-ad7dbb3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 0px 0px;}:where( .elementor-788 .elementor-element.elementor-element-ad7dbb3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Arial", Sans-serif;}.elementor-788 .elementor-element.elementor-element-796a289{--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;}.elementor-788 .elementor-element.elementor-element-873f2c3{--display:flex;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-788 .elementor-element.elementor-element-873f2c3:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-873f2c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05AEE1;}.elementor-788 .elementor-element.elementor-element-873f2c3:hover{background-color:var( --e-global-color-bf59de3 );}.elementor-788 .elementor-element.elementor-element-234cc5b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-788 .elementor-element.elementor-element-234cc5b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-788 .elementor-element.elementor-element-234cc5b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-234cc5b .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-788 .elementor-element.elementor-element-234cc5b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-788 .elementor-element.elementor-element-234cc5b .elementor-image-box-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-234cc5b:has(:hover) .elementor-image-box-title,
.elementor-788 .elementor-element.elementor-element-234cc5b:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-234cc5b .elementor-image-box-description{font-family:"Jost", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-5766d6b{--display:flex;}.elementor-788 .elementor-element.elementor-element-746e961.elementor-element{--align-self:center;}.elementor-788 .elementor-element.elementor-element-746e961{column-gap:0px;text-align:center;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-746e961 p{margin-block-end:0px;}.elementor-788 .elementor-element.elementor-element-746e961 a{color:#618A24;}.elementor-788 .elementor-element.elementor-element-f562a97{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-788 .elementor-element.elementor-element-f562a97 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 0px 0px;}:where( .elementor-788 .elementor-element.elementor-element-f562a97 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Arial", Sans-serif;}.elementor-788 .elementor-element.elementor-element-a46da87{--display:flex;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-788 .elementor-element.elementor-element-a46da87:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-a46da87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b42ddc4 );}.elementor-788 .elementor-element.elementor-element-a46da87:hover{background-color:var( --e-global-color-afc972e );}.elementor-788 .elementor-element.elementor-element-61cd023.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-788 .elementor-element.elementor-element-61cd023.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-788 .elementor-element.elementor-element-61cd023.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-61cd023 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-788 .elementor-element.elementor-element-61cd023 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-788 .elementor-element.elementor-element-61cd023 .elementor-image-box-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-61cd023:has(:hover) .elementor-image-box-title,
.elementor-788 .elementor-element.elementor-element-61cd023:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-61cd023 .elementor-image-box-description{font-family:"Jost", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-0914922{--display:flex;}.elementor-788 .elementor-element.elementor-element-664beeb.elementor-element{--align-self:center;}.elementor-788 .elementor-element.elementor-element-664beeb{column-gap:0px;text-align:center;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-664beeb p{margin-block-end:0px;}.elementor-788 .elementor-element.elementor-element-664beeb a{color:#618A24;}.elementor-788 .elementor-element.elementor-element-47525f2{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-788 .elementor-element.elementor-element-47525f2 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 0px 0px;}:where( .elementor-788 .elementor-element.elementor-element-47525f2 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Arial", Sans-serif;}.elementor-788 .elementor-element.elementor-element-5c26469{--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;}.elementor-788 .elementor-element.elementor-element-2d01707{--display:flex;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-788 .elementor-element.elementor-element-2d01707:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-2d01707 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05AEE1;}.elementor-788 .elementor-element.elementor-element-2d01707:hover{background-color:var( --e-global-color-bf59de3 );}.elementor-788 .elementor-element.elementor-element-4582386.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-788 .elementor-element.elementor-element-4582386.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-788 .elementor-element.elementor-element-4582386.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-4582386 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-788 .elementor-element.elementor-element-4582386 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-788 .elementor-element.elementor-element-4582386 .elementor-image-box-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-4582386:has(:hover) .elementor-image-box-title,
.elementor-788 .elementor-element.elementor-element-4582386:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-4582386 .elementor-image-box-description{font-family:"Jost", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-c0afb2a{--display:flex;}.elementor-788 .elementor-element.elementor-element-fb7a708.elementor-element{--align-self:center;}.elementor-788 .elementor-element.elementor-element-fb7a708{column-gap:0px;text-align:center;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-fb7a708 p{margin-block-end:0px;}.elementor-788 .elementor-element.elementor-element-fb7a708 a{color:#618A24;}.elementor-788 .elementor-element.elementor-element-feb267f{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-788 .elementor-element.elementor-element-feb267f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 0px 0px;}:where( .elementor-788 .elementor-element.elementor-element-feb267f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Arial", Sans-serif;}.elementor-788 .elementor-element.elementor-element-4028f9c{--display:flex;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-788 .elementor-element.elementor-element-4028f9c:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-4028f9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b42ddc4 );}.elementor-788 .elementor-element.elementor-element-4028f9c:hover{background-color:var( --e-global-color-afc972e );}.elementor-788 .elementor-element.elementor-element-2438990.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-788 .elementor-element.elementor-element-2438990.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-788 .elementor-element.elementor-element-2438990.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-2438990 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-788 .elementor-element.elementor-element-2438990 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-788 .elementor-element.elementor-element-2438990 .elementor-image-box-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-2438990:has(:hover) .elementor-image-box-title,
.elementor-788 .elementor-element.elementor-element-2438990:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-2438990 .elementor-image-box-description{font-family:"Jost", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-23e9f40{--display:flex;}.elementor-788 .elementor-element.elementor-element-e37cf8d.elementor-element{--align-self:center;}.elementor-788 .elementor-element.elementor-element-e37cf8d{column-gap:0px;text-align:center;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-e37cf8d p{margin-block-end:0px;}.elementor-788 .elementor-element.elementor-element-e37cf8d a{color:#618A24;}.elementor-788 .elementor-element.elementor-element-1aca7f6{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-788 .elementor-element.elementor-element-1aca7f6 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 0px 0px;}:where( .elementor-788 .elementor-element.elementor-element-1aca7f6 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Arial", Sans-serif;}.elementor-788 .elementor-element.elementor-element-3d746b6{--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;}.elementor-788 .elementor-element.elementor-element-16bca15{--display:flex;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-788 .elementor-element.elementor-element-16bca15:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-16bca15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05AEE1;}.elementor-788 .elementor-element.elementor-element-16bca15:hover{background-color:var( --e-global-color-bf59de3 );}.elementor-788 .elementor-element.elementor-element-71dc38b.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-788 .elementor-element.elementor-element-71dc38b.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-788 .elementor-element.elementor-element-71dc38b.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-71dc38b .elementor-image-box-wrapper .elementor-image-box-img{width:10%;}.elementor-788 .elementor-element.elementor-element-71dc38b .elementor-image-box-img img{transition-duration:0.3s;}.elementor-788 .elementor-element.elementor-element-71dc38b .elementor-image-box-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-71dc38b:has(:hover) .elementor-image-box-title,
.elementor-788 .elementor-element.elementor-element-71dc38b:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-71dc38b .elementor-image-box-description{font-family:"Jost", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-df043ef{--display:flex;}.elementor-788 .elementor-element.elementor-element-4ec6102.elementor-element{--align-self:center;}.elementor-788 .elementor-element.elementor-element-4ec6102{column-gap:0px;text-align:center;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-4ec6102 p{margin-block-end:0px;}.elementor-788 .elementor-element.elementor-element-4ec6102 a{color:#618A24;}.elementor-788 .elementor-element.elementor-element-a8c5960{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:center;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-788 .elementor-element.elementor-element-a8c5960 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 0px 0px;}:where( .elementor-788 .elementor-element.elementor-element-a8c5960 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Arial", Sans-serif;}.elementor-788 .elementor-element.elementor-element-13b1dc5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-788 .elementor-element.elementor-element-5399d4e{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-788 .elementor-element.elementor-element-c75bfd0 img{width:81%;}.elementor-788 .elementor-element.elementor-element-0ca7ebd{--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-788 .elementor-element.elementor-element-1cf2ae2 img{width:81%;}.elementor-788 .elementor-element.elementor-element-337d9e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-788 .elementor-element.elementor-element-2117e1e{text-align:start;}.elementor-788 .elementor-element.elementor-element-2117e1e .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:34px;font-weight:600;color:#618A24;}.elementor-788 .elementor-element.elementor-element-a1a68e1{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:600;}.elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-29b1a05{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:600;}.elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-440a401{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:600;}.elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-eb886db{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:600;}.elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-374f062{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:600;}.elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-e74606e{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:600;}.elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-d269eb5{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:600;}.elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-ddf828d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-788 .elementor-element.elementor-element-fdee812{--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-788 .elementor-element.elementor-element-79c34a8{text-align:start;}.elementor-788 .elementor-element.elementor-element-79c34a8 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:34px;font-weight:600;color:#618A24;}.elementor-788 .elementor-element.elementor-element-e53e191{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;}.elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-2ef5cce{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;}.elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-cb10e26{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;}.elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-4cb7180{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;}.elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-62db76b{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;}.elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-ce1426e{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;}.elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-c75de51{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:18px;--icon-vertical-offset:0px;}.elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-icon i{color:var( --e-global-color-b42ddc4 );transition:color 0.3s;}.elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-icon svg{fill:var( --e-global-color-b42ddc4 );transition:fill 0.3s;}.elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:19px;font-weight:400;}.elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-788 .elementor-element.elementor-element-3e4f5e5 .elementor-button{background-color:#05AEE1;font-family:"Arial", Sans-serif;font-weight:600;fill:#FFFFFF;color:#FFFFFF;}.elementor-788 .elementor-element.elementor-element-3e4f5e5 .elementor-button:hover, .elementor-788 .elementor-element.elementor-element-3e4f5e5 .elementor-button:focus{background-color:var( --e-global-color-bf59de3 );}.elementor-788 .elementor-element.elementor-element-3e4f5e5{margin:-11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-788 .elementor-element.elementor-element-25b5095{--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-788 .elementor-element.elementor-element-c1c78b0 img{width:81%;}.elementor-788 .elementor-element.elementor-element-dc5e43b img{width:81%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-788 .elementor-element.elementor-element-5399d4e{--width:50%;}.elementor-788 .elementor-element.elementor-element-0ca7ebd{--width:50%;}.elementor-788 .elementor-element.elementor-element-fdee812{--width:66.6666%;}.elementor-788 .elementor-element.elementor-element-25b5095{--width:50%;}}@media(max-width:1024px){.elementor-788 .elementor-element.elementor-element-2e74738:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-2e74738 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-788 .elementor-element.elementor-element-2e74738:not(.elementor-motion-effects-element-type-background), .elementor-788 .elementor-element.elementor-element-2e74738 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-788 .elementor-element.elementor-element-2e74738{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-788 .elementor-element.elementor-element-5e2d408{padding:4px 4px 4px 4px;}.elementor-788 .elementor-element.elementor-element-5e2d408 .elementor-heading-title{font-size:26px;}.elementor-788 .elementor-element.elementor-element-ffa0360{font-size:18px;}.elementor-788 .elementor-element.elementor-element-46e3bdc .elementor-heading-title{font-size:26px;}.elementor-788 .elementor-element.elementor-element-0ae8430 .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-0ae8430 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-788 .elementor-element.elementor-element-fb7fad2 .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-fb7fad2 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-788 .elementor-element.elementor-element-234cc5b .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-234cc5b .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-788 .elementor-element.elementor-element-61cd023 .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-61cd023 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-788 .elementor-element.elementor-element-4582386 .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-4582386 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-788 .elementor-element.elementor-element-2438990 .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-2438990 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-788 .elementor-element.elementor-element-71dc38b .elementor-image-box-img{margin-bottom:15px;}.elementor-788 .elementor-element.elementor-element-71dc38b .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-788 .elementor-element.elementor-element-337d9e5{--padding-top:40px;--padding-bottom:40px;--padding-left:8px;--padding-right:8px;}.elementor-788 .elementor-element.elementor-element-2117e1e .elementor-heading-title{font-size:26px;}.elementor-788 .elementor-element.elementor-element-a1a68e1{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-a1a68e1 .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-29b1a05{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-29b1a05 .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-440a401{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-440a401 .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-eb886db{--e-icon-list-icon-size:18px;}.elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-eb886db .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-374f062{--e-icon-list-icon-size:18px;}.elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-374f062 .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-e74606e{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-e74606e .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-d269eb5{--e-icon-list-icon-size:18px;}.elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-d269eb5 .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-79c34a8 .elementor-heading-title{font-size:26px;}.elementor-788 .elementor-element.elementor-element-e53e191{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-e53e191 .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-2ef5cce{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-2ef5cce .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-cb10e26{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-cb10e26 .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-4cb7180{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-4cb7180 .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-62db76b{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-62db76b .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-ce1426e{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-ce1426e .elementor-icon-list-item > a{font-size:17px;}.elementor-788 .elementor-element.elementor-element-c75de51{--e-icon-list-icon-size:18px;--icon-vertical-offset:-15px;}.elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-788 .elementor-element.elementor-element-c75de51 .elementor-icon-list-item > a{font-size:17px;}}/* Start custom CSS for container, class: .elementor-element-8e7f32c */.elementor-788 .elementor-element.elementor-element-8e7f32c {
position: relative;
background: #ffffff; /* Normal white background */
overflow: hidden;
z-index: 1;
}
/* Overlay layer for teal color */
.elementor-788 .elementor-element.elementor-element-8e7f32c::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #9CC65D;
z-index: -1;
transition: height 0.4s ease-in-out;
}
/* On hover → fill from top to bottom */
.elementor-788 .elementor-element.elementor-element-8e7f32c:hover::before {
height: 100%;
}
Skip to content
Chat history
You said:
@Hover ( This css class i have given my icon box or yaha par jo subtext ata hai vo mujhe hover par white chahiye to mujhe ap aap custom css dijiye jo ki me laga saku
ChatGPT said:
Samajh gaya 👍
Aapne apne icon box ko @Hover naam ki class di hai, aur aap chahte ho ki uske andar jo subtext hai vo hover hone par white color me dikhai de.
Aap niche ka CSS use kar sakte ho:
.@Hover:hover .subtext {
color: #fff !important;
}
👉 Yaha pe:
.@Hover = aapka main icon box class.
.subtext = aapke icon box ke andar jo text hai uska class (jo aapne diya hoga).
:hover = hover hone par effect apply hoga.
color: #fff; = text white ho jayega.
⚡ Agar aapke subtext ka class kuch aur hai (jaise p, span, h4 etc.), to aap .subtext ki jagah wo .elementor-788 .elementor-element.elementor-element-8e7f32c use karo.
Example:
.@Hover:hover p {
color: #fff !important;
}
Batao kya aap mujhe apka subtext ka HTML class/element name bhi bata do, taaki me aapke liye exact CSS likh du?
You said:
Uploaded image
see its not working on it
ChatGPT said:
Thought for 22s
The problem is the @ in your class name — CSS treats @ as a special character, so your .elementor-788 .elementor-element.elementor-element-8e7f32c .@Hover causes a syntax error (hence the red ×). You have three ways to fix it. Try them in this order:
1) (Recommended) Rename the class
Remove the @ from the class in your widget settings (Advanced → CSS Classes) — e.g. set the class to hover-box. Then use simple CSS:
/* if you're using Elementor's Icon Box description */
.hover-box:hover .elementor-icon-box-description {
color: #fff !important;
transition: color .25s ease;
}
/* or more generic: target paragraph inside */
.hover-box:hover p {
color: #fff !important;
}
Why: easiest and most reliable — page builders sometimes sanitize escapes.
2) Escape the @ in the CSS .elementor-788 .elementor-element.elementor-element-8e7f32c
If you can't change the class name, escape the @:
.\@Hover:hover .subtext {
color: #fff !important;
transition: color .25s ease;
}
Or if the subtext is Elementor's default description class:
.\@Hover:hover .elementor-icon-box-description {
color: #fff !important;
}
3) Use an attribute .elementor-788 .elementor-element.elementor-element-8e7f32c
This matches an element that has the class token @Hover:
[class~="@Hover"]:hover .subtext {
color: #fff !important;
}
Or:
[class~="@Hover"]:hover .elementor-icon-box-description {
color: #fff !important;
}
Extra tips
Make sure .subtext is the actual .elementor-788 .elementor-element.elementor-element-8e7f32c for your description. In Elementor the description class is usually .elementor-icon-box-description. Inspect the element (right-click → Inspect) and replace .subtext with the correct class or p etc.
Clear cache / minification (if any) after changing CSS.
If the text is an inside the description, also target it:
.hover-box:hover .elementor-icon-box-description,
.hover-box:hover .elementor-icon-box-description a { color: #fff !important; }
Try either renaming (best) or the escaped .elementor-788 .elementor-element.elementor-element-8e7f32c above. Agar chaho to screenshot me inspector ka HTML (ya us element ka class name) paste karo — main exact CSS line turant de dunga.
You said:
Ye kam nhi kar raha simple batao iske liye sirf subtext hai jo ye mujhe hover par white chahiye or kuch nhi @samir ye css classes h iski
ChatGPT said:
Samajh gaya 👌
Problem sirf class name me @ symbol ka hai. CSS me directly @ use karne par error aata hai. Usko escape karna padega.
Aap is CSS ko try karo:
.\@samir:hover .subtext {
color: #fff !important;
}
👉 Yaha:
.\@samir = aapke box ka class (jisme @samir diya hua hai).
.subtext = aapke neeche wala text (subtext).
:hover = hover hone par effect.
color: #fff !important; = white ho jayega.
⚡ Agar aap Elementor ka Icon Box use kar rahe ho, to usme subtext ka class by default hota hai:
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
Aap mujhe confirm kar do ki subtext ka class name kya hai (Inspect → us text pe right click → Inspect → class copy karke bhejo).
Phir mai aapko 100% exact CSS line de dunga ✅
Kya aap chahte ho mai aapke screenshot se hi subtext ka class check karke likh du?
You said:
me chahta hu pure box me heading or subtext dono ka color white ho
ChatGPT said:
Perfect 👌 ab clear hai — aap chahte ho ki jab pure box pe hover karein to heading aur subtext dono white ho jayein.
Aap direct Elementor Icon Box ke default classes ko target kar sakte ho:
.\@samir:hover .elementor-icon-box-title,
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
👉 Ye dono .elementor-788 .elementor-element.elementor-element-8e7f32cs handle karenge:
.elementor-icon-box-title = heading
.elementor-icon-box-description = subtext
Bas ye CSS lagao → hover karne par heading + subtext dono white ho jayenge. ✅
Kya aap chahte ho mai isme thoda smooth transition effect bhi add kar du (jaise color dheere change ho)?
You’ve hit the Free plan limit for GPT-5.
You need GPT-5 to continue this chat because there's an attachment. Your limit resets after 10:14 PM.
New chat
Upgrade
No file chosenNo file chosen
ChatGPT can make mistakes. Check important info. See Cookie Preferences./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-873f2c3 */.elementor-788 .elementor-element.elementor-element-873f2c3 {
position: relative;
background: #ffffff; /* Normal white background */
overflow: hidden;
z-index: 1;
}
/* Overlay layer for teal color */
.elementor-788 .elementor-element.elementor-element-873f2c3::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #9CC65D;
z-index: -1;
transition: height 0.4s ease-in-out;
}
/* On hover → fill from top to bottom */
.elementor-788 .elementor-element.elementor-element-873f2c3:hover::before {
height: 100%;
}
Skip to content
Chat history
You said:
@Hover ( This css class i have given my icon box or yaha par jo subtext ata hai vo mujhe hover par white chahiye to mujhe ap aap custom css dijiye jo ki me laga saku
ChatGPT said:
Samajh gaya 👍
Aapne apne icon box ko @Hover naam ki class di hai, aur aap chahte ho ki uske andar jo subtext hai vo hover hone par white color me dikhai de.
Aap niche ka CSS use kar sakte ho:
.@Hover:hover .subtext {
color: #fff !important;
}
👉 Yaha pe:
.@Hover = aapka main icon box class.
.subtext = aapke icon box ke andar jo text hai uska class (jo aapne diya hoga).
:hover = hover hone par effect apply hoga.
color: #fff; = text white ho jayega.
⚡ Agar aapke subtext ka class kuch aur hai (jaise p, span, h4 etc.), to aap .subtext ki jagah wo .elementor-788 .elementor-element.elementor-element-873f2c3 use karo.
Example:
.@Hover:hover p {
color: #fff !important;
}
Batao kya aap mujhe apka subtext ka HTML class/element name bhi bata do, taaki me aapke liye exact CSS likh du?
You said:
Uploaded image
see its not working on it
ChatGPT said:
Thought for 22s
The problem is the @ in your class name — CSS treats @ as a special character, so your .elementor-788 .elementor-element.elementor-element-873f2c3 .@Hover causes a syntax error (hence the red ×). You have three ways to fix it. Try them in this order:
1) (Recommended) Rename the class
Remove the @ from the class in your widget settings (Advanced → CSS Classes) — e.g. set the class to hover-box. Then use simple CSS:
/* if you're using Elementor's Icon Box description */
.hover-box:hover .elementor-icon-box-description {
color: #fff !important;
transition: color .25s ease;
}
/* or more generic: target paragraph inside */
.hover-box:hover p {
color: #fff !important;
}
Why: easiest and most reliable — page builders sometimes sanitize escapes.
2) Escape the @ in the CSS .elementor-788 .elementor-element.elementor-element-873f2c3
If you can't change the class name, escape the @:
.\@Hover:hover .subtext {
color: #fff !important;
transition: color .25s ease;
}
Or if the subtext is Elementor's default description class:
.\@Hover:hover .elementor-icon-box-description {
color: #fff !important;
}
3) Use an attribute .elementor-788 .elementor-element.elementor-element-873f2c3
This matches an element that has the class token @Hover:
[class~="@Hover"]:hover .subtext {
color: #fff !important;
}
Or:
[class~="@Hover"]:hover .elementor-icon-box-description {
color: #fff !important;
}
Extra tips
Make sure .subtext is the actual .elementor-788 .elementor-element.elementor-element-873f2c3 for your description. In Elementor the description class is usually .elementor-icon-box-description. Inspect the element (right-click → Inspect) and replace .subtext with the correct class or p etc.
Clear cache / minification (if any) after changing CSS.
If the text is an inside the description, also target it:
.hover-box:hover .elementor-icon-box-description,
.hover-box:hover .elementor-icon-box-description a { color: #fff !important; }
Try either renaming (best) or the escaped .elementor-788 .elementor-element.elementor-element-873f2c3 above. Agar chaho to screenshot me inspector ka HTML (ya us element ka class name) paste karo — main exact CSS line turant de dunga.
You said:
Ye kam nhi kar raha simple batao iske liye sirf subtext hai jo ye mujhe hover par white chahiye or kuch nhi @samir ye css classes h iski
ChatGPT said:
Samajh gaya 👌
Problem sirf class name me @ symbol ka hai. CSS me directly @ use karne par error aata hai. Usko escape karna padega.
Aap is CSS ko try karo:
.\@samir:hover .subtext {
color: #fff !important;
}
👉 Yaha:
.\@samir = aapke box ka class (jisme @samir diya hua hai).
.subtext = aapke neeche wala text (subtext).
:hover = hover hone par effect.
color: #fff !important; = white ho jayega.
⚡ Agar aap Elementor ka Icon Box use kar rahe ho, to usme subtext ka class by default hota hai:
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
Aap mujhe confirm kar do ki subtext ka class name kya hai (Inspect → us text pe right click → Inspect → class copy karke bhejo).
Phir mai aapko 100% exact CSS line de dunga ✅
Kya aap chahte ho mai aapke screenshot se hi subtext ka class check karke likh du?
You said:
me chahta hu pure box me heading or subtext dono ka color white ho
ChatGPT said:
Perfect 👌 ab clear hai — aap chahte ho ki jab pure box pe hover karein to heading aur subtext dono white ho jayein.
Aap direct Elementor Icon Box ke default classes ko target kar sakte ho:
.\@samir:hover .elementor-icon-box-title,
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
👉 Ye dono .elementor-788 .elementor-element.elementor-element-873f2c3s handle karenge:
.elementor-icon-box-title = heading
.elementor-icon-box-description = subtext
Bas ye CSS lagao → hover karne par heading + subtext dono white ho jayenge. ✅
Kya aap chahte ho mai isme thoda smooth transition effect bhi add kar du (jaise color dheere change ho)?
You’ve hit the Free plan limit for GPT-5.
You need GPT-5 to continue this chat because there's an attachment. Your limit resets after 10:14 PM.
New chat
Upgrade
No file chosenNo file chosen
ChatGPT can make mistakes. Check important info. See Cookie Preferences./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a46da87 */.elementor-788 .elementor-element.elementor-element-a46da87 {
position: relative;
background: #ffffff; /* Normal white background */
overflow: hidden;
z-index: 1;
}
/* Overlay layer for teal color */
.elementor-788 .elementor-element.elementor-element-a46da87::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #9CC65D;
z-index: -1;
transition: height 0.4s ease-in-out;
}
/* On hover → fill from top to bottom */
.elementor-788 .elementor-element.elementor-element-a46da87:hover::before {
height: 100%;
}
Skip to content
Chat history
You said:
@Hover ( This css class i have given my icon box or yaha par jo subtext ata hai vo mujhe hover par white chahiye to mujhe ap aap custom css dijiye jo ki me laga saku
ChatGPT said:
Samajh gaya 👍
Aapne apne icon box ko @Hover naam ki class di hai, aur aap chahte ho ki uske andar jo subtext hai vo hover hone par white color me dikhai de.
Aap niche ka CSS use kar sakte ho:
.@Hover:hover .subtext {
color: #fff !important;
}
👉 Yaha pe:
.@Hover = aapka main icon box class.
.subtext = aapke icon box ke andar jo text hai uska class (jo aapne diya hoga).
:hover = hover hone par effect apply hoga.
color: #fff; = text white ho jayega.
⚡ Agar aapke subtext ka class kuch aur hai (jaise p, span, h4 etc.), to aap .subtext ki jagah wo .elementor-788 .elementor-element.elementor-element-a46da87 use karo.
Example:
.@Hover:hover p {
color: #fff !important;
}
Batao kya aap mujhe apka subtext ka HTML class/element name bhi bata do, taaki me aapke liye exact CSS likh du?
You said:
Uploaded image
see its not working on it
ChatGPT said:
Thought for 22s
The problem is the @ in your class name — CSS treats @ as a special character, so your .elementor-788 .elementor-element.elementor-element-a46da87 .@Hover causes a syntax error (hence the red ×). You have three ways to fix it. Try them in this order:
1) (Recommended) Rename the class
Remove the @ from the class in your widget settings (Advanced → CSS Classes) — e.g. set the class to hover-box. Then use simple CSS:
/* if you're using Elementor's Icon Box description */
.hover-box:hover .elementor-icon-box-description {
color: #fff !important;
transition: color .25s ease;
}
/* or more generic: target paragraph inside */
.hover-box:hover p {
color: #fff !important;
}
Why: easiest and most reliable — page builders sometimes sanitize escapes.
2) Escape the @ in the CSS .elementor-788 .elementor-element.elementor-element-a46da87
If you can't change the class name, escape the @:
.\@Hover:hover .subtext {
color: #fff !important;
transition: color .25s ease;
}
Or if the subtext is Elementor's default description class:
.\@Hover:hover .elementor-icon-box-description {
color: #fff !important;
}
3) Use an attribute .elementor-788 .elementor-element.elementor-element-a46da87
This matches an element that has the class token @Hover:
[class~="@Hover"]:hover .subtext {
color: #fff !important;
}
Or:
[class~="@Hover"]:hover .elementor-icon-box-description {
color: #fff !important;
}
Extra tips
Make sure .subtext is the actual .elementor-788 .elementor-element.elementor-element-a46da87 for your description. In Elementor the description class is usually .elementor-icon-box-description. Inspect the element (right-click → Inspect) and replace .subtext with the correct class or p etc.
Clear cache / minification (if any) after changing CSS.
If the text is an inside the description, also target it:
.hover-box:hover .elementor-icon-box-description,
.hover-box:hover .elementor-icon-box-description a { color: #fff !important; }
Try either renaming (best) or the escaped .elementor-788 .elementor-element.elementor-element-a46da87 above. Agar chaho to screenshot me inspector ka HTML (ya us element ka class name) paste karo — main exact CSS line turant de dunga.
You said:
Ye kam nhi kar raha simple batao iske liye sirf subtext hai jo ye mujhe hover par white chahiye or kuch nhi @samir ye css classes h iski
ChatGPT said:
Samajh gaya 👌
Problem sirf class name me @ symbol ka hai. CSS me directly @ use karne par error aata hai. Usko escape karna padega.
Aap is CSS ko try karo:
.\@samir:hover .subtext {
color: #fff !important;
}
👉 Yaha:
.\@samir = aapke box ka class (jisme @samir diya hua hai).
.subtext = aapke neeche wala text (subtext).
:hover = hover hone par effect.
color: #fff !important; = white ho jayega.
⚡ Agar aap Elementor ka Icon Box use kar rahe ho, to usme subtext ka class by default hota hai:
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
Aap mujhe confirm kar do ki subtext ka class name kya hai (Inspect → us text pe right click → Inspect → class copy karke bhejo).
Phir mai aapko 100% exact CSS line de dunga ✅
Kya aap chahte ho mai aapke screenshot se hi subtext ka class check karke likh du?
You said:
me chahta hu pure box me heading or subtext dono ka color white ho
ChatGPT said:
Perfect 👌 ab clear hai — aap chahte ho ki jab pure box pe hover karein to heading aur subtext dono white ho jayein.
Aap direct Elementor Icon Box ke default classes ko target kar sakte ho:
.\@samir:hover .elementor-icon-box-title,
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
👉 Ye dono .elementor-788 .elementor-element.elementor-element-a46da87s handle karenge:
.elementor-icon-box-title = heading
.elementor-icon-box-description = subtext
Bas ye CSS lagao → hover karne par heading + subtext dono white ho jayenge. ✅
Kya aap chahte ho mai isme thoda smooth transition effect bhi add kar du (jaise color dheere change ho)?
You’ve hit the Free plan limit for GPT-5.
You need GPT-5 to continue this chat because there's an attachment. Your limit resets after 10:14 PM.
New chat
Upgrade
No file chosenNo file chosen
ChatGPT can make mistakes. Check important info. See Cookie Preferences./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d01707 */.elementor-788 .elementor-element.elementor-element-2d01707 {
position: relative;
background: #ffffff; /* Normal white background */
overflow: hidden;
z-index: 1;
}
/* Overlay layer for teal color */
.elementor-788 .elementor-element.elementor-element-2d01707::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #9CC65D;
z-index: -1;
transition: height 0.4s ease-in-out;
}
/* On hover → fill from top to bottom */
.elementor-788 .elementor-element.elementor-element-2d01707:hover::before {
height: 100%;
}
Skip to content
Chat history
You said:
@Hover ( This css class i have given my icon box or yaha par jo subtext ata hai vo mujhe hover par white chahiye to mujhe ap aap custom css dijiye jo ki me laga saku
ChatGPT said:
Samajh gaya 👍
Aapne apne icon box ko @Hover naam ki class di hai, aur aap chahte ho ki uske andar jo subtext hai vo hover hone par white color me dikhai de.
Aap niche ka CSS use kar sakte ho:
.@Hover:hover .subtext {
color: #fff !important;
}
👉 Yaha pe:
.@Hover = aapka main icon box class.
.subtext = aapke icon box ke andar jo text hai uska class (jo aapne diya hoga).
:hover = hover hone par effect apply hoga.
color: #fff; = text white ho jayega.
⚡ Agar aapke subtext ka class kuch aur hai (jaise p, span, h4 etc.), to aap .subtext ki jagah wo .elementor-788 .elementor-element.elementor-element-2d01707 use karo.
Example:
.@Hover:hover p {
color: #fff !important;
}
Batao kya aap mujhe apka subtext ka HTML class/element name bhi bata do, taaki me aapke liye exact CSS likh du?
You said:
Uploaded image
see its not working on it
ChatGPT said:
Thought for 22s
The problem is the @ in your class name — CSS treats @ as a special character, so your .elementor-788 .elementor-element.elementor-element-2d01707 .@Hover causes a syntax error (hence the red ×). You have three ways to fix it. Try them in this order:
1) (Recommended) Rename the class
Remove the @ from the class in your widget settings (Advanced → CSS Classes) — e.g. set the class to hover-box. Then use simple CSS:
/* if you're using Elementor's Icon Box description */
.hover-box:hover .elementor-icon-box-description {
color: #fff !important;
transition: color .25s ease;
}
/* or more generic: target paragraph inside */
.hover-box:hover p {
color: #fff !important;
}
Why: easiest and most reliable — page builders sometimes sanitize escapes.
2) Escape the @ in the CSS .elementor-788 .elementor-element.elementor-element-2d01707
If you can't change the class name, escape the @:
.\@Hover:hover .subtext {
color: #fff !important;
transition: color .25s ease;
}
Or if the subtext is Elementor's default description class:
.\@Hover:hover .elementor-icon-box-description {
color: #fff !important;
}
3) Use an attribute .elementor-788 .elementor-element.elementor-element-2d01707
This matches an element that has the class token @Hover:
[class~="@Hover"]:hover .subtext {
color: #fff !important;
}
Or:
[class~="@Hover"]:hover .elementor-icon-box-description {
color: #fff !important;
}
Extra tips
Make sure .subtext is the actual .elementor-788 .elementor-element.elementor-element-2d01707 for your description. In Elementor the description class is usually .elementor-icon-box-description. Inspect the element (right-click → Inspect) and replace .subtext with the correct class or p etc.
Clear cache / minification (if any) after changing CSS.
If the text is an inside the description, also target it:
.hover-box:hover .elementor-icon-box-description,
.hover-box:hover .elementor-icon-box-description a { color: #fff !important; }
Try either renaming (best) or the escaped .elementor-788 .elementor-element.elementor-element-2d01707 above. Agar chaho to screenshot me inspector ka HTML (ya us element ka class name) paste karo — main exact CSS line turant de dunga.
You said:
Ye kam nhi kar raha simple batao iske liye sirf subtext hai jo ye mujhe hover par white chahiye or kuch nhi @samir ye css classes h iski
ChatGPT said:
Samajh gaya 👌
Problem sirf class name me @ symbol ka hai. CSS me directly @ use karne par error aata hai. Usko escape karna padega.
Aap is CSS ko try karo:
.\@samir:hover .subtext {
color: #fff !important;
}
👉 Yaha:
.\@samir = aapke box ka class (jisme @samir diya hua hai).
.subtext = aapke neeche wala text (subtext).
:hover = hover hone par effect.
color: #fff !important; = white ho jayega.
⚡ Agar aap Elementor ka Icon Box use kar rahe ho, to usme subtext ka class by default hota hai:
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
Aap mujhe confirm kar do ki subtext ka class name kya hai (Inspect → us text pe right click → Inspect → class copy karke bhejo).
Phir mai aapko 100% exact CSS line de dunga ✅
Kya aap chahte ho mai aapke screenshot se hi subtext ka class check karke likh du?
You said:
me chahta hu pure box me heading or subtext dono ka color white ho
ChatGPT said:
Perfect 👌 ab clear hai — aap chahte ho ki jab pure box pe hover karein to heading aur subtext dono white ho jayein.
Aap direct Elementor Icon Box ke default classes ko target kar sakte ho:
.\@samir:hover .elementor-icon-box-title,
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
👉 Ye dono .elementor-788 .elementor-element.elementor-element-2d01707s handle karenge:
.elementor-icon-box-title = heading
.elementor-icon-box-description = subtext
Bas ye CSS lagao → hover karne par heading + subtext dono white ho jayenge. ✅
Kya aap chahte ho mai isme thoda smooth transition effect bhi add kar du (jaise color dheere change ho)?
You’ve hit the Free plan limit for GPT-5.
You need GPT-5 to continue this chat because there's an attachment. Your limit resets after 10:14 PM.
New chat
Upgrade
No file chosenNo file chosen
ChatGPT can make mistakes. Check important info. See Cookie Preferences./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4028f9c */.elementor-788 .elementor-element.elementor-element-4028f9c {
position: relative;
background: #ffffff; /* Normal white background */
overflow: hidden;
z-index: 1;
}
/* Overlay layer for teal color */
.elementor-788 .elementor-element.elementor-element-4028f9c::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #9CC65D;
z-index: -1;
transition: height 0.4s ease-in-out;
}
/* On hover → fill from top to bottom */
.elementor-788 .elementor-element.elementor-element-4028f9c:hover::before {
height: 100%;
}
Skip to content
Chat history
You said:
@Hover ( This css class i have given my icon box or yaha par jo subtext ata hai vo mujhe hover par white chahiye to mujhe ap aap custom css dijiye jo ki me laga saku
ChatGPT said:
Samajh gaya 👍
Aapne apne icon box ko @Hover naam ki class di hai, aur aap chahte ho ki uske andar jo subtext hai vo hover hone par white color me dikhai de.
Aap niche ka CSS use kar sakte ho:
.@Hover:hover .subtext {
color: #fff !important;
}
👉 Yaha pe:
.@Hover = aapka main icon box class.
.subtext = aapke icon box ke andar jo text hai uska class (jo aapne diya hoga).
:hover = hover hone par effect apply hoga.
color: #fff; = text white ho jayega.
⚡ Agar aapke subtext ka class kuch aur hai (jaise p, span, h4 etc.), to aap .subtext ki jagah wo .elementor-788 .elementor-element.elementor-element-4028f9c use karo.
Example:
.@Hover:hover p {
color: #fff !important;
}
Batao kya aap mujhe apka subtext ka HTML class/element name bhi bata do, taaki me aapke liye exact CSS likh du?
You said:
Uploaded image
see its not working on it
ChatGPT said:
Thought for 22s
The problem is the @ in your class name — CSS treats @ as a special character, so your .elementor-788 .elementor-element.elementor-element-4028f9c .@Hover causes a syntax error (hence the red ×). You have three ways to fix it. Try them in this order:
1) (Recommended) Rename the class
Remove the @ from the class in your widget settings (Advanced → CSS Classes) — e.g. set the class to hover-box. Then use simple CSS:
/* if you're using Elementor's Icon Box description */
.hover-box:hover .elementor-icon-box-description {
color: #fff !important;
transition: color .25s ease;
}
/* or more generic: target paragraph inside */
.hover-box:hover p {
color: #fff !important;
}
Why: easiest and most reliable — page builders sometimes sanitize escapes.
2) Escape the @ in the CSS .elementor-788 .elementor-element.elementor-element-4028f9c
If you can't change the class name, escape the @:
.\@Hover:hover .subtext {
color: #fff !important;
transition: color .25s ease;
}
Or if the subtext is Elementor's default description class:
.\@Hover:hover .elementor-icon-box-description {
color: #fff !important;
}
3) Use an attribute .elementor-788 .elementor-element.elementor-element-4028f9c
This matches an element that has the class token @Hover:
[class~="@Hover"]:hover .subtext {
color: #fff !important;
}
Or:
[class~="@Hover"]:hover .elementor-icon-box-description {
color: #fff !important;
}
Extra tips
Make sure .subtext is the actual .elementor-788 .elementor-element.elementor-element-4028f9c for your description. In Elementor the description class is usually .elementor-icon-box-description. Inspect the element (right-click → Inspect) and replace .subtext with the correct class or p etc.
Clear cache / minification (if any) after changing CSS.
If the text is an inside the description, also target it:
.hover-box:hover .elementor-icon-box-description,
.hover-box:hover .elementor-icon-box-description a { color: #fff !important; }
Try either renaming (best) or the escaped .elementor-788 .elementor-element.elementor-element-4028f9c above. Agar chaho to screenshot me inspector ka HTML (ya us element ka class name) paste karo — main exact CSS line turant de dunga.
You said:
Ye kam nhi kar raha simple batao iske liye sirf subtext hai jo ye mujhe hover par white chahiye or kuch nhi @samir ye css classes h iski
ChatGPT said:
Samajh gaya 👌
Problem sirf class name me @ symbol ka hai. CSS me directly @ use karne par error aata hai. Usko escape karna padega.
Aap is CSS ko try karo:
.\@samir:hover .subtext {
color: #fff !important;
}
👉 Yaha:
.\@samir = aapke box ka class (jisme @samir diya hua hai).
.subtext = aapke neeche wala text (subtext).
:hover = hover hone par effect.
color: #fff !important; = white ho jayega.
⚡ Agar aap Elementor ka Icon Box use kar rahe ho, to usme subtext ka class by default hota hai:
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
Aap mujhe confirm kar do ki subtext ka class name kya hai (Inspect → us text pe right click → Inspect → class copy karke bhejo).
Phir mai aapko 100% exact CSS line de dunga ✅
Kya aap chahte ho mai aapke screenshot se hi subtext ka class check karke likh du?
You said:
me chahta hu pure box me heading or subtext dono ka color white ho
ChatGPT said:
Perfect 👌 ab clear hai — aap chahte ho ki jab pure box pe hover karein to heading aur subtext dono white ho jayein.
Aap direct Elementor Icon Box ke default classes ko target kar sakte ho:
.\@samir:hover .elementor-icon-box-title,
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
👉 Ye dono .elementor-788 .elementor-element.elementor-element-4028f9cs handle karenge:
.elementor-icon-box-title = heading
.elementor-icon-box-description = subtext
Bas ye CSS lagao → hover karne par heading + subtext dono white ho jayenge. ✅
Kya aap chahte ho mai isme thoda smooth transition effect bhi add kar du (jaise color dheere change ho)?
You’ve hit the Free plan limit for GPT-5.
You need GPT-5 to continue this chat because there's an attachment. Your limit resets after 10:14 PM.
New chat
Upgrade
No file chosenNo file chosen
ChatGPT can make mistakes. Check important info. See Cookie Preferences./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16bca15 */.elementor-788 .elementor-element.elementor-element-16bca15 {
position: relative;
background: #ffffff; /* Normal white background */
overflow: hidden;
z-index: 1;
}
/* Overlay layer for teal color */
.elementor-788 .elementor-element.elementor-element-16bca15::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: #9CC65D;
z-index: -1;
transition: height 0.4s ease-in-out;
}
/* On hover → fill from top to bottom */
.elementor-788 .elementor-element.elementor-element-16bca15:hover::before {
height: 100%;
}
Skip to content
Chat history
You said:
@Hover ( This css class i have given my icon box or yaha par jo subtext ata hai vo mujhe hover par white chahiye to mujhe ap aap custom css dijiye jo ki me laga saku
ChatGPT said:
Samajh gaya 👍
Aapne apne icon box ko @Hover naam ki class di hai, aur aap chahte ho ki uske andar jo subtext hai vo hover hone par white color me dikhai de.
Aap niche ka CSS use kar sakte ho:
.@Hover:hover .subtext {
color: #fff !important;
}
👉 Yaha pe:
.@Hover = aapka main icon box class.
.subtext = aapke icon box ke andar jo text hai uska class (jo aapne diya hoga).
:hover = hover hone par effect apply hoga.
color: #fff; = text white ho jayega.
⚡ Agar aapke subtext ka class kuch aur hai (jaise p, span, h4 etc.), to aap .subtext ki jagah wo .elementor-788 .elementor-element.elementor-element-16bca15 use karo.
Example:
.@Hover:hover p {
color: #fff !important;
}
Batao kya aap mujhe apka subtext ka HTML class/element name bhi bata do, taaki me aapke liye exact CSS likh du?
You said:
Uploaded image
see its not working on it
ChatGPT said:
Thought for 22s
The problem is the @ in your class name — CSS treats @ as a special character, so your .elementor-788 .elementor-element.elementor-element-16bca15 .@Hover causes a syntax error (hence the red ×). You have three ways to fix it. Try them in this order:
1) (Recommended) Rename the class
Remove the @ from the class in your widget settings (Advanced → CSS Classes) — e.g. set the class to hover-box. Then use simple CSS:
/* if you're using Elementor's Icon Box description */
.hover-box:hover .elementor-icon-box-description {
color: #fff !important;
transition: color .25s ease;
}
/* or more generic: target paragraph inside */
.hover-box:hover p {
color: #fff !important;
}
Why: easiest and most reliable — page builders sometimes sanitize escapes.
2) Escape the @ in the CSS .elementor-788 .elementor-element.elementor-element-16bca15
If you can't change the class name, escape the @:
.\@Hover:hover .subtext {
color: #fff !important;
transition: color .25s ease;
}
Or if the subtext is Elementor's default description class:
.\@Hover:hover .elementor-icon-box-description {
color: #fff !important;
}
3) Use an attribute .elementor-788 .elementor-element.elementor-element-16bca15
This matches an element that has the class token @Hover:
[class~="@Hover"]:hover .subtext {
color: #fff !important;
}
Or:
[class~="@Hover"]:hover .elementor-icon-box-description {
color: #fff !important;
}
Extra tips
Make sure .subtext is the actual .elementor-788 .elementor-element.elementor-element-16bca15 for your description. In Elementor the description class is usually .elementor-icon-box-description. Inspect the element (right-click → Inspect) and replace .subtext with the correct class or p etc.
Clear cache / minification (if any) after changing CSS.
If the text is an inside the description, also target it:
.hover-box:hover .elementor-icon-box-description,
.hover-box:hover .elementor-icon-box-description a { color: #fff !important; }
Try either renaming (best) or the escaped .elementor-788 .elementor-element.elementor-element-16bca15 above. Agar chaho to screenshot me inspector ka HTML (ya us element ka class name) paste karo — main exact CSS line turant de dunga.
You said:
Ye kam nhi kar raha simple batao iske liye sirf subtext hai jo ye mujhe hover par white chahiye or kuch nhi @samir ye css classes h iski
ChatGPT said:
Samajh gaya 👌
Problem sirf class name me @ symbol ka hai. CSS me directly @ use karne par error aata hai. Usko escape karna padega.
Aap is CSS ko try karo:
.\@samir:hover .subtext {
color: #fff !important;
}
👉 Yaha:
.\@samir = aapke box ka class (jisme @samir diya hua hai).
.subtext = aapke neeche wala text (subtext).
:hover = hover hone par effect.
color: #fff !important; = white ho jayega.
⚡ Agar aap Elementor ka Icon Box use kar rahe ho, to usme subtext ka class by default hota hai:
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
Aap mujhe confirm kar do ki subtext ka class name kya hai (Inspect → us text pe right click → Inspect → class copy karke bhejo).
Phir mai aapko 100% exact CSS line de dunga ✅
Kya aap chahte ho mai aapke screenshot se hi subtext ka class check karke likh du?
You said:
me chahta hu pure box me heading or subtext dono ka color white ho
ChatGPT said:
Perfect 👌 ab clear hai — aap chahte ho ki jab pure box pe hover karein to heading aur subtext dono white ho jayein.
Aap direct Elementor Icon Box ke default classes ko target kar sakte ho:
.\@samir:hover .elementor-icon-box-title,
.\@samir:hover .elementor-icon-box-description {
color: #fff !important;
}
👉 Ye dono .elementor-788 .elementor-element.elementor-element-16bca15s handle karenge:
.elementor-icon-box-title = heading
.elementor-icon-box-description = subtext
Bas ye CSS lagao → hover karne par heading + subtext dono white ho jayenge. ✅
Kya aap chahte ho mai isme thoda smooth transition effect bhi add kar du (jaise color dheere change ho)?
You’ve hit the Free plan limit for GPT-5.
You need GPT-5 to continue this chat because there's an attachment. Your limit resets after 10:14 PM.
New chat
Upgrade
No file chosenNo file chosen
ChatGPT can make mistakes. Check important info. See Cookie Preferences./* End custom CSS */