/*
 Theme Name:   Divi Child
 Description:  Divi Child Theme
 Author:       Pixant
 Template:     Divi
 Version:      1.0.0
*/


/* Custom CSS
------------------------------------------------------- */


/* Global Settings  */
html, body {
  overscroll-behavior: none;
}

::selection {
  background: #fe6d73;
  color: #fef9ef;
}

#page-container {
  min-width: 320px;
}

/* Fonts */
:root {
	font-size: clamp(16px, 1.25vw, 20px);
}

/* Home Service Sec Hover */
.service-hover:hover .et_pb_text {
  color: var(--gcid-y90xz369ff);
}
.service-hover {
  position: relative;
  overflow: hidden;
  transition: transform 0.5s ease;
  background: transparent !important;
}
.service-hover::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--gcid-primary-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1.0s ease;
  z-index: 0;
}
.service-hover:hover::before {
  transform: scaleX(1);
}
.service-hover:hover {
  transform: scale(1.05);
}
.service-hover > * {
  position: relative;
  z-index: 1;
}
.service-hover .et_pb_text,
.service-hover:hover p{
  transition: color 0.5s ease;
}

.service-hover .et-pb-icon
{
transition: color 0.5s ease;
transition-delay: 500ms;
}

.service-hover:hover .et_pb_text,
.service-hover:hover .et-pb-icon,
.service-hover:hover p{
  color: var(--gcid-y90xz369ff) !important;
}


/* Home Availability Button */
.available-dot {
  background-image: radial-gradient(circle, #17C3B2 60%, transparent 61%);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
@keyframes availability-pulse {
  0%   { background-size: 10px 10px; }
  40%  { background-size: 12px 12px; }
  100% { background-size: 10px 10px; }
}
.available-dot {
  animation: availability-pulse 2s cubic-bezier(.4,0,.2,1) infinite;
}


/* Home Portfolio Hover Effect */
.portfolio-img-hover-fade img {
  opacity: 1;
  transition: opacity 0.5s ease-in-out, transform 1.0s ease-in-out;
}
.portfolio-img-hover-fade:hover img {
  opacity: 0.2;
}

/* Contact Form */
#wpforms-607 ::placeholder {
  color: #454849;
  opacity: 1;
}
.wpforms-confirmation-container-full{
    background-color: #FFF !important;
    border:2px solid #17C3B2 !important;
}