.tp-caption a {
		color: #e05100;
		text-shadow: none;
		text-decoration: none;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out
	}
	
	.tp-caption a:hover {
		color: #ffa902
	}
	
	.tp-caption.roundedimage,
	.roundedimage {
		-webkit-box-shadow: -5px 4px 0px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: -5px 4px 0px 0px rgba(0, 0, 0, 0.2);
		box-shadow: -5px 4px 0px 0px rgba(0, 0, 0, 0.2);
		border-radius: 17px 17px 17px 17px;
		border-width: 8px;
		border-color: rgb(255, 255, 255);
		border-style: solid
	}
	
	.tp-caption.title,
	.title {
		font-size: 50px;
		line-height: 58px;
		font-family: "Love Ya Like A Sister", cursive;
		color: #ffffff;
		text-decoration: none;
		background-color: transparent;
		border-width: 0px;
		border-color: rgb(34, 34, 34);
		border-style: none
	}
	
	.tp-caption.slide_text,
	.slide_text {
		font-size: 18px;
		line-height: 27px;
		color: rgb(255, 255, 255);
		text-decoration: none;
		background-color: transparent;
		border-width: 0px;
		border-color: rgb(255, 255, 255);
		border-style: none
	}
	
	.tp-caption.slide_button,
	.slide_button {
		display: block;
		font-size: 18px;
		line-height: 18px;
		font-weight: 700;
		color: #e05100;
		text-decoration: none;
		background-color: rgba(255, 255, 255, 1);
		padding: 20px 20px 20px 20px;
		-webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
		box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
		border-radius: 4px 4px 4px 4px;
		border-width: 0px;
		border-color: rgb(34, 34, 34);
		border-style: none
	}
	
	.tp-caption.titlecentered,
	.titlecentered {
		font-size: 50px;
		line-height: 58px;
		font-family: "Love Ya Like A Sister", cursive;
		color: #ffffff;
		text-decoration: none;
		background-color: transparent;
		text-align: center;
		border-width: 0px;
		border-color: rgb(34, 34, 34);
		border-style: none
	}
	
	.tp-caption.slidetextcentered,
	.slidetextcentered {
		font-size: 18px;
		line-height: 27px;
		color: #ffffff;
		text-decoration: none;
		background-color: transparent;
		text-align: center;
		border-width: 0px;
		border-color: rgb(255, 255, 255);
		border-style: none;
	}
	
	
	#rev_slider_1_1_wrapper{
		background-color: #018763;
	}
	
	.rs-cust-style1{
		max-width: 633px; 
		max-height: 180px; 
		white-space: normal;
	}
	
	.rs-cust-style2{
		max-width: 559px; 
		max-height: 49px; 
		white-space: normal;
	}
	
	.rs-cust-style3 {
		max-width: 190px; 
		max-height: 18px; 
		white-space: normal;
	}
	
	#rev_slider_2_1_wrapper{
		background-color:#018763;
	}
	
	.rs-cust-style4 {
		background-color:#018763;
	}
	
	.rs-cust-style5{
		background-color:#007c9c;
	}
	
	.rs-cust-style6{
		background-color:#cc8b00;
	}
	
	.rs-cust-style7{
		max-width: 820px; 
		max-height: 116px; 
		white-space: normal;
	}
	
	
	
	
	
	
	
	
	/* -----------------------------------------------------
   MOBILE HERO — COMPLETE ADAPTIVE SYSTEM
    ----------------------------------------------------- */
    
    @media (max-width: 768px) {
    
        /* Hide revolution slider on mobile */
        .slider_wrap,
        #rev_slider_3_1_wrapper,
        #rev_slider_3_1 {
            display: none !important;
        }
    
        /* Fullscreen hero container */
        .mobile-hero {
            position: relative;
            width: 100%;
            height: 100vh;
            min-height: 500px;
            overflow: hidden;
            display: block;
        }
    
        /* Background image fills entire screen */
        .mobile-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            z-index: 1;
    
            /* Parallax base */
            transform: scale(1.1);
            transition: transform 0.4s ease-out;
        }
    
        /* Dark overlay for readability */
        .mobile-hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                to bottom,
                rgba(0,0,0,0.10),
                rgba(0,0,0,0.75)
            );
            z-index: 2;
        }
    
        /* Content container */
        .mobile-hero-content {
            position: absolute;
            bottom: 12%;
            left: 50%;
            transform: translateX(-50%);
            width: 88%;
            text-align: center;
            z-index: 3;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    
        /* Top image (logo or portrait) */
        .mobile-hero-top-image {
            width: 100vw;
            margin-bottom:20px;
            border-radius: 20%;                     /* softer circular edges */
            opacity: 0.95;                          /* slight transparency for blending */
            mix-blend-mode: lighten;                /* blends image with background */
            filter: drop-shadow(0 0 25px rgba(255, 255, 255, 0.4)); /* glowing halo */
            transition: opacity 0.3s ease-in-out, transform 0.3s ease;
        }
    
        /* Main heading text */
        .mobile-hero-text {
            color: #fff;
            font-size: clamp(20px, 5vw, 28px);
            font-weight: 700;
            line-height: 1.3;
            text-shadow: 0 0 10px rgba(0,0,0,0.8);
            margin: 0;
        }
    
        /* Subtitle */
        .mobile-hero-text span {
            font-size: clamp(13px, 3.5vw, 17px);
            font-weight: 400;
            opacity: 0.9;
            display: block;
            margin-top: 6px;
        }
    
        /* Fade animations */
        .fade-in {
            opacity: 0;
            animation: fadeIn 1.2s ease-out forwards;
        }
    
        .fade-up {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeUp 1.5s ease-out forwards;
            animation-delay: 0.3s;
        }
    }
    
    /* -----------------------------------------------------
       HEIGHT-BASED RESPONSIVENESS (Small Screens)
    ----------------------------------------------------- */
    
    /* Small-height devices (iPhone SE, Samsung J series) */
    @media (max-height: 650px) and (max-width: 768px) {
        .mobile-hero-content {
            bottom: 6%;
        }
    }
    
    /* Very small-height screens */
    @media (max-height: 560px) and (max-width: 768px) {
        .mobile-hero-content {
            top: 55%;
            bottom: auto;
            transform: translate(-50%, -50%);
        }
    }
    
    /* Extra tall screens (Samsung A-series, Pixel tall mode) */
    @media (min-height: 900px) and (max-width: 768px) {
        .mobile-hero-content {
            bottom: 20%;
        }
    }
    
    /* -----------------------------------------------------
       PARALLAX SCROLL EFFECT
    ----------------------------------------------------- */
    
    body.scrolled .mobile-bg {
        transform: scale(1.2);
    }
    
    /* -----------------------------------------------------
       ANIMATION KEYFRAMES
    ----------------------------------------------------- */
    
    @keyframes fadeIn {
        to { opacity: 1; }
    }
    
    @keyframes fadeUp {
        to { opacity: 1; transform: translateY(0); }
    }
    
    /* -----------------------------------------------------
       DESKTOP — Disable mobile hero
    ----------------------------------------------------- */
    
    @media (min-width: 769px) {
        .mobile-hero {
            display: none;
        }
    }