.elementor-17 .elementor-element.elementor-element-6efb601{--display:flex;--min-height:884px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-6efb601::before, .elementor-17 .elementor-element.elementor-element-6efb601 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-6efb601 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-6efb601 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-6efb601 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-6efb601 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://test.acceltor.net/wp-content/uploads/2026/05/bg-4.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-d332af4{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-876aefc{text-align:center;}.elementor-17 .elementor-element.elementor-element-876aefc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:64px;font-weight:600;line-height:78px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-db4d3fc{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-065e232{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-93b48f2 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #41D0FD 0%, #000F80 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#0F3D73;border-radius:75px 75px 75px 75px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-a46c2da .elementor-button{background-color:#41D0FD00;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:75px 75px 75px 75px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-2773ec0{--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;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-33cbef0{text-align:center;}.elementor-17 .elementor-element.elementor-element-33cbef0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-3461871{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-e71e35b{--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-17 .elementor-element.elementor-element-99aaf36{--display:flex;--min-height:250px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-17 .elementor-element.elementor-element-99aaf36:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-99aaf36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-17 .elementor-element.elementor-element-99aaf36:hover{background-color:transparent;background-image:linear-gradient(180deg, #41D0FD 0%, #000F80 100%);}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-92968b5 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-646c741 .elementor-icon-wrapper{text-align:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-3b5340d .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-3b5340d .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-3b5340d .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-3b5340d .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-3b5340d:has(:hover) .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-3b5340d:has(:focus) .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-3b5340d .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-fe0e547{--display:flex;--min-height:250px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-17 .elementor-element.elementor-element-fe0e547:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-fe0e547 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-17 .elementor-element.elementor-element-fe0e547:hover{background-color:transparent;background-image:linear-gradient(180deg, #41D0FD 0%, #000F80 100%);}.elementor-17 .elementor-element.elementor-element-965a161 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-cdea2b7 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-86b79ca .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-86b79ca .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-86b79ca .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-86b79ca .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-86b79ca:has(:hover) .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-86b79ca:has(:focus) .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-86b79ca .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-3b89bc3{--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-17 .elementor-element.elementor-element-c23ec8a{--display:flex;--min-height:250px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-17 .elementor-element.elementor-element-c23ec8a:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-c23ec8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-17 .elementor-element.elementor-element-c23ec8a:hover{background-color:transparent;background-image:linear-gradient(180deg, #41D0FD 0%, #000F80 100%);}.elementor-17 .elementor-element.elementor-element-304ee4a .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-8a1d9c4 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-0ee42b4 .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-0ee42b4 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-0ee42b4 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-0ee42b4 .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-0ee42b4:has(:hover) .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-0ee42b4:has(:focus) .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-0ee42b4 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-a06d278{--display:flex;--min-height:250px;--background-transition:0.3s;--border-radius:12px 12px 12px 12px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-17 .elementor-element.elementor-element-a06d278:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-a06d278 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-17 .elementor-element.elementor-element-a06d278:hover{background-color:transparent;background-image:linear-gradient(180deg, #41D0FD 0%, #000F80 100%);}.elementor-17 .elementor-element.elementor-element-f32294b .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-e3133f1 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-0581666 .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-0581666 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-0581666 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;}.elementor-17 .elementor-element.elementor-element-0581666 .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-0581666:has(:hover) .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-0581666:has(:focus) .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-0581666 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-7acada6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-29252a0 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #41D0FD 0%, #000F80 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#0F3D73;border-radius:75px 75px 75px 75px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-e8cbd23 .elementor-button{background-color:#41D0FD00;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;fill:#002752;color:#002752;border-style:solid;border-width:1px 1px 1px 1px;border-color:#002752;border-radius:75px 75px 75px 75px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-2c0b21c{--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;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-2c0b21c:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-2c0b21c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #00000014 0%, #24242426 100%);}.elementor-17 .elementor-element.elementor-element-71b2d02{text-align:center;}.elementor-17 .elementor-element.elementor-element-71b2d02 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-94c6789{--display:flex;--min-height:147px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:12px 12px 12px 12px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-32329ad .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-16d616f .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-e0b3d20{--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-17 .elementor-element.elementor-element-2ee920b .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-2ee920b .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-2ee920b .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-2ee920b .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-2ee920b:has(:hover) .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-2ee920b:has(:focus) .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-2ee920b .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#434750;}.elementor-17 .elementor-element.elementor-element-7782433{--display:flex;--min-height:147px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-a92ec2e .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-5bf145c .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-1571fab{--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-17 .elementor-element.elementor-element-24c9a0f .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-24c9a0f .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-24c9a0f .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-24c9a0f .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-24c9a0f:has(:hover) .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-24c9a0f:has(:focus) .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-24c9a0f .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#434750;}.elementor-17 .elementor-element.elementor-element-6759672{--display:flex;--min-height:147px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-ee8f8b0 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-0c1fd6f .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-2b9ce9e{--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-17 .elementor-element.elementor-element-83df72c .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-83df72c .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-83df72c .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-83df72c .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-83df72c:has(:hover) .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-83df72c:has(:focus) .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-83df72c .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#434750;}.elementor-17 .elementor-element.elementor-element-df523a4{--display:flex;--min-height:147px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-c70fe06 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-a4ccad9 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-e97bc9e{--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-17 .elementor-element.elementor-element-8f20cd8 .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-8f20cd8 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-8f20cd8 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-8f20cd8 .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-8f20cd8:has(:hover) .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-8f20cd8:has(:focus) .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-8f20cd8 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#434750;}.elementor-17 .elementor-element.elementor-element-b1a8b09{--display:flex;--min-height:147px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:12px 12px 12px 12px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-79c3fca .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-149ed75 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-c5e89f0{--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-17 .elementor-element.elementor-element-7964951 .elementor-icon-box-wrapper{text-align:start;}.elementor-17 .elementor-element.elementor-element-7964951 .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-7964951 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-7964951 .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-7964951:has(:hover) .elementor-icon-box-title, .elementor-17 .elementor-element.elementor-element-7964951:has(:focus) .elementor-icon-box-title{color:#191C1E;}.elementor-17 .elementor-element.elementor-element-7964951 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#434750;}.elementor-17 .elementor-element.elementor-element-bf3b586{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-fd6e085 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #41D0FD 0%, #000F80 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#0F3D73;border-radius:75px 75px 75px 75px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-4ac2e1d .elementor-button{background-color:#41D0FD00;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;fill:#002752;color:#002752;border-style:solid;border-width:1px 1px 1px 1px;border-color:#002752;border-radius:75px 75px 75px 75px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-6fda060{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-383c7a5{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-ed4159b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;line-height:55px;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-4e4458a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:29px;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-4e4458a p{margin-block-end:0px;}.elementor-17 .elementor-element.elementor-element-8d949f5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-251c9df{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;line-height:29px;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-251c9df p{margin-block-end:0px;}.elementor-17 .elementor-element.elementor-element-2c41e51{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:29px;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-2c41e51 p{margin-block-end:0px;}.elementor-17 .elementor-element.elementor-element-5c88a1b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-ac7dd73{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;line-height:29px;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-ac7dd73 p{margin-block-end:0px;}.elementor-17 .elementor-element.elementor-element-3da6756{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:29px;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-3da6756 p{margin-block-end:0px;}.elementor-17 .elementor-element.elementor-element-129c978{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-536cff9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;line-height:29px;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-536cff9 p{margin-block-end:0px;}.elementor-17 .elementor-element.elementor-element-3945a1f{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:29px;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-3945a1f p{margin-block-end:0px;}.elementor-17 .elementor-element.elementor-element-a8bb669{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-17 .elementor-element.elementor-element-ebf2baa .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #41D0FD 0%, #000F80 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#0F3D73;border-radius:75px 75px 75px 75px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-2271824 .elementor-button{background-color:#41D0FD00;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;fill:#002752;color:#002752;border-style:solid;border-width:1px 1px 1px 1px;border-color:#002752;border-radius:75px 75px 75px 75px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-7888438{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;--border-radius:12px 12px 12px 12px;}.elementor-17 .elementor-element.elementor-element-7888438::before, .elementor-17 .elementor-element.elementor-element-7888438 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-7888438 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-7888438 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-7888438 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-7888438 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://test.acceltor.net/wp-content/uploads/2026/05/Mask-group-43.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-cb57182{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFFB8;--border-color:#FFFFFFB8;--border-radius:12px 12px 12px 12px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-17 .elementor-element.elementor-element-cb57182:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-cb57182 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #41D0FD 0%, #000F80 100%);}.elementor-17 .elementor-element.elementor-element-73ce9fe .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-73ce9fe .elementor-icon{font-size:27px;}.elementor-17 .elementor-element.elementor-element-73ce9fe .elementor-icon svg{height:27px;}.elementor-17 .elementor-element.elementor-element-73ce9fe .elementor-icon-wrapper svg{width:auto;}.elementor-17 .elementor-element.elementor-element-de27ffc .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-3d4eb6f{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-ed72899{--display:flex;--min-height:699px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:1;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-ed72899::before, .elementor-17 .elementor-element.elementor-element-ed72899 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-ed72899 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-ed72899 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-ed72899 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-ed72899 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#E3DFDF;background-image:url("https://test.acceltor.net/wp-content/uploads/2026/05/bg-4.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-14b7b09 .elementor-icon-wrapper{text-align:center;}.elementor-17 .elementor-element.elementor-element-0380e8d{text-align:center;}.elementor-17 .elementor-element.elementor-element-0380e8d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-c85f3e9{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-c85f3e9 p{margin-block-end:3px;}.elementor-17 .elementor-element.elementor-element-cf94f60{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-17 .elementor-element.elementor-element-6b002ab .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #41D0FD 0%, #000F80 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#0F3D73;border-radius:75px 75px 75px 75px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-3885d83 .elementor-button{background-color:#41D0FD00;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;border-radius:75px 75px 75px 75px;padding:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-1fcde36{--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-17 .elementor-element.elementor-element-e42983d{text-align:center;}.elementor-17 .elementor-element.elementor-element-e42983d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:500;line-height:55px;color:#191C1E;}.elementor-17 .elementor-element.elementor-element-4bd516a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:120px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-34d14bc{--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;--border-radius:12px 12px 12px 12px;--padding-top:49px;--padding-bottom:49px;--padding-left:49px;--padding-right:49px;}.elementor-17 .elementor-element.elementor-element-34d14bc:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-34d14bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(200deg, #41D0FD 13%, #000F80 100%);}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-17 .elementor-element.elementor-element-b071b88 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-b071b88 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-b071b88{--e-icon-list-icon-size:23px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-b071b88 .elementor-icon-list-icon{padding-inline-end:2px;}.elementor-17 .elementor-element.elementor-element-b071b88 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-b071b88 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-b071b88 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-f989013 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-f989013 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-f989013{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-f989013 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-f989013 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-f989013 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-8df5ad3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-8df5ad3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-8df5ad3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-8df5ad3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-8df5ad3 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-8df5ad3 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-d9d87e0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-d9d87e0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-d9d87e0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-d9d87e0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-d9d87e0 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-d9d87e0 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-524f3b2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-524f3b2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-524f3b2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-524f3b2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-524f3b2 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-524f3b2 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-f0f115a{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#737781;--border-color:#737781;--border-radius:12px 12px 12px 12px;--padding-top:49px;--padding-bottom:49px;--padding-left:49px;--padding-right:49px;}.elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-72400a0{--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-72400a0 .elementor-icon-list-text{color:#BA1A1A;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-75719ac .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-75719ac .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-75719ac{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-75719ac .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-75719ac .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-75719ac .elementor-icon-list-text{color:#191C1E;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-712833f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-712833f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-712833f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-712833f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-712833f .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-712833f .elementor-icon-list-text{color:#191C1E;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-06c6989 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-06c6989 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-06c6989{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-06c6989 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-06c6989 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-06c6989 .elementor-icon-list-text{color:#191C1E;transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-f67b4d5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-17 .elementor-element.elementor-element-f67b4d5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-17 .elementor-element.elementor-element-f67b4d5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-17 .elementor-element.elementor-element-f67b4d5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-17 .elementor-element.elementor-element-f67b4d5 .elementor-icon-list-item > a{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-f67b4d5 .elementor-icon-list-text{color:#191C1E;transition:color 0.3s;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-2773ec0{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-17 .elementor-element.elementor-element-2c0b21c{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-17 .elementor-element.elementor-element-6fda060{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-6efb601{--min-height:612px;}.elementor-17 .elementor-element.elementor-element-876aefc .elementor-heading-title{font-size:24px;line-height:1.4em;}.elementor-17 .elementor-element.elementor-element-db4d3fc{font-size:14px;}.elementor-17 .elementor-element.elementor-element-93b48f2 .elementor-button{font-size:12px;}.elementor-17 .elementor-element.elementor-element-a46c2da .elementor-button{font-size:12px;}.elementor-17 .elementor-element.elementor-element-33cbef0 .elementor-heading-title{font-size:24px;}.elementor-17 .elementor-element.elementor-element-29252a0 .elementor-button{font-size:12px;}.elementor-17 .elementor-element.elementor-element-e8cbd23 .elementor-button{font-size:12px;}.elementor-17 .elementor-element.elementor-element-71b2d02 .elementor-heading-title{font-size:24px;}.elementor-17 .elementor-element.elementor-element-94c6789{--min-height:0px;--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;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-17 .elementor-element.elementor-element-e0b3d20{--min-height:301px;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-1571fab{--min-height:301px;--justify-content:flex-start;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-2b9ce9e{--min-height:301px;--justify-content:flex-start;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-e97bc9e{--min-height:301px;--justify-content:flex-start;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-c5e89f0{--min-height:301px;--justify-content:flex-start;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-fd6e085 .elementor-button{font-size:12px;}.elementor-17 .elementor-element.elementor-element-4ac2e1d .elementor-button{font-size:12px;}.elementor-17 .elementor-element.elementor-element-ed4159b{text-align:start;}.elementor-17 .elementor-element.elementor-element-ed4159b .elementor-heading-title{font-size:24px;line-height:1.6em;}.elementor-17 .elementor-element.elementor-element-4e4458a{text-align:start;font-size:16px;}.elementor-17 .elementor-element.elementor-element-8d949f5{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-251c9df{text-align:center;font-size:16px;}.elementor-17 .elementor-element.elementor-element-2c41e51{text-align:start;font-size:16px;}.elementor-17 .elementor-element.elementor-element-ac7dd73{text-align:center;font-size:16px;}.elementor-17 .elementor-element.elementor-element-3da6756{text-align:start;font-size:16px;}.elementor-17 .elementor-element.elementor-element-129c978{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-536cff9{text-align:center;font-size:16px;}.elementor-17 .elementor-element.elementor-element-3945a1f{text-align:start;font-size:16px;}.elementor-17 .elementor-element.elementor-element-a8bb669{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-ebf2baa .elementor-button{font-size:12px;}.elementor-17 .elementor-element.elementor-element-2271824 .elementor-button{font-size:12px;}.elementor-17 .elementor-element.elementor-element-7888438{--min-height:382px;}.elementor-17 .elementor-element.elementor-element-ed72899{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-0380e8d .elementor-heading-title{font-size:24px;}.elementor-17 .elementor-element.elementor-element-c85f3e9{font-size:14px;}.elementor-17 .elementor-element.elementor-element-cf94f60{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17 .elementor-element.elementor-element-6b002ab .elementor-button{font-size:12px;}.elementor-17 .elementor-element.elementor-element-3885d83 .elementor-button{font-size:12px;}.elementor-17 .elementor-element.elementor-element-1fcde36{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-e42983d{text-align:center;}.elementor-17 .elementor-element.elementor-element-e42983d .elementor-heading-title{font-size:24px;line-height:1.6em;}.elementor-17 .elementor-element.elementor-element-4bd516a{--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}.elementor-17 .elementor-element.elementor-element-34d14bc{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17 .elementor-element.elementor-element-f0f115a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-2773ec0{--content-width:1300px;}.elementor-17 .elementor-element.elementor-element-3461871{--width:100%;}.elementor-17 .elementor-element.elementor-element-e71e35b{--width:71%;}.elementor-17 .elementor-element.elementor-element-99aaf36{--width:48%;}.elementor-17 .elementor-element.elementor-element-fe0e547{--width:48%;}.elementor-17 .elementor-element.elementor-element-3b89bc3{--width:71%;}.elementor-17 .elementor-element.elementor-element-c23ec8a{--width:48%;}.elementor-17 .elementor-element.elementor-element-a06d278{--width:48%;}.elementor-17 .elementor-element.elementor-element-2c0b21c{--content-width:1300px;}.elementor-17 .elementor-element.elementor-element-94c6789{--width:100%;}.elementor-17 .elementor-element.elementor-element-e0b3d20{--width:88%;}.elementor-17 .elementor-element.elementor-element-7782433{--width:100%;}.elementor-17 .elementor-element.elementor-element-1571fab{--width:88%;}.elementor-17 .elementor-element.elementor-element-6759672{--width:100%;}.elementor-17 .elementor-element.elementor-element-2b9ce9e{--width:88%;}.elementor-17 .elementor-element.elementor-element-df523a4{--width:100%;}.elementor-17 .elementor-element.elementor-element-e97bc9e{--width:88%;}.elementor-17 .elementor-element.elementor-element-b1a8b09{--width:100%;}.elementor-17 .elementor-element.elementor-element-c5e89f0{--width:88%;}.elementor-17 .elementor-element.elementor-element-6fda060{--content-width:1300px;}.elementor-17 .elementor-element.elementor-element-383c7a5{--width:50%;}.elementor-17 .elementor-element.elementor-element-7888438{--width:50%;}.elementor-17 .elementor-element.elementor-element-cb57182{--width:56%;}.elementor-17 .elementor-element.elementor-element-ed72899{--width:100%;}.elementor-17 .elementor-element.elementor-element-4bd516a{--content-width:1300px;}.elementor-17 .elementor-element.elementor-element-34d14bc{--width:50%;}.elementor-17 .elementor-element.elementor-element-f0f115a{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-99aaf36 *//* ========================= BROKER FEATURE SECTION ONLY ========================= */ .broker-feature-section .broker-feature-card { background: #F3F3F3 !important; border: 1px solid #D9D9D9 !important; border-radius: 9px !important; padding: 22px 20px !important; min-height: 198px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } /* Hover gradient card */ .broker-feature-section .broker-feature-card:hover { background: linear-gradient(135deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* ========================= ICON SETUP ========================= */ /* Base icon visible normally */ .broker-feature-section .broker-feature-card .base-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; opacity: 1 !important; visibility: visible !important; transition: all 0.35s ease !important; } /* Base icon actual SVG/icon */ .broker-feature-section .broker-feature-card .base-icon i, .broker-feature-section .broker-feature-card .base-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* Hover icon hidden normally */ .broker-feature-section .broker-feature-card .hover-icon { width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; position: absolute !important; top: 22px !important; left: 20px !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.35s ease !important; } /* Hover icon actual SVG/icon */ .broker-feature-section .broker-feature-card .hover-icon i, .broker-feature-section .broker-feature-card .hover-icon svg { color: #07179B !important; fill: #07179B !important; } /* On hover: hide normal icon */ .broker-feature-section .broker-feature-card:hover .base-icon { opacity: 0 !important; visibility: hidden !important; } /* On hover: show hover icon */ .broker-feature-section .broker-feature-card:hover .hover-icon { opacity: 1 !important; visibility: visible !important; } /* ========================= HEADING ========================= */ .broker-feature-section .broker-feature-card h1, .broker-feature-section .broker-feature-card h2, .broker-feature-section .broker-feature-card h3, .broker-feature-section .broker-feature-card h4, .broker-feature-section .broker-feature-card .elementor-heading-title { color: #002B5C !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; margin-bottom: 10px !important; transition: color 0.35s ease !important; } /* Heading turns white on hover */ .broker-feature-section .broker-feature-card:hover h1, .broker-feature-section .broker-feature-card:hover h2, .broker-feature-section .broker-feature-card:hover h3, .broker-feature-section .broker-feature-card:hover h4, .broker-feature-section .broker-feature-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* ========================= PARAGRAPH ========================= */ .broker-feature-section .broker-feature-card p, .broker-feature-section .broker-feature-card .elementor-widget-text-editor { color: #002B5C !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.55 !important; transition: color 0.35s ease !important; } /* Paragraph turns white on hover */ .broker-feature-section .broker-feature-card:hover p, .broker-feature-section .broker-feature-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; }Now it will only affect cards inside: .broker-feature-sectionSo your other website sections will stay safe. Yes, bilkul. Isko section-specific banane ke liye main wrapper class use karo. Step 1: Is section/container par class lagao Elementor mein is section ka main parent container select karo. Advanced → CSS Classes mein add karo: broker-difference-sectionStep 2: Har card par class lagao Har card/container par ye class honi chahiye: broker-feature-cardStep 3: Ye scoped CSS use karo /* ========================= ONLY BROKER DIFFERENCE SECTION ========================= */ .broker-difference-section .broker-feature-card { background: #F3F3F3 !important; border: 1px solid #D9D9D9 !important; border-radius: 9px !important; padding: 22px 20px !important; min-height: 198px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover { background: linear-gradient(135deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* Base icon */ .broker-difference-section .broker-feature-card .base-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; opacity: 1 !important; visibility: visible !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card .base-icon i, .broker-difference-section .broker-feature-card .base-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* Hover icon */ .broker-difference-section .broker-feature-card .hover-icon { width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; position: absolute !important; top: 22px !important; left: 20px !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card .hover-icon i, .broker-difference-section .broker-feature-card .hover-icon svg { color: #07179B !important; fill: #07179B !important; } /* Hover icon switch */ .broker-difference-section .broker-feature-card:hover .base-icon { opacity: 0 !important; visibility: hidden !important; } .broker-difference-section .broker-feature-card:hover .hover-icon { opacity: 1 !important; visibility: visible !important; } /* Heading */ .broker-difference-section .broker-feature-card h1, .broker-difference-section .broker-feature-card h2, .broker-difference-section .broker-feature-card h3, .broker-difference-section .broker-feature-card h4, .broker-difference-section .broker-feature-card .elementor-heading-title { color: #002B5C !important; font-size: 24px !important; font-weight: 500 !important; line-height: 1.25 !important; margin-bottom: 10px !important; transition: color 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover h1, .broker-difference-section .broker-feature-card:hover h2, .broker-difference-section .broker-feature-card:hover h3, .broker-difference-section .broker-feature-card:hover h4, .broker-difference-section .broker-feature-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* Paragraph */ .broker-difference-section .broker-feature-card p, .broker-difference-section .broker-feature-card .elementor-widget-text-editor { color: #002B5C !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.9 !important; transition: color 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover p, .broker-difference-section .broker-feature-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fe0e547 *//* ========================= BROKER FEATURE SECTION ONLY ========================= */ .broker-feature-section .broker-feature-card { background: #F3F3F3 !important; border: 1px solid #D9D9D9 !important; border-radius: 9px !important; padding: 22px 20px !important; min-height: 198px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } /* Hover gradient card */ .broker-feature-section .broker-feature-card:hover { background: linear-gradient(135deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* ========================= ICON SETUP ========================= */ /* Base icon visible normally */ .broker-feature-section .broker-feature-card .base-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; opacity: 1 !important; visibility: visible !important; transition: all 0.35s ease !important; } /* Base icon actual SVG/icon */ .broker-feature-section .broker-feature-card .base-icon i, .broker-feature-section .broker-feature-card .base-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* Hover icon hidden normally */ .broker-feature-section .broker-feature-card .hover-icon { width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; position: absolute !important; top: 22px !important; left: 20px !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.35s ease !important; } /* Hover icon actual SVG/icon */ .broker-feature-section .broker-feature-card .hover-icon i, .broker-feature-section .broker-feature-card .hover-icon svg { color: #07179B !important; fill: #07179B !important; } /* On hover: hide normal icon */ .broker-feature-section .broker-feature-card:hover .base-icon { opacity: 0 !important; visibility: hidden !important; } /* On hover: show hover icon */ .broker-feature-section .broker-feature-card:hover .hover-icon { opacity: 1 !important; visibility: visible !important; } /* ========================= HEADING ========================= */ .broker-feature-section .broker-feature-card h1, .broker-feature-section .broker-feature-card h2, .broker-feature-section .broker-feature-card h3, .broker-feature-section .broker-feature-card h4, .broker-feature-section .broker-feature-card .elementor-heading-title { color: #002B5C !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; margin-bottom: 10px !important; transition: color 0.35s ease !important; } /* Heading turns white on hover */ .broker-feature-section .broker-feature-card:hover h1, .broker-feature-section .broker-feature-card:hover h2, .broker-feature-section .broker-feature-card:hover h3, .broker-feature-section .broker-feature-card:hover h4, .broker-feature-section .broker-feature-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* ========================= PARAGRAPH ========================= */ .broker-feature-section .broker-feature-card p, .broker-feature-section .broker-feature-card .elementor-widget-text-editor { color: #002B5C !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.55 !important; transition: color 0.35s ease !important; } /* Paragraph turns white on hover */ .broker-feature-section .broker-feature-card:hover p, .broker-feature-section .broker-feature-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; }Now it will only affect cards inside: .broker-feature-sectionSo your other website sections will stay safe. [6:23 PM]Yes, bilkul. Isko section-specific banane ke liye main wrapper class use karo. Step 1: Is section/container par class lagao Elementor mein is section ka main parent container select karo. Advanced → CSS Classes mein add karo: broker-difference-sectionStep 2: Har card par class lagao Har card/container par ye class honi chahiye: broker-feature-cardStep 3: Ye scoped CSS use karo /* ========================= ONLY BROKER DIFFERENCE SECTION ========================= */ .broker-difference-section .broker-feature-card { background: #F3F3F3 !important; border: 1px solid #D9D9D9 !important; border-radius: 9px !important; padding: 22px 20px !important; min-height: 198px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover { background: linear-gradient(135deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* Base icon */ .broker-difference-section .broker-feature-card .base-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; opacity: 1 !important; visibility: visible !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card .base-icon i, .broker-difference-section .broker-feature-card .base-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* Hover icon */ .broker-difference-section .broker-feature-card .hover-icon { width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; position: absolute !important; top: 22px !important; left: 20px !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card .hover-icon i, .broker-difference-section .broker-feature-card .hover-icon svg { color: #07179B !important; fill: #07179B !important; } /* Hover icon switch */ .broker-difference-section .broker-feature-card:hover .base-icon { opacity: 0 !important; visibility: hidden !important; } .broker-difference-section .broker-feature-card:hover .hover-icon { opacity: 1 !important; visibility: visible !important; } /* Heading */ .broker-difference-section .broker-feature-card h1, .broker-difference-section .broker-feature-card h2, .broker-difference-section .broker-feature-card h3, .broker-difference-section .broker-feature-card h4, .broker-difference-section .broker-feature-card .elementor-heading-title { color: #002B5C !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; margin-bottom: 10px !important; transition: color 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover h1, .broker-difference-section .broker-feature-card:hover h2, .broker-difference-section .broker-feature-card:hover h3, .broker-difference-section .broker-feature-card:hover h4, .broker-difference-section .broker-feature-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* Paragraph */ .broker-difference-section .broker-feature-card p, .broker-difference-section .broker-feature-card .elementor-widget-text-editor { color: #002B5C !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.55 !important; transition: color 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover p, .broker-difference-section .broker-feature-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c23ec8a *//* ========================= BROKER FEATURE SECTION ONLY ========================= */ .broker-feature-section .broker-feature-card { background: #F3F3F3 !important; border: 1px solid #D9D9D9 !important; border-radius: 9px !important; padding: 22px 20px !important; min-height: 198px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } /* Hover gradient card */ .broker-feature-section .broker-feature-card:hover { background: linear-gradient(135deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* ========================= ICON SETUP ========================= */ /* Base icon visible normally */ .broker-feature-section .broker-feature-card .base-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; opacity: 1 !important; visibility: visible !important; transition: all 0.35s ease !important; } /* Base icon actual SVG/icon */ .broker-feature-section .broker-feature-card .base-icon i, .broker-feature-section .broker-feature-card .base-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* Hover icon hidden normally */ .broker-feature-section .broker-feature-card .hover-icon { width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; position: absolute !important; top: 22px !important; left: 20px !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.35s ease !important; } /* Hover icon actual SVG/icon */ .broker-feature-section .broker-feature-card .hover-icon i, .broker-feature-section .broker-feature-card .hover-icon svg { color: #07179B !important; fill: #07179B !important; } /* On hover: hide normal icon */ .broker-feature-section .broker-feature-card:hover .base-icon { opacity: 0 !important; visibility: hidden !important; } /* On hover: show hover icon */ .broker-feature-section .broker-feature-card:hover .hover-icon { opacity: 1 !important; visibility: visible !important; } /* ========================= HEADING ========================= */ .broker-feature-section .broker-feature-card h1, .broker-feature-section .broker-feature-card h2, .broker-feature-section .broker-feature-card h3, .broker-feature-section .broker-feature-card h4, .broker-feature-section .broker-feature-card .elementor-heading-title { color: #002B5C !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; margin-bottom: 10px !important; transition: color 0.35s ease !important; } /* Heading turns white on hover */ .broker-feature-section .broker-feature-card:hover h1, .broker-feature-section .broker-feature-card:hover h2, .broker-feature-section .broker-feature-card:hover h3, .broker-feature-section .broker-feature-card:hover h4, .broker-feature-section .broker-feature-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* ========================= PARAGRAPH ========================= */ .broker-feature-section .broker-feature-card p, .broker-feature-section .broker-feature-card .elementor-widget-text-editor { color: #002B5C !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.55 !important; transition: color 0.35s ease !important; } /* Paragraph turns white on hover */ .broker-feature-section .broker-feature-card:hover p, .broker-feature-section .broker-feature-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; }Now it will only affect cards inside: .broker-feature-sectionSo your other website sections will stay safe. [6:23 PM]Yes, bilkul. Isko section-specific banane ke liye main wrapper class use karo. Step 1: Is section/container par class lagao Elementor mein is section ka main parent container select karo. Advanced → CSS Classes mein add karo: broker-difference-sectionStep 2: Har card par class lagao Har card/container par ye class honi chahiye: broker-feature-cardStep 3: Ye scoped CSS use karo /* ========================= ONLY BROKER DIFFERENCE SECTION ========================= */ .broker-difference-section .broker-feature-card { background: #F3F3F3 !important; border: 1px solid #D9D9D9 !important; border-radius: 9px !important; padding: 22px 20px !important; min-height: 198px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover { background: linear-gradient(135deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* Base icon */ .broker-difference-section .broker-feature-card .base-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; opacity: 1 !important; visibility: visible !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card .base-icon i, .broker-difference-section .broker-feature-card .base-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* Hover icon */ .broker-difference-section .broker-feature-card .hover-icon { width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; position: absolute !important; top: 22px !important; left: 20px !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card .hover-icon i, .broker-difference-section .broker-feature-card .hover-icon svg { color: #07179B !important; fill: #07179B !important; } /* Hover icon switch */ .broker-difference-section .broker-feature-card:hover .base-icon { opacity: 0 !important; visibility: hidden !important; } .broker-difference-section .broker-feature-card:hover .hover-icon { opacity: 1 !important; visibility: visible !important; } /* Heading */ .broker-difference-section .broker-feature-card h1, .broker-difference-section .broker-feature-card h2, .broker-difference-section .broker-feature-card h3, .broker-difference-section .broker-feature-card h4, .broker-difference-section .broker-feature-card .elementor-heading-title { color: #002B5C !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; margin-bottom: 10px !important; transition: color 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover h1, .broker-difference-section .broker-feature-card:hover h2, .broker-difference-section .broker-feature-card:hover h3, .broker-difference-section .broker-feature-card:hover h4, .broker-difference-section .broker-feature-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* Paragraph */ .broker-difference-section .broker-feature-card p, .broker-difference-section .broker-feature-card .elementor-widget-text-editor { color: #002B5C !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.55 !important; transition: color 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover p, .broker-difference-section .broker-feature-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a06d278 *//* ========================= BROKER FEATURE SECTION ONLY ========================= */ .broker-feature-section .broker-feature-card { background: #F3F3F3 !important; border: 1px solid #D9D9D9 !important; border-radius: 9px !important; padding: 22px 20px !important; min-height: 198px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } /* Hover gradient card */ .broker-feature-section .broker-feature-card:hover { background: linear-gradient(135deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* ========================= ICON SETUP ========================= */ /* Base icon visible normally */ .broker-feature-section .broker-feature-card .base-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; opacity: 1 !important; visibility: visible !important; transition: all 0.35s ease !important; } /* Base icon actual SVG/icon */ .broker-feature-section .broker-feature-card .base-icon i, .broker-feature-section .broker-feature-card .base-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* Hover icon hidden normally */ .broker-feature-section .broker-feature-card .hover-icon { width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; position: absolute !important; top: 22px !important; left: 20px !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.35s ease !important; } /* Hover icon actual SVG/icon */ .broker-feature-section .broker-feature-card .hover-icon i, .broker-feature-section .broker-feature-card .hover-icon svg { color: #07179B !important; fill: #07179B !important; } /* On hover: hide normal icon */ .broker-feature-section .broker-feature-card:hover .base-icon { opacity: 0 !important; visibility: hidden !important; } /* On hover: show hover icon */ .broker-feature-section .broker-feature-card:hover .hover-icon { opacity: 1 !important; visibility: visible !important; } /* ========================= HEADING ========================= */ .broker-feature-section .broker-feature-card h1, .broker-feature-section .broker-feature-card h2, .broker-feature-section .broker-feature-card h3, .broker-feature-section .broker-feature-card h4, .broker-feature-section .broker-feature-card .elementor-heading-title { color: #002B5C !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; margin-bottom: 10px !important; transition: color 0.35s ease !important; } /* Heading turns white on hover */ .broker-feature-section .broker-feature-card:hover h1, .broker-feature-section .broker-feature-card:hover h2, .broker-feature-section .broker-feature-card:hover h3, .broker-feature-section .broker-feature-card:hover h4, .broker-feature-section .broker-feature-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* ========================= PARAGRAPH ========================= */ .broker-feature-section .broker-feature-card p, .broker-feature-section .broker-feature-card .elementor-widget-text-editor { color: #002B5C !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.55 !important; transition: color 0.35s ease !important; } /* Paragraph turns white on hover */ .broker-feature-section .broker-feature-card:hover p, .broker-feature-section .broker-feature-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; }Now it will only affect cards inside: .broker-feature-sectionSo your other website sections will stay safe. [6:23 PM]Yes, bilkul. Isko section-specific banane ke liye main wrapper class use karo. Step 1: Is section/container par class lagao Elementor mein is section ka main parent container select karo. Advanced → CSS Classes mein add karo: broker-difference-sectionStep 2: Har card par class lagao Har card/container par ye class honi chahiye: broker-feature-cardStep 3: Ye scoped CSS use karo /* ========================= ONLY BROKER DIFFERENCE SECTION ========================= */ .broker-difference-section .broker-feature-card { background: #F3F3F3 !important; border: 1px solid #D9D9D9 !important; border-radius: 9px !important; padding: 22px 20px !important; min-height: 198px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover { background: linear-gradient(135deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* Base icon */ .broker-difference-section .broker-feature-card .base-icon { width: 42px !important; height: 42px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; opacity: 1 !important; visibility: visible !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card .base-icon i, .broker-difference-section .broker-feature-card .base-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* Hover icon */ .broker-difference-section .broker-feature-card .hover-icon { width: 42px !important; height: 42px !important; border-radius: 50% !important; background: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 28px !important; position: absolute !important; top: 22px !important; left: 20px !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.35s ease !important; } .broker-difference-section .broker-feature-card .hover-icon i, .broker-difference-section .broker-feature-card .hover-icon svg { color: #07179B !important; fill: #07179B !important; } /* Hover icon switch */ .broker-difference-section .broker-feature-card:hover .base-icon { opacity: 0 !important; visibility: hidden !important; } .broker-difference-section .broker-feature-card:hover .hover-icon { opacity: 1 !important; visibility: visible !important; } /* Heading */ .broker-difference-section .broker-feature-card h1, .broker-difference-section .broker-feature-card h2, .broker-difference-section .broker-feature-card h3, .broker-difference-section .broker-feature-card h4, .broker-difference-section .broker-feature-card .elementor-heading-title { color: #002B5C !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.25 !important; margin-bottom: 10px !important; transition: color 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover h1, .broker-difference-section .broker-feature-card:hover h2, .broker-difference-section .broker-feature-card:hover h3, .broker-difference-section .broker-feature-card:hover h4, .broker-difference-section .broker-feature-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* Paragraph */ .broker-difference-section .broker-feature-card p, .broker-difference-section .broker-feature-card .elementor-widget-text-editor { color: #002B5C !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.55 !important; transition: color 0.35s ease !important; } .broker-difference-section .broker-feature-card:hover p, .broker-difference-section .broker-feature-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-94c6789 */* ========================= MOBILE FIX ========================= */ @media (max-width: 767px) { .broker-process-section .broker-process-card { display: block !important; padding: 30px 20px 24px 62px !important; min-height: auto !important; position: relative !important; overflow: hidden !important; } /* Number / Icon position on mobile */ .broker-process-section .broker-process-card .step-number, .broker-process-section .broker-process-card .icon-wrap { position: absolute !important; top: 32px !important; left: 20px !important; width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; margin: 0 !important; padding: 0 !important; z-index: 2 !important; } .broker-process-section .broker-process-card .step-number { font-size: 28px !important; font-weight: 700 !important; line-height: 1 !important; color: #1E8BFF !important; } .broker-process-section .broker-process-card:hover .step-number { color: #FFFFFF !important; } .broker-process-section .broker-process-card .normal-icon, .broker-process-section .broker-process-card .hover-icon { position: absolute !important; top: 0 !important; left: 0 !important; transform: none !important; width: 34px !important; max-width: 34px !important; height: 34px !important; max-height: 34px !important; margin: 0 !important; padding: 0 !important; } .broker-process-section .broker-process-card .normal-icon img, .broker-process-section .broker-process-card .hover-icon img, .broker-process-section .broker-process-card .normal-icon svg, .broker-process-section .broker-process-card .hover-icon svg { width: 34px !important; max-width: 34px !important; height: 34px !important; max-height: 34px !important; object-fit: contain !important; display: block !important; } .broker-process-section .broker-process-card .content-wrap { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .broker-process-section .broker-process-card h3, .broker-process-section .broker-process-card h4, .broker-process-section .broker-process-card .elementor-heading-title { font-size: 15px !important; line-height: 1.25 !important; margin: 0 0 6px 0 !important; text-align: left !important; } .broker-process-section .broker-process-card p, .broker-process-section .broker-process-card .elementor-widget-text-editor { font-size: 12px !important; line-height: 1.45 !important; margin: 0 !important; text-align: left !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7782433 *//* ========================= BROKER PROCESS SECTION ONLY ========================= */ .broker-process-section .broker-process-card { background: #FFFFFF !important; border: 1px solid #1E8BFF !important; border-radius: 8px !important; padding: 8px 50px !important; min-height: 116px !important; display: flex !important; align-items: center !important; gap: 24px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } /* Hover */ .broker-process-section .broker-process-card:hover { background: linear-gradient(90deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* ========================= STEP NUMBER ========================= */ .broker-process-section .broker-process-card .step-number { min-width: 70px !important; font-size: 48px !important; font-weight: 700 !important; color: #1E8BFF !important; line-height: 1 !important; } /* ========================= ICON WRAP (LEFT ALIGNED FIX) ========================= */ .broker-process-section .broker-process-card .icon-wrap { min-width: 58px !important; width: 58px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; /* ✅ ICON LEFT */ position: relative !important; overflow: hidden !important; } /* ========================= PERFECT ICON OVERLAY FIX ========================= */ /* ========================= ICON FIX (PERFECT ALIGN LEFT + NO SHIFT) ========================= */ .broker-process-section .broker-process-card .icon-wrap { position: relative !important; width: 58px !important; min-width: 58px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; } /* STACK ICONS EXACTLY ON SAME SPOT */ .broker-process-section .broker-process-card .normal-icon, .broker-process-section .broker-process-card .hover-icon { position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 90px !important; height: auto !important; margin: 0 !important; padding: 0 !important; transition: opacity 0.3s ease !important; } /* STATES */ .broker-process-section .broker-process-card .normal-icon { opacity: 1 !important; } .broker-process-section .broker-process-card .hover-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .normal-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .hover-icon { opacity: 1 !important; } CHANGED FROM CENTER TO LEFT */ transform: translateY(-50%) !important; max-width: 40px !important; height: auto !important; transition: opacity 0.3s ease !important; } /* default state */ .broker-process-section .broker-process-card .normal-icon { opacity: 1 !important; } .broker-process-section .broker-process-card .hover-icon { opacity: 0 !important; } /* hover swap */ .broker-process-section .broker-process-card:hover .normal-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .hover-icon { opacity: 1 !important; } /* REMOVE ELEMENTOR SPACING */ .broker-process-section .broker-process-card .icon-wrap * { margin: 0 !important; padding: 0 !important; } /* ========================= CONTENT ========================= */ .broker-process-section .broker-process-card .content-wrap { flex: 1 !important; } /* Heading */ .broker-process-section .broker-process-card h3, .broker-process-section .broker-process-card h4, .broker-process-section .broker-process-card .elementor-heading-title { color: #222222 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; transition: color 0.35s ease !important; } .broker-process-section .broker-process-card:hover h3, .broker-process-section .broker-process-card:hover h4, .broker-process-section .broker-process-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* Paragraph */ .broker-process-section .broker-process-card p, .broker-process-section .broker-process-card .elementor-widget-text-editor { color: #555555 !important; font-size: 13px !important; line-height: 1.55 !important; margin: 0 !important; transition: color 0.35s ease !important; } .broker-process-section .broker-process-card:hover p, .broker-process-section .broker-process-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; } /* spacing between cards */ .broker-process-section .broker-process-card:not(:last-child) { margin-bottom: 18px !important; } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .broker-process-section .broker-process-card { padding: 22px 20px !important; gap: 16px !important; align-items: flex-start !important; } .broker-process-section .broker-process-card .step-number { font-size: 34px !important; min-width: 50px !important; } .broker-process-section .broker-process-card .icon-wrap { min-width: 42px !important; width: 42px !important; } .broker-process-section .broker-process-card h3, .broker-process-section .broker-process-card h4, .broker-process-section .broker-process-card .elementor-heading-title { font-size: 15px !important; } .broker-process-section .broker-process-card p { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6759672 *//* ========================= BROKER PROCESS SECTION ONLY ========================= */ .broker-process-section .broker-process-card { background: #FFFFFF !important; border: 1px solid #1E8BFF !important; border-radius: 8px !important; padding: 8px 50px !important; min-height: 116px !important; display: flex !important; align-items: center !important; gap: 24px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } /* Hover */ .broker-process-section .broker-process-card:hover { background: linear-gradient(90deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* ========================= STEP NUMBER ========================= */ .broker-process-section .broker-process-card .step-number { min-width: 70px !important; font-size: 48px !important; font-weight: 700 !important; color: #1E8BFF !important; line-height: 1 !important; } /* ========================= ICON WRAP (LEFT ALIGNED FIX) ========================= */ .broker-process-section .broker-process-card .icon-wrap { min-width: 58px !important; width: 58px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; /* ✅ ICON LEFT */ position: relative !important; overflow: hidden !important; } /* ========================= PERFECT ICON OVERLAY FIX ========================= */ /* ========================= ICON FIX (PERFECT ALIGN LEFT + NO SHIFT) ========================= */ .broker-process-section .broker-process-card .icon-wrap { position: relative !important; width: 58px !important; min-width: 58px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; } /* STACK ICONS EXACTLY ON SAME SPOT */ .broker-process-section .broker-process-card .normal-icon, .broker-process-section .broker-process-card .hover-icon { position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 90px !important; height: auto !important; margin: 0 !important; padding: 0 !important; transition: opacity 0.3s ease !important; } /* STATES */ .broker-process-section .broker-process-card .normal-icon { opacity: 1 !important; } .broker-process-section .broker-process-card .hover-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .normal-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .hover-icon { opacity: 1 !important; } CHANGED FROM CENTER TO LEFT */ transform: translateY(-50%) !important; max-width: 40px !important; height: auto !important; transition: opacity 0.3s ease !important; } /* default state */ .broker-process-section .broker-process-card .normal-icon { opacity: 1 !important; } .broker-process-section .broker-process-card .hover-icon { opacity: 0 !important; } /* hover swap */ .broker-process-section .broker-process-card:hover .normal-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .hover-icon { opacity: 1 !important; } /* REMOVE ELEMENTOR SPACING */ .broker-process-section .broker-process-card .icon-wrap * { margin: 0 !important; padding: 0 !important; } /* ========================= CONTENT ========================= */ .broker-process-section .broker-process-card .content-wrap { flex: 1 !important; } /* Heading */ .broker-process-section .broker-process-card h3, .broker-process-section .broker-process-card h4, .broker-process-section .broker-process-card .elementor-heading-title { color: #222222 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; transition: color 0.35s ease !important; } .broker-process-section .broker-process-card:hover h3, .broker-process-section .broker-process-card:hover h4, .broker-process-section .broker-process-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* Paragraph */ .broker-process-section .broker-process-card p, .broker-process-section .broker-process-card .elementor-widget-text-editor { color: #555555 !important; font-size: 13px !important; line-height: 1.55 !important; margin: 0 !important; transition: color 0.35s ease !important; } .broker-process-section .broker-process-card:hover p, .broker-process-section .broker-process-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; } /* spacing between cards */ .broker-process-section .broker-process-card:not(:last-child) { margin-bottom: 18px !important; } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .broker-process-section .broker-process-card { padding: 22px 20px !important; gap: 16px !important; align-items: flex-start !important; } .broker-process-section .broker-process-card .step-number { font-size: 34px !important; min-width: 50px !important; } .broker-process-section .broker-process-card .icon-wrap { min-width: 42px !important; width: 42px !important; } .broker-process-section .broker-process-card h3, .broker-process-section .broker-process-card h4, .broker-process-section .broker-process-card .elementor-heading-title { font-size: 15px !important; } .broker-process-section .broker-process-card p { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-df523a4 *//* ========================= BROKER PROCESS SECTION ONLY ========================= */ .broker-process-section .broker-process-card { background: #FFFFFF !important; border: 1px solid #1E8BFF !important; border-radius: 8px !important; padding: 8px 50px !important; min-height: 116px !important; display: flex !important; align-items: center !important; gap: 24px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } /* Hover */ .broker-process-section .broker-process-card:hover { background: linear-gradient(90deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* ========================= STEP NUMBER ========================= */ .broker-process-section .broker-process-card .step-number { min-width: 70px !important; font-size: 48px !important; font-weight: 700 !important; color: #1E8BFF !important; line-height: 1 !important; } /* ========================= ICON WRAP (LEFT ALIGNED FIX) ========================= */ .broker-process-section .broker-process-card .icon-wrap { min-width: 58px !important; width: 58px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; /* ✅ ICON LEFT */ position: relative !important; overflow: hidden !important; } /* ========================= PERFECT ICON OVERLAY FIX ========================= */ /* ========================= ICON FIX (PERFECT ALIGN LEFT + NO SHIFT) ========================= */ .broker-process-section .broker-process-card .icon-wrap { position: relative !important; width: 58px !important; min-width: 58px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; } /* STACK ICONS EXACTLY ON SAME SPOT */ .broker-process-section .broker-process-card .normal-icon, .broker-process-section .broker-process-card .hover-icon { position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 90px !important; height: auto !important; margin: 0 !important; padding: 0 !important; transition: opacity 0.3s ease !important; } /* STATES */ .broker-process-section .broker-process-card .normal-icon { opacity: 1 !important; } .broker-process-section .broker-process-card .hover-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .normal-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .hover-icon { opacity: 1 !important; } CHANGED FROM CENTER TO LEFT */ transform: translateY(-50%) !important; max-width: 40px !important; height: auto !important; transition: opacity 0.3s ease !important; } /* default state */ .broker-process-section .broker-process-card .normal-icon { opacity: 1 !important; } .broker-process-section .broker-process-card .hover-icon { opacity: 0 !important; } /* hover swap */ .broker-process-section .broker-process-card:hover .normal-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .hover-icon { opacity: 1 !important; } /* REMOVE ELEMENTOR SPACING */ .broker-process-section .broker-process-card .icon-wrap * { margin: 0 !important; padding: 0 !important; } /* ========================= CONTENT ========================= */ .broker-process-section .broker-process-card .content-wrap { flex: 1 !important; } /* Heading */ .broker-process-section .broker-process-card h3, .broker-process-section .broker-process-card h4, .broker-process-section .broker-process-card .elementor-heading-title { color: #222222 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; transition: color 0.35s ease !important; } .broker-process-section .broker-process-card:hover h3, .broker-process-section .broker-process-card:hover h4, .broker-process-section .broker-process-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* Paragraph */ .broker-process-section .broker-process-card p, .broker-process-section .broker-process-card .elementor-widget-text-editor { color: #555555 !important; font-size: 13px !important; line-height: 1.55 !important; margin: 0 !important; transition: color 0.35s ease !important; } .broker-process-section .broker-process-card:hover p, .broker-process-section .broker-process-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; } /* spacing between cards */ .broker-process-section .broker-process-card:not(:last-child) { margin-bottom: 18px !important; } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .broker-process-section .broker-process-card { padding: 22px 20px !important; gap: 16px !important; align-items: flex-start !important; } .broker-process-section .broker-process-card .step-number { font-size: 34px !important; min-width: 50px !important; } .broker-process-section .broker-process-card .icon-wrap { min-width: 42px !important; width: 42px !important; } .broker-process-section .broker-process-card h3, .broker-process-section .broker-process-card h4, .broker-process-section .broker-process-card .elementor-heading-title { font-size: 15px !important; } .broker-process-section .broker-process-card p { font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b1a8b09 *//* ========================= BROKER PROCESS SECTION ONLY ========================= */ .broker-process-section .broker-process-card { background: #FFFFFF !important; border: 1px solid #1E8BFF !important; border-radius: 8px !important; padding: 8px 50px !important; min-height: 116px !important; display: flex !important; align-items: center !important; gap: 24px !important; position: relative !important; overflow: hidden !important; transition: all 0.35s ease !important; } /* Hover */ .broker-process-section .broker-process-card:hover { background: linear-gradient(90deg, #07179B 0%, #1B7FD0 55%, #35C4EF 100%) !important; border-color: transparent !important; box-shadow: 0 12px 28px rgba(7, 23, 155, 0.22) !important; transform: translateY(-2px) !important; } /* ========================= STEP NUMBER ========================= */ .broker-process-section .broker-process-card .step-number { min-width: 70px !important; font-size: 48px !important; font-weight: 700 !important; color: #1E8BFF !important; line-height: 1 !important; } /* ========================= ICON WRAP (LEFT ALIGNED FIX) ========================= */ .broker-process-section .broker-process-card .icon-wrap { min-width: 58px !important; width: 58px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; /* ✅ ICON LEFT */ position: relative !important; overflow: hidden !important; } /* ========================= PERFECT ICON OVERLAY FIX ========================= */ /* ========================= ICON FIX (PERFECT ALIGN LEFT + NO SHIFT) ========================= */ .broker-process-section .broker-process-card .icon-wrap { position: relative !important; width: 58px !important; min-width: 58px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; } /* STACK ICONS EXACTLY ON SAME SPOT */ .broker-process-section .broker-process-card .normal-icon, .broker-process-section .broker-process-card .hover-icon { position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; width: 90px !important; height: auto !important; margin: 0 !important; padding: 0 !important; transition: opacity 0.3s ease !important; } /* STATES */ .broker-process-section .broker-process-card .normal-icon { opacity: 1 !important; } .broker-process-section .broker-process-card .hover-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .normal-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .hover-icon { opacity: 1 !important; } CHANGED FROM CENTER TO LEFT */ transform: translateY(-50%) !important; max-width: 40px !important; height: auto !important; transition: opacity 0.3s ease !important; } /* default state */ .broker-process-section .broker-process-card .normal-icon { opacity: 1 !important; } .broker-process-section .broker-process-card .hover-icon { opacity: 0 !important; } /* hover swap */ .broker-process-section .broker-process-card:hover .normal-icon { opacity: 0 !important; } .broker-process-section .broker-process-card:hover .hover-icon { opacity: 1 !important; } /* REMOVE ELEMENTOR SPACING */ .broker-process-section .broker-process-card .icon-wrap * { margin: 0 !important; padding: 0 !important; } /* ========================= CONTENT ========================= */ .broker-process-section .broker-process-card .content-wrap { flex: 1 !important; } /* Heading */ .broker-process-section .broker-process-card h3, .broker-process-section .broker-process-card h4, .broker-process-section .broker-process-card .elementor-heading-title { color: #222222 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; transition: color 0.35s ease !important; } .broker-process-section .broker-process-card:hover h3, .broker-process-section .broker-process-card:hover h4, .broker-process-section .broker-process-card:hover .elementor-heading-title { color: #FFFFFF !important; } /* Paragraph */ .broker-process-section .broker-process-card p, .broker-process-section .broker-process-card .elementor-widget-text-editor { color: #555555 !important; font-size: 13px !important; line-height: 1.55 !important; margin: 0 !important; transition: color 0.35s ease !important; } .broker-process-section .broker-process-card:hover p, .broker-process-section .broker-process-card:hover .elementor-widget-text-editor { color: #FFFFFF !important; } /* spacing between cards */ .broker-process-section .broker-process-card:not(:last-child) { margin-bottom: 18px !important; } /* ========================= MOBILE ========================= */ @media (max-width: 767px) { .broker-process-section .broker-process-card { padding: 22px 20px !important; gap: 16px !important; align-items: flex-start !important; } .broker-process-section .broker-process-card .step-number { font-size: 34px !important; min-width: 50px !important; } .broker-process-section .broker-process-card .icon-wrap { min-width: 42px !important; width: 42px !important; } .broker-process-section .broker-process-card h3, .broker-process-section .broker-process-card h4, .broker-process-section .broker-process-card .elementor-heading-title { font-size: 15px !important; } .broker-process-section .broker-process-card p { font-size: 12px !important; } }/* End custom CSS */