.elementor-20502 .elementor-element.elementor-element-1e4e5c7 > .elementor-container{max-width:1188px;}.elementor-20502 .elementor-element.elementor-element-1e4e5c7{margin-top:0px;margin-bottom:0px;}.elementor-20502 .elementor-element.elementor-element-d845e0d{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FE1A1A;}.elementor-20502 .elementor-element.elementor-element-d845e0d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-d845e0d .elementor-headline{text-align:start;}.elementor-20502 .elementor-element.elementor-element-d845e0d .elementor-headline-dynamic-wrapper path{stroke:#524500;}.elementor-20502 .elementor-element.elementor-element-4d15432{width:var( --container-widget-width, 99.107% );max-width:99.107%;--container-widget-width:99.107%;--container-widget-flex-grow:0;text-align:justify;font-family:"Times New Roman", Sans-serif;font-size:20px;color:#000000;}.elementor-20502 .elementor-element.elementor-element-4d15432.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-20502 .elementor-element.elementor-element-4d15432.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-0af9bb2{--display:flex;}.elementor-20502 .elementor-element.elementor-element-cf4b0ce{--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-20502 .elementor-element.elementor-element-cf4b0ce:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-cf4b0ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1A32;}.elementor-20502 .elementor-element.elementor-element-85b2e67{--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-20502 .elementor-element.elementor-element-71fb556.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-71fb556 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-1a241b5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20502 .elementor-element.elementor-element-998fcfe{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;}.elementor-20502 .elementor-element.elementor-element-998fcfe:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-998fcfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-48f1bc9{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:00px;--margin-bottom:00px;--margin-left:00px;--margin-right:00px;}.elementor-20502 .elementor-element.elementor-element-48f1bc9:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-48f1bc9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B8B2FF;}.elementor-20502 .elementor-element.elementor-element-48f1bc9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20502 .elementor-element.elementor-element-bfb451e{width:auto;max-width:auto;}.elementor-20502 .elementor-element.elementor-element-bfb451e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-bfb451e .elementor-heading-title{font-family:"Times New Roman", Sans-serif;}.elementor-20502 .elementor-element.elementor-element-9b847fb{--display:flex;}.elementor-20502 .elementor-element.elementor-element-fb9ccf3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-fb9ccf3{color:#080000;}.elementor-20502 .elementor-element.elementor-element-7ff97fb{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;}.elementor-20502 .elementor-element.elementor-element-7ff97fb:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-7ff97fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-7ff97fb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20502 .elementor-element.elementor-element-824ce80{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:00px;--margin-bottom:00px;--margin-left:00px;--margin-right:00px;}.elementor-20502 .elementor-element.elementor-element-824ce80:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-824ce80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B8B2FF;}.elementor-20502 .elementor-element.elementor-element-824ce80.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20502 .elementor-element.elementor-element-ffcdd3f{width:auto;max-width:auto;}.elementor-20502 .elementor-element.elementor-element-ffcdd3f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-ffcdd3f .elementor-heading-title{font-family:"Times New Roman", Sans-serif;}.elementor-20502 .elementor-element.elementor-element-518d405{--display:flex;}.elementor-20502 .elementor-element.elementor-element-fbc4f56.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-fbc4f56{color:#080000;}.elementor-20502 .elementor-element.elementor-element-52067ec{--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-20502 .elementor-element.elementor-element-52067ec:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-52067ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1A32;}.elementor-20502 .elementor-element.elementor-element-66e9fe1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-66e9fe1{text-align:start;}.elementor-20502 .elementor-element.elementor-element-66e9fe1 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-b136652{--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:space-evenly;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20502 .elementor-element.elementor-element-435085d{--display:flex;--min-height:0px;--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:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:30px;}.elementor-20502 .elementor-element.elementor-element-435085d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20502 .elementor-element.elementor-element-c4e19b9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-c4e19b9 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-20502 .elementor-element.elementor-element-c4e19b9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-c4e19b9.elementor-view-framed .elementor-icon, .elementor-20502 .elementor-element.elementor-element-c4e19b9.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-c4e19b9 .elementor-icon{font-size:59px;}.elementor-20502 .elementor-element.elementor-element-d588166{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:30px;}.elementor-20502 .elementor-element.elementor-element-78e64d5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-78e64d5 .elementor-icon-box-wrapper{gap:15px;}.elementor-20502 .elementor-element.elementor-element-78e64d5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-78e64d5.elementor-view-framed .elementor-icon, .elementor-20502 .elementor-element.elementor-element-78e64d5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-78e64d5 .elementor-icon{font-size:59px;}.elementor-20502 .elementor-element.elementor-element-f0fbe99{--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-20502 .elementor-element.elementor-element-f0fbe99:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-f0fbe99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5853FA9E;}.elementor-20502 .elementor-element.elementor-element-3643ca7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-3643ca7 .elementor-icon-box-wrapper{gap:15px;}.elementor-20502 .elementor-element.elementor-element-3643ca7.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-3643ca7.elementor-view-framed .elementor-icon, .elementor-20502 .elementor-element.elementor-element-3643ca7.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-3643ca7 .elementor-icon{font-size:59px;}.elementor-20502 .elementor-element.elementor-element-8d27dc8{--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:space-evenly;--align-items:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20502 .elementor-element.elementor-element-befd30e{--display:flex;--min-height:0px;--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:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:30px;}.elementor-20502 .elementor-element.elementor-element-befd30e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20502 .elementor-element.elementor-element-3df137d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-3df137d .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-20502 .elementor-element.elementor-element-3df137d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-3df137d.elementor-view-framed .elementor-icon, .elementor-20502 .elementor-element.elementor-element-3df137d.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-3df137d .elementor-icon{font-size:59px;}.elementor-20502 .elementor-element.elementor-element-d1c2745{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:30px;}.elementor-20502 .elementor-element.elementor-element-b66c163.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-b66c163 .elementor-icon-box-wrapper{gap:15px;}.elementor-20502 .elementor-element.elementor-element-b66c163.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-b66c163.elementor-view-framed .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b66c163.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-b66c163 .elementor-icon{font-size:59px;}.elementor-20502 .elementor-element.elementor-element-b202db1{--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-20502 .elementor-element.elementor-element-b202db1:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-b202db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5853FA9E;}.elementor-20502 .elementor-element.elementor-element-cdbe812.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-cdbe812 .elementor-icon-box-wrapper{gap:15px;}.elementor-20502 .elementor-element.elementor-element-cdbe812.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-cdbe812.elementor-view-framed .elementor-icon, .elementor-20502 .elementor-element.elementor-element-cdbe812.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-cdbe812 .elementor-icon{font-size:59px;}.elementor-20502 .elementor-element.elementor-element-ea4ab17{--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-20502 .elementor-element.elementor-element-d949a58.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-d949a58 img{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-20502 .elementor-element.elementor-element-4e26fe3{--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-20502 .elementor-element.elementor-element-4e26fe3:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-4e26fe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1A32;}.elementor-20502 .elementor-element.elementor-element-63a1952.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-63a1952 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-8c8f6a9{--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-20502 .elementor-element.elementor-element-41e3d3b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-41e3d3b{color:#000000;}.elementor-20502 .elementor-element.elementor-element-b8c47c0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20502 .elementor-element.elementor-element-0b0ce0e{--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:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:27px;--padding-bottom:27px;--padding-left:27px;--padding-right:27px;}.elementor-20502 .elementor-element.elementor-element-0b0ce0e:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-0b0ce0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF9146;}.elementor-20502 .elementor-element.elementor-element-4c4dd7f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-4c4dd7f{color:#740000;}.elementor-20502 .elementor-element.elementor-element-1b96583{--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:15px 15px 15px 15px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:27px;--padding-bottom:27px;--padding-left:27px;--padding-right:27px;}.elementor-20502 .elementor-element.elementor-element-1b96583:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-1b96583 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF9146;}.elementor-20502 .elementor-element.elementor-element-5cc5f8d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-5cc5f8d{color:#740000;}.elementor-20502 .elementor-element.elementor-element-adf07c9{--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-20502 .elementor-element.elementor-element-adf07c9:not(.elementor-motion-effects-element-type-background), .elementor-20502 .elementor-element.elementor-element-adf07c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A1A32;}.elementor-20502 .elementor-element.elementor-element-97ebea8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-97ebea8 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:32px;color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-a622b36.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-63d9889{--display:flex;}.elementor-20502 .elementor-element.elementor-element-378950f{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FF0000;}.elementor-20502 .elementor-element.elementor-element-378950f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-378950f .elementor-headline{text-align:start;}.elementor-20502 .elementor-element.elementor-element-378950f .elementor-headline-dynamic-wrapper path{stroke:#789C04;}.elementor-20502 .elementor-element.elementor-element-716ccd4 > .elementor-widget-container{margin:-58px 0px 0px 0px;}.elementor-20502 .elementor-element.elementor-element-716ccd4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-716ccd4 p{margin-block-end:0px;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-6975f9a.xpro-table-body-row-cell .xpro-table-body-row-cell-content{color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-6975f9a.xpro-table-body-row-cell .xpro-table-body-row-cell-content > a{color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-6975f9a.xpro-table-body-row-cell{background-color:#E91111;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-8e9b678.xpro-table-body-row-cell .xpro-table-body-row-cell-content{color:#3725FF;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-8e9b678.xpro-table-body-row-cell .xpro-table-body-row-cell-content > a{color:#3725FF;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-8e9b678 .xpro-table-body-row-cell-icon i{color:#0414D5;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-d78019e.xpro-table-body-row-cell .xpro-table-body-row-cell-content{color:#0013FF;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-d78019e.xpro-table-body-row-cell .xpro-table-body-row-cell-content > a{color:#0013FF;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-d78019e .xpro-table-body-row-cell-icon i{color:#0005EB;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-0c861b5.xpro-table-body-row-cell .xpro-table-body-row-cell-content{color:#0801E4;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-0c861b5.xpro-table-body-row-cell .xpro-table-body-row-cell-content > a{color:#0801E4;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row .elementor-repeater-item-0c861b5 .xpro-table-body-row-cell-icon i{color:#1C00FF;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-head-column-cell{background-color:#000000;text-align:center;border-style:solid;}.elementor-20502 .elementor-element.elementor-element-7112626.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row-cell{text-align:center;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-head-column-cell-content{color:#FFF8F8;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row:nth-child(odd) .xpro-table-body-row-cell-content{color:#000000;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row:nth-child(odd) .xpro-table-body-row-cell-content > a{color:#000000;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row:nth-child(even) .xpro-table-body-row-cell-content{color:#000000;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row:nth-child(even) .xpro-table-body-row-cell-content > a{color:#000000;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row:nth-child(odd){background-color:#AD9BFF;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row:nth-child(even){background-color:#D3EBFF;}.elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-body-row-cell,.xpro-table-responsive .xpro-table-body-row-cell-inner{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-20502 .elementor-element.elementor-element-9b2e973{--display:flex;}.elementor-20502 .elementor-element.elementor-element-b5ee5ed{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#F50707;}.elementor-20502 .elementor-element.elementor-element-b5ee5ed.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-b5ee5ed .elementor-headline{text-align:start;}.elementor-20502 .elementor-element.elementor-element-b5ee5ed .elementor-headline-dynamic-wrapper path{stroke:#FFBE00;}.elementor-20502 .elementor-element.elementor-element-6a6e5d6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-d9267d1{--display:flex;}.elementor-20502 .elementor-element.elementor-element-5e439a3{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#DD0000;}.elementor-20502 .elementor-element.elementor-element-5e439a3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-5e439a3 .elementor-headline{text-align:start;}.elementor-20502 .elementor-element.elementor-element-5e439a3 .elementor-headline-dynamic-wrapper path{stroke:#BBDD09;}.elementor-20502 .elementor-element.elementor-element-68d44a9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-68d44a9{color:#000000;}.elementor-20502 .elementor-element.elementor-element-4c25398.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-6546c90 .embedpress-document-embed iframe, , .elementor-20502 .elementor-element.elementor-element-6546c90 .ep-share-position-bottom .ep-embed-content-wraper{width:100%!important;max-width:100%!important;}.elementor-20502 .elementor-element.elementor-element-6546c90 .embedpress-document-embed iframe{height:600px!important;}.elementor-20502 .elementor-element.elementor-element-6546c90 .embedpress-document-embed .pdfobject-container{height:600px!important;}.elementor-20502 .elementor-element.elementor-element-6546c90.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-8355773{--display:flex;}.elementor-20502 .elementor-element.elementor-element-13d3862{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#CF0000;}.elementor-20502 .elementor-element.elementor-element-13d3862.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-13d3862 .elementor-headline{text-align:start;}.elementor-20502 .elementor-element.elementor-element-13d3862 .elementor-headline-dynamic-wrapper path{stroke:#F3DB00;}.elementor-20502 .elementor-element.elementor-element-ede6a09.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-8958d4a{--display:flex;}.elementor-20502 .elementor-element.elementor-element-5114f49{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#C20000;}.elementor-20502 .elementor-element.elementor-element-5114f49.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-5114f49 .elementor-headline{text-align:start;}.elementor-20502 .elementor-element.elementor-element-5114f49 .elementor-headline-dynamic-wrapper path{stroke:#DDCD00;}.elementor-20502 .elementor-element.elementor-element-c38bf3c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-47afe94{--display:flex;}.elementor-20502 .elementor-element.elementor-element-666eb53{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#DF0000;}.elementor-20502 .elementor-element.elementor-element-666eb53.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-666eb53 .elementor-headline{text-align:start;}.elementor-20502 .elementor-element.elementor-element-666eb53 .elementor-headline-dynamic-wrapper path{stroke:#B8A210;}.elementor-20502 .elementor-element.elementor-element-a1f47dc{--display:flex;}.elementor-20502 .elementor-element.elementor-element-71c157b{--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-20502 .elementor-element.elementor-element-0e00d37.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-0e00d37{font-size:19px;color:#070000;}.elementor-20502 .elementor-element.elementor-element-cbf7ad2{--display:flex;}.elementor-20502 .elementor-element.elementor-element-54c50ab.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-54c50ab{font-size:19px;color:#070000;}.elementor-20502 .elementor-element.elementor-element-7fa931d{--display:flex;}.elementor-20502 .elementor-element.elementor-element-cf30c4b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-cf30c4b{font-size:19px;color:#070000;}.elementor-20502 .elementor-element.elementor-element-0fea3c7{--display:flex;}.elementor-20502 .elementor-element.elementor-element-1d75b3c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-1d75b3c{font-size:19px;color:#070000;}.elementor-20502 .elementor-element.elementor-element-f94f1c3{--display:flex;}.elementor-20502 .elementor-element.elementor-element-ab13206.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-ab13206{font-size:19px;color:#070000;}.elementor-20502 .elementor-element.elementor-element-0e6d2ba{--n-accordion-title-font-size:20px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#000000;--n-accordion-title-hover-color:#8D0086;--n-accordion-title-active-color:#C30505;--n-accordion-icon-size:15px;--n-accordion-icon-hover-color:#6E0909;}.elementor-20502 .elementor-element.elementor-element-0e6d2ba.xpro-widget-bg-overlay:before{transition:background 0.3s;}:where( .elementor-20502 .elementor-element.elementor-element-0e6d2ba > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:600;}.elementor-20502 .elementor-element.elementor-element-b053f92{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:13%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;width:100%;max-width:100%;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:2px;--n-tabs-gap:11px;--n-tabs-title-font-size:11px;--n-tabs-title-color:#FFFFFF;}.elementor-20502 .elementor-element.elementor-element-b053f92 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#0A1A32;}.elementor-20502 .elementor-element.elementor-element-b053f92.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-20502 .elementor-element.elementor-element-b053f92.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#C70606;}:where( .elementor-20502 .elementor-element.elementor-element-b053f92.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:#FFEFEF;border-style:solid;}.elementor-20502 .elementor-element.elementor-element-b053f92.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-20502 .elementor-element.elementor-element-b053f92.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-20502 .elementor-element.elementor-element-b053f92.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-20502 .elementor-element.elementor-element-b053f92.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-style:normal;line-height:21px;letter-spacing:0px;word-spacing:0px;}@media(max-width:1024px){.elementor-20502 .elementor-element.elementor-element-6546c90 .embedpress-document-embed iframe, , .elementor-20502 .elementor-element.elementor-element-6546c90 .ep-share-position-bottom .ep-embed-content-wraper{width:400px!important;max-width:400px!important;}.elementor-20502 .elementor-element.elementor-element-6546c90 .embedpress-document-embed iframe{height:400px!important;}.elementor-20502 .elementor-element.elementor-element-6546c90 .embedpress-document-embed .pdfobject-container{height:400px!important;}}@media(min-width:768px){.elementor-20502 .elementor-element.elementor-element-85b2e67{--width:50%;}.elementor-20502 .elementor-element.elementor-element-998fcfe{--width:50%;}.elementor-20502 .elementor-element.elementor-element-48f1bc9{--width:100%;}.elementor-20502 .elementor-element.elementor-element-7ff97fb{--width:50%;}.elementor-20502 .elementor-element.elementor-element-824ce80{--width:100%;}.elementor-20502 .elementor-element.elementor-element-b136652{--content-width:1102px;}.elementor-20502 .elementor-element.elementor-element-d588166{--width:25%;}.elementor-20502 .elementor-element.elementor-element-f0fbe99{--width:25%;}.elementor-20502 .elementor-element.elementor-element-8d27dc8{--content-width:1102px;}.elementor-20502 .elementor-element.elementor-element-d1c2745{--width:25%;}.elementor-20502 .elementor-element.elementor-element-b202db1{--width:25%;}.elementor-20502 .elementor-element.elementor-element-0b0ce0e{--width:50%;}.elementor-20502 .elementor-element.elementor-element-1b96583{--width:50%;}.elementor-20502 .elementor-element.elementor-element-adf07c9{--width:100%;}}@media(max-width:767px){.elementor-20502 .elementor-element.elementor-element-1a241b5{--justify-content:center;}.elementor-20502 .elementor-element.elementor-element-1a241b5.e-con{--align-self:center;}.elementor-20502 .elementor-element.elementor-element-998fcfe{--margin-top:-1px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:-1px;}.elementor-20502 .elementor-element.elementor-element-998fcfe.e-con{--align-self:center;}.elementor-20502 .elementor-element.elementor-element-48f1bc9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20502 .elementor-element.elementor-element-7ff97fb{--width:327px;--margin-top:14px;--margin-bottom:14px;--margin-left:14px;--margin-right:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:-14px;}.elementor-20502 .elementor-element.elementor-element-7ff97fb.e-con{--align-self:center;}.elementor-20502 .elementor-element.elementor-element-824ce80{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20502 .elementor-element.elementor-element-b136652{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20502 .elementor-element.elementor-element-435085d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20502 .elementor-element.elementor-element-d588166{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-20502 .elementor-element.elementor-element-f0fbe99{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-20502 .elementor-element.elementor-element-8d27dc8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20502 .elementor-element.elementor-element-befd30e{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-20502 .elementor-element.elementor-element-d1c2745{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-20502 .elementor-element.elementor-element-b202db1{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;} .elementor-20502 .elementor-element.elementor-element-7112626 .xpro-table-responsive .xpro-table-body-row{margin-bottom:10px;}.elementor-20502 .elementor-element.elementor-element-6546c90 .embedpress-document-embed iframe, , .elementor-20502 .elementor-element.elementor-element-6546c90 .ep-share-position-bottom .ep-embed-content-wraper{width:300px!important;max-width:300px!important;}.elementor-20502 .elementor-element.elementor-element-6546c90 .embedpress-document-embed iframe{height:300px!important;}.elementor-20502 .elementor-element.elementor-element-6546c90 .embedpress-document-embed .pdfobject-container{height:300px!important;}.elementor-20502 .elementor-element.elementor-element-b053f92{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:7px;--n-tabs-gap:0px;--n-tabs-title-font-size:15px;--n-tabs-title-direction:row;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:27px;--n-tabs-icon-gap:11px;}}/* Start custom CSS for container, class: .elementor-element-b136652 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d27dc8 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b136652 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d27dc8 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b136652 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d27dc8 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b136652 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d27dc8 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b136652 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d27dc8 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b136652 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d27dc8 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b136652 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d27dc8 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b136652 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-b136652 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-b136652 > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 > .e-container, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-b136652 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8d27dc8 *//* 1. Sub-Containers (Cards) - Rounded Corners & Minimized Padding */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 8px !important; /* 8px rounded corners */ padding: 20px 20px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } /* 2. Interactive Expanding Bottom Line */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background-color: #5853FA; transition: all 0.4s ease-in-out; } /* 3. Sub-Container Hover Lift Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover { transform: translateY(-6px); box-shadow: 0 10px 20px rgba(88, 83, 250, 0.12); border-color: transparent; } /* Expand the bottom line on hover */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover::before, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover::before { width: 100%; } /* 4. Remove widget backgrounds */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-wrapper { background-color: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; } /* 5. Minimized Icon Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-icon { margin-bottom: 0px !important; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon { background-color: #5853FA1A !important; color: #5853FA !important; fill: #5853FA !important; padding: 14px !important; border-radius: 50% !important; font-size: 20px !important; transition: all 0.5s ease-in-out; display: inline-flex; align-items: center; justify-content: center; } /* 6. Icon Hover Effect */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon { background-color: #5853FA !important; color: #ffffff !important; fill: #ffffff !important; transform: rotateY(360deg); box-shadow: 0 4px 10px rgba(88, 83, 250, 0.3); } /* 7. Minimized Title Styling & REMOVED GAP */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-title { color: #1a1a1a !important; font-size: 16px !important; font-weight: 700 !important; margin-top: 0px !important; margin-bottom: 8px !important; transition: color 0.3s ease; } .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con:hover .elementor-icon-box-title, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container:hover .elementor-icon-box-title { color: #5853FA !important; } /* 8. Minimized Description Styling */ .elementor-20502 .elementor-element.elementor-element-8d27dc8 .elementor-icon-box-description { color: #666666 !important; font-size: 13px !important; line-height: 1.5 !important; margin: 0 !important; } /* --- 9. RESPONSIVE LAYOUT SETTINGS --- */ /* Desktop - 3 boxes per row */ @media (min-width: 1025px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 32% !important; /* Keeps 3 per row with room for gaps */ margin-bottom: 20px !important; } } /* Tablet - 2 boxes per row */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 48% !important; /* Keeps 2 per row */ margin-bottom: 20px !important; } } /* Mobile - Stack boxes vertically (1 per row) */ @media (max-width: 767px) { .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 > .e-container, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-con, .elementor-20502 .elementor-element.elementor-element-8d27dc8 .e-con-inner > .e-container { width: 100% !important; max-width: 100% !important; /* Prevents overflow */ flex-basis: 100% !important; /* Force-overrides Elementor's flexbox */ margin-bottom: 15px !important; margin-left: 0 !important; margin-right: 0 !important; } }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-b053f92 *//* 1. Force the Nested Tab Container to show content */ .e-n-tabs-content > .e-con.e-active, .e-n-tabs-content > .e-container.e-active { display: flex !important; visibility: visible !important; height: auto !important; min-height: 300px !important; opacity: 1 !important; } /* 2. Fix for Mobile/Accordion view where it collapses */ .e-n-tabs-heading[aria-selected="true"] + .e-n-tabs-content > .e-con { display: flex !important; height: auto !important; } /* 3. Align the Visitor Counter in the tab */ .tab-visitor-counter { display: flex; align-items: center; gap: 10px; margin: 20px 0; }/* End custom CSS */