/*gallery css  */
/* Pagination wrapper */
/* ================================
   FIX: BWG Gallery Images Hidden
   ================================ */

/* Force thumbnails to have width */
 .bwg_current_page {
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fe0914 !important;
  color: #fff !important;
}
#bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 a, #bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 input.bwg_current_page {
  font-size: 15px !important;   
  color: #fff !important;
  padding: 10px 15px !important;
  border-radius: 60px !important;
  border-width: 1px;
  border-color: #E3E3E3 !important;
  background-color: rgb(254, 9, 20) !important;
}
#bwg_container1_0 #bwg_container2_0 .tablenav-pages_0 {
   padding-top: 30px !important;
}
/* Ends */
header {
  min-height: 80px;
}

/*jerk fix  */
 .wp-block-cover {
  min-height: 600px;
}
 .bg-primary.p-8.text-white.flex-grow.relative.rounded-b-2xl {
  padding-top: 20px;
  padding-bottom: 0;
}
.custom-container {
  max-width: 1245px;
  margin: 0 auto;
}
/* .dimg img {
  min-height: 400px;
  max-height: 400px;
} */
.polaroid-frame {
  padding-bottom: 4px !important;
	width:100px;
	height:100px;
}
.polaroid-frame img {
  width: 100px;
  height: 90px;
}

.polaroid-frame.tilt-2.-ml-8.z-20 {
  /*! top: 0 !important; */
  /*! bottom: -22rem !important; */
  position: relative;
  top: -4rem;
  transform: rotate(0);
}
.polaroid-frame.tilt-1.z-10 {
  transform: rotate(6deg);
  z-index: 1000;
  left: -.8rem;
  position: relative;
}
.polaroid-container{pointer-events:none;position:absolute;right:1.5rem;bottom:-2.5rem;z-index:30;display:flex;align-items:flex-end}
        .polaroid-frame{border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.25rem;padding-bottom:1rem;--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgb(0 0 0 / 0.05)}
        .tilt-1 { transform: rotate(-6deg); }
        .tilt-2 { transform: rotate(8deg); }
        .tilt-3 { transform: rotate(-4deg); }
     
/* jerk fix */



.floating-wpp-button {
    position: fixed;
    bottom: 20px;
    left: 25px;
    max-width: 50px;
    width: 100%;
    z-index: 1000
}
.floating-wpp-button.mobilefloating {
  width: 50px;
  height: 50px;
  background: #fe0914;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
	 bottom: 90px;
}
.floating-wpp-button.mobilefloating svg{
	fill:#fff;
}
/* hero slider  */
.hero-inner {
    display: flex;
    align-items: center;
    gap: 3rem;
    min-height: 80vh;
}
.tpimg4 {
  top: 61% !important;
}
.hero-text {
    flex: 1;
}

.hero-image {
    flex: 1;
    text-align: center;
}
.map {
    position: relative;
    width: 100%;
    min-height: 400px;
}

#map-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

#map-wrapper iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 500px;
    border: 0;
}

/* MOBILE */
@media (max-width: 768px) {
	#mainNav {
  height: 100vh;
  overflow-y: scroll;
}
/* 	#services ul > li {
  margin-top: 0;
		max-width: 102px;
} */
	#services h3{
	font-size:21px !important;
		margin-bottom:0;
	}
/* 	.text-base.font-semibold {
  max-width: 110px;
} */
	.group.relative.flex.flex-col.bg-white.dark\:bg-gray-900.rounded-2xl.shadow-2xl.transition-all.duration-300.hover\:-translate-y-1.mb-20 {
  margin-bottom: 10px;
}
	.polaroid-container{
		display:none;
	}
.hero-slider-section h2 {
  font-size: 32px !important;
  text-transform: uppercase;
}
    .hero-inner {
        flex-direction: column;
        text-align: center;
        padding-top: 3rem;
    }

    .hero-image {
        margin-top: 2rem;
    }
	.hero-slider-section .slick-dots{
		bottom:90px !important;
	}
	.hero-slick{
		margin-bottom:0 !important;
	}
	.tprbtn {
  top: -50px;
  position: relative;
}
}


.chcricle svg {
  height: 95px;
  width: 256px;
}
.svgicon svg {
  height: 15px;
  fill: #fff;
}
.svgicon{
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  
  display: flex;
  align-items: center;
  justify-content: center;
  
}


@media (min-width: 768px) and (max-width: 1024px) {
   header nav a {
    font-size: 13px;
    padding: 0 8px;
    white-space: nowrap;
  }
	  .yellow-strip{
		  height:7rem !important;
	  }
}


/* Testimonial slider dots styling */
/* Default dots color */
.slick-dots li button:before {
    font-size: 12px;
    color: #ccc !important;
    opacity: 1 !important;
}

/* ACTIVE dot = RED */
.slick-dots li.slick-active button:before {
    color: #ff0000 !important;   /* ← RED COLOR */
    opacity: 1 !important;
}

/* Optional – bigger clickable area */
.slick-dots li {
    margin: 0 4px;
}
 
/* Testimonial slider dots styling */
.wpcf7-list-item input {
  appearance: none !important;
  width: 18px;
  height: 18px;
  border: 2px solid #666!important;
  border-radius: 4px;
}
.footer  li > a span  {
  padding: 0;
}
#portfolio h2, #contact h2 {
  max-width: 800px;
	text-align:center;
}
.wpcf7-list-item input:focus {
  border-color: red !important;
  box-shadow: 0 0 0 2px rgba(255,0,0,.3)!important;
}

.wpcf7-list-item input:checked {
  background: red !important;
}
#reviewsDots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}

#reviewsDots .slider-dot-btn {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e0e0e0;
    border: none;
    cursor: pointer;
    transition: background 0.3s, box-shadow 0.3s;
}

#reviewsDots .slider-dot-btn.active-dot {
    background: #ff0000;
    box-shadow: 0 0 0 2px #ff000033;
}


/* Testimonial slider active dot fix */
.swiper-pagination-bullet.swiper-pagination-bullet-active,
.testimonial-slider .swiper-pagination-bullet.swiper-pagination-bullet-active,
.testimonial-slider [aria-current="true"],
#reviewsDots button.active,
#reviewsDots .swiper-pagination-bullet-active,
#reviewsDots button[aria-current="true"] {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    box-shadow: 0 0 0 2px #ff000033;
}

#reviewsDots button.active,
#reviewsDots .swiper-pagination-bullet-active,
#reviewsDots button[aria-current="true"] {
    background-color: #ff0000 !important;
    border-color: #ff0000 !important;
    box-shadow: 0 0 0 2px #ff000033;
}

.rbtn {
    display: none !important;
}

/* Checkbox styling */
/* Base checkbox */
.wpcf7-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    width: 16px;
    height: 16px;

    border: 2px solid #dc2626;   /* red border */
    border-radius: 3px;

    margin-right: 6px;
    position: relative;
    cursor: pointer;
}

/* Red background + tick when checked */
.wpcf7-checkbox input[type="checkbox"]:checked {
    background-color: #dc2626;
    border-color: #dc2626;
}

/* Create the tick */
.wpcf7-checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;

    left: 4px;
    top: 1px;

    width: 4px;
    height: 8px;

    border: solid white;
    border-width: 0 2px 2px 0;

    transform: rotate(45deg);
}


.no-ajax form {
    pointer-events: auto;
}

.wpcf7-list-item {
    display: block;
    margin: 6px 0;
    font-size: 14px;
}

.wpcf7-list-item-label {
    cursor: pointer;
}

/* Show one main error message at the top */
.screen-reader-response,
.wpcf7-response-output {
    display: none !important;
}

#contact p>label {
    font-size: 25px;
    font-weight: 500;
}

/* Target all checkboxes */
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #e60000;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
}

input[type="checkbox"]:checked {
    background-color: #e60000;
}

input[type="checkbox"]:checked::after {

    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 2px;
    top: -1px;
}

/* Force red checkbox in all states */
.wpcf7 input[type="checkbox"] {
    accent-color: #e60000;
}

/* Fix focus / active turning black */
.wpcf7 input[type="checkbox"]:focus,
.wpcf7 input[type="checkbox"]:active,
.wpcf7 input[type="checkbox"]:checked {
    accent-color: #e60000;
}

/* Remove black outline on focus */
.wpcf7 input[type="checkbox"]:focus-visible {
    outline: none;
}

.wpcf7-response-output {
    display: block;
    border: 1px solid #f00;
    background: #ffe6e6;
    color: #900;
    padding: 10px;
    margin-bottom: 20px;
    font-weight: bold;
    list-style-type: disc;
    /* bullets for multiple errors */
}

/* Highlight invalid fields */
.wpcf7-not-valid {
    border: 2px solid #ff0000;
    border-radius: 4px;
    background-color: #fff0f0;
}

/* Optional: focus effect on invalid fields */
.wpcf7-not-valid:focus {
    outline: none;
    box-shadow: 0 0 5px rgba(255, 0, 0, 0.5);
}

/* Smaller and darker placeholder text */
/* Placeholder styling */
.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 textarea::placeholder {
    font-size: 12px !important;
    color: #555 !important;
}

/* Text color when user clicks/types */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
    color: #000 !important;
    outline: none !important;
    border: 1px solid #000 !important;
    box-shadow: none !important;
}


/* Also fix autofill blue in Chrome */
.wpcf7 input:-webkit-autofill,
.wpcf7 input:-webkit-autofill:focus {
    -webkit-text-fill-color: #000 !important;
}

/* Support for all browsers */
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
    font-size: 12px !important;
    color: #555 !important;
}

.wpcf7 input::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {
    font-size: 12px !important;
    color: #555 !important;
}

.wpcf7 input:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {
    font-size: 12px !important;
    color: #555 !important;
}



.wpcf7-submit {
    margin-top: 30px;
    /*max-width: 50%;*/
    margin: auto;
    margin-top: auto;
    margin-top: 50px;
}

.wpcf7 .hero-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 12px;
    background: #dc2626;
    /* red */
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    text-decoration: none !important;
    transition: all .3s ease;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 30px;

    /* center button */
}

/* HOVER → YELLOW */
.wpcf7 .hero-btn:hover {
    cursor: pointer;
    background: #ffcc00;
    /* yellow */
    color: black;
    text-decoration: none !important;
    transform: scale(1.05) translateY(-2px);
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.5);
}

.hero-slider-btn {
    font-size: 16px !important;
    width: 40px !important;
    height: 40px !important;

}

@media (min-width: 991px) {
/* 	#services ul > li{
	padding-right: 5rem;
  max-width: 89%;
	} */
	#services ul {
  max-width: 80%;
}
	
	.hero-slick,
.hero-slick .slick-list,
.hero-slick .slick-track,
.hero-slick .slick-slide {
    height: 100%;
}

.hero-slide {
    display: flex !important;
    align-items: center;
}
.tprbtn {
  display: none;
}
    .wpcf7-submit {

        max-width: 50%;

    }

    .hero-slide-wrapper {
        text-align: center;
        padding-left: 3rem;
    }

    .hero-btn {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-slide-wrapper p {
        font-size: 1.4rem;
        line-height: 1.2;
    }

    .bbtn {
        max-width: 346px;
        margin: auto;
    }
}

@media (max-width: 991px) {
	.floating-wpp-button.mobilefloating {
   
  bottom: 200px;
}
.floating-wpp-button {
   
  right: 10px !important;
   
  bottom: 140px;
	left:auto;
}
	#services ul {
  margin-bottom: 0 !important;
  padding-bottom: 15px;
}
/* #services ul li {
  width: 36%;
  margin-right: 0;
  padding-right: 0;
}
	
#services ul {
  display: flex;
  flex-wrap: wrap;
} */
/* 	#services ul li span{
		font-size:.5rem;
	} */
/* .bg-primary.p-8.text-white.flex-grow.relative.rounded-b-2xl {
  padding-left: .5rem;
  padding-right: .5rem;
} */
	#services ul > li{
	margin-bottom:0px !important;
	}
	#services ul > li span	{
	line-height:0px important;
	}
	.hero-slider-section a {
  font-size: 14px;
		text-transform: capitalize;
}
	.reviews-slider{
		overflow:hidden;
	}
    .hero-slide .hero-btn {
        max-width: 201px;
    }

    body {
        padding-top: 64px;
    }

    .btImage {
        bottom: 5%;
        left: 5%;
    }

    .hero-slider-btn {
        display: none !important;
    }

    .uname {
        width: 35px !important;
        height: 35px !important;
        border-radius: 50% !important;
        font-size: 14px !important;
    }
}

/* ===== Yellow Strip Mobile Layout ===== */
/* ===== Mobile Google Map Fix ===== */
 

@media (max-width: 640px) {
	/* ===== Google Map Mobile Fix ===== */
 
	
	.wpcf7-form p {
    margin-bottom: 0 !important;
  }
	
 .map {
        min-height: 320px;
    }

    #map-wrapper iframe {
        min-height: 396px;
    }


.tpimg {
  top: 45% !important;
}
    .yellow-strip {
        justify-content: flex-start;
    }

    .yellow-item {
        width: 100%;
        justify-content: flex-start;
        padding: 8px 12px;
        position: relative;
    }

    /* 1px separator */
    .yellow-item::after {
        content: "";
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 0;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.25);
    }

    /* Remove separator from last item */
    .yellow-item:last-child::after {
        display: none;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-display {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

.hero-slider-section::before {
    background: hwb(0 6.7% 93.3%);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.6;
}

.hero-slide-content {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s;
}

.hero-slide.active .hero-slide-content {
    opacity: 1;
    transform: translateY(0);
}

.hero-title {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out 0.5s, transform 0.8s ease-out 0.5s;
}

.hero-slide.active .hero-title {
    opacity: 1;
    transform: translateY(0);
}

.hero-buttons {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out 0.7s, transform 0.8s ease-out 0.7s;
}

.hero-slide.active .hero-buttons {
    opacity: 1;
    transform: translateY(0);
}

#heroTrack {
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.wpcf7-form-control.wpcf7-select {
    width: 100%;
}