@font-face {
	font-family: Stonesans;
	src: url(..//fonts/Stone\ Sans\ Regular.ttf);
}

@font-face {
	font-family:Stone Sans Bold;
	src: url(..//fonts/Stone\ Sans\ Bold.ttf);
}






*{  font-family: "Stonesans", sans-serif;transition:.3s ease;padding:0;margin:0;box-sizing:border-box;}
img{object-fit:cover;max-width:100%;}
.container{max-width:1200px;}
a{text-decoration:none !important;display:inline-block;color: black;}
ul li{list-style:none;}
ul{padding: 0;}
.flexAll{display: flex;justify-content: center;align-items: center;}
p{margin-bottom:0px; }
.box15{width:15%}
.box95{width:95%}
.box20{width:20%}
.box30{width:30%}
.box40{width:40%}
.box75{width:75%}
.box33{width:33%}
.box100{width:100%}
.box62{width:62%}
.text-center{text-align: center;}
figure{margin: 0;}
ul{margin: 0;}
.mb70{margin-bottom: 70px;}


.text-center{text-align: center;}
figure{margin: 0;}
ul{margin: 0;}
.mb70{margin-bottom: 70px;}
section{overflow: hidden;}
body{overflow-x:hidden ;}
.menu-button{display: none;}
.close-button{display: none;}


header{    position: absolute;left: 0;right: 0;margin: auto;top: 40px;}
header .logo figure{position: relative;z-index: 2;text-align: center;border: 0;}
header .logo:hover figure{    transform: scale(1.2);}

.banner .content{position: absolute;left: 0;right: 0;margin: auto;top: 190px;}
/* BANNER TITLE (Default - hidden) */
.banner .content h3 {
    font-size: 52px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    font-family: "Stone Sans Bold";
    text-align: center;

    opacity: 0;
    transform: translateY(25px);
}

/* Animation class added by JS */
.banner-title-animate {
    animation: titleFadeUp 1.2s ease-out forwards;
}

/* Keyframes */
@keyframes titleFadeUp {
    0% {
        opacity: 0;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.banner .content h5{font-size: 30px;color: #ffffff;font-weight: bold;font-family: "Stone Sans Bold";text-align: center;}
.banner  figure img{height: 600px;}
.banner .content ul {text-align: center;margin-top: 40px;}
.banner .content ul li{background: #fff;border-radius: 3px;display: inline-flex;text-align: start;align-items: center;padding: 5px;padding-top: 8px;margin-right: 7px;}
.banner .content ul li b{font-size: 14px;color: #000000;font-weight: 500;display: block;margin-bottom: 0;line-height: 12px;}
.banner .content ul li a{font-size: 14px;color: #000000;font-weight: 600;}
.banner .content ul li i{margin-right: 7px;font-size: 25px;}


.about{padding: 60px 0;}
.about .content h3{font-size: 37px;line-height: 50px;color: #000000;font-weight: bold;font-family: "Stone Sans Bold";}
.about .content p{font-size: 14px;line-height: 26px;color: #000000;font-weight: 500;}
.about .wrap figure{    filter: drop-shadow(0 0 17.5px rgba(0, 0, 0, 0.31));background-color: #ffffff;border: 10px solid #fff;border-radius: 10px;overflow: hidden;}
.about .wrap figure:hover img{    transform: scale(1.2);}
.about .wrap .name b{text-align: center;display: block;font-size: 20px;line-height: 26px;color: #000000;font-family: "Stone Sans Bold";margin-top: 20px;}

.scroll-animate {
    opacity: 0;
}

/* Left animation */
.animate-left {
    animation: leftTiltIn 1s ease forwards;
}

@keyframes leftTiltIn {
    0% { opacity: 0; transform: translateX(-60px) rotate(-4deg); }
    100% { opacity: 1; transform: translateX(0) rotate(0); }
}

/* Right animation */
.animate-right {
    animation: rightTiltIn 1s ease forwards;
}

@keyframes rightTiltIn {
    0% { opacity: 0; transform: translateX(60px) rotate(4deg); }
    100% { opacity: 1; transform: translateX(0) rotate(0); }
}



.tonya{padding: 60px 0;}
.tonya figure{    filter: drop-shadow(0 0 17.5px rgba(0, 0, 0, 0.31));background-color: #ffffff;border: 10px solid #fff;border-radius: 10px;overflow: hidden;margin-bottom: 25px;}
.tonya figure:hover img{    transform: scale(1.2);}
.tonya .wrapper .cont h5{font-size: 20px;line-height: 50px;color: #000000;font-weight: 500;}
.tonya .wrapper .cont a{font-size: 14px; color: #fffefe; font-weight: 500; background: #000; padding: 10px 20px; margin: 5px;}
.tonya .wrapper .cont .button{    border: 1px solid #000;display: inline-block;}

.button.effect1 {border: 1px solid #000;display: inline-block;overflow: hidden;}
.button.effect1 a {font-size: 14px;color: #fff;background: #000;padding: 10px 20px;position: relative;display: inline-block;z-index: 1;}
.button.effect1 a::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: rgba(255,255,255,0.2);  /* <-- Only a light highlight */transition: 0.4s ease;z-index: -1;}
.button.effect1:hover a::before {
  left: 0;}

.button.effect1:hover a {color: #fff; /* stays white */ background: #000; /* stays black */}



/* START HIDDEN */
.tonya .scroll-item {
    opacity: 0;
    transition: 0.8s ease-out;
}

/* LEFT ANIMATION */
.tonya .scroll-left {
    transform: translateX(-60px);
}
.tonya .scroll-left.animate {
    opacity: 1;
    transform: translateX(0);
}

/* RIGHT ANIMATION */
.tonya .scroll-right {
    transform: translateX(60px);
}
.tonya .scroll-right.animate {
    opacity: 1;
    transform: translateX(0);
}

/* UP ANIMATION */
.tonya .scroll-up {
    transform: translateY(40px);
}
.tonya .scroll-up.animate {
    opacity: 1;
    transform: translateY(0);
}
/* Kathy Section */
.kathy {
    padding: 60px 0;
}

/* Image styling */
.kathy figure {
    filter: drop-shadow(0 0 17.5px rgba(0, 0, 0, 0.31));
    background-color: #ffffff;
    border: 10px solid #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
}

.kathy figure:hover img {
    transform: scale(1.2);
}

/* Content styling */
.kathy .wrapper .cont h5 {
    font-size: 20px;
    line-height: 50px;
    color: #000;
    font-weight: 500;
}

.kathy .wrapper .cont a {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background: #000;
    padding: 10px 20px;
    margin: 5px;
}

.kathy .wrapper .cont .button {
    border: 1px solid #000;
    display: inline-block;
}

/* ============================= */
/*   SCROLL ANIMATION FOR KATHY  */
/* ============================= */

.scroll-item {
    opacity: 0;
    transition: 0.8s ease-out;
    will-change: transform, opacity;
}

/* Left slide */
.scroll-left {
    transform: translateX(-60px);
}
.scroll-left.animate {
    transform: translateX(0);
    opacity: 1;
}

/* Right slide */
.scroll-right {
    transform: translateX(60px);
}
.scroll-right.animate {
    transform: translateX(0);
    opacity: 1;
}



.renata{padding: 60px 0;}
.renata figure{    filter: drop-shadow(0 0 17.5px rgba(0, 0, 0, 0.31));background-color: #ffffff;border: 10px solid #fff;border-radius: 10px;overflow: hidden;margin-bottom: 25px;}
.renata figure:hover img{    transform: scale(1.2);}
.renata .wrapper .cont h5{font-size: 20px;line-height: 50px;color: #000000;font-weight: 500;}
.renata .wrapper .cont a{font-size: 14px; color: #fffefe; font-weight: 500; background: #000; padding: 10px 20px; margin: 5px;}
.renata .wrapper .cont .button{    border: 1px solid #000;display: inline-block;}


.slowBorder {position: relative;display: inline-block;padding: 3px;border: 2px solid #000;  /* base border */
}

.slowBorder a { background: #000; color: #fff; padding: 12px 25px; display: inline-block; position: relative; z-index: 2;}

/* Animated border layer */
.slowBorder::after {content: "";position: absolute;inset: 0;border: 2px solid #000;box-sizing: border-box;animation: borderPulse 4s infinite linear;pointer-events: none;}

/* animation */
@keyframes borderPulse {
  0%   { clip-path: inset(0 100% 100% 0); }
  25%  { clip-path: inset(0 0 100% 0); }
  50%  { clip-path: inset(0 0 0 0); }
  75%  { clip-path: inset(100% 0 0 0); }
  100% { clip-path: inset(0 100% 100% 0); }
}



.renata .scroll-item {
    opacity: 0;
    transform: scale(0.85) rotate(2deg);
    transition: 1s ease-out;
    will-change: transform, opacity;
}

.renata .scroll-item.animate {
    opacity: 1;
    transform: scale(1) rotate(0);
}








.jeffery{padding: 60px 0;background:#faf2e5;}
.jeffery ul{display: flex;justify-content: space-between;}
.jeffery ul li{padding: 5px;}
.jeffery figure{    filter: drop-shadow(0 0 17.5px rgba(0, 0, 0, 0.31));background-color: #ffffff;border: 10px solid #fff;border-radius: 10px;overflow: hidden;margin-bottom: 25px;}
.jeffery figure:hover img{    transform: scale(1.2);}
.jeffery .wrapper .cont h5{font-size: 20px;line-height: 50px;color: #000000;font-weight: 500;}




.contact{padding: 60px 0;}
.contact .head h3{font-size: 42px;color: #000000;font-weight: bold;font-family: "Stone Sans Bold";text-align: center;margin-bottom: 40px;}
.contact form input{background-color: #f2f2f2;padding: 15px;border: 0;width: 100%;margin-bottom: 20px;}
.contact form label{font-size: 14px;line-height: 26px;color: #000000;font-weight: 500;text-align: start;display: block;}
.contact form textarea{background-color: #f2f2f2;padding: 15px;border: 0;width: 100%;margin-bottom: 20px;height: 100px;}
.contact input[type=submit]{font-size: 14px; color: #fffefe; font-weight: 500; background: #000; padding: 10px 30px; margin: 5px;    width: auto;}
.contact form .button{       border: 1px solid #000; display: block; text-align: center; width: auto; margin: auto;padding: 0;margin-top:25px}
.contact form{    border: 1px solid #8080805e;border-left: 0;padding: 30px;}

.contact .wpcf7-spinner{display:none}



footer{padding: 60px 0;background: #000;}
footer .logo{text-align: center;}
footer .details ul{display: flex;justify-content: center;margin-top: 40px;}
footer .details ul li{display: flex;align-items: center;margin-right: 60px;}
footer .details ul li i{font-size: 25px;color:#fff;margin-right: 15px;}
footer .details ul li a{font-size: 18px;line-height: 30px;text-decoration: underline !important;color: #ffffff;font-weight: 500;}
footer .social ul{display: flex;justify-content: center;margin-top: 40px;}
footer .social ul li{display: flex;align-items: center;margin-right: 20px;}
footer .social ul li i{font-size: 30px;color:#fff;margin-right: 15px;}

.copyright{background: #1d1d1d;padding: 25px 0;}
.copyright .wrapper{text-align: center;}
.copyright .wrapper p{font-size: 14px;line-height: 30px;color: #f7f7f7;font-weight: 500;}








.jeffery .scroll-item {
    opacity: 0;
    transform: translateY(40px);
    filter: blur(6px);
    transition: 0.9s ease-out;
}

.jeffery .scroll-item.animate {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

/* Delay for staggered animation */
.jeffery .scroll-item:nth-child(1) {
    transition-delay: 0.1s;
}
.jeffery .scroll-item:nth-child(2) {
    transition-delay: 0.25s;
}
.jeffery .scroll-item:nth-child(3) {
    transition-delay: 0.4s;
}
.jeffery .scroll-item:nth-child(4) {
    transition-delay: 0.55s;
}
.jeffery .scroll-item:nth-child(5) {
    transition-delay: 0.7s;
}


/* ================================
   CONTACT SECTION – FLOAT + GLOW
================================ */
.contact .scroll-item {
    opacity: 0;
    transform: translateY(30px);
    filter: blur(4px);
    transition: 0.8s ease-out;
}

/* when animated */
.contact .scroll-item.animate {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

/* glowing background for inputs */
.contact .form-box input,
.contact .form-box textarea {
    transition: 0.4s ease;
    outline: none;
}

.contact .form-box input.animate,
.contact .form-box textarea.animate {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.12);
    background: #fff;
}

/* stagger effect */
.contact .scroll-item:nth-child(1) { transition-delay: 0.1s; }
.contact .scroll-item:nth-child(2) { transition-delay: 0.25s; }
.contact .scroll-item:nth-child(3) { transition-delay: 0.4s; }
.contact .scroll-item:nth-child(4) { transition-delay: 0.55s; }
.contact .scroll-item:nth-child(5) { transition-delay: 0.7s; }
.contact .scroll-item:nth-child(6) { transition-delay: 0.85s; }


/* ================================
      FOOTER ANIMATION
================================ */

footer .scroll-item {
    opacity: 0;
    transform: translateY(40px);
    transition: 0.9s ease-out;
    filter: blur(4px);
}

footer .scroll-item.animate {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

/* Left slide for details list */
footer .details.scroll-item {
    transform: translateX(-50px);
}
footer .details.scroll-item.animate {
    transform: translateX(0);
}

/* Right slide for social icons */
footer .social.scroll-item {
    transform: translateX(50px);
}
footer .social.scroll-item.animate {
    transform: translateX(0);
}

/* Logo subtle zoom */
footer .logo.scroll-item {
    transform: scale(0.8);
}
footer .logo.scroll-item.animate {
    transform: scale(1);
}

/* Hover glow */
footer .social ul li i,
footer .details ul li i {
    transition: 0.3s ease;
}

footer .social ul li:hover i,
footer .details ul li:hover i {
    transform: scale(1.2);
    color: #e8e8e8;
}



.top i{color:#fff;background-color:#000;padding:7px;position:fixed;bottom:8%;right:3%;border:1px solid rgba(0,0,0,0);transition:.5s ease;display:none}.top i:hover{border:1px solid #000;color:#000;background-color:#fff}.sticky-to{z-index:1000;display:inline-block !important;animation:moonB .5s linear}@keyframes moonB{0%{transform:translateX(300px)}100%{transform:translateX(0px)}}/*# sourceMappingURL=test-scss.css.map */



@media(max-width:768px){
	
header{top: 70px;}

}



@media(max-width:425px){


.banner .content h3{font-size: 22px;}
.banner .content h5{font-size: 18px;}
.banner figure img{height: 420px;}
.tonya{padding: 20px 0;}
.jeffery ul{flex-wrap: wrap;}
.jeffery ul li{flex: 0 0 50%;margin-bottom: 20px;}
footer .details ul{display: block;}
footer .details ul li{margin-bottom: 20px;justify-content: center;}

}