.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-color-7003d24:#FFFFFF;--e-global-color-cc35f65:#D4D4D4;--e-global-color-d18dc0d:#000000;--e-global-color-8857392:#AFADAD;--e-global-color-79a6c64:#FFFFFF;--e-global-color-4ed7f8e:#000000;--e-global-color-34aba27:#00B5C1;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-90a53ae-font-size:var(--body-xlarge-size);--e-global-typography-90a53ae-line-height:var(--body-xlarge-line);--e-global-typography-08561aa-font-size:var(--body-large-size);--e-global-typography-08561aa-line-height:var(--body-large-line);--e-global-typography-513f830-font-size:var(--body-small-size);--e-global-typography-513f830-line-height:var(--body-small-line);--e-global-typography-e5e406e-font-size:var(--body-xsmall-size);--e-global-typography-e5e406e-line-height:var(--body-xsmall-line);--e-global-typography-05e4316-font-size:var(--body-xxsmall-size);--e-global-typography-05e4316-line-height:var(--body-xxsmall-line);background-color:#000000;color:var( --e-global-color-cc35f65 );font-family:"franklin-gothic-atf", Sans-serif;font-size:var(--body-regular-size);line-height:var(--body-regular-line);}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#00000000;font-family:"Serpentine ICG", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;font-style:italic;line-height:21px;color:var( --e-global-color-secondary );border-style:solid;border-color:#E88201;border-radius:12px 12px 12px 12px;padding:18px 24px 18px 24px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#00000000;color:var( --e-global-color-secondary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{text-decoration:none;}.elementor-kit-7 h1{font-family:"Serpentine ICG", Sans-serif;font-size:var(--h1-size);font-weight:700;text-transform:uppercase;font-style:italic;line-height:var(--h1-line);letter-spacing:var(--h1-spacing);}.elementor-kit-7 h2{font-family:"Serpentine ICG", Sans-serif;font-size:var(--h2-size);font-weight:700;text-transform:uppercase;font-style:italic;line-height:var(--h2-line);letter-spacing:var(--h2-spacing);}.elementor-kit-7 h3{font-family:"Serpentine ICG", Sans-serif;font-size:var(--h3-size);font-weight:800;text-transform:uppercase;font-style:italic;line-height:var(--h3-line);letter-spacing:var(--h3-spacing);}.elementor-kit-7 h4{font-family:"Serpentine ICG", Sans-serif;font-size:var(--h4-size);font-weight:800;text-transform:uppercase;font-style:italic;line-height:var(--h4-line);letter-spacing:var(--h4-spacing);}.elementor-kit-7 h5{font-family:"Serpentine ICG", Sans-serif;font-size:var(--h5-size);font-weight:800;text-transform:uppercase;font-style:italic;line-height:var(--h5-line);letter-spacing:var(--h5-spacing);}.elementor-kit-7 h6{font-family:"Serpentine ICG", Sans-serif;font-size:var(--h6-size);font-weight:800;text-transform:uppercase;font-style:italic;line-height:var(--h6-line);letter-spacing:var(--h6-spacing);}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{color:#FFFFFF;background-color:#272727;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-34aba27 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1330px;}.e-con{--container-max-width:1330px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */h1, h2, h3, h4, h5, h6, p,
.elementor-widget-text-editor {
    margin-bottom: 0 !important;
}

a {
    text-decoration: none !important;
}

.no-ud {
    text-decoration: none !important;
}

:root {
  /* ---- FONT SIZES ---- */
  --h1-size: 62px;
  --h2-size: 50px;
  --h3-size: 44px;
  --h4-size: 32px;
  --h5-size: 24px;
  --h6-size: 20px;

  /* ---- LINE HEIGHTS ---- */
  --h1-line: 52px;
  --h2-line: 46px;
  --h3-line: 38px;
  --h4-line: 32px;
  --h5-line: 24px;
  --h6-line: 20px;

  /* ---- LETTER SPACING ---- */
  --h1-spacing: 0px;
  --h2-spacing: 0px;
  --h3-spacing: 0px;
  --h4-spacing: 0px;
  --h5-spacing: 0px;
  --h6-spacing: 0px;

  /* ---- MOBILE FONT SIZES ---- */
  --h1-size-m: 38px;
  --h2-size-m: 34px;
  --h3-size-m: 24px;
  --h4-size-m: 28px;
  --h5-size-m: 20px;
  --h6-size-m: 18px;

  /* ---- MOBILE LINE HEIGHTS ---- */
  --h1-line-m: 34px;
  --h2-line-m: 28px;
  --h3-line-m: 24px;
  --h4-line-m: 28px;
  --h5-line-m: 20px;
  --h6-line-m: 18px;
}

@media (max-width: 767px) {
  :root {
    --h1-size: var(--h1-size-m);
    --h1-line: var(--h1-line-m);

    --h2-size: var(--h2-size-m);
    --h2-line: var(--h2-line-m);

    --h3-size: var(--h3-size-m);
    --h3-line: var(--h3-line-m);

    --h4-size: var(--h4-size-m);
    --h4-line: var(--h4-line-m);

    --h5-size: var(--h5-size-m);
    --h5-line: var(--h5-line-m);

    --h6-size: var(--h6-size-m);
    --h6-line: var(--h6-line-m);
  }
}

:root {
  /* ---- BODY SIZES ---- */
  --body-regular-size: 18px;
  --body-xlarge-size: 22px;
  --body-large-size: 20px;
  --body-small-size: 16px;
  --body-xsmall-size: 14px;
  --body-xxsmall-size: 12px;

  /* ---- BODY LINE HEIGHTS ---- */
  --body-regular-line: 27px;
  --body-xlarge-line: 30px;
  --body-large-line: 27px;
  --body-small-line: 24px;
  --body-xsmall-line: 20px;
  --body-xxsmall-line: 18px;
}







.btn-pr,
.btn-sc,
.btn-tc {
  border-radius: 12px;
}

.btn-pr,
.elementor-form .elementor-button,
.btr-pr {
  background: linear-gradient(90deg, #016A71 0%, #00BBC8 47.6%, #016A71 100%);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-pr:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}


.btn-sc,
.eael-gallery-load-more {
  background:  linear-gradient(0deg, #000000 0%, #000000 100%);
  color: #ffffff ;
  border: 2px solid #29A5AE  !important;
  border-color: #29A5AE !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-sc:hover,
.eael-gallery-load-more:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}


.btn-tc {
  border: 2px solid #ffffff;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-tc:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}





.highlight-text {
  background: linear-gradient(90deg, #00868F 0%, #7AE4EB 47.6%, #00868F 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

/* Put this AFTER .highlight-text */
.white-text {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #ffffff;
  color: #ffffff;
}


.primary-text {
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #ffffff;
  color: #ffffff;
}



.service-item {
    color: #ffffff !important;
    background-color: #272727;
    cursor: pointer;         
    text-decoration: none !important;
    border-radius: 12px;
    border-color: #29A5AE !important;
    font-size: 16px;
    font-style: italic;
    text-transform: uppercase;
    font-weight: 600;
}

/* Default icon color */
.service-icon {
    color: #29A5AE;
}

.service-item:hover {
    background: linear-gradient(90deg, #00868F 0%, #7AE4EB 47.6%, #00868F 100%), #FFFFFF;
    color: #ffffff !important;
}

/* Icon turns white when parent is hovered */
.service-item:hover .service-icon {
    color: #ffffff !important;
}

.service-item a {
    text-decoration: none !important;    
    color: inherit;
}




.area-wrapper {
  background-color: #0E0C52;
  color: #ffffff;
  cursor: pointer;           /* makes the whole block clickable */
  text-decoration: none !important;     /* removes underline if wrapper is a link */
}

/* Removes any underline from links inside */
.area-wrapper a {
  text-decoration: none;
  color: inherit;
}

.area-wrapper .area-text {
  color: inherit;
}

.area-wrapper:hover {
  background-color: #ffffff;
  color: #0E0C52;
}

.area-wrapper:hover a {
  text-decoration: none;
  color: inherit;
}


@media (max-width: 757px) {
    .e-n-carousel.swiper.swiper-initialized.swiper-horizontal {
        padding-bottom: 0px !important;
    }
}



.quote-wrapper {
  min-width: 381px;  
}


.marquee-wrapper {
    background: linear-gradient(90deg, #00868F 0%, #7AE4EB 47.6%, #00868F 100%);
}


/* ===========================
   PROCESS ITEM ACCORDION STYLING
   =========================== */

.process-item.elementor-widget-n-accordion {
  --n-accordion-border-width: 0px !important;
}

.process-item .e-n-accordion-item-title {
  background: #272727;
  color: #fff;
  display: flex;
  align-items: center;
  padding-left: 90px !important; /* Keep the left padding to clear blue tab */
  position: relative;
  min-height: 68px;
  height: auto !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 20px !important;
  box-sizing: border-box;
  z-index: 2;
  border-radius: 12px !important;
  border: 1px solid !important;
  border-color: #068B94 !important;
}

/* Blue Left Tab */
.process-item .e-n-accordion-item-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 70px;
  display: block;
background: linear-gradient(90deg, #00868F 0%, #7AE4EB 47.6%, #00868F 100%), #00A9CE;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  z-index: 1;
}

/* Elementor Icon - Right-side positioning */
.process-item .e-n-accordion-item-title-icon {
  position: relative !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  margin-left: auto !important;
  margin-right: 0 !important;
  z-index: 2;
}

/* Text header styling */
.process-item .e-n-accordion-item-title-header {
  flex: 1;
  z-index: 2;
  line-height: 1.3 !important;
  padding-right: 15px !important;
}


/* ===========================
   INDIVIDUAL ACCORDION ICONS
   =========================== */

/* Shared icon styling */
#process-first .e-n-accordion-item-title::after,
#process-second .e-n-accordion-item-title::after,
#process-third .e-n-accordion-item-title::after,
#process-four .e-n-accordion-item-title::after,
#process-five .e-n-accordion-item-title::after {
  content: "";
  position: absolute;
  left: 13px; /* position inside blue tab area */
  top: 50%;
  transform: translateY(-50%);
  width: 45px;   /* adjust size as needed */
  height: 45px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 3;
}

/* Individual icons */
#process-first .e-n-accordion-item-title::after {
  background-image: url("https://epoxykingzca.com/wp-content/uploads/2025/12/process_icon_4.svg");
}

#process-second .e-n-accordion-item-title::after {
  background-image: url("https://epoxykingzca.com/wp-content/uploads/2025/12/process_icon_3.svg");
}

#process-third .e-n-accordion-item-title::after {
  background-image: url("https://epoxykingzca.com/wp-content/uploads/2025/12/process_icon_2.svg");
}

#process-four .e-n-accordion-item-title::after {
  background-image: url("https://epoxykingzca.com/wp-content/uploads/2025/12/process_icon_1.svg");
}

.img-full {
    height: 100% !important;
}

@media (max-width: 767px) {
  .mobile-fullwidth-carousel 
  .elementor-widget-image,
  .mobile-fullwidth-carousel 
  .elementor-widget-image img {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Serpentine ICG';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://epoxykingzca.com/wp-content/uploads/2025/12/Serpentine-ICG-BoldOblique-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Serpentine ICG';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://epoxykingzca.com/wp-content/uploads/2025/12/Serpentine-ICG-BoldOblique-2.ttf') format('truetype');
}
/* End Custom Fonts CSS */