.elementor-987987 .elementor-element.elementor-element-2b2d236{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;}.elementor-987987 .elementor-element.elementor-element-8bea800 .elementor-accordion-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-987987 .elementor-element.elementor-element-dcf4728{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--margin-top:50px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-987987 .elementor-element.elementor-element-9df3a67 .elementor-tab-title, .elementor-987987 .elementor-element.elementor-element-9df3a67 .elementor-tab-title:before, .elementor-987987 .elementor-element.elementor-element-9df3a67 .elementor-tab-title:after, .elementor-987987 .elementor-element.elementor-element-9df3a67 .elementor-tab-content, .elementor-987987 .elementor-element.elementor-element-9df3a67 .elementor-tabs-content-wrapper{border-width:1px;}.elementor-987987 .elementor-element.elementor-element-9df3a67 .elementor-tab-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-987987 .elementor-element.elementor-element-9df3a67 .elementor-tab-content{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-987987 .elementor-element.elementor-element-c9475d4{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--margin-top:50px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-987987 .elementor-element.elementor-element-40ed20f .elementor-tab-title, .elementor-987987 .elementor-element.elementor-element-40ed20f .elementor-tab-title:before, .elementor-987987 .elementor-element.elementor-element-40ed20f .elementor-tab-title:after, .elementor-987987 .elementor-element.elementor-element-40ed20f .elementor-tab-content, .elementor-987987 .elementor-element.elementor-element-40ed20f .elementor-tabs-content-wrapper{border-width:1px;}.elementor-987987 .elementor-element.elementor-element-40ed20f .elementor-tab-title{font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-987987 .elementor-element.elementor-element-40ed20f .elementor-tab-content{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-987987 .elementor-element.elementor-element-5419534{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--margin-top:50px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}/* Start custom CSS */.container1 {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        margin: 0 auto; /* Center the container */
    }

    .item {
        flex: 0 0 calc(20% - 20px); /* 5 items per row */
        max-width: calc(20% - 20px);
        box-sizing: border-box;
        background-color: #ffffff; /* White background for items */
        padding: 10px;
        text-align: center;
        border: 1px solid #e0e0e0; /* Light border */
        border-radius: 10px; /* Rounded corners */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
        transition: transform 0.2s, box-shadow 0.2s; /* Smooth hover effect */
    }

    .item:hover {
        transform: translateY(-5px); /* Slight upward movement on hover */
        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); /* More prominent shadow on hover */
    }

    .item h3 {
        font-size: 12px;
        font-weight: 600;
        color: #333; /* Darker text color */
        margin: 10px 0 5px;
    }

    /* Medium screens (Tablets) */
    @media (max-width: 1024px) {
        .item {
            flex: 0 0 calc(33.33% - 20px); /* 3 items per row */
            max-width: calc(33.33% - 20px);
        }
    }

    /* Small screens (Phones in landscape) */
    @media (max-width: 768px) {
        .item {
            flex: 0 0 calc(50% - 20px); /* 2 items per row */
            max-width: calc(50% - 20px);
        }
    }

    /* Extra small screens (Phones in portrait) */
    @media (max-width: 480px) {
        .item {
            flex: 0 0 100%; /* 1 item per row */
            max-width: 100%;
        }
    }/* End custom CSS */