/*
Theme Name: Creative Photography Pro
Description: Creative Photography Pro WordPress Theme is the perfect choice for building Landing Page Pro website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Landing Page Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Landing Page Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: omegathemes
Theme URI: https://omegathemes.com/creative-photography-pro/
Author URI: https://www.omegathemes.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: creative-photography-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by omegathemes(https://www.omegathemes.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Open Sans:ital,wght@0,100..900;1,100..900&display=swap');

html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  background-color: #000;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Open Sans", sans-serif;
}
html {
  overflow-x: hidden;
}
.bkr_container {
  max-width: 1350px;
  width: 100%;
  padding-left:20px;
  padding-right: 20px;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}
p {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}
.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    /* animation: spin 1s linear infinite; */
    margin-right: 8px;
}




/* preloader */
.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}
.spinner-loading-box img {
  max-width: 200px !important;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}
.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* HTML: <div class="loader"></div> */
/* .loader {
  width: 70px;
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 100%;
  animation: l7 1s infinite linear;
}
@keyframes l7 {
    33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
    50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
    66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
} */










/* @media only screen and (min-width: 1025px) {
  .sticky-header {
    position: fixed;
    width: 100%;
    z-index: 99999 !important;
    top: 0;
    left: 0;
    right: 0;
    padding: 4px 10px;
    animation: slideDown 0.75s ease-out;
    background-color: #8D5E2F;
    box-shadow: 0px 2px 6px #CCBABAF2;
  }

  @keyframes slideDown {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0); }
  }

  .sticky-header .top-header-row1 {
    display: none;
  }
} */





.home-btn{
    position: absolute;
    bottom: 62%;
    left: 5%;
}

.contact-btn{
    position: absolute;
    bottom: 5%;
    left: 5%;
}

.hero-sec::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 150px; /* adjust height */
  background: linear-gradient(to bottom, transparent, #000);
}

.stats-sec .pp-counter{
    display: grid;
}

.stats-sec .pp-counter-icon-wrap{
    order: 3;
}

.stat-head {
    padding: 0px 20px;
    position: absolute;
    top: 10%;
}

.stats-head {
    position: absolute;
    top: -50%;
}


.lets-btn::before {
    content: '';
    background: white;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10%;
    right: 22%;
    border-radius: 100%;
}


.stats-col {
  position: relative;
  background: #111; /* your dark background */
  padding: 60px;
}

/* Common style for corners */
/* .stats-col::before,
.stats-col::after {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  border: 10px solid #B6FF5C; 
} 

/* Top Left */
/* .stats-col::before {
  top: -40px;
  left: -30px;
  border-right: none;
  border-bottom: none;
} */

/* Bottom Right */
/* .stats-col::after {
    bottom: -40px;
    right: -30px;
    border-left: none;
    border-top: none;
} */



.stats-col::before {
    content: '';
    background: transparent;
    border-top: solid 8px #C7FC5E;
    border-left: solid 8px #C7FC5E;
    position: absolute;
    width: 45px;
    height: 45px;
    top: -20px;
    left: -20px;
}


.stats-col::after {
    content: '';
    background: transparent;
    border-top: solid 8px #C7FC5E;
    border-right: solid 8px #C7FC5E;
    position: absolute;
    width: 45px;
    height: 45px;
    top: -20px;
    right: -20px;
}

.empty-stats-col::before {
    content: '';
    background: transparent;
    position: absolute;
    border-left: 8px solid #C7FC5E;
    border-bottom: 8px solid #C7FC5E;
    width: 45px;
    height: 45px;
    top: -80px;
    left: -20px;
}

.empty-stats-col::after {
    content: '';
    background: transparent;
    position: absolute;
    border-right: 8px solid #C7FC5E;
    border-bottom: 8px solid #C7FC5E;
    width: 45px;
    height: 45px;
    top: -80px;
    right: -20px;
}


.about-accordion {
    width: 100%;
}

.accordion-item {
    margin-bottom: 15px;
    background: #e5e5e5;
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    cursor: pointer;
    background: #e5e5e5;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.accordion-title {
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: 400;
}

.accordion-meta {
    display: flex;
    align-items: center;
    gap: 15px;
}

.accordion-arrow {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.accordion-year {
    font-size: 14px;
}

.accordion-content {
    display: none;
    padding: 20px;
    background: #f5f5f5;
    font-size: 14px;
    font-family:'Roboto';
    line-height: 1.6;
}

/* Active state */
.accordion-item.active .accordion-content {
    display: block;
}

.accordion-item.active .accordion-arrow {
    transform: rotate(45deg);
}


.lets-btn-abt::before {
    content: '';
    background: white;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10%;
    right: 27%;
    border-radius: 100%;
}


.twentytwenty-wrapper,
.wb_ebais_twentytwenty_container,
.twentytwenty-container {
    width: 100% !important;
    max-width: 100% !important;
}

.twentytwenty-container img {
    width: 100% !important;
    height: 450px;
    object-fit: cover;
}


.prof-head {
    position: absolute;
    bottom: 20%;
    left: 16%;
    z-index: 9;
}


.twentytwenty-wrapper {
    position: relative;
    overflow: hidden;
}

.twentytwenty-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.9) 30%,
        rgba(0, 0, 0, 0.6) 60%,
        rgba(0, 0, 0, 0) 100%
    );
    pointer-events: none;
    z-index: 5;
}

.work-col::before {
    content: '';
    position: absolute;
    background: transparent;
    border-top: solid 8px #C7FC5E;
    border-left: solid 8px #C7FC5E;
    width: 45px;
    height: 45px;
    top: -20px;
    left: -20px;
}



.work-col::after {
    content: '';
    position: absolute;
    background: transparent;
    border-top: solid 8px #C7FC5E;
    border-right: solid 8px #C7FC5E;
    width: 45px;
    height: 45px;
    top: -20px;
    right: -20px;
}

.empty-work::before {
    content: '';
    position: absolute;
    border-left: solid 8px #C7FC5E;
    border-bottom: solid 8px #C7FC5E;
    width: 45px;
    height: 45px;
    top: -40px;
    left: -20px;
}

.empty-work::after {
    content: '';
    position: absolute;
    border-right: solid 8px #C7FC5E;
    border-bottom: solid 8px #C7FC5E;
    width: 45px;
    height: 45px;
    top: -40px;
    right: -20px;
}












.serv-sec .services-slider-section {
    background: #000;
    padding: 120px 0;
    overflow: hidden;
    text-align: center;
}

.serv-sec .services-swiper {
    width: 100%;
}

.serv-sec .swiper-slide {
    width: 520px;
    transition: transform 0.6s ease, opacity 0.6s ease;
    opacity: 0.4;
    z-index: 1;
}

/* LEFT SLIDE */
.serv-sec .swiper-slide-prev {
    /* transform: rotate(-12deg) scale(0.85); */
    opacity: 0.7;
    z-index: 2;
}

/* RIGHT SLIDE */
.serv-sec .swiper-slide-next {
    /* transform: rotate(12deg) scale(0.85); */
    opacity: 0.7;
    z-index: 2;
}

/* ACTIVE CENTER */
.serv-sec .swiper-slide-active {
    transform: rotate(0deg) scale(1);
    opacity: 1;
    z-index: 5;
}

/* Image styling */
.serv-sec .service-image-wrapper img {
    width: 75%;
    border-radius: 18px;
    box-shadow: 0 40px 120px rgba(0,0,0,0.7);
}


.serv-sec .serv-sec .service-content {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.5s ease;
    margin-top: 50px;
    color: #fff;
}

.serv-sec .swiper-slide-active .service-content {
    opacity: 1;
    transform: translateY(0);
}



.serv-sec .service-button {
    position: absolute;
    bottom: 160%;
    left: 45%;
    background: #C7FC5E;
    padding: 20px;
    width: 78px;
    border-radius: 100%;
}

.serv-sec a.service-button {
    color: black;
    font-size: 25px;
}




.pslider {
    position: relative;
    height: 600px;
    overflow: hidden;
    color: #fff;
}

.pslider-heading {
    position: absolute;
    top: 40px;
    left: 50px;
    font-size: 22px;
    font-weight: 600;
    z-index: 10;
}

.pslide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s ease;
}

.pslide.active {
    opacity: 1;
    z-index: 2;
}

.pslide-bg,
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pslide-content {
    position: absolute;
    bottom: 120px;
    left: 50px;
    max-width: 500px;
}

.pslide-content h3 {
    font-size: 28px;
    margin-bottom: 10px;
}

.pslider-pagination {
    position: absolute;
    bottom: 50px;
    left: 50px;
}

.pslider-dot {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #000;
    color: #fff;
    border-radius: 50%;
    margin-right: 10px;
    cursor: pointer;
}

.pslider-dot.active {
    background: #b6ff3b;
    color: #000;
}



.partnerss {
    position: relative;
    overflow: hidden;
}

.partnerss::before,
.partnerss::after {
    content: "";
    position: absolute;
    top: 0;
    width: 300px; /* slightly wider for stronger effect */
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

/* Left Gradient */
.partnerss::before {
    left: 0;
    background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
}

/* Right Gradient */
.partnerss::after {
    right: 0;
    background: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
}











.custom-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* Card (now anchor tag) */
.gallery-item {
    display: block;
    background: #111;
    color: #fff;
    padding: 15px;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.gallery-item:hover {
    transform: translateY(-6px);
}

/* Image */
.gallery-image {
    position: relative;
    overflow: hidden;
}

.gallery-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

.gallery-item:hover .gallery-image img {
    transform: scale(1.05);
}

/* Content */
.gallery-content {
    margin-top: 15px;
}

.gallery-meta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}

.gallery-category {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.gallery-description {
    font-size: 12px;
    opacity: 0.7;
    margin: 3px 0 0 0;
}

.gallery-year {
    font-size: 13px;
    opacity: 0.8;
}

/* Remove title styling (no longer used) */
/* .gallery-title removed */

/* Responsive */
@media (max-width: 768px) {
    .custom-gallery-grid {
        grid-template-columns: 1fr;
    }

    .testi-sec .owl-dots{
        visibility: hidden;
        }
}















.custom-blog-widget {
    display: flex;
    background: #111;
    color: #fff;
    gap: 30px;
    padding: 30px;
    align-items: stretch;
    min-height: 420px; /* required for bottom alignment */
}

.cbw-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Badge MUST NOT be absolute */
.cbw-badge {
    display: inline-block;
    background: #2a2a2a;
    color: #fff;
    padding: 6px 12px;
    font-size: 12px;
    margin-bottom: 20px;
}

/* Middle section takes remaining height */
.cbw-middle {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cbw-title {
    font-size: 28px;
    margin: 0 0 15px;
}

.cbw-title a {
    color: #fff;
    text-decoration: none;
}

.cbw-title a:hover {
    opacity: 0.8;
}

.cbw-excerpt {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #ccc;
}

/* Meta stays at bottom */
.cbw-meta {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #aaa;
}

@media (max-width: 768px) {
    .custom-blog-widget {
        flex-direction: column;
        min-height: auto;
    }

    .cbw-meta {
        flex-direction: column;
        gap: 5px;
    }
}





.fw-vertical-gallery-widget {
    display: flex;
    gap: 15px;
    background: #000;
    padding: 20px;
    overflow: hidden;
}

/* Column container */
.fw-gallery-column {
    flex: 1;
    overflow: hidden;
    position: relative;
}

/* Animated track */
.fw-gallery-track {
    display: flex;
    flex-direction: column;
    animation: fw-scroll 20s linear infinite;
}

/* Different speeds per column */
.fw-speed-0 { animation-duration: 22s; }
.fw-speed-1 { animation-duration: 26s; }
.fw-speed-2 { animation-duration: 30s; }

@keyframes fw-scroll {
    0%   { transform: translateY(0); }
    100% { transform: translateY(-33.333%); }
}

/* Items */
.fw-gallery-item {
    margin-bottom: 15px;
}

.fw-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* Make wrapper relative for overlay positioning */
.fw-vertical-gallery-widget {
    position: relative;
}

/* Top Gradient */
.fw-vertical-gallery-widget::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px; /* adjust fade height */
    pointer-events: none;
    z-index: 10;

    background: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0.8) 40%,
        rgba(0,0,0,0) 100%
    );
}

/* Bottom Gradient */
.fw-vertical-gallery-widget::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px; /* adjust fade height */
    pointer-events: none;
    z-index: 10;

    background: linear-gradient(
        to top,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0.8) 40%,
        rgba(0,0,0,0) 100%
    );
}








/* Form Wrapper */
.cf7-modern-form {
    width: 100%;
    max-width: 100%;
}

/* Each Field */
.cf7-modern-form .cf7-field {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

/* Inputs & Textarea */
.cf7-modern-form input,
.cf7-modern-form textarea {
    width: 100%;
    padding: 18px 55px 18px 20px;
    background: #FFFFFF8A;
    border: none;
    outline: none;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

/* Textarea height */
.cf7-modern-form textarea {
    height: 130px;
    resize: none;
}

/* Icon Styling */
.cf7-modern-form .cf7-icon {
    position: absolute;
    right: 18px;
    top: 6%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    fill: #fff;
    pointer-events: none;
}

.cf7-modern-form .cf7-icon svg {
    width: 100%;
    height: 100%;
}

/* Fix textarea icon alignment */
.cf7-modern-form .textarea-icon {
    top: 20px;
    transform: none;
}

/* Submit Button */
.cf7-modern-form input[type="submit"] {
    width: 10%;
    background: #b6ff4d;
    border: none;
    padding: 14px 45px;
    border-radius: 50px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s ease;
}

.cf7-modern-form .cf7-submit {
    text-align: center;
    margin-top: 10px;
}

.cf7-modern-form input[type="submit"]:hover {
    background: #a0e640;
}


/* Placeholder color */
.cf7-modern-form input::placeholder,
.cf7-modern-form textarea::placeholder {
    color: #ffffff !important;
    opacity: 1;
}

/* For better browser support */
.cf7-modern-form input::-webkit-input-placeholder,
.cf7-modern-form textarea::-webkit-input-placeholder {
    color: #ffffff !important;
}

.cf7-modern-form input:-ms-input-placeholder,
.cf7-modern-form textarea:-ms-input-placeholder {
    color: #ffffff !important;
}

.cf7-modern-form input::-ms-input-placeholder,
.cf7-modern-form textarea::-ms-input-placeholder {
    color: #ffffff !important;
}









/* Force layout */
.testi-sec .owl-theme .owl-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 0px;
  margin-top: 20px;
}

/* Reserve space for each bar */
.testi-sec .owl-theme .owl-dots .owl-dot {
  flex: 0 0 90px !important;
  max-width: 90px;
  padding: 0;
  border: none;
  background: none !important;
  display: flex;
  justify-content: center;
}

/* Base bar */
.testi-sec .owl-theme .owl-dots .owl-dot span {
  display: block !important;
  width: 65px !important;
  height: 8px !important;
  border-radius: 50px !important;
  background: #2f4f1f !important;
  transition: all 0.3s ease;
}

/* Active bar */
.testi-sec .owl-theme .owl-dots .owl-dot.active span {
  width: 90px !important;
  background: #9cff57 !important;
}

.testi-sec .uc_stars {
  order: -1;
}

.testi-sec .uc_author {
  order: -1;
}

.testi-sec .ue-icon {
  position: absolute;
  top: 50px;
  left: -30px;
}

.testi-sec .ue-item {
  transform: perspective(380px) rotateY(-12deg);
  margin: 0px 30px !important;
  padding: 50px !important;
}


.testi-sec .owl-carousel.owl-loaded{
    overflow-x: clip;
}

.testi-sec .owl-carousel .owl-stage-outer{
    overflow: visible;
}

.testi-sec .ue-icon {
    border: solid 2px white;
}

.testi-sec .ue-icon svg {
    color: white;
}




/* Newsletter Wrapper */
.newsletter-form {
  max-width: 500px;
}

/* Input Fields */
.newsletter-form input[type="text"],
.newsletter-form input[type="email"] {
  width: 100%;
  padding: 16px 20px;
  border: none;
  border-bottom: 2px solid rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.1);
  color: #fff;
  font-size: 16px;
  outline: none;
  margin-bottom: 20px;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* Placeholder color */
.newsletter-form input::placeholder {
  color: rgba(255,255,255,0.7);
}

/* Submit Button */
.newsletter-form input[type="submit"] {
  background: #e5e5e5;
  color: #333;
  border: none;
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.newsletter-form input[type="submit"]:hover {
  background: #ffffff;
}

/* Remove CF7 default styling */
.wpcf7 form .wpcf7-response-output {
  margin: 15px 0 0;
  color: #fff;
}


.news-image img {
    max-width: 300% !important;
    width: 180% !important;
}

.newsletter-col {
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px); /* Safari support */

}






#sb_instagram .sbi_photo {
    position: relative;
    display: block;
    overflow: hidden;
}

/* Hover overlay */
#sb_instagram .sbi_photo::after {
    content: "";
    position: absolute;

    /* creates spacing from edges */
    inset: 15px;   /* adjust this value to control padding */

    border-radius: 12px;

    /* green glass effect */
    background: rgba(153, 255, 0, 0.35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    /* Instagram SVG icon */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7.75 2C4.57 2 2 4.57 2 7.75v8.5C2 19.43 4.57 22 7.75 22h8.5C19.43 22 22 19.43 22 16.25v-8.5C22 4.57 19.43 2 16.25 2h-8.5zm0 2h8.5C18.01 4 20 5.99 20 7.75v8.5C20 18.01 18.01 20 16.25 20h-8.5C5.99 20 4 18.01 4 16.25v-8.5C4 5.99 5.99 4 7.75 4zm4.25 2.5A5.75 5.75 0 1 0 17.75 12 5.76 5.76 0 0 0 12 6.5zm0 2A3.75 3.75 0 1 1 8.25 12 3.75 3.75 0 0 1 12 8.5zm5.5-2.25a1.25 1.25 0 1 0 1.25 1.25 1.25 1.25 0 0 0-1.25-1.25z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px;

    opacity: 0;
    transition: opacity 0.3s ease;
}

#sb_instagram .sbi_photo:hover::after {
    opacity: 1;
}



/* Convert container to grid */
#sb_instagram #sbi_images {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

/* Make all posts square by default */
#sb_instagram .sbi_item {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

/* Make 3rd and 4th posts smaller */
#sb_instagram .sbi_item:nth-child(2),
#sb_instagram .sbi_item:nth-child(4) {
    transform: scale(0.75);
    transform-origin: center;
}

/* Ensure images fill properly */
#sb_instagram .sbi_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}







/* Section Background */
.custom-contact-section {
    background: #b8f34a; /* Lime background */
    padding: 20px 20px;
    text-align: left;
}

.custom-contact-heading {
    text-align: left;
    padding: 20px 40px;
    font-weight: 600;
    font-size: 22px;
}

/* Form Container */
.custom-contact-form {
    max-width: 500px;
    margin: 0 auto;
}

/* Input Fields */
.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"] {
    width: 100%;
    background: #1e1e1e;
    border: none;
    padding: 15px;
    margin-bottom: 15px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
}

/* Placeholder Color */
.custom-contact-form input::placeholder {
    color: #ccc;
}

/* Submit Button */
.custom-contact-form input[type="submit"] {
    background: #f2f2f2;
    color: #000;
    border: none;
    padding: 12px 35px;
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s ease;
}

/* Button Hover */
.custom-contact-form input[type="submit"]:hover {
    background: #000;
    color: #fff;
}


.serv-sec .swiper-slide-active .service-title,
.serv-sec .swiper-slide-active .service-description {
    color: #fff;
}






/* Tab */

@media (min-width: 768px) and (max-width: 1023px) {
    .home-btn {
        bottom: 72%;
    }

    .stats-col{
        padding: 20px;
    }

    .empty-stats-col::after{
        right: 18px;
    }

    .prof-head{
        left: 3%;
    }

    .cf7-modern-form input[type="submit"]{
        width: 20%;
    }

    .lets-btn::before{
        right: 50%
    }

    .lets-btn-abt::before{
        right: 57%;
    }
}

/* Mobiles */

@media (max-width: 767px) {
    .home-btn {
        bottom: 68%;
    }

    .stats-col{
        padding: 20px;
    }

    .empty-stats-col::after{
        right: 19px;
    }

    .prof-head{
        left: 5%;
    }

    .news-image img{
        width: 100% !important;
    }
}

@media screen and (width: 320px){
        .home-btn {
        bottom: 71%;
    }

    .testi-sec .ue-item{
        padding: 10px !important;
        margin: 0px !important;
    }

}




.fw-vertical-gallery-widget {
    display: flex;
}

.fw-gallery-column {
    flex: 1;
}

/* Tablet */
@media (max-width: 1023px) {
    .fw-gallery-column {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .fw-gallery-column {
        flex: 0 0 50%;
        max-width: 50%;
    }
}


/* 1366 */

@media screen and (width: 1366px) {
    .stats-head{
        top: -13%;
    }

    .lets-btn::before{
        right: 33%;
    }

    .lets-btn-abt::before{
        right: 31%;
    }

    .news-image{
        margin-left: -225px !important;
    }

    .my-stat2 img{
        height: 233px;
        object-fit: cover;
    }

    .prof-head{
        left: 7%;
    }

}


/* 1024 */
@Media screen and (width: 1024px){
    .home-btn{
        bottom: 69%;
    }

    .lets-btn{
        position: absolute;
        top: -18%;
        right: 6%;
    }

    .lets-btn::before{
        left: -25%;
    }

    .my-stat2 img{
        height: 209px !important;
    }

    .my-stat3 img{
            height: 185px !important;
            object-fit: cover;
    }

    .stats-head{
        top: -7%;
    }

    .lets-btn-abt::before{
        right: 41%;
    }
    .cf7-modern-form input[type="submit"]{
        width: 15%;
    }
}






.uc_ispt_container:hover{
    background: #C7FC5E !important;
}

.uc_ispt_container_list_row_icon{
    width: 10%;
}

.uc_ispt_container_list_row_icon img{
   width: 30%;
}




@media screen and (width: 1507px){
	.stats-head{
		top: -14%;
	}
	
	.lets-btn::before{
    right: 29%;
	}
	
	.lets-btn-abt::before{
    right: 32%;
	}
	
	.my-stat2 img{
    height: 233px;
		object-fit: cover;
	}
}


.lets-btn-bnds::before {
    content: '';
    background: white;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10%;
    right: 21%;
    border-radius: 100%;
}



.accordion-item.active .accordion-arrow {
    transform: rotate(90deg);
}

.cbw-badge{
  background: #fff;
	color: #000;
}

.cbw-title , .cbw-meta{
   font-family: 'Roboto';
	 font-weight: 600;
	color: white;
}

.cbw-excerpt{
	 color: #fff;
}


.gallery-image{
    position:relative;
}

.gallery-image img{
    width:100%;
    display:block;
}

.corner{
    position:absolute;
    width:28px;
    height:28px;
    border-color:#fff;
    border-style:solid;
    border-width:0;
    pointer-events:none;
}

/* Top Left */
.corner.tl{
    top:15px;
    left:15px;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
}

/* Top Right */
.corner.tr{
    top:15px;
    right:15px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
}

/* Bottom Left */
.corner.bl{
    bottom:15px;
    left:15px;
    border-bottom:2px solid #fff;
    border-left:2px solid #fff;
}

/* Bottom Right */
.corner.br{
    bottom:15px;
    right:15px;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
}



.cbw-image{
    position:relative;
}

.cbw-image img{
    width:100%;
    display:block;
}

.corner{
    position:absolute;
    width:28px;
    height:28px;
    pointer-events:none;
}

/* Top Left */
.corner.tl{
    top:15px;
    left:15px;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
}

/* Top Right */
.corner.tr{
    top:15px;
    right:15px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
}

/* Bottom Left */
.corner.bl{
    bottom:15px;
    left:15px;
    border-bottom:2px solid #fff;
    border-left:2px solid #fff;
}

/* Bottom Right */
.corner.br{
    bottom:15px;
    right:15px;
    border-bottom:2px solid #fff;
    border-right:2px solid #fff;
}


.cf7-submit {
  display: flex;
	justify-content: center;
}

.cf7-submit-btn {
  width: 320px;
  height: 70px;
  background: #b8f24a;
  border: none;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.arrow-icon svg {
  width: 40px;
  height: 40px;
  color: #000;
	margin-top: -20px;
}

.serv-sec .swiper-slide-active .service-title{
	font-family: 'Roboto';
	font-weight: 600;
}

.serv-sec .swiper-slide-active .service-description{
  font-family: 'Roboto';
}


@media screen and (width: 1440px){
	.stats-head{
		top: -13%;
	}
	
	.lets-btn::before{
     right: 29%;
	}
	.lets-btn-abt::before{
     right: 32%;
	}
}


@media screen and (width: 1024px){
	.lets-btn-bnds::before{
     right: 27%;
	}
}


@media screen and (width:425px){
	.stats-head{
     top: -4%;
	}
	
	.lets-btn-bnds::before{
    right: 69%;
	}
	
	.lets-btn::before{
     right: 83%;
	}
	
	.lets-btn-abt::before{
		right: 83%;
	}
}

@media screen and (width: 375px){
	.lets-btn::before{
    right: 88%;
	}
	
	.lets-btn-bnds::before{
     right: 71%;
	}
	
	.lets-btn-abt::before{
    right: 87%;
	}
}

@media screen and (width: 320px){
	.stats-head{
		top: -2%;
	}
	
	.lets-btn::before{
    right: 98%;
	}
	
	.lets-btn-bnds::before{
     right: 75%;
	}
	.lets-btn-abt::before{
    right: 95%;
	}
}



@media (max-width: 768px) {
  .process-steps-global {
    display: none;
  }
}

.pp-post-thumbnail img{
	height: 300px;
	object-fit: cover;
}





.twentytwenty-wrapper{
  margin-top: -33px;
}


.service-title .title-green {
    color: #C7FC5E;
}

.service-title .title-white {
    color: #ffffff;
}


/* Hide content for all slides */
.service-content {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

/* Show only active slide content */
.swiper-slide-active .service-content {
    opacity: 1;
    visibility: visible;
}

.arrow-icon{
	margin-top: -24px;
}


#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}



.sticky-header {
  position: fixed;
  width: 100%;
  z-index: 9999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px 10px;
  animation: slideDown 0.75s ease-out;
  background-color: #000;
  box-shadow: 0px 2px 6px #CCBABAF2;
}

/* 
@media screen and (width: 1920px){
  .lets-btn::before{
  right: 25%;
}

.stats-head{
	top: -38%;
}

} */


@media screen and (min-width: 1920px){
	.stats-head{
		top: -14%;
	}
	
	.lets-btn::before{
		right: 29% !important;
	}
	
	.lets-btn-abt::before{
		right: 32%;
	}
	
	.my-stat2 img{
		height: 233px;
		object-fit: cover;
	}
}



@media screen and (min-width: 1440px) and (max-width: 1599px){
	.stats-head{
		top: -14%;
	}
	
	.lets-btn::before{
		right: 29%;
	}
	
	.lets-btn-abt::before{
		right: 32%;
	}
	
	.my-stat2 img{
		height: 233px;
		object-fit: cover;
	}
}


.accordion-arrow svg{
   transform: rotate(-45deg);
}



@media screen and (min-width: 1600px) and (max-width: 1799px){
	.lets-btn::before{
		right: 30%;
	}
	
	.lets-btn-abt::before
	{
		right: 32%;
	}
	
	.my-stat2 img{
		height: 236px !important;
		object-fit: cover;
	}
}


.process-steps-global{
	margin-bottom: 20px;
}


.service-button svg {
    transform: rotate(45deg);
}


.custom-blog-widget {
    display: flex;
    align-items: stretch;
    background: #111; /* matches your design */
}

.cbw-image {
    flex: 0 0 50%; /* adjust width as needed */
}

.cbw-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* ensures full height fill like screenshot */
    display: block;
}

.cbw-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.cbw-top {
    margin-bottom: -70px;
}

.cbw-middle {
    margin-bottom: 15px;
}


.cbw-meta {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    opacity: 1;
}

p{
	font-family: 'Roboto';
}


.process-content h2{
   font-family: 'Roboto';
}


.process-content h3{
	font-family: 'Roboto';
}

.step{
   font-family: 'Roboto';
}

.gallery-category{
	font-family: 'Roboto';
}

.ue-icon{
    width: 70px !important;
	  height: 67px !important;
}

.ue-item:hover .ue-icon{
   background: #C7FC5E !important;
}

.ue-item:hover .ue-icon svg{
   color: #000 !important;
}

.our-serv .hfe-nav-menu .hfe-menu-item {
  display: -webkit-box;
  -webkit-line-clamp: 2;     /* max 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
	text-overflow: ellipsis;

  white-space: normal;       /* allow wrapping */
  line-height: 1.2;          /* optional: better spacing */
	white-space: nowrap;
	max-width: 20ch;
}

.cf7-submit-btn{
  width: 250px;
	height: 50px;
}

.accordion-year {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 14px;
	  color: #000;
}

.accordion-content{
   color: 	#5F5F5F;
}

.accordion-title{
   color: #000;
 opacity: 1;
}