.elementor-281093 .elementor-element.elementor-element-98f8a00{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-281093 .elementor-element.elementor-element-98f8a00:not(.elementor-motion-effects-element-type-background), .elementor-281093 .elementor-element.elementor-element-98f8a00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00002C;}.elementor-281093 .elementor-element.elementor-element-98f8a00.e-con{--align-self:flex-start;}.elementor-281093 .elementor-element.elementor-element-3e11c34{text-align:center;}.elementor-281093 .elementor-element.elementor-element-3e11c34 .elementor-heading-title{font-family:"Gantari", Sans-serif;font-size:32px;font-weight:400;line-height:43px;color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-3b76ca2{--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:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-281093 .elementor-element.elementor-element-6470aec{--display:flex;--min-height:209.97px;--justify-content:center;--background-transition:0.3s;border-style:groove;--border-style:groove;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#353646;--border-color:#353646;--border-radius:10px 10px 10px 10px;--padding-top:29px;--padding-bottom:29px;--padding-left:29px;--padding-right:25px;}.elementor-281093 .elementor-element.elementor-element-6470aec:hover{background-color:#FFFFFF;border-style:none;}.elementor-281093 .elementor-element.elementor-element-6470aec, .elementor-281093 .elementor-element.elementor-element-6470aec::before{--border-transition:0.3s;}.elementor-281093 .elementor-element.elementor-element-6470aec.e-con{--align-self:center;}.elementor-281093 .elementor-element.elementor-element-7d52dec .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-281093 .elementor-element.elementor-element-7d52dec.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-7d52dec.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-7d52dec.elementor-view-framed:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-7d52dec.elementor-view-default:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-7d52dec.elementor-view-framed:has(:focus) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-7d52dec.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-7d52dec .elementor-icon{font-size:54px;}.elementor-281093 .elementor-element.elementor-element-7d52dec .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-7d52dec .elementor-icon-box-title a{font-family:"Gantari", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;line-height:20px;}.elementor-281093 .elementor-element.elementor-element-7d52dec .elementor-icon-box-title{color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-7d52dec:has(:hover) .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-7d52dec:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-7d52dec .elementor-icon-box-description{font-family:"Gantari", Sans-serif;font-size:14px;font-weight:400;line-height:17px;color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-4070ddb{--display:flex;--min-height:209.97px;--justify-content:center;--background-transition:0.3s;border-style:groove;--border-style:groove;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#9999994D;--border-color:#9999994D;--border-radius:10px 10px 10px 10px;--padding-top:29px;--padding-bottom:29px;--padding-left:29px;--padding-right:25px;}.elementor-281093 .elementor-element.elementor-element-4070ddb:hover{background-color:#FFFFFF;border-style:none;}.elementor-281093 .elementor-element.elementor-element-4070ddb, .elementor-281093 .elementor-element.elementor-element-4070ddb::before{--border-transition:0.3s;}.elementor-281093 .elementor-element.elementor-element-bbec2a0 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-281093 .elementor-element.elementor-element-bbec2a0.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-bbec2a0.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-bbec2a0.elementor-view-framed:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-bbec2a0.elementor-view-default:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-bbec2a0.elementor-view-framed:has(:focus) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-bbec2a0.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-bbec2a0 .elementor-icon{font-size:54px;}.elementor-281093 .elementor-element.elementor-element-bbec2a0 .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-bbec2a0 .elementor-icon-box-title a{font-family:"Gantari", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;line-height:20px;}.elementor-281093 .elementor-element.elementor-element-bbec2a0 .elementor-icon-box-title{color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-bbec2a0:has(:hover) .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-bbec2a0:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-bbec2a0 .elementor-icon-box-description{font-family:"Gantari", Sans-serif;font-size:14px;font-weight:400;line-height:17px;color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-7bcd7bf{--display:flex;--min-height:209.97px;--justify-content:center;--background-transition:0.3s;border-style:groove;--border-style:groove;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#353646;--border-color:#353646;--border-radius:10px 10px 10px 10px;--padding-top:29px;--padding-bottom:29px;--padding-left:29px;--padding-right:25px;}.elementor-281093 .elementor-element.elementor-element-7bcd7bf:hover{background-color:#FFFFFF;border-style:none;}.elementor-281093 .elementor-element.elementor-element-7bcd7bf, .elementor-281093 .elementor-element.elementor-element-7bcd7bf::before{--border-transition:0.3s;}.elementor-281093 .elementor-element.elementor-element-1c1b953 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-281093 .elementor-element.elementor-element-1c1b953.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-1c1b953.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-1c1b953.elementor-view-framed:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-1c1b953.elementor-view-default:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-1c1b953.elementor-view-framed:has(:focus) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-1c1b953.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-1c1b953 .elementor-icon{font-size:54px;}.elementor-281093 .elementor-element.elementor-element-1c1b953 .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-1c1b953 .elementor-icon-box-title a{font-family:"Gantari", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;line-height:20px;}.elementor-281093 .elementor-element.elementor-element-1c1b953 .elementor-icon-box-title{-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-1c1b953:has(:hover) .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-1c1b953:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-1c1b953 .elementor-icon-box-description{font-family:"Gantari", Sans-serif;font-size:14px;font-weight:400;line-height:17px;color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-b705664{--display:flex;--min-height:209.97px;--justify-content:center;--background-transition:0.3s;border-style:groove;--border-style:groove;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#353646;--border-color:#353646;--border-radius:10px 10px 10px 10px;--padding-top:29px;--padding-bottom:29px;--padding-left:29px;--padding-right:25px;}.elementor-281093 .elementor-element.elementor-element-b705664:hover{background-color:#FFFFFF;border-style:none;}.elementor-281093 .elementor-element.elementor-element-b705664, .elementor-281093 .elementor-element.elementor-element-b705664::before{--border-transition:0.3s;}.elementor-281093 .elementor-element.elementor-element-8a66e50 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-281093 .elementor-element.elementor-element-8a66e50.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-8a66e50.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-8a66e50.elementor-view-framed:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-8a66e50.elementor-view-default:has(:hover) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-8a66e50.elementor-view-framed:has(:focus) .elementor-icon, .elementor-281093 .elementor-element.elementor-element-8a66e50.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-8a66e50 .elementor-icon{font-size:54px;}.elementor-281093 .elementor-element.elementor-element-8a66e50 .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-8a66e50 .elementor-icon-box-title a{font-family:"Gantari", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;line-height:20px;}.elementor-281093 .elementor-element.elementor-element-8a66e50 .elementor-icon-box-title{color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-8a66e50:has(:hover) .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-8a66e50:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-281093 .elementor-element.elementor-element-8a66e50 .elementor-icon-box-description{font-family:"Gantari", Sans-serif;font-size:14px;font-weight:400;line-height:17px;color:#FFFFFF;}@media(min-width:768px){.elementor-281093 .elementor-element.elementor-element-98f8a00{--content-width:100%;}.elementor-281093 .elementor-element.elementor-element-3b76ca2{--width:88%;}}/* Start custom CSS for icon-box, class: .elementor-element-7d52dec */.elementor-281093 .elementor-element.elementor-element-7d52dec svg path{ fill: white; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6470aec */.elementor-281093 .elementor-element.elementor-element-6470aec:hover { box-shadow: 0 20px 40px rgba(11, 58, 229, 0.25); } .elementor-281093 .elementor-element.elementor-element-6470aec:hover svg path{ fill: black; } .elementor-281093 .elementor-element.elementor-element-6470aec:hover .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-6470aec:hover .elementor-icon-box-description { color: #000000 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-bbec2a0 */.elementor-281093 .elementor-element.elementor-element-bbec2a0 svg path{ fill: white; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4070ddb */.elementor-281093 .elementor-element.elementor-element-4070ddb:hover { box-shadow: 0 20px 40px rgba(11, 58, 229, 0.25); } .elementor-281093 .elementor-element.elementor-element-4070ddb:hover svg path{ fill: black; } .elementor-281093 .elementor-element.elementor-element-4070ddb:hover .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-4070ddb:hover .elementor-icon-box-description { color: #000000 !important; } /* Base card - Fixed height to prevent jumping */ .vulnerability-cards-parent-why-app .vulnerability-card-item-why-app { transition: box-shadow 0.35s ease, background-color 0.35s ease; padding-left: 29px; padding-right: 25px; display: flex; flex-direction: column; justify-content: center; height: 209.97px !important; /* Force exact height */ overflow: hidden; /* Prevent content from expanding the box */ box-sizing: border-box; background-color: transparent; /* Base state */ } /* Description base (Hidden and taking NO space) */ .vulnerability-cards-parent-why-app .vulnerability-card-item-why-app .elementor-icon-box-description { opacity: 0; max-height: 0; overflow: hidden; margin: 0 !important; transition: opacity 0.35s ease, max-height 0.35s ease, margin-top 0.35s ease; } /* --- HOVER STATE (Active Blue) --- */ .vulnerability-cards-parent-why-app .vulnerability-card-item-why-app:hover { box-shadow: 0 20px 40px rgba(11, 58, 229, 0.25); background-color: #FFF !important; } /* Show description on hover */ .vulnerability-cards-parent-why-app .vulnerability-card-item-why-app:hover .elementor-icon-box-description { opacity: 1; max-height: 100px; margin-top: 10px !important; color: #000 !important; } .vulnerability-cards-parent-why-app .vulnerability-card-item-why-app:hover .elementor-icon-box-title { color: #ffffff !important; } .vulnerability-cards-parent-why-app .vulnerability-card-item-why-app:hover svg path { fill: #000; } /* --- DEFAULT ACTIVE STATE (2nd Card - White) --- */ /* This only applies when the parent is NOT being hovered */ .vulnerability-cards-parent-why-app:not(:hover) .vulnerability-card-item-why-app:nth-child(2) { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); background-color: #ffffff !important; } /* Show description for default white card */ .vulnerability-cards-parent-why-app:not(:hover) .vulnerability-card-item-why-app:nth-child(2) .elementor-icon-box-description { opacity: 1; max-height: 100px; margin-top: 10px !important; color: #000000 !important; /* Black description */ } /* Default White Card Title & Icon Colors */ .vulnerability-cards-parent-why-app:not(:hover) .vulnerability-card-item-why-app:nth-child(2) .elementor-icon-box-title { color: #000000 !important; /* Black title */ } .vulnerability-cards-parent-why-app:not(:hover) .vulnerability-card-item-why-app:nth-child(2) svg path { fill: #000000; /* Black icon */ } /* --- SHARED TYPOGRAPHY --- */ .vulnerability-cards-parent-why-app .vulnerability-card-item-why-app .elementor-icon-box-title { font-family: 'Gantari', sans-serif; font-weight: 600; font-size: 16px; line-height: 1.2; letter-spacing: 0; text-transform: capitalize; transition: color 0.35s ease; } .vulnerability-cards-parent-why-app .vulnerability-card-item-why-app .elementor-icon-box-description { font-size: 14px; transition: color 0.35s ease; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-1c1b953 */.elementor-281093 .elementor-element.elementor-element-1c1b953 svg path{ fill: white; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7bcd7bf */.elementor-281093 .elementor-element.elementor-element-7bcd7bf:hover { box-shadow: 0 20px 40px rgba(11, 58, 229, 0.25); } .elementor-281093 .elementor-element.elementor-element-7bcd7bf:hover svg path{ fill: black; } .elementor-281093 .elementor-element.elementor-element-7bcd7bf:hover .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-7bcd7bf:hover .elementor-icon-box-description { color: #000000 !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-8a66e50 */.elementor-281093 .elementor-element.elementor-element-8a66e50 svg path{ fill: white; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b705664 */.elementor-281093 .elementor-element.elementor-element-b705664:hover { box-shadow: 0 20px 40px rgba(11, 58, 229, 0.25); } .elementor-281093 .elementor-element.elementor-element-b705664:hover svg path{ fill: black; } .elementor-281093 .elementor-element.elementor-element-b705664:hover .elementor-icon-box-title, .elementor-281093 .elementor-element.elementor-element-b705664:hover .elementor-icon-box-description { color: #000000 !important; }/* End custom CSS */