/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 11 Apr 2026, 11:50:46 am
    Author     : arun
*/
/*index page code*/
/* Image Fix */
.custom-img-box img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

/* Text spacing */
.dlab-media-info {
    padding: 10px;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .section-head h2 {
        font-size: 22px;
    }

    .section-head p {
        font-size: 14px;
    }

    .dlab-info h2 {
        font-size: 24px;
    }

    .custom-img-box img {
        height: 200px;
    }
}
.owl-carousel .item {
    padding: 5px;
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
    .custom-img-box img {
        height: 220px;
    }
}
/*.custom-img-box {
    width: 100%;
    height: 350px;    same height for all 
    overflow: hidden;
    border-radius: 10px;
}

.custom-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;    🔥 key line 
    display: block;
}*/

/*// our profile Code*/

.custom-img-profile {
    width: 100%;
    height: 350px;   /* same height for all */
    overflow: hidden;
    border-radius: 10px;
}

.custom-img-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* 🔥 key line */
    display: block;
}


/*our service code*/
.custom-img-service {
    width: 90%;
    height: 710px;   /* same height for all */
    overflow: hidden;
    border-radius: 10px;
}

.custom-img-service img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* 🔥 key line */
    display: block;
}

/*// Abot  Page Code*/

.custom-img-founder {
    width: 100%;
    height: 470px;   /* same height for all */
    overflow: hidden;
    border-radius: 10px;
}

.custom-img-founder img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* 🔥 key line */
    display: block;
}

.section-title {
    font-size: 20px;
    font-weight: 600;
    margin: 25px 0 10px;
    color: #222;
    border-left: 4px solid #ff4d6d;
    padding-left: 10px;
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.service-item {
    background: #f9fafc;
    padding: 12px 15px;
    border-radius: 10px;
    position: relative;
    padding-left: 32px;
    font-size: 14px;
    transition: 0.3s;
}

.service-item::before {
    content: "✔";
    position: absolute;
    left: 10px;
    color: #ff4d6d;
}

.service-item:hover {
    background: #fff0f4;
    transform: translateY(-2px);
}

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

/*product Page Code*/
.custom-img-product {
    width: 100%;
    height: 250px;   /* same height for all */
    overflow: hidden;
    border-radius: 10px;
}

.custom-img-product img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* 🔥 key line */
    display: block;
}

/*Gallery Page Code*/

.custom-img-gallery {
    width: 100%;
    height: 250px;   /* same height for all */
    overflow: hidden;
    border-radius: 10px;
}

.custom-img-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* 🔥 key line */
    display: block;
}

/*video Page code*/
.video-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 40px;
}

/* Each Video Box */
.video-box {
    border-radius: 10px;
    overflow: hidden;
    background: #000;
}

/* Video Style */
.video-box video {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.video-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    padding: 30px;
}

.video-box {
    border-radius: 10px;
    overflow: hidden;
    background: #000;
}

.video-box video {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* Responsive */
@media (max-width: 992px) {
    .video-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .video-wrapper {
        grid-template-columns: 1fr;
    }
}


/*logo code*/ 
.logo img {
    width: 381px;
    height: 100px;
    object-fit: contain;
    display: block;
}