.elementor-30537 .elementor-element.elementor-element-b61d943{--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-30537 .elementor-element.elementor-element-b61d943:not(.elementor-motion-effects-element-type-background), .elementor-30537 .elementor-element.elementor-element-b61d943 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2c00a7a );}.elementor-30537 .elementor-element.elementor-element-8f1910a{--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-30537 .elementor-element.elementor-element-8f1910a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30537 .elementor-element.elementor-element-01ecb3d{width:100%;max-width:100%;}.elementor-30537 .elementor-element.elementor-element-01ecb3d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-30537 .elementor-element.elementor-element-1f22319{--display:flex;}.elementor-30537 .elementor-element.elementor-element-67ca85f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-67ca85f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-67ca85f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-67ca85f .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-67ca85f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-ca3c9d7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-ca3c9d7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-ca3c9d7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-title{color:#060606;}.elementor-30537 .elementor-element.elementor-element-c302c23.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-c302c23.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-c302c23.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-c302c23 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-c302c23 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-6946932.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-6946932.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-6946932.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-6946932 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-6946932 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-8d700e0.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-8d700e0.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-8d700e0.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-8d700e0 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-8d700e0 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-65bba7c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-65bba7c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-65bba7c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-65bba7c .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-65bba7c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-6ff4614.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-6ff4614.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-6ff4614.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-6ff4614 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-6ff4614 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-a2f0489.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-a2f0489.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-a2f0489.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-a2f0489 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-a2f0489 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-0b5997f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-0b5997f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-0b5997f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-0b5997f .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-0b5997f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-b0378bd.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-b0378bd.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-b0378bd.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-b0378bd .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-b0378bd .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-b8a002f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-b8a002f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-b8a002f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-b8a002f .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-b8a002f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-50d61a9.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-50d61a9.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-50d61a9.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-50d61a9 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-50d61a9 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-1f6f535.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-1f6f535.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-1f6f535.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-1f6f535 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-1f6f535 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-65145c5.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-65145c5.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-65145c5.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-65145c5 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-65145c5 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-6f42738.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-30537 .elementor-element.elementor-element-6f42738.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-30537 .elementor-element.elementor-element-6f42738.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-6f42738 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-30537 .elementor-element.elementor-element-6f42738 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-30537 .elementor-element.elementor-element-5872284{--display:flex;}.elementor-30537 .elementor-element.elementor-element-75f6f5a .elementor-cta__content-item{transition-duration:1000ms;}.elementor-30537 .elementor-element.elementor-element-75f6f5a.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-30537 .elementor-element.elementor-element-75f6f5a.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-30537 .elementor-element.elementor-element-75f6f5a.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-30537 .elementor-element.elementor-element-75f6f5a .elementor-cta .elementor-cta__bg, .elementor-30537 .elementor-element.elementor-element-75f6f5a .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-30537 .elementor-element.elementor-element-75f6f5a .elementor-cta__content{text-align:center;}.elementor-30537 .elementor-element.elementor-element-75f6f5a .elementor-cta__button{background-color:var( --e-global-color-2c00a7a );border-radius:30px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-30537 .elementor-element.elementor-element-67ca85f .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-67ca85f .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-ca3c9d7.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-c302c23.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-30537 .elementor-element.elementor-element-c302c23 .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-c302c23 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-6946932 .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-6946932 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-8d700e0 .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-8d700e0 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-65bba7c .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-65bba7c .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-6ff4614 .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-6ff4614 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-a2f0489 .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-a2f0489 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-0b5997f .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-0b5997f .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-b0378bd .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-b0378bd .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-b8a002f .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-b8a002f .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-50d61a9 .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-50d61a9 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-1f6f535 .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-1f6f535 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-65145c5 .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-65145c5 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-30537 .elementor-element.elementor-element-6f42738 .elementor-image-box-img{margin-bottom:15px;}.elementor-30537 .elementor-element.elementor-element-6f42738 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}}@media(min-width:768px){.elementor-30537 .elementor-element.elementor-element-8f1910a{--width:96.018%;}}/* Start custom CSS for image-box, class: .elementor-element-67ca85f *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-67ca85f .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; padding: 10px; } /* 2. THE BLUE CIRCLE ONLY */ .elementor-30537 .elementor-element.elementor-element-67ca85f .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; top: 10px; left: 10px; width: calc(100% - 200px); /* Matches padding */ width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #0018F9; /* Your Blue Color */ border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. REMOVE STRIKETHROUGH (Explicitly disabled) */ .elementor-30537 .elementor-element.elementor-element-67ca85f .elementor-image-box-wrapper .elementor-image-box-img::after { display: none !important; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-67ca85f .elementor-image-box-wrapper .elementor-image-box-img { padding: 5px; width: 100%; max-width: 160px; /* Increased for better visibility */ margin: 0 auto; } /* Adjust Blue Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-67ca85f .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-ca3c9d7 *//* 1. CLEANUP - Remove any previous red circle/strike effects */ .elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-wrapper .elementor-image-box-img::before, .elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-wrapper .elementor-image-box-img::after { display: none !important; content: none !important; } /* 2. DESKTOP CONTAINER */ .elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-wrapper .elementor-image-box-img { display: inline-block; position: relative; padding: 10px; line-height: 0; width: auto; } /* THE TRIPLE FRAME */ .elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-wrapper .elementor-image-box-img img { border: 4px solid #FFD700; /* Inner Yellow */ border-radius: 15px !important; box-shadow: 0 0 0 3px #000000, 0 0 0 7px #FFD700; overflow: hidden; clip-path: none !important; } /* 3. MOBILE RESPONSIVENESS (Fixes the "Too Small" issue) */ @media (max-width: 767px) { /* Reduce container padding to give more room to the icon */ .elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-wrapper .elementor-image-box-img { padding: 6px; width: 100%; /* Ensures it fills the column width on phone */ max-width: 120px; /* Adjust this number to your preferred icon size on mobile */ margin: 0 auto; /* Centers it */ } .elementor-30537 .elementor-element.elementor-element-ca3c9d7 .elementor-image-box-wrapper .elementor-image-box-img img { /* Scale down border thickness so it doesn't overwhelm the small icon */ border-width: 2px; border-radius: 10px !important; box-shadow: 0 0 0 2px #000000, 0 0 0 4px #FFD700; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-c302c23 *//* 1. CLEANUP - Remove any previous red circle/strike effects */ .elementor-30537 .elementor-element.elementor-element-c302c23 .elementor-image-box-wrapper .elementor-image-box-img::before, .elementor-30537 .elementor-element.elementor-element-c302c23 .elementor-image-box-wrapper .elementor-image-box-img::after { display: none !important; content: none !important; } /* 2. DESKTOP CONTAINER */ .elementor-30537 .elementor-element.elementor-element-c302c23 .elementor-image-box-wrapper .elementor-image-box-img { display: inline-block; position: relative; padding: 10px; line-height: 0; width: auto; } /* THE TRIPLE FRAME */ .elementor-30537 .elementor-element.elementor-element-c302c23 .elementor-image-box-wrapper .elementor-image-box-img img { border: 4px solid #FFD700; /* Inner Yellow */ border-radius: 15px !important; box-shadow: 0 0 0 3px #000000, 0 0 0 7px #FFD700; overflow: hidden; clip-path: none !important; } /* 3. MOBILE RESPONSIVENESS (Fixes the "Too Small" issue) */ @media (max-width: 767px) { /* Reduce container padding to give more room to the icon */ .elementor-30537 .elementor-element.elementor-element-c302c23 .elementor-image-box-wrapper .elementor-image-box-img { padding: 6px; width: 100%; /* Ensures it fills the column width on phone */ max-width: 120px; /* Adjust this number to your preferred icon size on mobile */ margin: 0 auto; /* Centers it */ } .elementor-30537 .elementor-element.elementor-element-c302c23 .elementor-image-box-wrapper .elementor-image-box-img img { /* Scale down border thickness so it doesn't overwhelm the small icon */ border-width: 2px; border-radius: 10px !important; box-shadow: 0 0 0 2px #000000, 0 0 0 4px #FFD700; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6946932 *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-6946932 .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-6946932 .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-6946932 .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-6946932 .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-6946932 .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-6946932 .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-8d700e0 *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-8d700e0 .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-8d700e0 .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-8d700e0 .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-8d700e0 .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-8d700e0 .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-8d700e0 .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-65bba7c *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-65bba7c .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-65bba7c .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-65bba7c .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-65bba7c .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-65bba7c .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-65bba7c .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6ff4614 *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-6ff4614 .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-6ff4614 .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-6ff4614 .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-6ff4614 .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-6ff4614 .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-6ff4614 .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-a2f0489 *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-a2f0489 .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-a2f0489 .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-a2f0489 .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-a2f0489 .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-a2f0489 .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-a2f0489 .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-0b5997f *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-0b5997f .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-0b5997f .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-0b5997f .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-0b5997f .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-0b5997f .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-0b5997f .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b0378bd *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-b0378bd .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-b0378bd .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-b0378bd .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-b0378bd .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-b0378bd .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-b0378bd .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b8a002f *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-b8a002f .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-b8a002f .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-b8a002f .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-b8a002f .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-b8a002f .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-b8a002f .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-50d61a9 *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-50d61a9 .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-50d61a9 .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-50d61a9 .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-50d61a9 .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-50d61a9 .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-50d61a9 .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1f6f535 *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-1f6f535 .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-1f6f535 .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-1f6f535 .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-1f6f535 .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-1f6f535 .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-1f6f535 .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-65145c5 *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-65145c5 .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-65145c5 .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-65145c5 .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-65145c5 .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-65145c5 .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-65145c5 .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-6f42738 *//* 1. CONTAINER SETUP */ .elementor-30537 .elementor-element.elementor-element-6f42738 .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; line-height: 0; /* Space so the circle doesn't touch the edges of the column */ padding: 10px; } /* 2. THE RED CIRCLE */ .elementor-30537 .elementor-element.elementor-element-6f42738 .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; /* Aligning to the padding-box */ top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* 3. THE RED STRIKETHROUGH */ .elementor-30537 .elementor-element.elementor-element-6f42738 .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 4. MOBILE RESPONSIVENESS */ @media (max-width: 767px) { .elementor-30537 .elementor-element.elementor-element-6f42738 .elementor-image-box-wrapper .elementor-image-box-img { /* Less padding gives more room to the icon itself */ padding: 5px; width: 100%; max-width: 120px; /* Matches your yellow frame size */ margin: 0 auto; } /* Adjust Circle for Mobile */ .elementor-30537 .elementor-element.elementor-element-6f42738 .elementor-image-box-wrapper .elementor-image-box-img::before { top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); border-width: 3px; /* Thinner line for smaller screens */ } /* Adjust Strike for Mobile */ .elementor-30537 .elementor-element.elementor-element-6f42738 .elementor-image-box-wrapper .elementor-image-box-img::after { width: calc(100% - 10px); height: 3px; /* Thinner line for smaller screens */ } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1f22319 *//* 1. BASE STYLES (Desktop & Tablet) */ .elementor-30537 .elementor-element.elementor-element-1f22319 .elementor-image-box-wrapper .elementor-image-box-img { position: relative; display: inline-block; } /* The Circle */ .elementor-30537 .elementor-element.elementor-element-1f22319 .elementor-image-box-wrapper .elementor-image-box-img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 6px solid #FF0000; border-radius: 50%; box-sizing: border-box; z-index: 2; } /* The Diagonal Line */ .elementor-30537 .elementor-element.elementor-element-1f22319 .elementor-image-box-wrapper .elementor-image-box-img::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 6px; background-color: #FF0000; transform: translate(-50%, -50%) rotate(-45deg); z-index: 3; } /* 2. MOBILE ADJUSTMENTS (Phone view) */ @media (max-width: 767px) { /* Thinner Circle Border on Mobile */ .elementor-30537 .elementor-element.elementor-element-1f22319 .elementor-image-box-wrapper .elementor-image-box-img::before { border-width: 3px; } /* Thinner Diagonal Line on Mobile */ .elementor-30537 .elementor-element.elementor-element-1f22319 .elementor-image-box-wrapper .elementor-image-box-img::after { height: 3px; } }/* End custom CSS */