/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 26 2025 | 05:42:11 */
/* ===========================================================
   STICKEY Header
   =========================================================== */
/* Sticky header basic */
.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.3s ease;
}

/* Start transparent */
.sticky-header {
    background-color: transparent;
    box-shadow: none;
    padding: 0px 0;
}

/* Solid on scroll */
.sticky-header.scrolled {
    background-color: #000; /* change as needed */
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    padding: 0px 0;
}

/* Smooth menu link color transition */
.sticky-header a {
    transition: color 0.3s ease;
}




/* ===========================================================
   Hero SECTION
   =========================================================== */
.hero-line {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

/* Line 1 typing */
.line1 {
  animation: typing1 2s steps(20, end) forwards;
  animation-fill-mode: forwards;
}

/* Line 2 typing */
.line2 {
  visibility: hidden;
  animation: typing2 2s steps(15, end) forwards;
  animation-delay: 2.1s;
  animation-fill-mode: forwards; /* IMPORTANT FIX */
}

/* Last character blink slow */
.line2 .last {
  animation: blinkLast 1.6s infinite;
}

/* typing animations */
@keyframes typing1 {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes typing2 {
  0% {
    width: 0;
    visibility: visible;
  }
  100% {
    width: 100%;
    visibility: visible;
  }
}

/* slow blink */
@keyframes blinkLast {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.25; }
}



/* ===========================================================
   Gallery Section CSS
   =========================================================== */

.cu-gallery  a {
    color: white!important;
    text-decoration: none!important;
}

/* ===========================================================
   footer  CSS
   =========================================================== */
.site-footer {
  background-color: #fff;
  border-top: 1px solid #ddd;
  padding: 20px 0;
  font-family: Arial, sans-serif;
}

.site-footer .wrap {
  max-width: 1320px;    /* wrap width */
  margin: 0 auto;       /* center wrap */
  display: flex;
  justify-content: space-between; /* links left, copyright right */
  align-items: center;
  padding: 0 0;         /* remove side padding */
}

.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 30px;            /* spacing between links */
}

.footer-links li a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: color 0.3s;
}

.footer-links li a:hover {
    color: #3f3f3f;
}

.footer-copy {
    font-family: 'DM Sans', sans-serif; /* font family */
    font-weight: 400;                   /* normal weight */
    font-style: normal;                 /* Regular = normal */
    font-size: 14px;                     /* font size */
    line-height: 100%;                   /* line height */
    letter-spacing: 0%;                  /* letter spacing */
    text-align: right;                   /* right align text */
    color: #000000;                         /* text color */
    margin-left: auto;                   /* push copyright to extreme right */
    white-space: nowrap;                 /* prevent wrapping */
}

@media(max-width: 768px){
  .site-footer .wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-copy {
    margin-left: 0;
    margin-top: 10px;
  }

}
#astra-footer-menu > .menu-item > .menu-link {
    FONT-SIZE: 18px;
    font-weight: 600;
    font-family: 'DM Sans';
}



.ast-footer-social-1-wrap .ast-builder-social-element svg {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    padding: 8px;
    background-color: black;
    fill: white;
}

@media(max-width: 567px){
	.site-footer {
    padding: 20px 10px;
}
	.footer-links {
    display: block;

}
.site-footer .wrap {
    place-items: center;
}
.footer-copy {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    white-space: unset;
}
	.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    padding-bottom: 0px;
}
}


/* ===========================================================
   Contact form 7 Find Your Perfect Creator start
   =========================================================== */
.dark-form {
    background: #000000;
    padding: 20px;
    color: #fff;
    font-family: 'Inter', sans-serif;
}

.dark-form label {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 145%;
    letter-spacing: 0;
    color: #bfbfbf;
    display: block;
    margin-bottom: 6px;
}


.dark-form .form-row {
  display: flex;
  gap: 30px;
  margin-bottom: 25px;
}

.dark-form .form-col {
  flex: 1;
}

.dark-form .form-col.full {
  flex: 100%;
}

.dark-form input, .dark-form select, .dark-form textarea {
    width: 100%;
    background: #00000000;
    border: none;
    border-bottom: 1.8px solid #ffffff;
    padding: 10px 0;
    color: #fff;
    font-size: 15px;
    border-radius: 0px;
}

.dark-form input:focus,
.dark-form textarea:focus,
.dark-form select:focus {
  outline: none;
  border-bottom: 1px solid #777;
}

.dark-form select {
  appearance: none;
    background-image: url("data:image/svg+xml;utf8,\
<svg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'>\
<path d='M20.073 -6.77109e-05C19.8242 -0.000361443 19.5777 0.0485191 19.3478 0.143766C19.1179 0.239013 18.9091 0.378746 18.7333 0.554942L10.9835 8.30615L3.23375 0.556364C2.8785 0.201117 2.39668 0.00154209 1.89428 0.00154209C1.39189 0.00154209 0.91007 0.201117 0.554823 0.556364C0.199576 0.911612 3.74314e-09 1.39343 0 1.89582C-3.74313e-09 2.39822 0.199576 2.88004 0.554823 3.23529L9.64431 12.3243C9.99953 12.6794 10.4813 12.8789 10.9835 12.8789C11.4858 12.8789 11.9675 12.6794 12.3228 12.3243L21.4122 3.23529C21.6777 2.97047 21.8586 2.63282 21.9321 2.26511C22.0055 1.89739 21.9681 1.51616 21.8247 1.16969C21.6813 0.823226 21.4383 0.527119 21.1265 0.318879C20.8146 0.11064 20.448 -0.00036335 20.073 -6.77109e-05Z' fill='white'/>\
</svg>");
  background-repeat: no-repeat;
  background-position: right 0 top 50%;
  padding-right: 22px;
  cursor: pointer;
}

.dark-form textarea {
    height: 150px!Important;
}

.dark-form input[type=submit] {
  margin-top: 20px;
  padding: 12px 35px;
  background: #fff;
  color: #000;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  border: none;
}

.dark-form input[type=submit]:hover {
  opacity: 0.8;
}
.dark-form br {
    display: none !important;
}
.dark-form input.wpcf7-form-control:not([type=submit]):focus, .dark-form select.wpcf7-form-control:focus, .dark-form textarea.wpcf7-form-control:focus {
    border-style: disable;
    border-color: #ffffff;
    border-width: thin;
    box-shadow: none;
    outline: none;
    color: #ffffff;
    background-color: #181818;
    border-radius: 5px;
}

.dark-form input.wpcf7-form-control:not([type=submit]), .dark-form textarea.wpcf7-form-control {
    font-family: 'Rework Display';
    font-size: 24px;
}
.dark-form  select.wpcf7-form-control {
    padding: 5px 10px;
    font-family: 'Rework Display';
    font-size: 24px;
}
.form-row.btn-row {
    justify-content: center;
}
.dark-form input[type="submit"] {
    background-color: black;
    color: white;
    border: 2px solid white;
    padding: 20px 60px;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 48px;
}

/* Optional: hover effect */
.dark-form input[type="submit"]:hover {
    background-color: white; /* inverse background */
    color: black;                  /* text black on hover */
    border-color: white;           /* keep border white */
}