.elementor-5572 .elementor-element.elementor-element-29e5316{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5572 .elementor-element.elementor-element-29e5316:not(.elementor-motion-effects-element-type-background), .elementor-5572 .elementor-element.elementor-element-29e5316 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1C1D21 0%, #090A0A 100%);}.elementor-5572 .elementor-element.elementor-element-29e5316::before, .elementor-5572 .elementor-element.elementor-element-29e5316 > .elementor-background-video-container::before, .elementor-5572 .elementor-element.elementor-element-29e5316 > .e-con-inner > .elementor-background-video-container::before, .elementor-5572 .elementor-element.elementor-element-29e5316 > .elementor-background-slideshow::before, .elementor-5572 .elementor-element.elementor-element-29e5316 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5572 .elementor-element.elementor-element-29e5316 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5572 .elementor-element.elementor-element-29e5316.e-con{--align-self:center;}.elementor-5572 .elementor-element.elementor-element-3ecc909{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-5572 .elementor-element.elementor-element-3ecc909:not(.elementor-motion-effects-element-type-background), .elementor-5572 .elementor-element.elementor-element-3ecc909 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #1C1D21 0%, #090A0A 100%);}.elementor-5572 .elementor-element.elementor-element-3ecc909.e-con{--align-self:center;}.elementor-5572 .elementor-element.elementor-element-bce490a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:start;--align-items:start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5572 .elementor-element.elementor-element-bce490a.e-con{--align-self:center;}.elementor-5572 .elementor-element.elementor-element-4c17b96{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5572 .elementor-element.elementor-element-2f501cf.elementor-element{--align-self:flex-start;}.elementor-5572 .elementor-element.elementor-element-2f501cf .elementor-heading-title{font-family:"Nunito Sans", Sans-serif;font-size:25px;font-weight:800;color:#CF2E2E;}.elementor-5572 .elementor-element.elementor-element-2f501cf .elementor-heading-title a:hover, .elementor-5572 .elementor-element.elementor-element-2f501cf .elementor-heading-title a:focus{color:#FA0F0F;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-5572 .elementor-element.elementor-element-c918dcd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5572 .elementor-element.elementor-element-c918dcd.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-5572 .elementor-element.elementor-element-c918dcd{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-item > a{font-family:"Nunito Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-5572 .elementor-element.elementor-element-c918dcd .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FC0000;}.elementor-5572 .elementor-element.elementor-element-474a924{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5572 .elementor-element.elementor-element-474a924.e-con{--order:99999 /* order end hack */;}.elementor-5572 .elementor-element.elementor-element-d2206d9.elementor-element{--align-self:flex-start;}.elementor-5572 .elementor-element.elementor-element-d2206d9 .elementor-heading-title{font-family:"Nunito Sans", Sans-serif;font-size:25px;font-weight:800;color:#CF2E2E;}.elementor-5572 .elementor-element.elementor-element-d2206d9 .elementor-heading-title a:hover, .elementor-5572 .elementor-element.elementor-element-d2206d9 .elementor-heading-title a:focus{color:#FA0F0F;}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5572 .elementor-element.elementor-element-3ccd2e7.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-5572 .elementor-element.elementor-element-3ccd2e7{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-item > a{font-family:"Nunito Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-5572 .elementor-element.elementor-element-3ccd2e7 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FC0000;}.elementor-5572 .elementor-element.elementor-element-6ec72d4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5572 .elementor-element.elementor-element-2bc8fb2.elementor-element{--align-self:flex-start;}.elementor-5572 .elementor-element.elementor-element-2bc8fb2 .elementor-heading-title{font-family:"Nunito Sans", Sans-serif;font-size:25px;font-weight:800;color:#CF2E2E;}.elementor-5572 .elementor-element.elementor-element-2bc8fb2 .elementor-heading-title a:hover, .elementor-5572 .elementor-element.elementor-element-2bc8fb2 .elementor-heading-title a:focus{color:#FA0F0F;}.elementor-5572 .elementor-element.elementor-element-bc0fc00 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5572 .elementor-element.elementor-element-bc0fc00.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-5572 .elementor-element.elementor-element-bc0fc00{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-item > a{font-family:"Nunito Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-5572 .elementor-element.elementor-element-bc0fc00 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FC0000;}body.elementor-page-5572{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-5572 .elementor-element.elementor-element-29e5316{--width:100%;}.elementor-5572 .elementor-element.elementor-element-3ecc909{--content-width:1134px;}.elementor-5572 .elementor-element.elementor-element-bce490a{--width:100%;}.elementor-5572 .elementor-element.elementor-element-4c17b96{--width:100%;}.elementor-5572 .elementor-element.elementor-element-474a924{--width:100%;}.elementor-5572 .elementor-element.elementor-element-6ec72d4{--width:100%;}}@media(max-width:1366px){.elementor-5572 .elementor-element.elementor-element-bce490a{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-5572 .elementor-element.elementor-element-bce490a{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5572 .elementor-element.elementor-element-bce490a{--e-con-grid-template-columns:1;--grid-auto-flow:row;}}/* Start custom CSS for icon-list, class: .elementor-element-c918dcd *//* ========================= MEGA MENU COMPACT FIX Target: #mega-menu / .mega-menu ========================= */ /* main wrapper spacing */ #mega-menu, .mega-menu{ padding: 10px 14px !important; margin: 0 !important; max-width: 420px !important; /* optional: para di sobrang wide */ } /* remove extra spacing from typical mega menu containers */ #mega-menu ul, #mega-menu ol, #mega-menu .elementor-widget-container, #mega-menu .elementor-nav-menu, #mega-menu .elementor-nav-menu--dropdown, .mega-menu ul, .mega-menu ol{ margin: 0 !important; padding: 0 !important; } /* each row item */ #mega-menu li, #mega-menu .elementor-nav-menu li, .mega-menu li{ margin: 0 !important; padding: 0 !important; } /* clickable link row */ #mega-menu a, #mega-menu .elementor-item, .mega-menu a{ display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 10px !important; /* ✅ bawas height */ line-height: 1.2 !important; min-height: auto !important; font-size: 14px !important; /* ✅ mas compact */ font-weight: 700 !important; } /* separators: make thinner + less padding */ #mega-menu hr, #mega-menu .elementor-divider-separator, .mega-menu hr{ margin: 8px 0 !important; opacity: .35 !important; } /* if you use divider widget lines */ #mega-menu .elementor-divider, .mega-menu .elementor-divider{ margin: 0 !important; padding: 0 !important; } /* title “Platform Features” spacing */ #mega-menu h1, #mega-menu h2, #mega-menu h3, #mega-menu .menu-title, .mega-menu h1, .mega-menu h2, .mega-menu h3{ margin: 0 0 10px !important; padding: 0 !important; line-height: 1.15 !important; font-size: 16px !important; /* adjust */ } /* arrow icon spacing (common for pseudo icons or svg) */ #mega-menu svg, #mega-menu i, #mega-menu .icon, .mega-menu svg, .mega-menu i, .mega-menu .icon{ margin: 0 !important; padding: 0 !important; width: 14px !important; height: 14px !important; flex: 0 0 auto !important; } /* If mega menu dropdown panel itself has huge padding */ .elementor-nav-menu--dropdown, .elementor-nav-menu__container, .elementor-nav-menu--main .sub-menu{ padding-top: 8px !important; padding-bottom: 8px !important; } /* mobile: extra compact */ @media (max-width: 768px){ #mega-menu a, #mega-menu .elementor-item, .mega-menu a{ padding: 11px 10px !important; font-size: 13.5px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-3ccd2e7 *//* ========================= MEGA MENU COMPACT FIX Target: #mega-menu / .mega-menu ========================= */ /* main wrapper spacing */ #mega-menu, .mega-menu{ padding: 10px 14px !important; margin: 0 !important; max-width: 420px !important; /* optional: para di sobrang wide */ } /* remove extra spacing from typical mega menu containers */ #mega-menu ul, #mega-menu ol, #mega-menu .elementor-widget-container, #mega-menu .elementor-nav-menu, #mega-menu .elementor-nav-menu--dropdown, .mega-menu ul, .mega-menu ol{ margin: 0 !important; padding: 0 !important; } /* each row item */ #mega-menu li, #mega-menu .elementor-nav-menu li, .mega-menu li{ margin: 0 !important; padding: 0 !important; } /* clickable link row */ #mega-menu a, #mega-menu .elementor-item, .mega-menu a{ display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 10px !important; /* ✅ bawas height */ line-height: 1.2 !important; min-height: auto !important; font-size: 14px !important; /* ✅ mas compact */ font-weight: 700 !important; } /* separators: make thinner + less padding */ #mega-menu hr, #mega-menu .elementor-divider-separator, .mega-menu hr{ margin: 8px 0 !important; opacity: .35 !important; } /* if you use divider widget lines */ #mega-menu .elementor-divider, .mega-menu .elementor-divider{ margin: 0 !important; padding: 0 !important; } /* title “Platform Features” spacing */ #mega-menu h1, #mega-menu h2, #mega-menu h3, #mega-menu .menu-title, .mega-menu h1, .mega-menu h2, .mega-menu h3{ margin: 0 0 10px !important; padding: 0 !important; line-height: 1.15 !important; font-size: 16px !important; /* adjust */ } /* arrow icon spacing (common for pseudo icons or svg) */ #mega-menu svg, #mega-menu i, #mega-menu .icon, .mega-menu svg, .mega-menu i, .mega-menu .icon{ margin: 0 !important; padding: 0 !important; width: 14px !important; height: 14px !important; flex: 0 0 auto !important; } /* If mega menu dropdown panel itself has huge padding */ .elementor-nav-menu--dropdown, .elementor-nav-menu__container, .elementor-nav-menu--main .sub-menu{ padding-top: 8px !important; padding-bottom: 8px !important; } /* mobile: extra compact */ @media (max-width: 768px){ #mega-menu a, #mega-menu .elementor-item, .mega-menu a{ padding: 11px 10px !important; font-size: 13.5px !important; } }/* End custom CSS */ /* Start custom CSS for icon-list, class: .elementor-element-bc0fc00 *//* ========================= MEGA MENU COMPACT FIX Target: #mega-menu / .mega-menu ========================= */ /* main wrapper spacing */ #mega-menu, .mega-menu{ padding: 10px 14px !important; margin: 0 !important; max-width: 420px !important; /* optional: para di sobrang wide */ } /* remove extra spacing from typical mega menu containers */ #mega-menu ul, #mega-menu ol, #mega-menu .elementor-widget-container, #mega-menu .elementor-nav-menu, #mega-menu .elementor-nav-menu--dropdown, .mega-menu ul, .mega-menu ol{ margin: 0 !important; padding: 0 !important; } /* each row item */ #mega-menu li, #mega-menu .elementor-nav-menu li, .mega-menu li{ margin: 0 !important; padding: 0 !important; } /* clickable link row */ #mega-menu a, #mega-menu .elementor-item, .mega-menu a{ display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 10px !important; /* ✅ bawas height */ line-height: 1.2 !important; min-height: auto !important; font-size: 14px !important; /* ✅ mas compact */ font-weight: 700 !important; } /* separators: make thinner + less padding */ #mega-menu hr, #mega-menu .elementor-divider-separator, .mega-menu hr{ margin: 8px 0 !important; opacity: .35 !important; } /* if you use divider widget lines */ #mega-menu .elementor-divider, .mega-menu .elementor-divider{ margin: 0 !important; padding: 0 !important; } /* title “Platform Features” spacing */ #mega-menu h1, #mega-menu h2, #mega-menu h3, #mega-menu .menu-title, .mega-menu h1, .mega-menu h2, .mega-menu h3{ margin: 0 0 10px !important; padding: 0 !important; line-height: 1.15 !important; font-size: 16px !important; /* adjust */ } /* arrow icon spacing (common for pseudo icons or svg) */ #mega-menu svg, #mega-menu i, #mega-menu .icon, .mega-menu svg, .mega-menu i, .mega-menu .icon{ margin: 0 !important; padding: 0 !important; width: 14px !important; height: 14px !important; flex: 0 0 auto !important; } /* If mega menu dropdown panel itself has huge padding */ .elementor-nav-menu--dropdown, .elementor-nav-menu__container, .elementor-nav-menu--main .sub-menu{ padding-top: 8px !important; padding-bottom: 8px !important; } /* mobile: extra compact */ @media (max-width: 768px){ #mega-menu a, #mega-menu .elementor-item, .mega-menu a{ padding: 11px 10px !important; font-size: 13.5px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3ecc909 *//* ================================================= BASE DARK BOX – UNIFORM & FIXED TEXT COLORS ================================================= */ .tool-box, #bor { position: relative; padding: 32px; min-height: 200px; border-radius: 18px; /* SAME DARK BACKGROUND AS OTHER CARDS */ background: linear-gradient( 180deg, #1c1f24 0%, #0f1216 100% ) !important; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 25px 60px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; /* ✅ FORCE TEXT COLOR */ color: #ffffff; } /* ===== TEXT ELEMENTS INSIDE CARD ===== */ .tool-box h1, .tool-box h2, .tool-box h3, .tool-box h4, .tool-box h5, .tool-box h6, .tool-box p, .tool-box li, .tool-box span, .tool-box small, .tool-box div, #bor h1, #bor h2, #bor h3, #bor h4, #bor h5, #bor h6, #bor p, #bor li, #bor span, #bor small, #bor div { color: #ffffff !important; } /* Hover */ .tool-box:hover, #bor:hover { transform: translateY(-4px); border-color: rgba(245,200,76,0.45); box-shadow: 0 35px 90px rgba(0,0,0,0.75), inset 0 1px 0 rgba(255,255,255,0.08); } /* ================================================= ICON BASE – REQUIRED (WEBKIT SAFE) ================================================= */ .tool-box::before { content: ""; width: 26px; height: 50px; display: block; margin-bottom: 16px; background-color: #f5c84c; mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; opacity: 0.95; } /* ================================================= TEXT-ONLY BOX (NO ICON) ================================================= */ #bor::before { display: none !important; } /* ================================================= ICON DEFINITIONS (UNCHANGED – SAFE) ================================================= */ .icon-messaging::before { mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-image: url("data:image/svg+xml;utf8,"); } .icon-phone::before { mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-image: url("data:image/svg+xml;utf8,"); } .icon-crm::before { mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-image: url("data:image/svg+xml;utf8,"); } .icon-booking::before { mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-image: url("data:image/svg+xml;utf8,"); } /* ================================================= MOBILE TUNING ================================================= */ @media (max-width: 768px) { .tool-box, #bor { padding: 24px; border-radius: 14px; } .tool-box::before { width: 22px; height: 22px; } }/* End custom CSS */