/*Write Css*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1, h2, h3, h4, h5, h6 {
       font-family: "Poppins", sans-serif !important; 
}
body, p, li, span,a,span,button,input {
     font-family: "Poppins", sans-serif !important; 
}


.innerHeroContent.text-center{
    display:none !important;
}

.agency_and_newspaper_class_condition {
    padding: 150px 0px !important;
}

.text-editor-wrap .categoriesArea .container .row .col-lg-12 p {
    color: black !important;
}

.aboutCaption-global .pera{
    color:black !important;
}

/* 1. Grid Layout for 3 Columns */
.video-testimonials {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* 2. Reset Bootstrap columns to fit inside the Grid */
.video-testimonials .video-with-text,
.video-testimonials .row,
.video-testimonials .col-md-8 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. SHOW Headings (Previously Hidden) */
.video-testimonials .col-md-4 {
    display: block !important; 
    width: 100% !important;
    text-align: center;
    padding: 10px 0;
}

/* 4. Heading Text Style */
.video-testimonials .video-text h3 {
    display: block !important;
    font-size: 16px;
    color: #333; 
    margin: 5px 0;
    font-weight: bold;
}

/* 5. Video Player Styling */
.video-testimonials iframe {
    height: 250px !important;
    width: 100%;
    border-radius: 8px;
}

/* 6. Mobile Responsiveness */
@media (max-width: 992px) {
    .video-testimonials { grid-template-columns: repeat(2, 1fr); 
        
    }
}
@media (max-width: 600px) {
    .video-testimonials { grid-template-columns: 1fr; 
        
    }
}


/* ################## Homepage banner ################ */
/* Target only the Home banner to avoid affecting other sections */
#home .slick-slide.slick-active .slider-contents,
#home .slick-slide.slick-current .slider-contents {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    z-index: 9999 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80% !important;
    text-align: center !important;
}

/* Specific fix for the content wrap within the home ID */
#home .slider-contentswrap {
    display: block !important;
    height: auto !important;
}

/* Target specific text classes only within the home banner */
#home .agency_banner__single__content__title, 
#home .agency_banner__single__content__para {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Prevent layout breaking in other sections */
#home .slider-items, 
#home .slider-active {
    overflow: visible !important;
}

/* Remove background and secondary images only for the home banner */
#home .slider-contents {
    background: none !important;
}

#home .slider-contents img:not(.fern-left):not(.fern-right) {
    display: none !important;
}
.common-banner .slider-contents {
    background: none !important;
}
.common-banner .slider-contents img {
    display: none !important;
    position: relative;
}
#home .banner-image img {
    width: 100% !important;  
    height: 650px !important; 
    margin: 0 auto !important; 
    /*display: block !important;*/
    object-fit: cover !important; 
    border-radius: 10px !important; 
}
#home .banner-image {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: transparent !important; 
}
#home .slider-contents {
    height: 400px !important; 
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.common-banner .slider-contents h2{
    font-size: 46px !important;
   
}
.common-banner.section-padding{
    padding-top: 2px !important;
}

/* ############### homepage our work ############# */
.wedding_cmn_btn.btn_gradient_main {
    color: white !important;
}


/* ######## homepage work area ############### */
.agency_work_area .agency_work .agency_work__contents {
    height: 72px !important;
}

.construction_sectionTitle__two.text-left {
    justify-content: center !important;
}

/* ############Testimonial ############ */
.agency_section__title .title {
    text-align: center;
    color: black !important;
}

.mb-40 {
    margin-bottom: 1px !important;
}








.video-testimonials .row .video-text h3{
    font-size: 20px !important;
    color: black !important;
    font-weight: 500 !important;
}

.cta_no_bg{
    background: white !important;
}




.thumb_border::before{
    display: none !important;
}

.thumb_shape::before{
    display: none !important;
}


.thumb_border {
    padding: 0px !important;
}

.agency_work_area .agency_work{
    border-radius: 0px !important;
}

.agency_work_area .agency_work img{
     border-radius: 0px !important;
}


.agency_work_area{
        background: #ffede7 !important;
}
    
.agency_work_area .agency_work .agency_work__contents p {
    display: none !important;
}

.agency_work_area .first-bg{
    display: none !important;
}

.agency_work_area .last-bg{
    display: none !important;
}


.agency_work_area .agency-products{
    padding-top: 40px !important;
}

.construction_project_area.padding-top-100{
    padding-top: 50px !important;
}


.construction_blog__contents__title {
  font-size:18px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;  /* show only 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.agency_about__right .title {
    font-weight: 600 !important;
}

.video-testimonials{
    padding: 25px 0 0 0 !important;
}


.categoriesArea .col-lg-12 h3 {
    margin-top: 40px !important; /* Adjust the 50px as needed */
}

.heartbeat2, .sliderArea .heroCaption .tittle::after, .section-tittle .tittle::after{
    display: none !important;
}


.routedOne, .section-tittle .tittle::before{
    display: none !important;
}


.agency_copyright_area .copyright-contents a {
    color: white !important;
}


.singleBlog-global .blogCaption .tittle {
    font-weight: 600 !important;
}


/* ############## project section ################## */
.construction_project .construction_project__contents .construction_project__title a {
    color: #DC531D !important;
}

.construction_project {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.construction_project__thumb {
    height: 260px !important;
    overflow: hidden !important;
    background: #000 !important;
}

.construction_project__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}
.construction_project__contents {
    flex-grow: 1 !important;
}

.construction_project__para {
    color: white !important;
}

.fa-arrow-right-long:before, .fa-long-arrow-right:before {
     color: white !important;
}


/* ########## project arrow #########  */
.append_project{
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    gap: 10px !important;
}


/* ############# Attraction Area ############ */
.single-attraction-two-contents {
    display: none !important;
}
.wedding__need__learnMore {
    color: #DC531D !important;
    -webkit-text-fill-color: #DC531D !important;
}

.wedding__need__learnMore:hover {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background-image: none !important;
}
.wedding__need:hover .wedding__need__learnMore {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.wedding_need_area {
    padding-bottom: 15px !important;
}

/* ##################### Homepage Aboutusbtn ############### */
.about-contents .btn {
    display: inline-block !important;
    background-color: #de541d !important; 
    color: #ffffff !important;             
    padding: 10px 12px !important;         
    font-size: 16px !important;           
    font-weight: 600 !important;           
    border-radius: 8px !important;         
    margin-top: 25px !important;           
    text-decoration: none !important;      
    transition: all 0.3s ease !important;  
    position: relative !important;
    z-index: 10 !important;
}
.about-contents .btn:hover {
    background-color: #e65c00 !important;  
    transform: translateY(-3px) !important; 
}

.about-contents .title {
    padding: 10px !important;
}

.about .about-bg {
    display: none !important;
}


/* ######### Homepage Video ########### */
.video-wrapper {
    border: 6px solid #DC531D !important;
}

.video-section .video-card {
    max-width: 450px !important; 
    margin: 0 auto !important;  
}


.video-section .video-wrapper iframe {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}
.video-section .container-fluid {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;   /* Bootstrap standard padding */
    padding-right: 15px !important;  /* Bootstrap standard padding */
}


/* ############ Video Section ########## */

.aboutArea {
    position: relative;
    background: #f8f9fa;
}

.aboutArea .section-tittle .title {
    font-size: 42px;
    font-weight: 700;
    color: #222;
    margin-bottom: 30px;
}

/* Video wrapper */
.logistic-video-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 18px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.4s ease !important;
    max-width: 900px;
    margin: auto;
}

/* Image */
.logistic-video-wrap img {
    width: 100% !important;
    height: auto;
    display: block;
    transition: transform 0.6s ease !important;
    border-radius: 18px !important;
}

/* Hover zoom effect */
.logistic-video-wrap:hover img {
    transform: scale(1.05) !important;
}

/* Play button center */
.video-play-btn {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 80px !important;
    height: 80px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    z-index: 2 !important;
    transition: all 0.3s ease !important;
}

/* Play icon */
.video-play-btn i {
    font-size: 26px !important;
    color: #ff4a17 !important;
    margin-left: 3px;
}

/* Hover effect button */
.video-play-btn:hover {
    background: #ff4a17 !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.video-play-btn:hover i {
    color: #fff !important;
}

/* Glow pulse animation */
.video-play-btn::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 74, 23, 0.4);
    animation: pulse 1.8s infinite;
    z-index: -1;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .aboutArea .section-tittle .title {
        font-size: 28px !important;
    }

    .video-play-btn {
        width: 65px !important;
        height: 65px !important;
    }
}

/* ######### Removing ZXCZXCZXC from video page ########### */

body, .cta_no_bg {
    color: transparent !important;
    text-shadow: none !important;
}


/* ########### Tiktok Link On Footer ########### */
.footer-social a .fa-linkedin-in {
    display: none !important;
}

.footer-social a[href*="tiktok.com"]::before {
    content: "\e07b" !important;
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
    display: inline-block !important;
    font-size: 16px !important;
    color: inherit !important;
}


/* ######### Homepage Font ############# */
.about-contents .title {
    font-size: 45px !important;
    font-weight: 500 !important;
}
.agency_section__title .title {
     font-size: 45px !important;
     font-weight: 500 !important;
}
.wedding_sectionTitle .title {
    font-size: 45px !important;
     font-weight: 500 !important;
}
.construction_sectionTitle__two .title {
     font-size: 45px !important;
     font-weight: 500 !important;
}
.video-title {
      font-size: 45px !important;
     font-weight: 500 !important;
}
.singlePortfolio .portfolioDetails .templateCap {
    color: black !important;
}



.simplePresentCart .selectTag li,
.simplePresentCart .selectTag li a,
.simplePresentCart .selectTag li span {
    color: #000 !important;
    /*opacity: 1 !important;*/
    /*visibility: visible !important;*/
}

/* ######## Contact page ########### */
.singleContact .cat-cap .pera {
    color: black !important;
}

/* ################# Mobile Responsive ################### */
@media (max-width: 576px) {
    #home .banner-image img {
        height: 158px !important;
    }
    .common-banner .slider-contents h2{
        font-size: 15px !important;
    }
    .common-banner .slider-contents .agro_cmn_btn {
        padding: 6px 5px !important;
        font-size: 10px !important;
    }
    .common-banner .slider-contents h2 {
        margin: 3rem 0 -2.5rem 0 !important;
    }
    .about-contents .title {
       font-size: 33px !important;
       padding-bottom: 11px !important;
    }
    .partners-agni .partners-title h2 {
        font-size: 33px !important;
    }
    .contact-common .contact-left h2 {
        font-size: 33px !important;
    }
    .footer-logo img {
       height: 70px !important;
    }
}