/**
 * Theme Name: Prime Theme
 * Template:   twentytwentyfive
 */


/*
 * Banner Slider 
 */

.slider{
    width: 100%;
    height: var(--height);
    overflow: hidden;
    mask-image: linear-gradient(
        to right,
        transparent,
        #000 10% 90%,
        transparent
    );
}
.slider .list{
    display: flex;
    width: 100%;
    min-width: calc(var(--width) * var(--quantity));
    position: relative;
}
.slider .list .item{
    width: var(--width);
    height: var(--height);
    position: absolute;
    left: 100%;
    animation: autoRun 30s linear infinite;
    transition: filter 0.5s;
    animation-delay: calc( (30s / var(--quantity)) * (var(--position) - 1) - 30s)!important;
}
.slider .list .item img{
    width: 100%;
}
@keyframes autoRun{
    from{
        left: 100%;
    }to{
        left: calc(var(--width) * -1);
    }
}
.slider:hover .item{
    animation-play-state: paused!important;
    filter: grayscale(1);
}
.slider .item:hover{
    filter: grayscale(0);
}
.slider[reverse="true"] .item{
    animation: reversePlay 30s linear infinite;
}
@keyframes reversePlay{
    from{
        left: calc(var(--width) * -1);
    }to{
        left: 100%;
    }
}

/* ----------Smooth Scroll---------- */
html {
  scroll-behavior: smooth;
}

/* ----------Contact Form Styling---------- */

/* Apply the Open Sauce One font to the entire form */
.wpcf7-form {
  font-size: 16px; /* Set the base font size for the form */
}

/* Ensure the form fields use the same font */
.wpcf7 input, .wpcf7 textarea, .wpcf7 select, .wpcf7 button {
  font-size: 16px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Style for the placeholder */
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder {
  color: #aaa;
  font-size: 16px;
}

/* Make the error messages smaller than the form font */
.wpcf7 .wpcf7-not-valid-tip {
  font-size: 12px; /* Smaller font size for error messages */
  color: #e74c3c; /* Red color for error messages */
}

/* Ensure the form container doesn't overflow */
.wpcf7-form {
  width: 100%;
  max-width: 100%; /* Prevents any possible horizontal overflow */
  margin: 0 auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box; /* Ensure padding is part of width calculation */
  overflow: hidden; /* Prevent any content from overflowing */
}

/* Ensure the form fields don't overflow */
.wpcf7 input, .wpcf7 textarea {
  width: 100%;
  padding: 10px;
  box-sizing: border-box; /* Ensure padding is included in width */
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  margin: 0; /* Remove any default margin that might cause overflow */
}

/* Prevent the textarea from expanding horizontally */
.wpcf7 textarea {
  resize: vertical; /* Allow only vertical resizing */
  min-height: 100px; /* Set a minimum height for the textarea */
  max-width: 100%; /* Ensure the textarea doesn't overflow horizontally */
}

/* Optional: Styling the submit button */
.wpcf7 input[type="submit"] {
	background-color: #2D6ACC;
  color: white;
  padding: 15px 60px;
  border-radius: 0px;
  cursor: pointer;
  width: auto; /* Ensure the button width is not stretched */
}

.wpcf7 input[type="submit"]:hover {
	opacity: 70%;
}

/*  Services Blocks  */

.services_group {
	transition: 200ms;
}

.services_group:hover {
	scale: 1.1;
}