/*
 Theme Name:   Twenty Twenty-Five Child
 Theme URI:    https://wordpress.org/themes/twentytwentyfive/
 Description: Child theme for Twenty Twenty-Five
 Author:      Piyush
 Template:    twentytwentyfive
 Version:     1.0.0
*/

/* Add your custom styles below */
.e-n-carousel.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    overflow: hidden;
}
.list_border_color ul li span {
    border: 1px solid #cccccc7d;
    border-radius: 50px;
    padding: 10px 50px;
}
.list_border_color ul li:hover span {
    border: 1px solid #f47b2e;
}

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

.grid-card {
    background: #000;
    border-radius: 16px;
    overflow: hidden;
    transition: 0.3s;
}

.grid-card:hover {
    transform: translateY(-8px);
}

.card-link {
    text-decoration: none;
    color: #fff;
    display: block;
}

.card-img {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
}

.card-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: 0.4s;
}

.grid-card:hover img {
    transform: scale(1.1);
}

.card-content {
    padding: 20px;
}

.category {
    color: #ff6a00;
    font-size: 14px;
    font-weight: 600;
}

.card-content h3 {
    font-size: 20px;
    margin: 10px 0;
}

.read-more {
    font-size: 14px;
    opacity: 0.8;
}
.elementor-element-2c761bc img{
width: 411px !important;
height: 607px !important;
}

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

@media (max-width: 600px) {
    .custom-grid {
        grid-template-columns: 1fr;
    }
    .img-box {
    position: unset !important;
    }
}
@media (min-width: 2555px) and (max-width: 2570px){
  .elementor-1630 .elementor-element.elementor-element-004347b {
        --width: 39% !important;
}
.elementor-1630 .elementor-element.elementor-element-8f52d4e {
    --e-n-carousel-arrow-prev-left-align: 0%;
    --e-n-carousel-arrow-prev-translate-x: 0px;
    --e-n-carousel-arrow-prev-left-position: -68%;
    --e-n-carousel-arrow-prev-top-align: 95%;
    --e-n-carousel-arrow-prev-translate-y: -100%;
    --e-n-carousel-arrow-prev-top-position: -14%;
    --e-n-carousel-arrow-next-right-position: 100%;
    --e-n-carousel-arrow-next-top-position: -17%;
}
}
@media (min-width: 1300px) and (max-width: 1400px){
.elementor-element-3beac6e .elementor-element.elementor-element-08e4fb6.e-con-full.e-flex.e-con.e-child {
    margin-left: 30px;
}
}
@media (min-width: 1401px) and (max-width: 1599px){
.elementor-element.elementor-element-08e4fb6.e-con-full.e-flex.e-con.e-child {
    margin-left: 8% !important;
}
.elementor-element-2c761bc{
    --e-n-carousel-swiper-slides-to-display: 2;
    --e-n-carousel-swiper-offset-size: 99px;
    --e-n-carousel-swiper-slides-gap: 10px;
    margin: 20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
    padding: 0px 0px 0px 0px;
    --e-n-carousel-slide-height: auto;
    --e-n-carousel-slide-container-height: 100%;
    --e-n-carousel-arrow-prev-left-align: 0%;
    --e-n-carousel-arrow-prev-translate-x: 0px;
    --e-n-carousel-arrow-prev-left-position: -51% !important;
    --e-n-carousel-arrow-prev-top-align: 1% !important;
    --e-n-carousel-arrow-prev-caption-spacing: 0px;
    --e-n-carousel-arrow-prev-translate-y: 0px;
    --e-n-carousel-arrow-prev-top-position: 70% !important;
    --e-n-carousel-arrow-next-right-align: 50% !important;
    --e-n-carousel-arrow-next-translate-x: 50%;
    --e-n-carousel-arrow-next-right-position: 88% !important;
    --e-n-carousel-arrow-next-top-align: 100%;
    --e-n-carousel-arrow-next-translate-y: -100% !important;
    --e-n-carousel-arrow-next-top-position: -16% !important;
    --e-n-carousel-arrow-normal-color: #F47B2E;
}
}

@media (min-width: 1600px) and (max-width: 1700px){
.elementor-element.elementor-element-08e4fb6.e-con-full.e-flex.e-con.e-child {
    margin-left: 11.5% !important;
}
.elementor-element-2c761bc{
    --e-n-carousel-swiper-slides-to-display: 2;
    --e-n-carousel-swiper-offset-size: 99px;
    --e-n-carousel-swiper-slides-gap: 10px;
    margin: 20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
    padding: 0px 0px 0px 0px;
    --e-n-carousel-slide-height: auto;
    --e-n-carousel-slide-container-height: 100%;
    --e-n-carousel-arrow-prev-left-align: 0%;
    --e-n-carousel-arrow-prev-translate-x: 0px;
    --e-n-carousel-arrow-prev-left-position: -54% !important;
    --e-n-carousel-arrow-prev-top-align: 1% !important;
    --e-n-carousel-arrow-prev-caption-spacing: 0px;
    --e-n-carousel-arrow-prev-translate-y: 0px;
    --e-n-carousel-arrow-prev-top-position: 70% !important;
    --e-n-carousel-arrow-next-right-align: 50% !important;
    --e-n-carousel-arrow-next-translate-x: 50%;
    --e-n-carousel-arrow-next-right-position: 90% !important;
    --e-n-carousel-arrow-next-top-align: 100%;
    --e-n-carousel-arrow-next-translate-y: -100% !important;
    --e-n-carousel-arrow-next-top-position: -16% !important;
    --e-n-carousel-arrow-normal-color: #F47B2E;
}
}
@media (min-width: 1900px) and (max-width: 2000px){
.elementor-element.elementor-element-08e4fb6.e-con-full.e-flex.e-con.e-child {
    margin-left: 16% !important;
}
.elementor-element-2c761bc{
    --e-n-carousel-swiper-slides-to-display: 2;
    --e-n-carousel-swiper-offset-size: 99px;
    --e-n-carousel-swiper-slides-gap: 10px;
    margin: 20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;
    padding: 0px 0px 0px 0px;
    --e-n-carousel-slide-height: auto;
    --e-n-carousel-slide-container-height: 100%;
    --e-n-carousel-arrow-prev-left-align: 0%;
    --e-n-carousel-arrow-prev-translate-x: 0px;
    --e-n-carousel-arrow-prev-left-position: -59% !important;
    --e-n-carousel-arrow-prev-top-align: 1% !important;
    --e-n-carousel-arrow-prev-caption-spacing: 0px;
    --e-n-carousel-arrow-prev-translate-y: 0px;
    --e-n-carousel-arrow-prev-top-position: 70% !important;
    --e-n-carousel-arrow-next-right-align: 50% !important;
    --e-n-carousel-arrow-next-translate-x: 50%;
    --e-n-carousel-arrow-next-right-position: 96% !important;
    --e-n-carousel-arrow-next-top-align: 100%;
    --e-n-carousel-arrow-next-translate-y: -100% !important;
    --e-n-carousel-arrow-next-top-position: -16% !important;
    --e-n-carousel-arrow-normal-color: #F47B2E;
}
}