.elementor-1634 .elementor-element.elementor-element-4e6f497{--display:flex;transition-duration:1000ms;transition-property:all;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-evenly;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1634 .elementor-element.elementor-element-861c742{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1634 .elementor-element.elementor-element-9a28b40{--display:flex;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1634 .elementor-element.elementor-element-9a28b40:not(.elementor-motion-effects-element-type-background), .elementor-1634 .elementor-element.elementor-element-9a28b40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-43771d5 );}.elementor-1634 .elementor-element.elementor-element-9a28b40.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1634 .elementor-element.elementor-element-e805f30{width:100%;max-width:100%;animation-delay:150ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-1634 .elementor-element.elementor-element-e805f30 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1634 .elementor-element.elementor-element-e805f30.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1634 .elementor-element.elementor-element-e805f30 .aux-modern-heading-primary{font-size:50px;font-weight:600;text-transform:capitalize;letter-spacing:-0.65px;color:var( --e-global-color-5211b6c );margin:0px 0px 0px 0px;max-width:1600px;}.elementor-1634 .elementor-element.elementor-element-e805f30 .aux-modern-heading-description{color:var( --e-global-color-5211b6c );font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;line-height:1.6em;}.elementor-1634 .elementor-element.elementor-element-e805f30 .aux-widget-modern-heading .aux-widget-inner{width:1600px;margin:0px 0px 0px 0px;}.elementor-1634 .elementor-element.elementor-element-fcc67eb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:9px 5px;--row-gap:9px;--column-gap:5px;--border-radius:30px 30px 30px 30px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1634 .elementor-element.elementor-element-fcc67eb:not(.elementor-motion-effects-element-type-background), .elementor-1634 .elementor-element.elementor-element-fcc67eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-43771d5 );}.elementor-1634 .elementor-element.elementor-element-70c68a6{--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-1634 .elementor-element.elementor-element-56a93e3{--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-1634 .elementor-element.elementor-element-c1d9482{--e-image-carousel-slides-to-show:4;}.elementor-1634 .elementor-element.elementor-element-01b82f2{--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-1634 .elementor-element.elementor-element-01b82f2:not(.elementor-motion-effects-element-type-background), .elementor-1634 .elementor-element.elementor-element-01b82f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-1634 .elementor-element.elementor-element-1ca638c{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--overlay-opacity:0.5;--padding-top:48px;--padding-bottom:48px;--padding-left:4px;--padding-right:4px;}.elementor-1634 .elementor-element.elementor-element-1ca638c:not(.elementor-motion-effects-element-type-background), .elementor-1634 .elementor-element.elementor-element-1ca638c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-1634 .elementor-element.elementor-element-1ca638c::before, .elementor-1634 .elementor-element.elementor-element-1ca638c > .elementor-background-video-container::before, .elementor-1634 .elementor-element.elementor-element-1ca638c > .e-con-inner > .elementor-background-video-container::before, .elementor-1634 .elementor-element.elementor-element-1ca638c > .elementor-background-slideshow::before, .elementor-1634 .elementor-element.elementor-element-1ca638c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1634 .elementor-element.elementor-element-1ca638c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1634 .elementor-element.elementor-element-fcfd307{--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;--overlay-opacity:0.5;}.elementor-1634 .elementor-element.elementor-element-fcfd307:not(.elementor-motion-effects-element-type-background), .elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-43771d5 );}.elementor-1634 .elementor-element.elementor-element-fcfd307::before, .elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-background-video-container::before, .elementor-1634 .elementor-element.elementor-element-fcfd307 > .e-con-inner > .elementor-background-video-container::before, .elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-background-slideshow::before, .elementor-1634 .elementor-element.elementor-element-fcfd307 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-43771d5 ) 0%, var( --e-global-color-43771d5 ) 100%);}.elementor-1634 .elementor-element.elementor-element-14fe89d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:7%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-1634 .elementor-element.elementor-element-53c9d77{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1634 .elementor-element.elementor-element-53c9d77.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1634 .elementor-element.elementor-element-921d9b7 > .elementor-widget-container{margin:50px 0px -20px 0px;}.elementor-1634 .elementor-element.elementor-element-921d9b7{animation-delay:900ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-1634 .elementor-element.elementor-element-921d9b7 .aux-modern-heading-description{color:var( --e-global-color-bcb51b4 );font-size:16px;text-transform:capitalize;line-height:1.6em;max-width:688px;}.elementor-1634 .elementor-element.elementor-element-2850f23{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1634 .elementor-element.elementor-element-2457ed0{--display:flex;--flex-direction:column-reverse;--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:flex-start;}.elementor-1634 .elementor-element.elementor-element-04bc008 .widget-inner > :not(.active) .aux-toggle-header{cursor:pointer;}.elementor-1634 .elementor-element.elementor-element-edeeb4b > .elementor-widget-container{padding:60px 0px 0px 0px;}.elementor-1634 .elementor-element.elementor-element-c3a02bb{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1634 .elementor-element.elementor-element-c3a02bb:not(.elementor-motion-effects-element-type-background), .elementor-1634 .elementor-element.elementor-element-c3a02bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1634 .elementor-element.elementor-element-b56ba94{--display:flex;}.elementor-1634 .elementor-element.elementor-element-1147ad8 > .elementor-widget-container{margin:0% 0% 2% 0%;}.elementor-1634 .elementor-element.elementor-element-1147ad8.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-1634 .elementor-element.elementor-element-1147ad8{animation-delay:150ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-1634 .elementor-element.elementor-element-1147ad8 .aux-modern-heading-primary{font-size:50px;font-weight:600;text-transform:capitalize;line-height:1.3em;letter-spacing:-0.65px;color:var( --e-global-color-5211b6c );margin:0px 0px 0px 0px;max-width:879px;}.elementor-1634 .elementor-element.elementor-element-9ee50d9{transition-duration:1000ms;transition-property:all;z-index:10;transition-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-1634 .elementor-element.elementor-element-9ee50d9 .aux-media-image{max-width:100%;border-radius:20px 20px 20px 20px;overflow:hidden;box-shadow:0px 6px 30px 0px rgba(0,0,0,0.5);}.elementor-1634 .elementor-element.elementor-element-5e989e8 input{width:700px;max-width:830px;transition:all ease-out 0.3s;}.elementor-1634 .elementor-element.elementor-element-5e989e8 input[type="text"]{transition:all ease-out 0.3s;}.elementor-1634 .elementor-element.elementor-element-5e989e8 input[type="email"]{transition:all ease-out 0.3s;}.elementor-1634 .elementor-element.elementor-element-5e989e8 select{width:700px;max-width:850px;transition:all ease-out 0.3s;}.elementor-1634 .elementor-element.elementor-element-5e989e8 textarea{width:700px;max-width:745px;transition:all ease-out 0.3s;}.elementor-1634 .elementor-element.elementor-element-5e989e8 textarea::placeholder{font-size:1px;}.elementor-1634 .elementor-element.elementor-element-5e989e8 button[type="submit"]{transition:all ease-out 0.3s;}@media(max-width:1024px){.elementor-1634 .elementor-element.elementor-element-9a28b40{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-1634 .elementor-element.elementor-element-e805f30 .aux-modern-heading-primary{font-size:24px;}.elementor-1634 .elementor-element.elementor-element-e805f30 .aux-modern-heading-description{font-size:12px;}.elementor-1634 .elementor-element.elementor-element-1ca638c{--grid-auto-flow:row;}.elementor-1634 .elementor-element.elementor-element-14fe89d{--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-1634 .elementor-element.elementor-element-921d9b7 > .elementor-widget-container{margin:50px 0px 010px 0px;}.elementor-1634 .elementor-element.elementor-element-921d9b7 .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-1634 .elementor-element.elementor-element-c3a02bb{--grid-auto-flow:row;}.elementor-1634 .elementor-element.elementor-element-1147ad8 .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-1634 .elementor-element.elementor-element-1147ad8 .aux-modern-heading-primary{font-size:33px;}.elementor-1634 .elementor-element.elementor-element-9ee50d9 .aux-media-image{max-width:70%;}}@media(max-width:767px){.elementor-1634 .elementor-element.elementor-element-9a28b40{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-1634 .elementor-element.elementor-element-e805f30 .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-1634 .elementor-element.elementor-element-e805f30 .aux-modern-heading-primary{font-size:26px;}.elementor-1634 .elementor-element.elementor-element-e805f30 .aux-modern-heading-description{font-size:14px;}.elementor-1634 .elementor-element.elementor-element-1ca638c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1634 .elementor-element.elementor-element-53c9d77{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1634 .elementor-element.elementor-element-921d9b7 > .elementor-widget-container{margin:20px 0px 40px 0px;}.elementor-1634 .elementor-element.elementor-element-c3a02bb{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1634 .elementor-element.elementor-element-1147ad8 .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-1634 .elementor-element.elementor-element-1147ad8 .aux-modern-heading-primary{font-size:26px;}.elementor-1634 .elementor-element.elementor-element-9ee50d9 .aux-media-image{max-width:80%;}}@media(min-width:768px){.elementor-1634 .elementor-element.elementor-element-861c742{--width:50%;}.elementor-1634 .elementor-element.elementor-element-9a28b40{--width:100.303%;}.elementor-1634 .elementor-element.elementor-element-70c68a6{--width:50%;}.elementor-1634 .elementor-element.elementor-element-56a93e3{--width:50%;}.elementor-1634 .elementor-element.elementor-element-53c9d77{--width:103.273%;}.elementor-1634 .elementor-element.elementor-element-b56ba94{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1634 .elementor-element.elementor-element-53c9d77{--width:100%;}.elementor-1634 .elementor-element.elementor-element-2850f23{--width:100%;}}/* Start custom CSS for aux_modern_heading, class: .elementor-element-e805f30 */@media screen and (max-width:767px){
    .elementor-1634 .elementor-element.elementor-element-e805f30 .aux-modern-heading-divider{
        margin:0 auto;
        margin-top:25px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9a28b40 */@media screen and (max-width:1250px) and (min-width:768px){
    .elementor-1634 .elementor-element.elementor-element-9a28b40 .elementor-element-populated{
        padding: 0px 20px 0px 40px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e6f497 *//* =========================================================
   PAU CHEMICALS - PREMIUM PRODUCT CONTENT CONTAINER
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-4e6f497{
    position: relative !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 35px auto !important;
    padding: 48px 55px !important;

    background: #ffffff !important;

    border: 1px solid #E3EBF0 !important;
    border-radius: 22px !important;

    box-shadow:
        0 12px 40px rgba(0, 82, 123, 0.08),
        0 2px 8px rgba(0, 0, 0, 0.03) !important;

    overflow: hidden !important;
}


/* -----------------------------------------
   TOP BLUE ACCENT
   ----------------------------------------- */

.elementor-1634 .elementor-element.elementor-element-4e6f497::before {
    content: "" !important;
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 5px !important;

    background: linear-gradient(
        90deg,
        #00527B 0%,
        #0579B8 55%,
        #41B981 100%
    ) !important;
}
.elementor-1634 .elementor-element.elementor-element-4e6f497 h4.aux-modern-heading-primary::after{
     background: linear-gradient(90deg, #00527B 0%, #0579B8 55%, #41B981 100%) !important;
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    width: 10% !important;
    height: 3px !important;
    top: 40px;
}

/* -----------------------------------------
   MAIN HEADING
   ----------------------------------------- */

.elementor-1634 .elementor-element.elementor-element-4e6f497 h1,
.elementor-1634 .elementor-element.elementor-element-4e6f497 h2,
.elementor-1634 .elementor-element.elementor-element-4e6f497 h3,
.elementor-1634 .elementor-element.elementor-element-4e6f497 .aux-modern-heading-primary {
    margin: 0 0 18px 0 !important;

    color: #17324D !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 28px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    letter-spacing: -0.7px !important;
}


/* -----------------------------------------
   SMALL DIVIDER UNDER HEADING
   ----------------------------------------- */

.elementor-1634 .elementor-element.elementor-element-4e6f497 hr,
.elementor-1634 .elementor-element.elementor-element-4e6f497 .aux-line {
    width: 70px !important;
    height: 4px !important;

    margin: 0 0 25px 0 !important;

    border: 0 !important;
    border-radius: 20px !important;

    background: linear-gradient(
        90deg,
        #00527B,
        #41B981
    ) !important;
}


/* -----------------------------------------
   ALL PARAGRAPHS
   ----------------------------------------- */

.elementor-1634 .elementor-element.elementor-element-4e6f497 p {
    margin: 0 0 20px 0 !important;

    color: #596B78 !important;

    font-family: "Open Sans", sans-serif !important;

    font-size: 16px !important;
    font-weight: 400 !important;

    line-height: 1.8 !important;

    letter-spacing: 0.05px !important;
}


/* -----------------------------------------
   FIRST INTRO PARAGRAPH / HIGHLIGHT BOX
   ----------------------------------------- */

.elementor-1634 .elementor-element.elementor-element-4e6f497 blockquote p:first-of-type {
    position: relative !important;

    margin: 0 0 28px 0 !important;

    padding: 24px 28px 24px 30px !important;

    background: linear-gradient(
        135deg,
        #F1F7FA 0%,
        #F8FBFC 100%
    ) !important;

    border-left: 4px solid #0579B8 !important;

    border-radius: 0 14px 14px 0 !important;

    color: #23445A !important;

    font-size: 18px !important;
    font-weight: 600 !important;

    line-height: 1.65 !important;

    box-shadow: 0 5px 18px rgba(0, 82, 123, 0.05) !important;
}


/* -----------------------------------------
   BODY CONTENT
   ----------------------------------------- */

.elementor-1634 .elementor-element.elementor-element-4e6f497 p:not(:first-of-type) {
    max-width: 1080px !important;
}


/* -----------------------------------------
   IMPORTANT TEXT / BOLD
   ----------------------------------------- */

.elementor-1634 .elementor-element.elementor-element-4e6f497 strong {
    color: #00527B !important;
    font-weight: 700 !important;
}


/* -----------------------------------------
   ITALIC PRO TIP
   ----------------------------------------- */

.elementor-1634 .elementor-element.elementor-element-4e6f497 em {
    display: block !important;

    margin-top: 25px !important;
    padding: 17px 22px !important;

    background: rgba(65, 185, 129, 0.08) !important;

    border: 1px solid rgba(65, 185, 129, 0.20) !important;

    border-radius: 12px !important;

    color: #28694F !important;

    font-size: 14px !important;
    line-height: 1.7 !important;
}


/* -----------------------------------------
   PARAGRAPH HOVER - VERY LIGHT
   ----------------------------------------- */

.elementor-1634 .elementor-element.elementor-element-4e6f497 p:not(:first-of-type) {
    transition: color 0.25s ease !important;
}

.elementor-1634 .elementor-element.elementor-element-4e6f497 p:not(:first-of-type):hover {
    color: #344F61 !important;
}


/* -----------------------------------------
   DESKTOP LARGE
   ----------------------------------------- */

@media (max-width: 1200px) {

    .elementor-1634 .elementor-element.elementor-element-4e6f497 {
        padding: 42px 40px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-4e6f497 h1,
    .elementor-1634 .elementor-element.elementor-element-4e6f497 h2,
    .elementor-1634 .elementor-element.elementor-element-4e6f497 h3,
    .elementor-1634 .elementor-element.elementor-element-4e6f497 .aux-modern-heading-primary {
        font-size: 36px !important;
    }
}


/* -----------------------------------------
   TABLET
   ----------------------------------------- */

@media (max-width: 767px) {

    .elementor-1634 .elementor-element.elementor-element-4e6f497 {
        margin: 25px 15px !important;
        padding: 32px 24px !important;

        border-radius: 17px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-4e6f497 h1,
    .elementor-1634 .elementor-element.elementor-element-4e6f497 h2,
    .elementor-1634 .elementor-element.elementor-element-4e6f497 h3,
    .elementor-1634 .elementor-element.elementor-element-4e6f497 .aux-modern-heading-primary {
        font-size: 30px !important;
        line-height: 1.2 !important;

        letter-spacing: -0.3px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-4e6f497 p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .elementor-1634 .elementor-element.elementor-element-4e6f497 p:first-of-type {
        padding: 20px 20px 20px 22px !important;

        font-size: 16px !important;
    }
}


/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media (max-width: 480px) {

    .elementor-1634 .elementor-element.elementor-element-4e6f497 {
        margin: 20px 10px !important;
        padding: 27px 19px !important;

        border-radius: 15px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-4e6f497 h1,
    .elementor-1634 .elementor-element.elementor-element-4e6f497 h2,
    .elementor-1634 .elementor-element.elementor-element-4e6f497 h3,
    .elementor-1634 .elementor-element.elementor-element-4e6f497 .aux-modern-heading-primary {
        font-size: 25px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-4e6f497 p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    .elementor-1634 .elementor-element.elementor-element-4e6f497 p:first-of-type {
        padding: 17px 17px 17px 19px !important;
        font-size: 15px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-4e6f497 em {
        padding: 14px 16px !important;
        font-size: 13px !important;
    }
}/* End custom CSS */
/* Start custom CSS for aux_modern_heading, class: .elementor-element-c9ebd1c *//* =========================================
   TECHNICAL SPECIFICATION TABLE WIDTH
   ========================================= */

.elementor-1634 .elementor-element.elementor-element-c9ebd1c table {
    width: 85% !important;
    max-width: 85% !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    table-layout: fixed !important;
}


/* TABLE WRAPPER */
.elementor-1634 .elementor-element.elementor-element-c9ebd1c .elementor-widget-container {
    width: 100% !important;
}


/* TABLE COLUMNS */
.elementor-1634 .elementor-element.elementor-element-c9ebd1c table th:first-child,
.elementor-1634 .elementor-element.elementor-element-c9ebd1c table td:first-child {
    width: 50% !important;
}

.elementor-1634 .elementor-element.elementor-element-c9ebd1c table th:nth-child(2),
.elementor-1634 .elementor-element.elementor-element-c9ebd1c table td:nth-child(2) {
    width: 50% !important;
}


/* TABLET */
@media (max-width: 991px) {
    .elementor-1634 .elementor-element.elementor-element-c9ebd1c table {
        width: 90% !important;
        max-width: 90% !important;
    }
}


/* MOBILE */
@media (max-width: 767px) {
    .elementor-1634 .elementor-element.elementor-element-c9ebd1c table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcc67eb *//* =========================================================
   PAU CHEMICALS - PRODUCT SPECIFICATIONS
   PREMIUM TABLE + DETAILS + CERTIFICATIONS
   ========================================================= */


/* ===============================
   MAIN SECTION
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb {
    position: relative !important;

    max-width: 1200px !important;
    margin: 35px auto !important;
    padding: 42px 42px 38px !important;

    background: #ffffff !important;

    border: 1px solid #E2EBF0 !important;
    border-radius: 22px !important;

    box-shadow:
        0 15px 45px rgba(0, 82, 123, 0.08),
        0 3px 10px rgba(0, 0, 0, 0.03) !important;

    overflow: hidden !important;
}


/* ===============================
   TOP ACCENT
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 5px !important;

    background: linear-gradient(
        90deg,
        #00527B 0%,
        #0579B8 55%,
        #41B981 100%
    ) !important;
}


/* ===============================
   HEADINGS
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb h2,
.elementor-1634 .elementor-element.elementor-element-fcc67eb h3,
.elementor-1634 .elementor-element.elementor-element-fcc67eb h4 {
    color: #17324D !important;

    font-family: "Montserrat", sans-serif !important;

    font-weight: 700 !important;

    line-height: 1.25 !important;

    margin-top: 0 !important;
}


/* Main headings */

.elementor-1634 .elementor-element.elementor-element-fcc67eb h2 {
    font-size: 25px !important;
    margin-bottom: 22px !important;
}


/* Smaller headings */

.elementor-1634 .elementor-element.elementor-element-fcc67eb h3,
.elementor-1634 .elementor-element.elementor-element-fcc67eb h4 {
    font-size: 21px !important;
    margin-bottom: 18px !important;
}


/* Heading underline */

.elementor-1634 .elementor-element.elementor-element-fcc67eb h2::after,
.elementor-1634 .elementor-element.elementor-element-fcc67eb h3::after,
.elementor-1634 .elementor-element.elementor-element-fcc67eb h4::after {
    content: "" !important;

    display: block !important;

    width: 55px !important;
    height: 3px !important;

    margin-top: 10px !important;

    border-radius: 20px !important;

    background: linear-gradient(
        90deg,
        #0579B8,
        #41B981
    ) !important;
}


/* ===============================
   TECHNICAL SPECIFICATION TABLE
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb table {
    width: 90% !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #ffffff !important;

    border: 1px solid #DCE6EC !important;

    border-radius: 12px !important;

    overflow: hidden !important;

    font-family: "Open Sans", sans-serif !important;

    font-size: 14px !important;
}


/* ===============================
   TABLE CELLS
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb table th,
.elementor-1634 .elementor-element.elementor-element-fcc67eb table td {
    padding: 2px 16px !important;

    border-right: 1px solid #DCE6EC !important;
    border-bottom: 1px solid #DCE6EC !important;

    color: #526575 !important;

    line-height: 1.5 !important;

    vertical-align: middle !important;
}


/* ===============================
   TABLE HEADER
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb table thead th,
.elementor-1634 .elementor-element.elementor-element-fcc67eb table tr:first-child th,
.elementor-1634 .elementor-element.elementor-element-fcc67eb table tr:first-child td {
    background: #F0F6F9 !important;

    color: #17324D !important;

    font-weight: 700 !important;

    font-size: 14px !important;
}


/* ===============================
   FIRST COLUMN
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb table td:first-child,
.elementor-1634 .elementor-element.elementor-element-fcc67eb table th:first-child {
    width: 48% !important;

    color: #344F61 !important;

    font-weight: 600 !important;

    background: #FAFCFD !important;
}


/* ===============================
   SECOND COLUMN
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb table td:nth-child(2),
.elementor-1634 .elementor-element.elementor-element-fcc67eb table th:nth-child(2) {
    color: #536B7B !important;
}


/* ===============================
   REMOVE LAST BORDERS
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb table tr:last-child td {
    border-bottom: none !important;
}

.elementor-1634 .elementor-element.elementor-element-fcc67eb table th:last-child,
.elementor-1634 .elementor-element.elementor-element-fcc67eb table td:last-child {
    border-right: none !important;
}


/* ===============================
   TABLE HOVER
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb table tbody tr {
    transition:
        background 0.2s ease,
        transform 0.2s ease !important;
}

.elementor-1634 .elementor-element.elementor-element-fcc67eb table tbody tr:hover td {
    background: #F4FAFC !important;
}


/* ===============================
   RIGHT SIDE CONTENT
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb ul {
    margin: 0 0 26px 0 !important;

    padding-left: 20px !important;
}


.elementor-1634 .elementor-element.elementor-element-fcc67eb li {
    margin-bottom: 15px !important;

    color: #526575 !important;

    font-family: "Open Sans", sans-serif !important;

    font-size: 15px !important;

    line-height: 1.7 !important;
}


/* ===============================
   BULLET COLOR
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb li::marker {
    color: #0579B8 !important;

    font-size: 14px !important;
}


/* ===============================
   STRONG TEXT
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb li strong,
.elementor-1634 .elementor-element.elementor-element-fcc67eb li b {
    color: #17324D !important;

    font-weight: 700 !important;
}


/* ===============================
   RIGHT SIDE PARAGRAPHS
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb p {
    color: #596B78 !important;

    font-family: "Open Sans", sans-serif !important;

    font-size: 15px !important;

    line-height: 1.75 !important;
}


/* ===============================
   CERTIFICATIONS AREA
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb img {
    max-height: 105px !important;

    width: auto !important;

    max-width: 145px !important;

    object-fit: contain !important;

    padding: 8px !important;

    background: #ffffff !important;

    border: 1px solid #E4EDF1 !important;

    border-radius: 12px !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}


/* Logo hover */

.elementor-1634 .elementor-element.elementor-element-fcc67eb img:hover {
    transform: translateY(-4px) !important;

    border-color: #B9D8E5 !important;

    box-shadow:
        0 10px 25px rgba(0, 82, 123, 0.12) !important;
}


/* ===============================
   CERTIFICATION CAROUSEL
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb .swiper-slide {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 5px !important;
}


/* ===============================
   SPACE BETWEEN SECTIONS
   =============================== */

.elementor-1634 .elementor-element.elementor-element-fcc67eb > .e-con,
.elementor-1634 .elementor-element.elementor-element-fcc67eb > .elementor-element {
    margin-bottom: 10px !important;
}


/* ===============================
   TABLET
   =============================== */

@media (max-width: 991px) {

    .elementor-1634 .elementor-element.elementor-element-fcc67eb {
        padding: 35px 28px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-fcc67eb h2 {
        font-size: 23px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-fcc67eb table {
        width: 92% !important;
    }

    .elementor-1634 .elementor-element.elementor-element-fcc67eb table {
        font-size: 13px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-fcc67eb table th,
    .elementor-1634 .elementor-element.elementor-element-fcc67eb table td {
        padding: 11px 12px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-fcc67eb li {
        font-size: 14px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-fcc67eb img {
        max-height: 90px !important;
        max-width: 125px !important;
    }
}


/* ===============================
   MOBILE
   =============================== */

@media (max-width: 767px) {

    .elementor-1634 .elementor-element.elementor-element-fcc67eb {
        margin: 20px 12px !important;

        padding: 30px 18px !important;

        border-radius: 17px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcc67eb h2 {
        font-size: 21px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcc67eb h3,
    .elementor-1634 .elementor-element.elementor-element-fcc67eb h4 {
        font-size: 19px !important;
    }


    /* Mobile table */

    .elementor-1634 .elementor-element.elementor-element-fcc67eb table {
        display: block !important;

        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        overflow-x: auto !important;

        white-space: normal !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcc67eb table th,
    .elementor-1634 .elementor-element.elementor-element-fcc67eb table td {
        min-width: 145px !important;

        padding: 10px 11px !important;

        font-size: 13px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcc67eb li {
        font-size: 14px !important;

        line-height: 1.65 !important;

        margin-bottom: 12px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcc67eb img {
        max-height: 75px !important;

        max-width: 110px !important;

        padding: 6px !important;
    }
}


/* ===============================
   SMALL MOBILE
   =============================== */

@media (max-width: 480px) {

    .elementor-1634 .elementor-element.elementor-element-fcc67eb {
        padding: 25px 15px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcc67eb table {
        width: 100% !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcc67eb table th,
    .elementor-1634 .elementor-element.elementor-element-fcc67eb table td {
        min-width: 130px !important;

        padding: 9px 10px !important;

        font-size: 12px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcc67eb img {
        max-height: 65px !important;

        max-width: 95px !important;
    }
}

/* =========================================
   TECHNICAL SPECIFICATION TABLE WIDTH
   ========================================= */

.elementor-1634 .elementor-element.elementor-element-fcc67eb table {
    width: 85% !important;
    max-width: 85% !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: auto !important;

    table-layout: fixed !important;
}


/* TABLE WRAPPER */
.elementor-1634 .elementor-element.elementor-element-fcc67eb .elementor-widget-container {
    width: 100% !important;
}


/* TABLE COLUMNS */
.elementor-1634 .elementor-element.elementor-element-fcc67eb table th:first-child,
.elementor-1634 .elementor-element.elementor-element-fcc67eb table td:first-child {
    width: 50% !important;
}

.elementor-1634 .elementor-element.elementor-element-fcc67eb table th:nth-child(2),
.elementor-1634 .elementor-element.elementor-element-fcc67eb table td:nth-child(2) {
    width: 50% !important;
}


/* TABLET */
@media (max-width: 991px) {
    .elementor-1634 .elementor-element.elementor-element-fcc67eb table {
        width: 90% !important;
        max-width: 90% !important;
    }
}


/* MOBILE */
@media (max-width: 767px) {
    .elementor-1634 .elementor-element.elementor-element-fcc67eb table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01b82f2 *//* =========================================================
   PAU CHEMICALS - APPLICATIONS SECTION
   INDUSTRIAL + FOOD & BEVERAGE
   ========================================================= */


/* MAIN CONTAINER */
.elementor-1634 .elementor-element.elementor-element-01b82f2 {
    position: relative !important;

    max-width: 1200px !important;
    margin: 35px auto !important;
    padding: 35px !important;

    background: #F8FAFB !important;

    border: 1px solid #E2EBF0 !important;
    border-radius: 22px !important;

    box-shadow:
        0 14px 40px rgba(0, 82, 123, 0.07) !important;

    overflow: hidden !important;
}


/* TOP GRADIENT LINE */
.elementor-1634 .elementor-element.elementor-element-01b82f2::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 5px !important;

    background: linear-gradient(
        90deg,
        #00527B 0%,
        #0579B8 55%,
        #41B981 100%
    ) !important;
}


/* =========================================================
   TWO APPLICATION CARDS
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-01b82f2 > .e-con,
.elementor-1634 .elementor-element.elementor-element-01b82f2 > .elementor-element {
    background: #FFFFFF !important;

    border: 1px solid #E1EAF0 !important;

    border-radius: 17px !important;

    padding: 28px 30px !important;

    box-shadow:
        0 8px 25px rgba(0, 82, 123, 0.06) !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease !important;
}


/* CARD HOVER */

.elementor-1634 .elementor-element.elementor-element-01b82f2 > .e-con:hover,
.elementor-1634 .elementor-element.elementor-element-01b82f2 > .elementor-element:hover {
    transform: translateY(-5px) !important;

    border-color: #B9D8E5 !important;

    box-shadow:
        0 16px 35px rgba(0, 82, 123, 0.12) !important;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-01b82f2 h2,
.elementor-1634 .elementor-element.elementor-element-01b82f2 h3,
.elementor-1634 .elementor-element.elementor-element-01b82f2 h4 {
    margin: 0 0 14px 0 !important;

    color: #17324D !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 21px !important;

    font-weight: 700 !important;

    line-height: 1.3 !important;
}


/* SMALL HEADING LINE */

.elementor-1634 .elementor-element.elementor-element-01b82f2 h2::after,
.elementor-1634 .elementor-element.elementor-element-01b82f2 h3::after,
.elementor-1634 .elementor-element.elementor-element-01b82f2 h4::after {
    content: "" !important;

    display: block !important;

    width: 52px !important;
    height: 3px !important;

    margin-top: 10px !important;

    border-radius: 10px !important;

    background: linear-gradient(
        90deg,
        #0579B8,
        #41B981
    ) !important; 
}


/* =========================================================
   LIST
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-01b82f2 ul {
    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


/* LIST ITEM */

.elementor-1634 .elementor-element.elementor-element-01b82f2 li {
    position: relative !important;

    margin: 0 !important;

    padding: 10px 0 10px 27px !important;

    color: #596B78 !important;

    font-family: "Open Sans", sans-serif !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    border-bottom: 1px solid #EEF3F6 !important;

    transition:
        color 0.2s ease,
        padding-left 0.2s ease !important;
}


/* REMOVE LAST BORDER */

.elementor-1634 .elementor-element.elementor-element-01b82f2 li:last-child {
    border-bottom: none !important;
}


/* CUSTOM BULLET */

.elementor-1634 .elementor-element.elementor-element-01b82f2 li::before {
    content: "✓" !important;

    position: absolute !important;

    left: 0 !important;
    top: 11px !important;

    width: 19px !important;
    height: 19px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: rgba(65, 185, 129, 0.12) !important;

    border-radius: 50% !important;

    color: #038B85 !important;

    font-size: 11px !important;

    font-weight: 800 !important;
}


/* ITEM HOVER */

.elementor-1634 .elementor-element.elementor-element-01b82f2 li:hover {
    color: #17324D !important;

    padding-left: 31px !important;
}


/* =========================================================
   INDUSTRIAL CARD - BLUE ACCENT
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-01b82f2 > .e-con:first-child,
.elementor-1634 .elementor-element.elementor-element-01b82f2 > .elementor-element:first-child {
    border-top: 4px solid #0579B8 !important;
}


/* =========================================================
   FOOD CARD - GREEN ACCENT
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-01b82f2 > .e-con:nth-child(2),
.elementor-1634 .elementor-element.elementor-element-01b82f2 > .elementor-element:nth-child(2) {
    border-top: 4px solid #41B981 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .elementor-1634 .elementor-element.elementor-element-01b82f2 {
        padding: 25px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-01b82f2 > .e-con,
    .elementor-1634 .elementor-element.elementor-element-01b82f2 > .elementor-element {
        padding: 25px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-01b82f2 h2,
    .elementor-1634 .elementor-element.elementor-element-01b82f2 h3,
    .elementor-1634 .elementor-element.elementor-element-01b82f2 h4 {
        font-size: 21px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-01b82f2 li {
        font-size: 14px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-1634 .elementor-element.elementor-element-01b82f2 {
        margin: 20px 12px !important;

        padding: 18px !important;

        border-radius: 17px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-01b82f2 > .e-con,
    .elementor-1634 .elementor-element.elementor-element-01b82f2 > .elementor-element {
        width: 100% !important;

        padding: 22px 20px !important;

        margin-bottom: 16px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-01b82f2 > .e-con:last-child,
    .elementor-1634 .elementor-element.elementor-element-01b82f2 > .elementor-element:last-child {
        margin-bottom: 0 !important;
    }


    .elementor-1634 .elementor-element.elementor-element-01b82f2 h2,
    .elementor-1634 .elementor-element.elementor-element-01b82f2 h3,
    .elementor-1634 .elementor-element.elementor-element-01b82f2 h4 {
        font-size: 20px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-01b82f2 li {
        font-size: 14px !important;

        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .elementor-1634 .elementor-element.elementor-element-01b82f2 {
        padding: 14px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-01b82f2 > .e-con,
    .elementor-1634 .elementor-element.elementor-element-01b82f2 > .elementor-element {
        padding: 20px 17px !important;

        border-radius: 14px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-01b82f2 h2,
    .elementor-1634 .elementor-element.elementor-element-01b82f2 h3,
    .elementor-1634 .elementor-element.elementor-element-01b82f2 h4 {
        font-size: 19px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-01b82f2 li {
        font-size: 13.5px !important;

        line-height: 1.6 !important;
    }
}/* End custom CSS */
/* Start custom CSS for aux_modern_heading, class: .elementor-element-921d9b7 */@media screen and (max-width:1024px){
    .elementor-1634 .elementor-element.elementor-element-921d9b7 .aux-modern-heading-description{
        margin:0 auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcfd307 *//* =========================================================
   PAU CHEMICALS - WHY CHOOSE US / OUR SPECIAL SECTION
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-fcfd307 {
    position: relative !important;
    max-width: 1200px !important;
    margin: 35px auto !important;
    padding: 0 !important;

    background: #F8FAFB !important;

    border: 1px solid #E3EDF2 !important;
    border-radius: 24px !important;

    overflow: hidden !important;

    box-shadow:
        0 15px 45px rgba(0, 82, 123, 0.08) !important;
}


/* =========================================================
   LEFT CONTENT AREA
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-fcfd307 > .e-con:first-child,
.elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-element:first-child {
    padding: 4px 42px 38px !important;

    background: #FFFFFF !important;
}


/* =========================================================
   OUR SPECIAL LABEL
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-fcfd307 .elementor-heading-title {
    color: #17324D !important;
}


/* Blue label */

.elementor-1634 .elementor-element.elementor-element-fcfd307 .elementor-widget-heading:first-child .elementor-heading-title {
    display: inline-block !important;

    padding: 8px 18px !important;

    border-radius: 8px !important;

    background: linear-gradient(
        135deg,
        #00527B,
        #0579B8
    ) !important;

    color: #FFFFFF !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    letter-spacing: 1.5px !important;

    box-shadow:
        0 8px 20px rgba(0, 82, 123, 0.20) !important;
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-fcfd307 h2,
.elementor-1634 .elementor-element.elementor-element-fcfd307 h3 {
    color: #17324D !important;

    font-size: 21px !important;

    font-weight: 700 !important;

    line-height: 1.18 !important;

    margin-top: 25px !important;

    margin-bottom: 20px !important;
}


/* =========================================================
   HEADING UNDERLINE
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-fcfd307 h2::after,
.elementor-1634 .elementor-element.elementor-element-fcfd307 h3::after {
    content: "" !important;

    display: block !important;

    width: 65px !important;

    height: 4px !important;

    margin-top: 15px !important;

    border-radius: 10px !important;

    background: linear-gradient(
        90deg,
        #0579B8,
        #41B981
    ) !important;
}


/* =========================================================
   ICON / FEATURE ROW
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-fcfd307 .elementor-icon {
    color: #0579B8 !important;

    transition: all 0.3s ease !important;
}


.elementor-1634 .elementor-element.elementor-element-fcfd307 .elementor-icon svg {
    width: 38px !important;
    height: 38px !important;
}


/* Feature titles */

.elementor-1634 .elementor-element.elementor-element-fcfd307 .elementor-icon-box-title,
.elementor-1634 .elementor-element.elementor-element-fcfd307 .elementor-icon-list-text {
    color: #263B4D !important;

    font-size: 16px !important;

    font-weight: 600 !important;
}


/* Feature hover */

.elementor-1634 .elementor-element.elementor-element-fcfd307 .elementor-icon-box-wrapper {
    transition: all 0.25s ease !important;
}


.elementor-1634 .elementor-element.elementor-element-fcfd307 .elementor-icon-box-wrapper:hover {
    transform: translateY(-3px) !important;
}


.elementor-1634 .elementor-element.elementor-element-fcfd307 .elementor-icon-box-wrapper:hover .elementor-icon {
    color: #41B981 !important;

    transform: scale(1.08) !important;
}


/* =========================================================
   BENEFIT LIST
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-fcfd307 ul {
    margin: 25px 0 0 !important;

     

    list-style: none !important;
}


.elementor-1634 .elementor-element.elementor-element-fcfd307 li {
    position: relative !important;

    margin: 0 !important;

    padding: 11px 0 11px 30px !important;

    color: #667784 !important;

    font-size: 14.5px !important;

    line-height: 1.7 !important;

    border-bottom: 1px solid #EEF3F6 !important;
}


.elementor-1634 .elementor-element.elementor-element-fcfd307 li:last-child {
    border-bottom: none !important;
}


/* Modern check icon */

.elementor-1634 .elementor-element.elementor-element-fcfd307 li::before {
    content: "✓" !important;

    position: absolute !important;

    left: 0 !important;

    top: 12px !important;

    width: 19px !important;
    height: 19px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: rgba(65, 185, 129, 0.12) !important;

    color: #038B85 !important;

    font-size: 11px !important;

    font-weight: 800 !important;
}


/* Bold text inside benefits */

.elementor-1634 .elementor-element.elementor-element-fcfd307 li strong {
    color: #17324D !important;

    font-weight: 700 !important;
}


/* =========================================================
   RIGHT IMAGE
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-fcfd307 > .e-con:last-child,
.elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-element:last-child {
    margin:0;

    overflow: hidden !important;

    background: #EAF3F7 !important;
}


/* Image */

.elementor-1634 .elementor-element.elementor-element-fcfd307 img {
    width: 100% !important;

    height: 100% !important;

    min-height: 520px !important;

    object-fit: cover !important;

    display: block !important;

    transition: transform 0.6s ease !important;
}


/* Image hover */

.elementor-1634 .elementor-element.elementor-element-fcfd307 > .e-con:last-child:hover img,
.elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-element:last-child:hover img {
    transform: scale(1.035) !important;
}


/* =========================================================
   IMAGE SOFT OVERLAY
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-fcfd307 > .e-con:last-child::after,
.elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-element:last-child::after {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    background: linear-gradient(
        180deg,
        rgba(0, 82, 123, 0.02),
        rgba(0, 82, 123, 0.10)
    ) !important;

    pointer-events: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .elementor-1634 .elementor-element.elementor-element-fcfd307 > .e-con:first-child,
    .elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-element:first-child {
        padding: 32px 28px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-fcfd307 h2,
    .elementor-1634 .elementor-element.elementor-element-fcfd307 h3 {
        font-size: 32px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-fcfd307 img {
        min-height: 400px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-1634 .elementor-element.elementor-element-fcfd307 {
        margin: 20px 12px !important;

        border-radius: 18px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcfd307 > .e-con:first-child,
    .elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-element:first-child {
        padding: 28px 22px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcfd307 h2,
    .elementor-1634 .elementor-element.elementor-element-fcfd307 h3 {
        font-size: 29px !important;

        line-height: 1.2 !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcfd307 .elementor-widget-heading:first-child
    .elementor-heading-title {
        font-size: 13px !important;

        padding: 7px 14px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcfd307 img {
        min-height: 320px !important;

        max-height: 360px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcfd307 li {
        font-size: 14px !important;

        padding-top: 9px !important;

        padding-bottom: 9px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .elementor-1634 .elementor-element.elementor-element-fcfd307 {
        margin: 15px 10px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcfd307 > .e-con:first-child,
    .elementor-1634 .elementor-element.elementor-element-fcfd307 > .elementor-element:first-child {
        padding: 24px 18px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcfd307 h2,
    .elementor-1634 .elementor-element.elementor-element-fcfd307 h3 {
        font-size: 26px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-fcfd307 img {
        min-height: 280px !important;
    }
}/* End custom CSS */
/* Start custom CSS for aux_accordion, class: .elementor-element-04bc008 *//* ==========================================================================
   PAU CHEMICALS — FAQ SECTION (RIGHT SIDE ACCORDION) CUSTOM CSS
   File: faq.css
   Can be pasted directly into Elementor Container Custom CSS or Site Settings.
   Supports: .elementor-1634 .elementor-element.elementor-element-04bc008, .elementor-element-bd797d7, .elementor-element-fa3f2c2
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ACCORDION WRAPPER & RESET
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-widget-accordion,
.elementor-element-bd797d7 .aux-widget-accordion,
.elementor-element-fa3f2c2 .aux-widget-accordion,
.elementor-element-1cf13c2 .aux-widget-accordion {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-1634 .elementor-element.elementor-element-04bc008 .widget-inner.aux-type-toggle,
.elementor-element-bd797d7 .widget-inner.aux-type-toggle,
.elementor-element-fa3f2c2 .widget-inner.aux-type-toggle,
.elementor-element-1cf13c2 .widget-inner.aux-type-toggle {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    counter-reset: faq-counter;
    overflow: visible !important;
}

/* --------------------------------------------------------------------------
   2. INDIVIDUAL FAQ CARD (.aux-toggle-item)
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-item,
.elementor-element-bd797d7 .aux-toggle-item,
.elementor-element-fa3f2c2 .aux-toggle-item,
.elementor-element-1cf13c2 .aux-toggle-item {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 14px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
    position: relative !important;
    box-shadow: 0 4px 16px -2px rgba(15, 34, 58, 0.04), 0 2px 5px rgba(15, 34, 58, 0.02) !important;
    transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
}

/* Hover State */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-item:hover,
.elementor-element-bd797d7 .aux-toggle-item:hover,
.elementor-element-fa3f2c2 .aux-toggle-item:hover,
.elementor-element-1cf13c2 .aux-toggle-item:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 10px 26px -3px rgba(15, 34, 58, 0.08), 0 3px 8px -2px rgba(15, 34, 58, 0.03) !important;
    transform: translateY(-2px) !important;
}

/* Active / Expanded Card State */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-item.active,
.elementor-element-bd797d7 .aux-toggle-item.active,
.elementor-element-fa3f2c2 .aux-toggle-item.active,
.elementor-element-1cf13c2 .aux-toggle-item.active {
    border-color: #0066f5 !important;
    border-left: 4.5px solid #0066f5 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 32px -4px rgba(0, 102, 245, 0.13), 0 4px 12px rgba(0, 102, 245, 0.05) !important;
    transform: translateY(0) !important;
}

/* --------------------------------------------------------------------------
   3. QUESTION HEADER (.aux-toggle-header / .toggle-header)
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-header,
.elementor-element-bd797d7 .aux-toggle-header,
.elementor-element-fa3f2c2 .aux-toggle-header,
.elementor-element-1cf13c2 .aux-toggle-header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 18px 65px 18px 20px !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: #1e293b !important;
    cursor: pointer !important;
    user-select: none !important;
    outline: none !important;
    transition: color 0.25s ease !important;
}

/* Question Header on Card Hover */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-item:hover .aux-toggle-header,
.elementor-element-bd797d7 .aux-toggle-item:hover .aux-toggle-header,
.elementor-element-fa3f2c2 .aux-toggle-item:hover .aux-toggle-header,
.elementor-element-1cf13c2 .aux-toggle-item:hover .aux-toggle-header {
    color: #0066f5 !important;
}

/* Question Header in Active Card */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-item.active .aux-toggle-header,
.elementor-element-bd797d7 .aux-toggle-item.active .aux-toggle-header,
.elementor-element-fa3f2c2 .aux-toggle-item.active .aux-toggle-header,
.elementor-element-1cf13c2 .aux-toggle-item.active .aux-toggle-header {
    color: #0b1528 !important;
    font-weight: 700 !important;
    padding-bottom: 12px !important;
}

/* --------------------------------------------------------------------------
   4. NUMBERING BADGE PILL (01, 02, 03...)
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-header::before,
.elementor-element-bd797d7 .aux-toggle-header::before,
.elementor-element-fa3f2c2 .aux-toggle-header::before,
.elementor-element-1cf13c2 .aux-toggle-header::before {
    counter-increment: faq-counter;
    content: counter(faq-counter, decimal-leading-zero) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    min-width: 28px !important;
    height: 24px !important;
    padding: 0 6px !important;
    border-radius: 6px !important;
    background: #eff6ff !important;
    color: #0066f5 !important;
    border: 1px solid rgba(0, 102, 245, 0.15) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    margin-right: 14px !important;
    transition: all 0.25s ease !important;
}

/* Numbering Badge in Active Card */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-item.active .aux-toggle-header::before,
.elementor-element-bd797d7 .aux-toggle-item.active .aux-toggle-header::before,
.elementor-element-fa3f2c2 .aux-toggle-item.active .aux-toggle-header::before,
.elementor-element-1cf13c2 .aux-toggle-item.active .aux-toggle-header::before {
    background: #0066f5 !important;
    color: #ffffff !important;
    border-color: #0066f5 !important;
    box-shadow: 0 3px 9px rgba(0, 102, 245, 0.35) !important;
}

/* --------------------------------------------------------------------------
   5. CIRCULAR TOGGLE BUTTON ICON (CHEVRON ROTATE)
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-header::after,
.elementor-element-bd797d7 .aux-toggle-header::after,
.elementor-element-fa3f2c2 .aux-toggle-header::after,
.elementor-element-1cf13c2 .aux-toggle-header::after {
    content: "" !important;
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background-color: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230066f5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 14px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

/* Hover state on toggle button */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-item:hover .aux-toggle-header::after,
.elementor-element-bd797d7 .aux-toggle-item:hover .aux-toggle-header::after,
.elementor-element-fa3f2c2 .aux-toggle-item:hover .aux-toggle-header::after,
.elementor-element-1cf13c2 .aux-toggle-item:hover .aux-toggle-header::after {
    background-color: #dbeafe !important;
    border-color: #bfdbfe !important;
    transform: translateY(-50%) scale(1.06) !important;
}

/* Active State: Button Turns Vibrant Blue & Rotates 180deg */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-item.active .aux-toggle-header::after,
.elementor-element-bd797d7 .aux-toggle-item.active .aux-toggle-header::after,
.elementor-element-fa3f2c2 .aux-toggle-item.active .aux-toggle-header::after,
.elementor-element-1cf13c2 .aux-toggle-item.active .aux-toggle-header::after {
    background-color: #0066f5 !important;
    border-color: #0066f5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    transform: translateY(-50%) rotate(180deg) !important;
    box-shadow: 0 4px 12px rgba(0, 102, 245, 0.38) !important;
}

/* --------------------------------------------------------------------------
   6. ANSWER CONTENT BODY (.aux-toggle-content / .toggle-content)
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-content,
.elementor-element-bd797d7 .aux-toggle-content,
.elementor-element-fa3f2c2 .aux-toggle-content,
.elementor-element-1cf13c2 .aux-toggle-content {
    border: none !important;
    padding: 2px 24px 20px 62px !important;
    background: transparent !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* Subtle separator line before answer */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-content::before,
.elementor-element-bd797d7 .aux-toggle-content::before,
.elementor-element-fa3f2c2 .aux-toggle-content::before,
.elementor-element-1cf13c2 .aux-toggle-content::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 40%, rgba(241, 245, 249, 0.2) 100%) !important;
    margin-bottom: 12px !important;
}

/* Answer Paragraph Typography */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-content p,
.elementor-element-bd797d7 .aux-toggle-content p,
.elementor-element-fa3f2c2 .aux-toggle-content p,
.elementor-element-1cf13c2 .aux-toggle-content p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    font-size: 14.5px !important;
    line-height: 1.72 !important;
    color: #475569 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Highlighted links or brackets in answers */
.elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-content a,
.elementor-element-bd797d7 .aux-toggle-content a,
.elementor-element-fa3f2c2 .aux-toggle-content a,
.elementor-element-1cf13c2 .aux-toggle-content a {
    color: #0066f5 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* --------------------------------------------------------------------------
   7. MOBILE & TABLET OPTIMIZATIONS
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-header,
    .elementor-element-bd797d7 .aux-toggle-header,
    .elementor-element-fa3f2c2 .aux-toggle-header,
    .elementor-element-1cf13c2 .aux-toggle-header {
        padding: 16px 52px 16px 14px !important;
        font-size: 14.5px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-header::before,
    .elementor-element-bd797d7 .aux-toggle-header::before,
    .elementor-element-fa3f2c2 .aux-toggle-header::before,
    .elementor-element-1cf13c2 .aux-toggle-header::before {
        min-width: 24px !important;
        height: 22px !important;
        font-size: 10.5px !important;
        margin-right: 10px !important;
        padding: 0 4px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-header::after,
    .elementor-element-bd797d7 .aux-toggle-header::after,
    .elementor-element-fa3f2c2 .aux-toggle-header::after,
    .elementor-element-1cf13c2 .aux-toggle-header::after {
        width: 30px !important;
        height: 30px !important;
        right: 12px !important;
        background-size: 12px 12px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-content,
    .elementor-element-bd797d7 .aux-toggle-content,
    .elementor-element-fa3f2c2 .aux-toggle-content,
    .elementor-element-1cf13c2 .aux-toggle-content {
        padding: 2px 16px 18px 16px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-04bc008 .aux-toggle-content p,
    .elementor-element-bd797d7 .aux-toggle-content p,
    .elementor-element-fa3f2c2 .aux-toggle-content p,
    .elementor-element-1cf13c2 .aux-toggle-content p {
        font-size: 13.5px !important;
        line-height: 1.65 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2457ed0 *//* =========================================================
   PAU CHEMICALS - PREMIUM FAQ SECTION
   ========================================================= */


/* MAIN FAQ CONTAINER */
.elementor-1634 .elementor-element.elementor-element-2457ed0 {
    width: 100% !important;

    max-width: 1200px !important;

    margin: 35px auto !important;

    padding: 28px !important;

    background: #F8FAFB !important;

    border: 1px solid #E2EBF0 !important;

    border-radius: 22px !important;

    box-shadow:
        0 15px 40px rgba(0, 82, 123, 0.07) !important;

    overflow: hidden !important;
}


/* =========================================================
   FAQ HEADING
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-2457ed0 h2,
.elementor-1634 .elementor-element.elementor-element-2457ed0 h3,
.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-heading-title {
    color: #17324D !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 24px !important;

    font-weight: 700 !important;

    line-height: 1.25 !important;

    margin: 0 0 22px !important;
}


/* HEADING UNDERLINE */

.elementor-1634 .elementor-element.elementor-element-2457ed0 h2::after,
.elementor-1634 .elementor-element.elementor-element-2457ed0 h3::after,
.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-heading-title::after {
    content: "" !important;

    display: block !important;

    width: 60px !important;

    height: 4px !important;

    margin-top: 12px !important;

    border-radius: 10px !important;

    background: linear-gradient(
        90deg,
        #00527B,
        #0579B8,
        #41B981
    ) !important;
}


/* =========================================================
   FAQ ACCORDION
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-accordion {
    border: none !important;

    background: transparent !important;
}


/* EACH FAQ ITEM */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-accordion-item {
    margin-bottom: 12px !important;

    border: 1px solid #DDE8EE !important;

    border-radius: 13px !important;

    overflow: hidden !important;

    background: #FFFFFF !important;

    box-shadow:
        0 4px 15px rgba(0, 82, 123, 0.035) !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}


/* REMOVE LAST GAP */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-accordion-item:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   QUESTION
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-title {
    position: relative !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    min-height: 62px !important;

    padding: 17px 20px !important;

    background: #FFFFFF !important;

    border: none !important;

    color: #17324D !important;

    font-family: "Montserrat", sans-serif !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    letter-spacing: 0 !important;

    transition:
        color 0.25s ease,
        background 0.25s ease !important;
}


/* QUESTION HOVER */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-title:hover {
    color: #0579B8 !important;

    background: #F5FAFC !important;
}


/* =========================================================
   ACTIVE QUESTION
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-title.elementor-active {
    color: #FFFFFF !important;

    background: linear-gradient(
        135deg,
        #00527B 0%,
        #0579B8 100%
    ) !important;
}


/* ACTIVE ITEM */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-accordion-item:has(
    .elementor-tab-title.elementor-active
) {
    border-color: #0579B8 !important;

    box-shadow:
        0 10px 25px rgba(5, 121, 184, 0.12) !important;
}


/* =========================================================
   ARROW / ICON
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-accordion-icon {
    flex: 0 0 auto !important;

    margin-left: 20px !important;

    color: #0579B8 !important;

    font-size: 15px !important;

    transition: transform 0.25s ease !important;
}


/* ACTIVE ARROW */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-title.elementor-active
.elementor-accordion-icon {
    color: #FFFFFF !important;

    transform: rotate(180deg) !important;
}


/* =========================================================
   ANSWER
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-content {
    padding: 20px 22px 22px !important;

    background: #FFFFFF !important;

    border-top: 1px solid #E7EEF2 !important;

    color: #596B78 !important;

    font-family: "Open Sans", sans-serif !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    line-height: 1.75 !important;
}


/* ANSWER PARAGRAPH */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-content p {
    margin: 0 !important;

    color: #596B78 !important;
}


/* =========================================================
   ACTIVE ANSWER ACCENT
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-title.elementor-active
+ .elementor-tab-content {
    border-top-color: rgba(5, 121, 184, 0.18) !important;
}


/* =========================================================
   HOVER CARD
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-accordion-item:hover {
    transform: translateY(-2px) !important;

    border-color: #BBD5E1 !important;

    box-shadow:
        0 8px 24px rgba(0, 82, 123, 0.09) !important;
}


/* Don't move active item too much */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-accordion-item:has(
    .elementor-tab-title.elementor-active
):hover {
    transform: none !important;
}


/* =========================================================
   FIRST FAQ ITEM
   ========================================================= */

.elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-accordion-item:first-child {
    border-top: 3px solid #0579B8 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-1634 .elementor-element.elementor-element-2457ed0 {
        margin: 20px 12px !important;

        padding: 18px !important;

        border-radius: 17px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-2457ed0 h2,
    .elementor-1634 .elementor-element.elementor-element-2457ed0 h3,
    .elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-heading-title {
        font-size: 25px !important;

        margin-bottom: 18px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-accordion-item {
        margin-bottom: 9px !important;

        border-radius: 11px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-title {
        min-height: 56px !important;

        padding: 15px 16px !important;

        font-size: 14px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-accordion-icon {
        margin-left: 12px !important;

        font-size: 13px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-content {
        padding: 16px 17px 18px !important;

        font-size: 14px !important;

        line-height: 1.65 !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .elementor-1634 .elementor-element.elementor-element-2457ed0 {
        padding: 14px !important;

        margin: 15px 10px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-2457ed0 h2,
    .elementor-1634 .elementor-element.elementor-element-2457ed0 h3,
    .elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-heading-title {
        font-size: 22px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-title {
        padding: 14px !important;

        font-size: 13.5px !important;
    }


    .elementor-1634 .elementor-element.elementor-element-2457ed0 .elementor-tab-content {
        padding: 14px 15px 16px !important;

        font-size: 13.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for aux_modern_heading, class: .elementor-element-1147ad8 */h2.aux-modern-heading-primary {
    font-size: 28px !important;
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-5e989e8 */.aux-corporate-header{
    position:absolute;
    left:0;
    right:0;
}
.elementor-135 .elementor-element.elementor-element-29f7adc #wpforms-476
.wpforms-field.wpforms-one-half,div.wpforms-field-number, div.wpforms-field-text, div.wpforms-field-number,div.wpforms-field-email{
    width: 47% !important;
    max-width: 50% !important;
    float: left !important;
    clear: none !important;
    margin-left: 6px !important;
    margin-right: 6px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3a02bb *//* =========================================================
   PAU CHEMICALS - PRODUCT INQUIRY PREMIUM UI
   ========================================================= */

/* MAIN INQUIRY SECTION */
.elementor-1634 .elementor-element.elementor-element-c3a02bb {
    width: 100% !important;

    max-width: 1200px !important;

    margin: 35px auto !important;

    padding: 28px !important;

    background: #ffffff !important;

    border: 1px solid #E2EBF0 !important;

    border-radius: 22px !important;

    box-shadow:
        0 15px 40px rgba(0, 82, 123, 0.07) !important;

    overflow: hidden !important;
}



/* LEFT SIDE IMAGE */
.elementor-1634 .elementor-element.elementor-element-c3a02bb img {
    width: 1200px !important;
    height: 280px !important;
    object-fit: cover !important;
    border-radius: 22px !important;
    display: block !important;

    box-shadow:
        0 18px 45px rgba(0, 82, 123, 0.14) !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease !important;
}


/* IMAGE HOVER */
.elementor-1634 .elementor-element.elementor-element-c3a02bb img:hover {
    transform: translateY(-5px) !important;

    box-shadow:
        0 25px 55px rgba(0, 82, 123, 0.20) !important;
}


/* PRODUCT INQUIRY HEADING */
.elementor-1634 .elementor-element.elementor-element-c3a02bb h1,
.elementor-1634 .elementor-element.elementor-element-c3a02bb h2,
.elementor-1634 .elementor-element.elementor-element-c3a02bb h3 {
    color: #17324D !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    margin-bottom: 18px !important;
}


/* SMALL LINE BELOW HEADING */
.elementor-1634 .elementor-element.elementor-element-c3a02bb h1::after,
.elementor-1634 .elementor-element.elementor-element-c3a02bb h2::after,
.elementor-1634 .elementor-element.elementor-element-c3a02bb h3::after {
    content: "" !important;
    display: block !important;

    width: 70px !important;
    height: 4px !important;

    margin-top: 18px !important;

    background: linear-gradient(
        90deg,
        #00527B,
        #0579B8,
        #41B981
    ) !important;

    border-radius: 10px !important;
}


/* FORM LABELS */
.elementor-1634 .elementor-element.elementor-element-c3a02bb label {
    display: block !important;

    margin-bottom: 8px !important;

    color: #17324D !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    letter-spacing: 0.1px !important;
}


/* REQUIRED STAR */
.elementor-1634 .elementor-element.elementor-element-c3a02bb label .required,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-required-label {
    color: #41B981 !important;
}


/* ALL FORM INPUTS */
.elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="text"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="email"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="number"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="url"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="tel"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb select,
.elementor-1634 .elementor-element.elementor-element-c3a02bb textarea {
    width: 100% !important;

    min-height: 50px !important;

    padding: 12px 16px !important;

    background: #F8FAFB !important;

    border: 1px solid #D8E3EA !important;

    border-radius: 10px !important;

    color: #17324D !important;

    font-size: 15px !important;

    outline: none !important;

    box-shadow: none !important;

    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}


/* INPUT HOVER */
.elementor-1634 .elementor-element.elementor-element-c3a02bb input:hover,
.elementor-1634 .elementor-element.elementor-element-c3a02bb select:hover,
.elementor-1634 .elementor-element.elementor-element-c3a02bb textarea:hover {
    background: #ffffff !important;

    border-color: #AFC8D6 !important;
}


/* INPUT FOCUS */
.elementor-1634 .elementor-element.elementor-element-c3a02bb input:focus,
.elementor-1634 .elementor-element.elementor-element-c3a02bb select:focus,
.elementor-1634 .elementor-element.elementor-element-c3a02bb textarea:focus {
    background: #ffffff !important;

    border-color: #0579B8 !important;

    box-shadow:
        0 0 0 3px rgba(5, 121, 184, 0.10),
        0 8px 20px rgba(0, 82, 123, 0.07) !important;

    transform: translateY(-1px) !important;
}


/* PLACEHOLDER */
.elementor-1634 .elementor-element.elementor-element-c3a02bb input::placeholder,
.elementor-1634 .elementor-element.elementor-element-c3a02bb textarea::placeholder {
    color: #98A7B3 !important;
}


/* MESSAGE BOX */
.elementor-1634 .elementor-element.elementor-element-c3a02bb textarea {
    min-height: 135px !important;
    height: 135px !important;
/* ==========================================================================
   PAU CHEMICALS — INQUIRY FORM SECTION (ELEMENTOR CONTAINER CUSTOM CSS)
   Paste this entire code block into the Container's Custom CSS panel.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. SECTION CONTAINER & BACKGROUND
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-c3a02bb {
    position: relative !important;
    background: radial-gradient(circle at 92% 15%, rgba(219, 234, 254, 0.55) 0%, transparent 40%),
                radial-gradient(circle at 8% 85%, rgba(224, 242, 254, 0.5) 0%, transparent 45%),
                linear-gradient(135deg, #f8fbff 0%, #edf5fd 50%, #f8fbff 100%) !important;
    padding: 70px 24px 85px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Chemical Molecule Watermark in Top Right */
.elementor-1634 .elementor-element.elementor-element-c3a02bb::before {
    content: "" !important;
    position: absolute !important;
    top: -20px !important;
    right: -20px !important;
    width: 340px !important;
    height: 340px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.3'%3E%3Ccircle cx='100' cy='40' r='6' fill='%2338bdf8'/%3E%3Ccircle cx='150' cy='70' r='6' fill='%2338bdf8'/%3E%3Ccircle cx='150' cy='130' r='6' fill='%2338bdf8'/%3E%3Ccircle cx='100' cy='160' r='6' fill='%2338bdf8'/%3E%3Ccircle cx='50' cy='130' r='6' fill='%2338bdf8'/%3E%3Ccircle cx='50' cy='70' r='6' fill='%2338bdf8'/%3E%3Cpath d='M100 40 L150 70 L150 130 L100 160 L50 130 L50 70 Z'/%3E%3Ccircle cx='180' cy='40' r='5' fill='%2338bdf8'/%3E%3Cline x1='150' y1='70' x2='180' y2='40'/%3E%3Ccircle cx='20' cy='160' r='5' fill='%2338bdf8'/%3E%3Cline x1='50' y1='130' x2='20' y2='160'/%3E%3Ccircle cx='100' cy='200' r='4' fill='%2338bdf8'/%3E%3Cline x1='100' y1='160' x2='100' y2='200'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Subtle Dot Grid in Bottom Center */
.elementor-1634 .elementor-element.elementor-element-c3a02bb::after {
    content: "" !important;
    position: absolute !important;
    bottom: 25px !important;
    left: 48% !important;
    width: 150px !important;
    height: 70px !important;
    background-image: radial-gradient(#93c5fd 1.5px, transparent 1.5px) !important;
    background-size: 15px 15px !important;
    opacity: 0.55 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* --------------------------------------------------------------------------
   2. TWO-COLUMN LAYOUT (FORM ON LEFT 54%, CONTENT ON RIGHT 46%)
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-c3a02bb,
.elementor-1634 .elementor-element.elementor-element-c3a02bb.e-grid {
    display: block !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .e-con-inner,
.elementor-1634 .elementor-element.elementor-element-c3a02bb.e-grid > .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 50px !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 991px) {
    .elementor-1634 .elementor-element.elementor-element-c3a02bb .e-con-inner,
    .elementor-1634 .elementor-element.elementor-element-c3a02bb.e-grid > .e-con-inner {
        flex-direction: column-reverse !important;
        gap: 40px !important;
    }
}

/* --------------------------------------------------------------------------
   3. LEFT COLUMN: WHITE FORM CARD (PERFECT AS VERIFIED)
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-2300857,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-widget-wpforms {
    flex: 1 1 54% !important;
    width: 54% !important;
    max-width: 620px !important;
    margin: 0 !important;
}

@media (max-width: 991px) {
    .elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-2300857,
    .elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-widget-wpforms {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-container {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 36px 36px 32px !important;
    box-shadow: 0 16px 45px -8px rgba(15, 34, 58, 0.08), 0 2px 6px rgba(15, 34, 58, 0.03) !important;
    border: 1px solid rgba(226, 232, 240, 0.75) !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 575px) {
    .elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-container {
        padding: 24px 18px 22px !important;
        border-radius: 16px !important;
    }
}

/* --------------------------------------------------------------------------
   4. FORM LABELS & RED ASTERISKS
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field {
    margin-bottom: 18px !important;
    padding: 0 !important;
    clear: both !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field-label {
    display: inline-block !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 7px !important;
    line-height: 1.3 !important;
}

/* Red Asterisk for Required Fields (Company Website is optional) */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field:not(#wpforms-551-field_3-container) .wpforms-field-label::after,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field-label .wpforms-required-label {
    content: " *" !important;
    color: #ef4444 !important;
    font-weight: 800 !important;
    margin-left: 2px !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field:not(#wpforms-551-field_3-container) .wpforms-field-label .wpforms-required-label {
    display: none !important;
}

/* --------------------------------------------------------------------------
   5. INPUTS, SELECT & TEXTAREA BASE STYLES
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field input[type="text"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field input[type="email"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field input[type="number"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field select,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field textarea {
    width: 100% !important;
    background-color: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 9px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    font-size: 14px !important;
    color: #1e293b !important;
    padding: 0 16px 0 44px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    box-shadow: none !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field input[type="text"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field input[type="email"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field input[type="number"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field select {
    height: 48px !important;
    line-height: 48px !important;
}

/* Focus Glow */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field input[type="text"]:focus,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field input[type="email"]:focus,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field input[type="number"]:focus,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field select:focus,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field textarea:focus {
    background-color: #ffffff !important;
    border-color: #0066f5 !important;
    box-shadow: 0 0 0 3.5px rgba(0, 102, 245, 0.12) !important;
}

/* Placeholders */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field input::placeholder,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field textarea::placeholder {
    color: #94a3b8 !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
}

/* --------------------------------------------------------------------------
   6. FIELD ICONS (SVG DATA URIS)
   -------------------------------------------------------------------------- */
/* 1. Name Field — User Icon */
.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_1-container input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 18px 18px !important;
}

/* 2. Company Name Field — Building Icon */
.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_2-container input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' ry='2'/%3E%3Cpath d='M9 22v-4h6v4'/%3E%3Cpath d='M8 6h.01'/%3E%3Cpath d='M16 6h.01'/%3E%3Cpath d='M12 6h.01'/%3E%3Cpath d='M12 10h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 10h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3Cpath d='M8 10h.01'/%3E%3Cpath d='M8 14h.01'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 18px 18px !important;
}

/* 3. Company Website Field — Link Icon */
.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_3-container input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 18px 18px !important;
}

/* 4. Work Email Field — Mail Icon */
.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_4-container input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 18px 18px !important;
}

/* 5. Mobile Number Field — Phone Icon */
.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_5-container input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 18px 18px !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_5-container input::-webkit-outer-spin-button,
.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_5-container input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_5-container input[type=number] {
    -moz-appearance: textfield !important;
}

/* 6. Inquiry Type Field — Select with Document Icon & Custom Chevron */
.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_6-container select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E"),
                      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: 14px center, calc(100% - 16px) center !important;
    background-size: 18px 18px, 14px 14px !important;
    cursor: pointer !important;
    padding-right: 40px !important;
}

/* 7. Message Field — Textarea with Chat Icon */
.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_7-container textarea {
    min-height: 105px !important;
    padding: 13px 16px 13px 44px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 14px 14px !important;
    background-size: 18px 18px !important;
    resize: vertical !important;
    line-height: 1.5 !important;
}

/* --------------------------------------------------------------------------
   7. INFO ALERT BOX BELOW MESSAGE
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-c3a02bb #wpforms-551-field_7-description,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field-description {
    background-color: #e8f1fd !important;
    color: #1a73e8 !important;
    border-radius: 8px !important;
    padding: 10px 14px 10px 38px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    margin-top: 10px !important;
    position: relative !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231a73e8'%3E%3Cpath fill-rule='evenodd' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
    background-size: 17px 17px !important;
    border: none !important;
}

/* --------------------------------------------------------------------------
   8. SUBMIT BUTTON
   -------------------------------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-submit-container {
    margin-top: 20px !important;
    padding: 0 !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-submit {
    width: 100% !important;
    height: 52px !important;
    background: #0066f5 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    box-shadow: 0 8px 24px -4px rgba(0, 102, 245, 0.42) !important;
    transition: all 0.25s ease !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-submit:hover {
    background: #0052cc !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px -4px rgba(0, 102, 245, 0.52) !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-submit:active {
    transform: translateY(0) !important;
}

/* Paper Plane Icon on Left */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-submit::before {
    content: "" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M2.01 21L23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Arrow on Right */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-submit::after {
    content: "→" !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    margin-left: 4px !important;
}

/* --------------------------------------------------------------------------
   9. RIGHT COLUMN: STACKED CLEAN LAYOUT (NO OVERLAPS!)
   -------------------------------------------------------------------------- */
/* Right outer column container */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-bfbb9d6 {
    flex: 1 1 46% !important;
    width: 46% !important;
    max-width: 530px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Right inner container (inside bfbb9d6) takes full 100% of the column */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-ca13276 {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

@media (max-width: 991px) {
    .elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-bfbb9d6 {
        width: 100% !important;
        max-width: 100% !important;
    }
    .elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-ca13276 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Ensure each item in right column takes 100% width and stacks vertically */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-bfbb9d6 > *,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-ca13276 > *,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-13831f1 {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* ----------------------------------------------------
   9A. "SUBMIT" Pill Badge
   ---------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa .elementor-widget-container,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa .aux-widget-modern-heading,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa .aux-widget-inner {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: flex-start !important;
    text-align: left !important;
}

/* Hide empty primary heading and any default divider in the badge widget */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa h2.aux-modern-heading-primary,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa .aux-modern-heading-divider {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* The clean blue badge pill */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa h3.aux-modern-heading-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #4f46e5 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 5px 14px !important;
    border-radius: 6px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25) !important;
    border: none !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa .aux-head-before,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa .aux-head-highlight,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9b83efa .aux-head-after {
    color: #ffffff !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    display: inline !important;
}

/* ----------------------------------------------------
   9B. "Inquiry" Main Heading & Description
   ---------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    clear: both !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea .elementor-widget-container,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea .aux-widget-modern-heading,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea .aux-widget-inner {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    clear: both !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea .aux-modern-heading-primary {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    font-size: clamp(38px, 4.4vw, 52px) !important;
    font-weight: 800 !important;
    color: #0b1528 !important;
    letter-spacing: -0.025em !important;
    line-height: 1.1 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    display: block !important;
    clear: both !important;
}

/* Blue Accent Divider Bar */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea .aux-modern-heading-divider {
    width: 48px !important;
    height: 3.5px !important;
    background: #0066f5 !important;
    border-radius: 2px !important;
    margin: 0 0 16px 0 !important;
    border: none !important;
    display: block !important;
    clear: both !important;
    float: none !important;
}

/* Crucial: Absolutely remove any ::before or ::after on divider so words are never squeezed! */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea .aux-modern-heading-divider::before,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea .aux-modern-heading-divider::after {
    display: none !important;
    content: none !important;
}

/* Description text inside actual DOM element */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea .aux-modern-heading-description {
    display: block !important;
    width: 100% !important;
    max-width: 490px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    clear: both !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea .aux-modern-heading-description p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #4b5563 !important;
    font-weight: 400 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Fallback: if description paragraph is empty/absent in Elementor, show via ::after on widget-inner */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea .aux-widget-inner::after {
    content: "Share your requirements with us and our team will get back to you with the best solution, technical support and pricing information." !important;
    display: block !important;
    width: 100% !important;
    max-width: 490px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #4b5563 !important;
    font-weight: 400 !important;
    margin: 0 0 10px 0 !important;
    text-align: left !important;
    clear: both !important;
}

/* Hide fallback if description element is already in the DOM */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-9a50bea:has(.aux-modern-heading-description) .aux-widget-inner::after {
    display: none !important;
    content: none !important;
}

/* ----------------------------------------------------
   9C. Laptop with Questionnaire Image Card
   ---------------------------------------------------- */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-13831f1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
    float: none !important;
    position: relative !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-13831f1 .elementor-widget-container,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-13831f1 .aux-widget-image,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-13831f1 .aux-media-hint-frame,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-13831f1 .aux-media-image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-13831f1 img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    border-radius: 18px !important;
    display: block !important;
    box-shadow: 0 18px 45px -10px rgba(15, 34, 58, 0.16) !important;
    border: 1px solid rgba(226, 232, 240, 0.85) !important;
    transition: transform 0.35s ease !important;
    box-sizing: border-box !important;
}

.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-element-13831f1:hover img {
    transform: scale(1.015) !important;
}
    padding: 14px 16px !important;

    resize: vertical !important;
}


/* FIELD SPACING */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-field,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .elementor-field-group {
    margin-bottom: 18px !important;
}


/* SUBMIT BUTTON */
.elementor-1634 .elementor-element.elementor-element-c3a02bb button,
.elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="submit"],
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-submit {
    min-width: 155px !important;

    min-height: 50px !important;

    padding: 0 28px !important;

    border: none !important;

    border-radius: 11px !important;

    background: linear-gradient(
        135deg,
        #00527B 0%,
        #0579B8 60%,
        #41B981 100%
    ) !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    letter-spacing: 0.3px !important;

    cursor: pointer !important;

    box-shadow:
        0 10px 25px rgba(0, 82, 123, 0.20) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease !important;
}


/* BUTTON HOVER */
.elementor-1634 .elementor-element.elementor-element-c3a02bb button:hover,
.elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="submit"]:hover,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-submit:hover {
    transform: translateY(-3px) !important;

    filter: brightness(1.05) !important;

    box-shadow:
        0 16px 32px rgba(0, 82, 123, 0.28) !important;
}


/* BUTTON CLICK */
.elementor-1634 .elementor-element.elementor-element-c3a02bb button:active,
.elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="submit"]:active,
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-submit:active {
    transform: translateY(-1px) !important;
}


/* FORM ERROR */
.elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-error {
    margin-top: 5px !important;

    color: #D63637 !important;

    font-size: 12px !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-1634 .elementor-element.elementor-element-c3a02bb {
        padding: 40px 25px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-c3a02bb img {
        height: 250px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-1634 .elementor-element.elementor-element-c3a02bb {
        padding: 30px 18px !important;
        border-radius: 18px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-c3a02bb img {
        height: 230px !important;
        border-radius: 18px !important;
        margin-bottom: 25px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-c3a02bb h1,
    .elementor-1634 .elementor-element.elementor-element-c3a02bb h2,
    .elementor-1634 .elementor-element.elementor-element-c3a02bb h3 {
        font-size: 30px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="text"],
    .elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="email"],
    .elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="number"],
    .elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="url"],
    .elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="tel"],
    .elementor-1634 .elementor-element.elementor-element-c3a02bb select,
    .elementor-1634 .elementor-element.elementor-element-c3a02bb textarea {
        font-size: 14px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-c3a02bb textarea {
        height: 120px !important;
        min-height: 120px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-c3a02bb button,
    .elementor-1634 .elementor-element.elementor-element-c3a02bb input[type="submit"],
    .elementor-1634 .elementor-element.elementor-element-c3a02bb .wpforms-submit {
        width: 100% !important;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .elementor-1634 .elementor-element.elementor-element-c3a02bb {
        padding: 24px 15px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-c3a02bb img {
        height: 200px !important;
        border-radius: 15px !important;
    }

    .elementor-1634 .elementor-element.elementor-element-c3a02bb h1,
    .elementor-1634 .elementor-element.elementor-element-c3a02bb h2,
    .elementor-1634 .elementor-element.elementor-element-c3a02bb h3 {
        font-size: 27px !important;
    }

}


/*============================*/
.aux-column-post-entry .aux-no-meta .post, .aux-widget-recent-posts .aux-no-meta .post, .aux-widget-recent-posts-masonry .aux-no-meta .post {
    padding-bottom: 0;
    background: #fff;
    border: 1px solid #e3e8ee !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    position: relative !important;
    box-sizing: border-box !important;
    box-shadow: 0 5px 18px rgba(15, 23, 42, 0.06) !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),        box-shadow 0.4s ease,        border-color 0.3s ease !important;
}
.type-portfolio.hentry .entry-main {
    margin-bottom: 10px;
    padding: 2px 10px;
}/* End custom CSS */