.camera_target {

    filter: brightness(0.5);

}

.bg_filter_britns{

    backdrop-filter: brightness(0.8);

}

.single-product {

    background: #fff;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    border-radius: 10px;

    overflow: hidden;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    margin-bottom: 30px;

    text-align: center;

}



.single-product:hover {

    transform: translateY(-10px);

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);

}



.product-image img {

    width: 100%;

    height: auto;

    border-bottom: 5px solid #FF0100;

}



.product-info {

    padding: 20px;

}



.product-title {

    font-size: 22px;

    font-weight: 700;

    margin: 15px 0;

}



.product-description {

    font-size: 16px;

    color: #555;

    margin: 10px 0;

}



.explore-btn {

    display: inline-block;

    padding: 10px 20px;

    background-color: #20181B;

    color: #fff;

    border-radius: 25px;

    text-decoration: none;

    font-weight: bold;

    transition: background-color 0.3s ease, transform 0.3s ease;

    position: relative;

    overflow: hidden;

}



.explore-btn::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 300%;

    height: 300%;

    background: rgba(255, 255, 255, 0.3);

    transition: all 0.4s ease;

    transform: translate(-50%, -50%) rotate(45deg);

    border-radius: 50%;

    opacity: 0;

}



.explore-btn:hover::before {

    width: 400%;

    height: 400%;

    opacity: 1;

}



.explore-btn:hover {

    background-color: #FF0100;

    transform: scale(1.05);

    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);

}



.single-service {

    border-radius: 14px;

    background: #ffffff;

    box-shadow: 20px 20px 60px #d9d9d9, -20px -20px 60px #ffffff;

    border: none;

}



.modern-card {

    background: #fff;

    border-radius: 15px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    overflow: hidden;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    margin-bottom: 30px;

}



.modern-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);

}



.modern-card img {

    width: 100%;

    height: auto;

    transition: transform 0.3s ease;

}



.modern-card:hover img {

    transform: scale(1.05);

}



.modern-card-body {

    padding: 20px;

    text-align: center;

}



.modern-card-title {

    font-size: 1.6rem;

    color: #d9534f;

    margin: 15px 0;

}



.modern-card-description {

    font-size: 1rem;

    color: #666;

    margin-bottom: 20px;

}



.modern-card-button {

    display: inline-block;

    padding: 10px 20px;

    border-radius: 50px;

    background-color: #d9534f;

    color: #fff;

    text-decoration: none;

    font-weight: 700;

    transition: background-color 0.3s ease, box-shadow 0.3s ease;

}



.modern-card-button:hover {

    background-color: #c9302c;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}