.elementor-112 .elementor-element.elementor-element-f1e6e3c{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 0px;--background-transition:0.3s;--overlay-opacity:0.03;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-f1e6e3c:not(.elementor-motion-effects-element-type-background), .elementor-112 .elementor-element.elementor-element-f1e6e3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://keaindia.walstartech.com/wp-content/uploads/sites/13/2024/07/background_3.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-112 .elementor-element.elementor-element-f1e6e3c::before, .elementor-112 .elementor-element.elementor-element-f1e6e3c > .elementor-background-video-container::before, .elementor-112 .elementor-element.elementor-element-f1e6e3c > .e-con-inner > .elementor-background-video-container::before, .elementor-112 .elementor-element.elementor-element-f1e6e3c > .elementor-background-slideshow::before, .elementor-112 .elementor-element.elementor-element-f1e6e3c > .e-con-inner > .elementor-background-slideshow::before, .elementor-112 .elementor-element.elementor-element-f1e6e3c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-112 .elementor-element.elementor-element-f1e6e3c, .elementor-112 .elementor-element.elementor-element-f1e6e3c::before{--border-transition:0.3s;}.elementor-112 .elementor-element.elementor-element-5fd4091 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-112 .elementor-element.elementor-element-5fd4091 .elementor-heading-title{color:#FFCB04;font-family:"Arimo", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;line-height:20px;}.elementor-112 .elementor-element.elementor-element-4efaefc .elementor-heading-title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:700;line-height:80px;letter-spacing:-0.2px;text-shadow:10px 10px 10px rgba(0, 0, 0, 0.51);}.elementor-112 .elementor-element.elementor-element-192223f{--display:flex;--background-transition:0.3s;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-112 .elementor-element.elementor-element-51afab2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-1756eee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 0px;}.elementor-112 .elementor-element.elementor-element-1756eee.elementor-element{--align-self:flex-start;}.elementor-112 .elementor-element.elementor-element-1756eee{text-align:center;}.elementor-112 .elementor-element.elementor-element-1756eee .elementor-heading-title{color:#000000;font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:600;text-transform:capitalize;line-height:50px;letter-spacing:-0.2px;}.elementor-112 .elementor-element.elementor-element-5e03ea3{--divider-border-style:double;--divider-color:#FFCB04;--divider-border-width:2px;--divider-icon-size:40px;}.elementor-112 .elementor-element.elementor-element-5e03ea3 .elementor-divider-separator{width:100%;}.elementor-112 .elementor-element.elementor-element-5e03ea3.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-112 .elementor-element.elementor-element-5e03ea3.elementor-view-framed .elementor-icon, .elementor-112 .elementor-element.elementor-element-5e03ea3.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-112 .elementor-element.elementor-element-5e03ea3.elementor-view-framed .elementor-icon, .elementor-112 .elementor-element.elementor-element-5e03ea3.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-112 .elementor-element.elementor-element-fffc53f .elementor-accordion-icon, .elementor-112 .elementor-element.elementor-element-fffc53f .elementor-accordion-title{color:#000000;}.elementor-112 .elementor-element.elementor-element-fffc53f .elementor-accordion-icon svg{fill:#000000;}.elementor-112 .elementor-element.elementor-element-fffc53f .elementor-active .elementor-accordion-icon, .elementor-112 .elementor-element.elementor-element-fffc53f .elementor-active .elementor-accordion-title{color:#FFCB04;}.elementor-112 .elementor-element.elementor-element-fffc53f .elementor-active .elementor-accordion-icon svg{fill:#FFCB04;}.elementor-112 .elementor-element.elementor-element-fffc53f .elementor-accordion-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:700;}@media(max-width:1024px){.elementor-112 .elementor-element.elementor-element-f1e6e3c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-112 .elementor-element.elementor-element-4efaefc .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-112 .elementor-element.elementor-element-192223f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-112 .elementor-element.elementor-element-1756eee{text-align:left;}.elementor-112 .elementor-element.elementor-element-1756eee .elementor-heading-title{font-size:28px;}}@media(max-width:767px){.elementor-112 .elementor-element.elementor-element-f1e6e3c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-112 .elementor-element.elementor-element-4efaefc .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-112 .elementor-element.elementor-element-192223f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-112 .elementor-element.elementor-element-51afab2{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-112 .elementor-element.elementor-element-1756eee{width:100%;max-width:100%;text-align:center;}.elementor-112 .elementor-element.elementor-element-1756eee > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-112 .elementor-element.elementor-element-1756eee .elementor-heading-title{font-size:24px;line-height:38px;}}/* Start custom CSS for heading, class: .elementor-element-1756eee */#gear-1 svg{
   animation: rotate 5s linear infinite;
}

 @keyframes rotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-192223f */#magazine_Accord .elementor-accordion .elementor-accordion-item {
    border-top: 1px solid #d5d8dc !important;
    margin-bottom: 10px;  
}


#magazine_Accord .magazine-card {
    display: inline-block; /* Ensures the shadow applies correctly around the entire card */
    transition: box-shadow 0.5s ease; /* Smooth shadow transition */
}

#magazine_Accord .magazine-card-body {
    background-color: initial; /* Set your initial background color */
    transition: background-color 0.5s ease; /* Adjust the duration and easing as needed */
}

#magazine_Accord .magazine-card:hover .magazine-card-body {
    background-color: #ffcb04;
}

#magazine_Accord .magazine-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), /* Create a shadow effect */
                0 6px 20px rgba(0, 0, 0, 0.19); /* You can adjust these values as needed */
}

#magazine_Accord .magazine-card-body {
    background-color: initial; /* Set your initial background color */
    transition: background-color 1s ease; /* Adjust the duration and easing as needed */
}


#magazine_Accord div.elementor-tab-title {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

#magazine_Accord .magazine-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Space between cards */
    justify-content: start; /* Center cards horizontally */
    padding: 10px;
}

#magazine_Accord .magazine-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    /* max-width: 300px; */ /* Adjust the width as needed */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#magazine_Accord .magazine-card:hover {
    transform: translateY(-5px); /* Lift the card on hover */
}

#magazine_Accord .magazine-card-image {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
}

#magazine_Accord .magazine-card-image.placeholder {
    background: #f0f0f0;
    width: 100%;
    height: 200px; /* Adjust the height as needed */
}

#magazine_Accord .magazine-card-body {
    padding: 15px;
    text-align: center;
    width: 100%;
}

#magazine_Accord .magazine-card-title {
    font-size: 18px;
    margin: 10px 0;
color:#000;
}

#magazine_Accord .magazine-card-date {
    font-size: 14px;
    color: #666;
}

/* Responsive Styles */
@media (min-width: 576px) {
    #magazine_Accord .magazine-card {
        max-width: 45%; /* 2 cards per row */
    }
}

@media (min-width: 768px) {
    #magazine_Accord .magazine-card {
        max-width: 30%; /* 3 cards per row */
    }
  
}

@media (min-width: 992px) {
    #magazine_Accord .magazine-card {
        max-width: 23%; /* 4 cards per row */
    }
}

@media (min-width: 1200px) {
    #magazine_Accord .magazine-card {
        /* max-width: 20%; */ /* 5 cards per row */
    }
}/* End custom CSS */