/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */



/* Custom CSS */
.arrow-box-white-btn .elementor-button-text, .arrow-box-blue-btn .elementor-button-text {
    padding: 8px 0 8px 16px;
}
.arrow-box-white-btn .elementor-button-icon {
    padding: 8px 16px;
    background-color: #fff;
}
.arrow-box-blue-btn .elementor-button-icon {
    padding: 8px 16px;
    background-color: #162E3B;
}
.order-list .elementor-icon-box-content {
    display: flex;
    align-items: center;
    column-gap: 52px;
}
.order-list .elementor-icon-box-content .elementor-icon-box-title {
    width: 45px;
    max-width: 42.291px;
    height: 42.291px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.order-list  .elementor-icon-box-description {
    width: 90%
}

.order-list.faded {
    opacity: 0.5;
}
.order-list {
    transition: opacity 0.6s ease;
}

/* .animated-bg {
  animation: looping 30s infinite linear;
  background-size: 100vw auto;
}
@keyframes looping {
    to {background-position: 100vw 0}
} */

.product-tabs .e-n-tabs-heading {
    max-width: fit-content;
    margin: 0 auto;
    border: 1px solid #162e3b40;
    border-radius: 100px;
    padding: 10px;
}



/*Responsiveness*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .hero-title .elementor-heading-title {
  padding: 0px 0px 100px 0px !important;
    text-align: center;

}
}


@media only screen and (max-width: 1024px) {
	 .order-list .elementor-icon-box-content {
        column-gap: 20px;
    }
}