.elementor-8334 .elementor-element.elementor-element-14cc5466:not(.elementor-motion-effects-element-type-background), .elementor-8334 .elementor-element.elementor-element-14cc5466 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01A6D0;background-image:url("https://veritahr.com/wp-content/uploads/2025/04/1220603-scaled-e1744904001436-1536x1154.jpg");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-8334 .elementor-element.elementor-element-14cc5466 > .elementor-container{min-height:600px;}.elementor-8334 .elementor-element.elementor-element-14cc5466 > .elementor-background-overlay{mix-blend-mode:exclusion;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8334 .elementor-element.elementor-element-14cc5466{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:25px 0px 25px 0px;}.elementor-8334 .elementor-element.elementor-element-2c315a0c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8334 .elementor-element.elementor-element-2c315a0c:not(.elementor-motion-effects-element-type-background), .elementor-8334 .elementor-element.elementor-element-2c315a0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ed46e1a );}.elementor-8334 .elementor-element.elementor-element-48a20231{--spacer-size:20px;}.elementor-8334 .elementor-element.elementor-element-1ceef13{text-align:center;}.elementor-8334 .elementor-element.elementor-element-4527d1e6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8334 .elementor-element.elementor-element-4527d1e6.e-con{--align-self:center;}.elementor-8334 .elementor-element.elementor-element-c4ae072 .elementor-button{background-color:#01A6D0;fill:var( --e-global-color-ed46e1a );color:var( --e-global-color-ed46e1a );}.elementor-8334 .elementor-element.elementor-element-c4ae072 .elementor-button:hover, .elementor-8334 .elementor-element.elementor-element-c4ae072 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-primary );}.elementor-8334 .elementor-element.elementor-element-c4ae072.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-8334 .elementor-element.elementor-element-c4ae072 .elementor-button:hover svg, .elementor-8334 .elementor-element.elementor-element-c4ae072 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8334 .elementor-element.elementor-element-73abcd88{--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-8334 .elementor-element.elementor-element-6cfb6c67{--divider-border-style:solid;--divider-color:var( --e-global-color-bebc3e0 );--divider-border-width:2px;}.elementor-8334 .elementor-element.elementor-element-6cfb6c67 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-8334 .elementor-element.elementor-element-6cfb6c67 .elementor-divider{text-align:center;padding-block-start:40px;padding-block-end:40px;}.elementor-8334 .elementor-element.elementor-element-1753f92c{--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;--align-items:center;}.elementor-8334 .elementor-element.elementor-element-4dccf216{text-align:center;}.elementor-8334 .elementor-element.elementor-element-7ef74aa8{--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-8334 .elementor-element.elementor-element-20b1f90{--spacer-size:20px;}.elementor-8334 .elementor-element.elementor-element-4f0cd922{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8334 .elementor-element.elementor-element-4f0cd922.e-con{--align-self:center;}.elementor-8334 .elementor-element.elementor-element-7979b227 .elementor-button{background-color:#01A6D0;fill:var( --e-global-color-ed46e1a );color:var( --e-global-color-ed46e1a );}.elementor-8334 .elementor-element.elementor-element-7979b227 .elementor-button:hover, .elementor-8334 .elementor-element.elementor-element-7979b227 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-primary );}.elementor-8334 .elementor-element.elementor-element-7979b227.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-8334 .elementor-element.elementor-element-7979b227 .elementor-button:hover svg, .elementor-8334 .elementor-element.elementor-element-7979b227 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-8334 .elementor-element.elementor-element-54a99641{--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-8334 .elementor-element.elementor-element-1efb1b65{--divider-border-style:solid;--divider-color:var( --e-global-color-bebc3e0 );--divider-border-width:2px;}.elementor-8334 .elementor-element.elementor-element-1efb1b65 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-8334 .elementor-element.elementor-element-1efb1b65 .elementor-divider{text-align:center;padding-block-start:40px;padding-block-end:40px;}.elementor-8334 .elementor-element.elementor-element-7897d265{--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;--align-items:center;}.elementor-8334 .elementor-element.elementor-element-25026869{text-align:center;}.elementor-8334 .elementor-element.elementor-element-379a1b4{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8334 .elementor-element.elementor-element-379a1b4:not(.elementor-motion-effects-element-type-background), .elementor-8334 .elementor-element.elementor-element-379a1b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01A6D0;}.elementor-8334 .elementor-element.elementor-element-3e611486{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8334 .elementor-element.elementor-element-3e611486 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8334 .elementor-element.elementor-element-6bc81eb5.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-8334 .elementor-element.elementor-element-6bc81eb5 > .elementor-element-populated{padding:50px 0px 50px 0px;}.elementor-8334 .elementor-element.elementor-element-33547d0d{width:auto;max-width:auto;text-align:center;}.elementor-8334 .elementor-element.elementor-element-33547d0d > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-8334 .elementor-element.elementor-element-7e20d267{padding:0px 0px 50px 0px;}.elementor-8334 .elementor-element.elementor-element-572f5c18 > .elementor-element-populated{margin:20px 20px 20px 20px;--e-column-margin-right:20px;--e-column-margin-left:20px;padding:10px 100px 10px 10px;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:17px;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-17px;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-field-type-html{padding-bottom:0px;font-size:11px;line-height:1.2em;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-button{border-style:solid;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .e-form__buttons__wrapper__button-next{background-color:#FFFFFF;color:#000000;border-color:#1ABEF0;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-button[type="submit"]{background-color:#FFFFFF;color:#000000;border-color:#1ABEF0;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .e-form__buttons__wrapper__button-next:hover{background-color:#1ABEF0;color:#FFFFFF;border-color:#1ABEF0;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-button[type="submit"]:hover{background-color:#1ABEF0;color:#FFFFFF;border-color:#1ABEF0;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-8334 .elementor-element.elementor-element-4d3d2b5a{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-bc-flex-widget .elementor-8334 .elementor-element.elementor-element-ea095e1.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-8334 .elementor-element.elementor-element-ea095e1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-8334 .elementor-element.elementor-element-ea095e1 > .elementor-element-populated{padding:13px 10px 0px 10px;}.elementor-8334 .elementor-element.elementor-element-56d4eb82 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-56d4eb82 .elementor-heading-title{font-size:25px;font-weight:600;line-height:1.3em;}.elementor-8334 .elementor-element.elementor-element-6a834519{--divider-border-style:solid;--divider-color:#1ABEF0;--divider-border-width:2px;}.elementor-8334 .elementor-element.elementor-element-6a834519 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-6a834519 .elementor-divider-separator{width:38px;margin:0 auto;margin-left:0;}.elementor-8334 .elementor-element.elementor-element-6a834519 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-8334 .elementor-element.elementor-element-479f9f06 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-479f9f06{text-align:left;}.elementor-8334 .elementor-element.elementor-element-6be2383d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-6be2383d .elementor-heading-title{font-size:25px;font-weight:600;line-height:1.3em;}.elementor-8334 .elementor-element.elementor-element-626a5f80{--divider-border-style:solid;--divider-color:#1ABEF0;--divider-border-width:2px;}.elementor-8334 .elementor-element.elementor-element-626a5f80 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-626a5f80 .elementor-divider-separator{width:38px;margin:0 auto;margin-left:0;}.elementor-8334 .elementor-element.elementor-element-626a5f80 .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-8334 .elementor-element.elementor-element-3484f514 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-3484f514{text-align:left;}.elementor-bc-flex-widget .elementor-8334 .elementor-element.elementor-element-28fe73e2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-8334 .elementor-element.elementor-element-28fe73e2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-8334 .elementor-element.elementor-element-28fe73e2.elementor-column > .elementor-widget-wrap{justify-content:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8334 .elementor-element.elementor-element-6dfc9fe3{width:41.091%;}.elementor-8334 .elementor-element.elementor-element-28fe73e2{width:58.909%;}}@media(min-width:1025px){.elementor-8334 .elementor-element.elementor-element-14cc5466:not(.elementor-motion-effects-element-type-background), .elementor-8334 .elementor-element.elementor-element-14cc5466 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-8334 .elementor-element.elementor-element-379a1b4{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-8334 .elementor-element.elementor-element-379a1b4{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-8334 .elementor-element.elementor-element-3e611486{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-7e20d267{margin-top:0px;margin-bottom:0px;padding:0px 0px 50px 0px;}.elementor-8334 .elementor-element.elementor-element-572f5c18 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-ea095e1{width:100%;}.elementor-8334 .elementor-element.elementor-element-ea095e1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-5859a03a{margin-top:50px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-6dfc9fe3{width:100%;}.elementor-8334 .elementor-element.elementor-element-6dfc9fe3 > .elementor-element-populated{margin:15px 15px 15px 35px;--e-column-margin-right:15px;--e-column-margin-left:35px;padding:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-479f9f06 > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-479f9f06{text-align:left;}.elementor-8334 .elementor-element.elementor-element-3484f514 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-3484f514{text-align:left;}.elementor-8334 .elementor-element.elementor-element-28fe73e2{width:100%;}.elementor-8334 .elementor-element.elementor-element-28fe73e2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-1bf88289 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-8334 .elementor-element.elementor-element-1bf88289{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-f24b4a6 */.carousel-wrapper {
            position: relative;
            max-width: 100%;
            margin: 0 auto;
            padding: 0 40px;
        }

        .carousel-nav-button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.9);
            border: 2px solid #01a6d0;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            z-index: 10;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        .carousel-nav-button:hover {
            background: #01a6d0;
            transform: translateY(-50%) scale(1.1);
        }

        .carousel-nav-button:hover .nav-icon {
            stroke: white;
        }

        .carousel-nav-left {
            left: 10px;
        }

        .carousel-nav-right {
            right: 10px;
        }

        .nav-icon {
            width: 24px;
            height: 24px;
            stroke: #01a6d0;
            transition: stroke 0.3s ease;
        }

        .carousel-container {
            width: 100%;
            background: #ffffff;
            border-radius: 24px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            border: 1px solid #e2e8f0;
            position: relative;
            z-index: 2;
        }

        .carousel-tabs {
            display: flex;
            background: linear-gradient(135deg, #01a6d0 0%, #0092bc 100%);
            padding: 8px;
            gap: 4px;
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
            border-top-left-radius: 24px;
            border-top-right-radius: 24px;
        }

        .carousel-tabs::-webkit-scrollbar {
            display: none;
        }

        .tab-button {
            flex: 1;
            min-width: 95px;
            padding: 10px 15px;
            background: rgba(255, 255, 255, 0.15);
            border: none;
            border-radius: 50px;
            cursor: pointer;
            font-weight: 600;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.8);
            transition: all 0.3s ease;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .tab-button:hover {
            background: rgba(255, 255, 255, 0.3);
            color: white;
            transform: translateY(-2px);
        }

        .tab-button.active {
            background: #ffffff;
            color: #01a6d0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transform: translateY(0);
        }

        .carousel-content {
            padding: 40px;
            position: relative;
        }

        .tab-content {
            display: none;
            animation: fadeIn 0.5s ease-in-out;
        }

        .tab-content.active {
            display: flex;
            gap: 40px;
            align-items: center;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .content-left {
            flex: 0 0 280px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
            border-radius: 20px;
            padding: 40px;
            border: 2px solid #e2e8f0;
        }

        .svg-placeholder {
            width: 200px;
            height: 200px;
            background: linear-gradient(135deg, rgba(1, 166, 208, 0.1) 0%, rgba(1, 166, 208, 0.05) 100%);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed rgba(1, 166, 208, 0.3);
            transition: all 0.3s ease;
        }

        .svg-placeholder:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, rgba(1, 166, 208, 0.15) 0%, rgba(1, 166, 208, 0.08) 100%);
        }

        .svg-icon {
            width: 80px;
            height: 80px;
            opacity: 0.6;
        }

        .content-right {
            flex: 1;
            padding-left: 20px;
        }

        .content-right h3 {
            color: #01a6d0;
            font-size: 2.2em;
            margin-bottom: 20px;
            font-weight: 700;
            line-height: 1.2;
        }

        .content-right p {
            color: #475569;
            font-size: 1.1em;
            line-height: 1.7;
            margin-bottom: 16px;
        }

        .content-right p:last-child {
            margin-bottom: 0;
        }

        .navigation-dots {
            display: flex;
            justify-content: center;
            gap: 12px;
            padding: 30px;
            background: #f8fafc;
        }

        .dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #cbd5e1;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .dot.active {
            background: #01a6d0;
            transform: scale(1.2);
        }

        .dot:hover {
            background: #01a6d0;
            transform: scale(1.1);
        }

        @media (max-width: 768px) {
            .carousel-wrapper {
                padding: 0 20px;
            }

            .carousel-nav-button {
                display: none;
            }

            .carousel-content {
                padding: 20px;
            }

            .tab-content.active {
                flex-direction: column;
                gap: 30px;
            }

            .content-left {
                flex: none;
                width: 100%;
                padding: 30px;
            }

            .content-right {
                padding-left: 0;
            }

            .content-right h3 {
                font-size: 1.8em;
            }

            .tab-button {
                min-width: 90px;
                padding: 8px 12px;
                font-size: 12px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                justify-content: center;
            }
        }

        @media (max-width: 500px) {
            .tab-button {
                min-width: 75px;
                padding: 6px 10px;
                font-size: 11px;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e946b54 */.boxes-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            padding: 20px;
        }

        /* Adjust for larger screens to achieve the 3-2 layout */
        @media (min-width: 992px) {
            .boxes-container {
                grid-template-columns: repeat(3, 1fr);
            }

            /* New container for the last two boxes to center them below */
            .bottom-boxes-wrapper {
                grid-column: 1 / -1;
                display: flex;
                justify-content: center;
                gap: 30px;
                width: 100%;
                margin-top: 0; /* Removed extra margin since grid gap handles spacing */
            }

            /* Ensure boxes within the wrapper behave like the others */
            .bottom-boxes-wrapper .service-box {
                flex-basis: 0;
                flex-grow: 1;
                max-width: calc((1200px - (2 * 30px)) / 3);
            }
        }

        .service-box {
            background: #ffffff;
            border-radius: 20px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
            border: 1px solid #e2e8f0;
            padding: 30px;
            text-align: center;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            height: auto; /* Ensure flexible height */
        }

        .service-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }

        .box-icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, rgba(1, 166, 208, 0.1) 0%, rgba(1, 166, 208, 0.05) 100%);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
            border: 2px dashed rgba(1, 166, 208, 0.3);
            transition: all 0.3s ease;
            flex-shrink: 0; /* Prevent icon from shrinking */
        }

        .service-box:hover .box-icon {
            transform: scale(1.05);
            background: linear-gradient(135deg, rgba(1, 166, 208, 0.15) 0%, rgba(1, 166, 208, 0.08) 100%);
        }

        .box-icon svg {
            width: 50px;
            height: 50px;
            stroke: #01a6d0;
            stroke-width: 1.5;
            opacity: 0.7;
            fill: none; /* Ensure SVGs don't get filled */
        }

        .service-box h4 {
            color: #01a6d0;
            font-size: 1.5em;
            margin-bottom: 15px;
            font-weight: 700;
            line-height: 1.3;
            margin-top: 0; /* Remove default margin */
        }

        .service-box p {
            color: #475569;
            font-size: 1em;
            line-height: 1.6;
            text-align: justify;
            margin: 0; /* Remove default margin */
            flex-grow: 1; /* Allow text to take remaining space */
        }

        @media (max-width: 991px) {
            .boxes-container {
                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                justify-items: center;
            }
            .bottom-boxes-wrapper {
                display: contents;
            }
        }

        @media (max-width: 768px) {
            .boxes-container {
                grid-template-columns: 1fr;
                gap: 25px;
                padding: 15px;
            }

            .service-box {
                padding: 25px;
            }

            .service-box h4 {
                font-size: 1.3em;
            }

            .service-box p {
                font-size: 0.95em;
            }

            .box-icon {
                width: 70px;
                height: 70px;
                margin-bottom: 20px;
            }

            .box-icon svg {
                width: 40px;
                height: 40px;
            }
        }

    
        }

        
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31320a56 */.dynamic-highlight-section {
            display: flex;
            flex-direction: column; /* Stack items vertically */
            align-items: center; /* Center boxes horizontally */
            /* Removed gap property - using margin instead */
            max-width: 1100px; /* Consistent max-width for overall compactness */
            margin: 40px auto; /* Reduced vertical spacing for the whole section */
            padding: 0 40px; /* Consistent padding on sides */
            /* Background is now handled by body element */
        }

        .highlight-box {
            width: 100%; /* Take full width of its parent (.dynamic-highlight-section) */
            background: #ffffff; /* Crisp white background for the boxes */
            border-radius: 30px; /* Sleeker rounded corners */
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18); /* Maintained good shadow for pop-out */
            padding: 50px; /* Consistent internal padding */
            text-align: left;
            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column; /* Stack internal content vertically (header-top + paragraphs) */
            border: 1px solid #e2e8f0; /* Subtle light border */
            z-index: 2; /* Ensure the box itself is above any background elements */
            
            /* Force spacing between boxes using margin - this won't be overridden by gap conflicts */
            margin-bottom: 45px !important;
        }
        
        .highlight-box:last-child {
            margin-bottom: 0 !important; /* Remove margin from last box */
        }

        .highlight-box::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: transparent;
            border-radius: 30px;
            z-index: 1; /* This overlay is behind the box content */
            pointer-events: none;
            transition: background 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }

        .highlight-box:hover {
            transform: translateY(-10px); /* Reduced lift on hover for a subtle effect */
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.3); /* Slightly less intense shadow on hover */
        }

        .highlight-box:hover::before {
            /* Harder gradient on hover - adjusted for a striking effect */
            background: linear-gradient(145deg, rgba(1, 166, 208, 0.98) 0%, rgba(0, 123, 255, 0.98) 100%);
        }

        .highlight-box:hover .highlight-icon {
            transform: translateY(-5px); /* Reduced icon animation */
            background: rgba(255, 255, 255, 1) !important; /* **Ensured solid white background for icon** */
        }

        .highlight-box:hover .highlight-icon svg {
            stroke: #007bff !important; /* **Ensured blue icon color on hover** */
        }

        .highlight-box:hover .highlight-title {
            color: #ffffff !important; /* **Ensured white title color on hover** */
        }

        .highlight-box:hover p {
            color: #ffffff !important; /* **THIS IS THE KEY LINE: Ensured white paragraph color on hover** */
        }

        /* NEW: Style for the header with icon and title side-by-side */
        .highlight-header-top {
            display: flex; /* Use flexbox to align icon and title horizontally */
            align-items: center; /* Vertically align items in the middle */
            margin-bottom: 25px; /* Reduced space below the entire header section */
            z-index: 2; /* Ensure this is above the hover overlay */
            position: relative; /* For z-index to work reliably */
        }

        .highlight-icon {
            width: 60px; /* Further reduced icon container size for compactness */
            height: 60px;
            background: rgba(1, 166, 208, 0.12);
            border-radius: 18px; /* Slightly more square icon background */
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px; /* Space between icon and title */
            flex-shrink: 0; /* Prevent icon from shrinking */
            transition: all 0.4s ease;
            z-index: 2;
        }

        .highlight-icon svg {
            width: 38px; /* Reduced SVG icon size */
            height: 38px;
            stroke: #01a6d0;
            stroke-width: 2.2;
            opacity: 0.9;
            transition: stroke 0.4s ease;
            fill: none;
        }

        .highlight-title {
            color: #01a6d0;
            font-size: 1.8em; /* Reduced heading size for inline presentation */
            font-weight: 800;
            line-height: 1.3; /* Adjusted line height for multi-line titles if needed */
            margin: 0; /* Removed default margins on h4 as flex container handles spacing */
            z-index: 2;
            transition: color 0.4s ease;
        }

        .highlight-box p {
            color: #334155;
            font-size: 1em; /* Body text size */
            line-height: 1.6; /* Line height */
            margin-bottom: 15px; /* Space between paragraphs */
            z-index: 2;
            transition: color 0.4s ease;
        }

        .highlight-box p:last-child {
            margin-bottom: 0;
        }

        /* Responsive adjustments */
        /* Tablets (portrait and smaller desktops) */
        @media (max-width: 1280px) {
            .dynamic-highlight-section {
                max-width: 1000px;
                padding: 0 35px; /* Adjusted padding */
            }
            .highlight-box {
                padding: 35px; /* Scaled down internal padding */
            }
            .highlight-header-top {
                margin-bottom: 20px; /* Adjusted spacing */
            }
            .highlight-title {
                font-size: 1.6em;
            }
            .highlight-icon {
                width: 55px;
                height: 55px;
            }
            .highlight-icon svg {
                width: 35px;
                height: 35px;
            }
            .highlight-box p {
                font-size: 0.98em;
            }
        }

        @media (max-width: 1024px) {
            .dynamic-highlight-section {
                max-width: 800px;
                padding: 0 30px;
            }
            .highlight-box {
                padding: 30px;
                border-radius: 25px;
            }
            .highlight-header-top {
                margin-bottom: 18px;
            }
            .highlight-title {
                font-size: 1.5em;
            }
            .highlight-icon {
                width: 50px;
                height: 50px;
            }
            .highlight-icon svg {
                width: 32px;
                height: 32px;
            }
            .highlight-box p {
                font-size: 0.95em;
            }
        }

        @media (max-width: 768px) {
            .dynamic-highlight-section {
                margin: 40px auto;
                padding: 0 20px;
                max-width: 100%;
            }
            .highlight-box {
                padding: 25px;
                border-radius: 20px;
            }
            .highlight-header-top {
                margin-bottom: 15px;
            }
            .highlight-title {
                font-size: 1.3em;
            }
            .highlight-icon {
                width: 45px;
                height: 45px;
                margin-right: 15px; /* Reduced margin */
            }
            .highlight-icon svg {
                width: 28px;
                height: 28px;
            }
            .highlight-box p {
                font-size: 0.9em;
                margin-bottom: 10px;
            }
        }

        @media (max-width: 480px) {
            .dynamic-highlight-section {
                padding: 0 15px;
            }
            .highlight-box {
                padding: 20px;
            }
            .highlight-header-top {
                flex-direction: column; /* Stack icon and title vertically on very small screens */
                align-items: flex-start; /* Align stacked items to the left */
                margin-bottom: 15px;
            }
            .highlight-icon {
                width: 50px; /* Keep icon size decent */
                height: 50px;
                margin-right: 0; /* Remove horizontal margin when stacked */
                margin-bottom: 10px; /* Add vertical margin when stacked */
            }
            .highlight-icon svg {
                width: 30px;
                height: 30px;
            }
            .highlight-title {
                font-size: 1.2em; /* Smaller title for very small screens */
            }
            .highlight-box p {
                font-size: 0.85em;
            }
        }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33547d0d *//* --- Custom Heading Section --- */

.custom-heading {
  font-size: 24px;
  font-weight: bold;
  color: #000; /* Default black text color */
  font-family: sans-serif; /* Or your preferred brand font */
  text-align: center; /* Example: if you want to center this heading */
  margin-top: 0px; /* Example: add some space above */
  margin-bottom: 0px; /* Example: add some space below */
}

.custom-heading .highlight {
  color: #01a6d0; /* Bright blue for the highlighted word */
}

/* --- (Rest of your existing CSS for .dynamic-highlight-section and other elements) --- */
/*
.dynamic-highlight-section {
    ...
}
.highlight-box {
    ...
}
etc.
*//* End custom CSS */