.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a419fc4:#E28F04;--e-global-color-047d0a6:#023A2F;--e-global-color-4416d79:#191919;--e-global-color-924131c:#202522;--e-global-color-6b1b0d8:#000000;--e-global-color-bccef0a:#FFFFFF;--e-global-color-53bd52f:#123C32;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-924131c );font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:25px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-a419fc4 );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;line-height:10px;color:var( --e-global-color-bccef0a );border-radius:10px 10px 10px 10px;padding:20px 17px 20px 17px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-047d0a6 );color:var( --e-global-color-bccef0a );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-kit-6 h1{color:var( --e-global-color-4416d79 );font-family:"Montserrat", Sans-serif;font-size:55px;font-weight:700;line-height:60px;}.elementor-kit-6 h2{color:var( --e-global-color-4416d79 );font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:700;line-height:45px;}.elementor-kit-6 h3{color:var( --e-global-color-047d0a6 );font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:700;line-height:20px;}.elementor-kit-6 h4{color:var( --e-global-color-6b1b0d8 );font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;line-height:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1314px;}.e-con{--container-max-width:1314px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* icon/image box with background color change on hover */
/* Main box */
.box {
    position: relative;
    isolation: isolate;
}

/* Navy background animation */
.box::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #03362C;
    border-radius: inherit;
    z-index: 0;
    pointer-events: none;

    -webkit-clip-path: circle(0% at 0% 0%);
    clip-path: circle(0% at 0% 0%);

    transition:
        clip-path 0.7s cubic-bezier(0.65, 0, 0.35, 1),
        -webkit-clip-path 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}

/* Fill from top-left to bottom-right */
.box:hover::before {
    -webkit-clip-path: circle(150% at 0% 0%);
    clip-path: circle(150% at 0% 0%);
}

/* Keep all box content above animated background */
.box > * {
    position: relative;
    z-index: 2;
}

/* Text animation */
.box h3,
.box p {
    transition: color 0.4s ease;
}

.box:hover h3,
.box:hover p {
    color: #ffffff !important;
}


/* Icon circle */
.box .elementor-icon {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 50%;
   background-color: #03362C;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

/* White fill inside icon */
.box .elementor-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ffffff;
    border-radius: 50%;
    transform: scale(0);
    transform-origin: center;
    transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1);
    z-index: 0;
}

/* White background fills from center */
.box:hover .elementor-icon::before {
    transform: scale(1.05);
}

/* Keep SVG above white animated layer */
.box .elementor-icon svg {
    position: relative;
    z-index: 1;
    transition: filter 0.4s ease 0.1s;
}

/* Embedded SVG/PNG icon becomes navy can be change from gpt svg change color chat*/
.box:hover .elementor-icon svg {
    filter: brightness(0) saturate(100%) invert(16%) sepia(60%) saturate(577%) hue-rotate(118deg) brightness(91%) contrast(99%);
}/* End custom CSS */