/**
 * 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.
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
    font-family: "Inter", sans-serif !important;
}

.banner {
    background-color: transparent !important;
}

.btnMore {
    color: #E14D1E !important;
}

.home {
    background: transparent !important;
}

.bannerSection>.e-con-inner {
    border-right: 0px !important;
    position: relative;
}

.elementor-element-d994181>.e-con-inner {
    position: relative;
}

.elementor-element-d994181>.e-con-inner:after {
    position: absolute;
    content: "";
    right: -1px;
    top: 70px;
    height: 500px;
    width: 1px;
    background: #E5EDF4;
    z-index: -1;
}

.startedWidget h3.elementor-image-box-title {
    margin-bottom: 8px;
}

/* footer started here */
.footerMenus ul.e-n-menu-heading {
    flex-direction: column;
}

.footerMenus ul.e-n-menu-heading span.e-n-menu-title-text {
    white-space: normal;
}

.copyRight p {
    margin-bottom: 0px;
}

.newsletter .elementor-form-fields-wrapper {
    flex-wrap: nowrap;
    width: 70%;
    justify-content: end;
    margin-left: auto !important;
}

.newsletter .elementor-form-fields-wrapper button.elementor-button,
.newsletter .elementor-form-fields-wrapper input.elementor-field {
    border-radius: 4px !important;
}

.newsletter .elementor-form-fields-wrapper button.elementor-button span {
    white-space: nowrap;
}

.home .newsletterSection,
/* .getStartedSection, */
.page-id-1112 .newsletterSection,
.error404 .newsletterSection {
    display: none !important;
}

.home .getStartedSection {
    display: block !important;
}

/* footer end here */
.w-auto {
    width: auto !important;
}

/* header:after {
    position: absolute;
    content: '';
    height: 1px;
    background: #e5e7eb;
    right: 0px;
    bottom: -1px;
    left: 0px;
    z-index: -1
} */

header {
    position: relative;
}

header .e-con-inner,
.banner>.e-con-inner,
.howItsWork>.e-con-inner,
.elementor-element-c21c63e>.e-con-inner,
.elementor-element-d26310a>.e-con-inner,
.elementor-element-b96eb98>.e-con-inner,
.elementor-element-38c1b97>.e-con-inner,
.elementor-element-13ee98a>.e-con-inner,
.elementor-element-121c7ee>.e-con-inner,
.elementor-element-a378ded>.e-con-inner,
.darkLightBorder>.e-con-inner {
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: #E5EDF4;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.borderX>.e-con-inner {
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: #E5EDF4;
}

.copyRight>.e-con-inner {
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: #E5EDF4;
    padding-right: 100px !important;
}

.elementor-element-4ac4787>.e-con-inner {
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    border-color: #E5EDF4;
}

.elementor-element-d26310a>.e-con-inner,
.darkLightBorder>.e-con-inner {
    border-color: #ffffff42 !important;
}

.imgShadow img {
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.imageSlider {
    width: auto !important;
}

.selectedCard {
    backdrop-filter: blur(18.7px);
    -webkit-backdrop-filter: blur(18.7px);
    background: #f8f8fe4d !important;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.selectedCard.active {
    background: linear-gradient(45deg, #029B62 0%, #05EB95 100%) !important;
    border: 1px solid #00FFA0 !important;
}

.iconBox h3.elementor-icon-box-title {
    margin-bottom: 0px;
}

.iconBox .elementor-icon-box-wrapper {
    align-items: center !important;
}

.iconBox>div {
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
    width: 70%;
}

.experinceCounter .elementor-counter-title {
    flex-direction: column;
    width: 70% !important;
    flex: unset !important;
    align-items: self-start !important;
    line-height: normal !important;
}

.experinceCounter .elementor-counter-title span.experince {
    font-size: 18px;
    color: #ACC7F2;
}

.experinceCounter .elementor-counter {
    align-items: center;
    padding: 14px 32px;
}

.iconBox2 {
    min-height: 347px;
}

.contactCards .iconBox2 {
    min-height: auto;
}

.contactCards .btnPrimary {
    background: #E14D1E;
    color: #fff;
    border-radius: 4px;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 30px;
    font-size: 14px;
}

.btnSecondary .elementor-button.elementor-button-link {
    border-color: #E14D1E !important;
}

.btnPrimary .elementor-button:hover,
.btnSecondary .elementor-button:hover,
.btnSecondary .elementor-button.elementor-button-link:hover {
    background-color: #1C294E !important;
    color: #fff !important;
    border-color: #1C294E !important;
}


.boxShadow {
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.trustedBy>div {
    position: relative;
}

.trustedBy>div:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 40px;
    background: #ffffff57;
    right: -11px;
    top: calc(50% - 20px);
}

.trustedBy>div:last-child:after {
    display: none;
}

span.counterFaq {
    color: #E14D1E;
    margin-right: 16px;
}

.request-form h3 {
    font-size: 20px;
    color: #1C294E;
    border-bottom: 1px solid #DCDDEF;
    padding-bottom: 13px;
    margin-bottom: 20px;
}

.request-form label {
    font-size: 13px;
    color: #64748D;
}

span.label-data {
    margin-bottom: 6px;
    display: inline-block;
}

.request-form input,
.request-form label {
    width: 100%;
    display: block;
}

.request-form input {
    border: 1px solid #DCDDEF !important;
}


.request-form p {
    margin-bottom: 0px;
}

.request-form input.wpcf7-form-control.wpcf7-submit {
    color: #fff;
    background-color: #E14D1E;
}

.request-form {
    border-radius: 8px;
    box-shadow: 0px 0px 12px 5px #0000001f;
}

.elementor-element-f90ffea {
    overflow: hidden !important;
}

.header-mega-menu {
    border-radius: 16px;
    background: #ffffff;
    /* border: 1px solid #f1f1f1; */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.overflow-hidden {
    overflow: hidden !important;
}

/*.hero-banner-animation {
    position: absolute;
    top: 0;
    height: 100vh;
    z-index: -1;
    width: 100%;
}*/
#ribbon_container {
    position: absolute;
    top: -97px;
    height: calc(100vh + 97px) !important;
    z-index: -1;
    width: 100%;
}

.elementor-element-4ac4787 {
    position: relative !important;
}

.elementor-element-4ac4787::after {
    content: "";
    display: inline-block;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: -2;
}

.header-mega-menu h2.elementor-heading-title {
    cursor: pointer;
}



.card {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.card-image img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
}

.card-content {
    padding: 15px 20px;
}

.card-content h2 {
    font-size: 16px;
    color: #1f2a44;
    margin-bottom: 12px;
    line-height: 1.3;
}

.card-content p {
    font-size: 16px;
    color: #6b7280;
    margin-bottom: 15px;
    line-height: 1.5;
}

.cta {
    font-size: 16px;
    color: #f97316;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.cta:hover {
    gap: 10px;
    color: #ea580c;
}

.mix-screen img {
    mix-blend-mode: screen;
}

.logo-slider {
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
}

.logo-track {
    display: flex;
    gap: 72px;
    width: max-content;
    animation: scroll 100s linear infinite;
    align-items: center;
}

.logo-track img {
    width: 100px !important;
    object-fit: contain;
    height: auto !important;
}

.logo-track img.smLogo {
    width: 71px !important;
    height: 71px !important;
}

.logo-track:hover img {
    filter: grayscale(1);
    opacity: 0.6;
}

.logo-track img:hover {
    filter: unset;
    opacity: 1;
}

.bottomLines .e-con-inner {
    position: relative;
}

.bottomLines .e-con-inner:after,
.bottomLines .e-con-inner:before {
    content: "";
    position: absolute;
    height: 600px;
    width: 1px;
    background: #ffffff42;
    bottom: -600px;
    z-index: 1;
}

.bottomLines .e-con-inner:after {
    right: -1px;
}

.bottomLines .e-con-inner:before {
    left: -0.5px;
}

/* RIGHT → LEFT smooth infinite scroll */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* OPTIONAL: Hover pe pause */
.logo-slider:hover .logo-track {
    animation-play-state: paused;
}


/* blogs */
.blogsSection article .elementor-post__text {
    padding: 15px;
    background: #1C294E08;
}

.blogsSection article .elementor-post__thumbnail__link {
    margin-bottom: 0px !important;
}

.blogsSection article .elementor-post__meta-data {
    display: none;
}

.blogsSection .elementor-post__title a {
    font-size: 24px !important;
    color: #1C294E !important;
    font-weight: 500 !important;
}

.carouselCustom span.swiper-pagination-bullet {
    width: 30px;
    height: 2px;
    border-radius: 0px !important;
}

.blogCard .elementor-heading-title.elementor-size-default {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* mega menus */
.e-n-menu-content.e-active {
    max-width: 1050px;
    margin: auto;
    left: -1px !important;
    right: auto !important;
    box-shadow: rgba(0, 0, 0, 0.25) 5px 10px 30px -40px;
    backdrop-filter: blur(30px);
    background: #fff !important;
    top: 59px !important;
}

.header-mega-menu .e-con-inner {
    padding: 0px !important;
}

.rightMenus {
    z-index: 99 !important;
}

.rightMenus:hover {
    /* background-color: #fff !important; */
    background-color: #ffffffc7;
    box-shadow: 5px 10px 30px 0px #00000040;
    box-shadow: 5px 10px 30px 0px #00000040;
    backdrop-filter: blur(30px)
}

header .elementor-element-d994181>.e-con-inner {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.e-n-menu-dropdown-icon svg {
    width: 10px !important;
    height: 10px !important;
}

.menuLinks h2 {
    position: relative;
}

.menuLinks h2::after {
    content: "➔";
    transition: all 0.3s ease;
    opacity: 0;
    margin-left: 5px;
}

.menuLinks h2:hover {
    color: #E14D1E;
}

.menuLinks h2:hover::after {
    opacity: 1;
    transform: translateX(5px);
}

.menuHeading {
    position: relative;
    border-bottom: 0;
    transition: all 0.3s ease;
}

/* Bottom line */
.menuHeading::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 2px;
    background: linear-gradient(90deg, #FFB272 0%, #FF4715 34%, #1649E2 67%, #263E73 100%);
    bottom: -1px;
    left: 0;
    transition: width 0.4s ease;
}

/* Animate line on hover */
.header-mega-menu .e-con-inner>div:first-child:hover .menuHeading::after {
    width: 100%;
}


.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 50%;
    bottom: -30px !important;
}

.imageSlider {
    position: relative;
}

/* .imageSlider::before, */
.imageSlider::after {
    position: absolute !important;
    content: "" !important;
    left: 0px !important;
    right: 30px !important;
    height: 1px !important;
    background: #E5EDF4 !important;
    z-index: -1 !important;
    width: auto !important;
}

/* .imageSlider::before {
    top: 0px !important;
} */

.imageSlider::after {
    bottom: 0px !important;
}

.globe-wrapper {
    width: 100%;
    height: 590px !important;
    position: absolute;
    top: 26px !important;
    transform: unset !important;
}

.starburst-wrapper {
    height: 500px !important;
}

div#ribbon_container:after {
    content: '';
    position: absolute;
    width: 1266px;
    height: 1px;
    background: #E5EDF4;
    bottom: 26% !important;
    margin: auto;
    left: 50%;
    display: block;
    transform: translate(-50%, -1px);
    z-index: -1;
}

/* request-form [contact-form-7 id="4a8d3d1" title="Contact CTA"]*/

.quote-card {

    background: #F8F8FE;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 2px 5px 10px 0px #00000026;

}

.quote-title {
    font-size: 20px;
    font-weight: 600;
    color: #1C294E;
    margin-bottom: 12px;
}

.label {
    font-size: 13px;
    color: #64748D;
    margin-bottom: 2px;
}

.value {
    font-size: 16px;
    font-weight: 500;
    color: #1C294E;
}

.divider {
    height: 1px;
    background: #DCDDEF;
    margin: 12px 0;
}

.quote-card .row {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.price-row {
    display: flex;
    gap: 5px;
    font-size: 16px;
    color: #64748D;
    margin: 4px 0;
}

.price-row span:last-child,
.delivery span {
    color: #1C294E;
}

.delivery {
    font-size: 16px;
    color: #64748D;
    margin: 0px 0 16px;
}

.approve-btn {
    width: 100%;
    padding: 12px;
    background: #E14D1E;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
}

.approve-btn:hover {
    background: #c73f1d;
}

.shadow404 {
    box-shadow: 0px 18px 36px 0px #0000001A;
}

.shadowCard {
    box-shadow: 7px 15px 48px -12px #131B2E40;
}

/* .banner2 {
    background-image: url(/hubzonedepot/cdn/2026/04/image.png);
    background-repeat: no-repeat;
    background-position: 100% 55%;
} */
.ribbon2 {
    position: absolute !important;
    top: 500px !important;
    z-index: 2 !important;
}

.page-id-1622 .ribbon2 {
    top: 580px !important;
}

@media (max-width:1550px) {
    .ribbon2 {
        top: 400px !important;
    }

    .page-id-1622 .ribbon2 {
        top: 480px !important;
    }
}

.page-id-1313 main#content,
.page-id-1137 main#content {
    background: #F7F9FC;
}

.banner2>.e-con-inner {
    position: relative;
}

.banner2>.e-con-inner:after,
.banner2>.e-con-inner:before {
    position: absolute;
    content: "";
    background: #E5EDF4;
    top: 0px;
    bottom: 0px;
    width: 1px;
    z-index: 1;

}

.banner2>.e-con-inner:after {
    right: 0px;
}

.banner2>.e-con-inner:before {
    left: 0px;
}

.iconsBox p.elementor-icon-box-description {
    min-height: 168px;
}

.customFaq span.e-n-accordion-item-title-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FBE5DD;
    border-radius: 3px;
}

.customFaq span.e-n-accordion-item-title-icon svg {
    fill: #E14D1E !important;
}

/* fedxForm */
.fedxForm .elementor-field-group.elementor-field-group-name,
.fedxForm .elementor-field-group.elementor-field-group-email {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.fedxForm .elementor-field-group label.elementor-field-label {
    white-space: nowrap;
}

.fedxForm input#form-field-message {
    display: none;
}

.us-map-wrapper {
    height: 454px !important;
}

.fedxForm .select-caret-down-wrapper {
    top: 40% !important;
}

.us-map-wrapper canvas {
    height: 500px !important;
    width: 85% !important;
    margin: auto !important;
}

.spotBuyIcon h3.elementor-icon-box-title {
    position: relative;
}

.spotBuyIcon h3.elementor-icon-box-title:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 0px;
    bottom: 0px;
    background: #E14D1E;
    width: 3px;
}

img.attachment-full.size-full.wp-image-1602,
.wp-image-1603,
img.attachment-full.size-full.wp-image-1601 {
    box-shadow: 0px 5.8px 11.61px 0px #00000012;
    border-radius: 8px;
}

.img_darken img {
    mix-blend-mode: darken;
}

.img_darken {
    position: relative;
    right: -20px;
}

.imgBox .elementor-image-box-wrapper {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 30px 45px -25px #32325D33;
    box-shadow: 0px 5px 10px 0px #00000012;
    height: 100%;
}

.imgBox .elementor-image-box-wrapper figure.elementor-image-box-img img {
    width: 100%;
}

.imgBox .elementor-image-box-wrapper .elementor-image-box-content {
    padding: 0px 20px 10px 20px;
}

.imgBox .elementor-image-box-wrapper .elementor-image-box-content .btnPrimary {
    background: #E14D1E;
    color: #fff;
    padding: 14px 30px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 4px;
}

.supplierMap .us-map-wrapper,
.supplierMap .us-map-wrapper canvas {
    height: 189px !important;
    width: 100% !important;
    margin: auto !important;
}

.supplierMap .us-map-wrapper canvas {
    transform: scale(1.3) !important;
}

/* responsive css  */
@media (max-width:1024px) {
    div#menubar-173 ul.e-n-menu-heading {
        background-color: #fff !important;
    }

    .elementor-element-74cb354 {
        overflow: hidden !important;
        width: 100% !important;
    }

    .copyRight>.e-con-inner {
        padding-right: 0px !important;
    }

    div#ribbon_container:after {
        width: auto !important;
    }

    .iconBox>div {
        width: 100% !important;
    }

    .quote-card {
        padding: 20px 15px;
    }

    .globe_container canvas {
        width: 220px !important;
        height: 350px !important;
    }
}