.howitwork .head .heading-40 {
            text-align: center;
            margin-bottom: 0;
        }
        
        .howitwork-wrap {
            width: 1400px;
        }
        
        .howitwork-sec {
            background-color: #EBEFF3;
            padding: 80px 0;
        }
        
        .howitwork {
            display: flex;
            position: relative;
            column-gap: 25px;
            width: 100%;
            justify-content: center;
        }
        
        .howitwork-li:first-child {
            margin-left: 0
        }
        
        .howitwork-li:last-child {
            margin-right: 0
        }
        
        .howitwork-li .howitwork-staticbox-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
        }
        
        .howitwork-li.howitwork-active {
            flex: 8;
            /* display: none; */
        }
        
        .howitwork-li .howitwork-bg-imgbox {
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
            transition: .5s;
            z-index: 0;
            position: absolute;
            background-position: center center;
            background-size: cover;
            border-radius: 20px;
        }
        
        .howitwork-li .howitwork-img {
            display: none
        }
        
        .howitwork-li .howitwork-content-box {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            padding: 60px;
            text-align: left;
            display: flex;
            align-items: flex-end;
            width: 100%;
            height: 100%;
            justify-content: space-between;
            transition: .5s
        }
        
        .howitwork-li .howitwork-bg-imgbox .howitwork-static-box-title {
            position: absolute;
            bottom: 370px;
            left: 35%;
            top: auto;
            font-size: 24px;
            line-height: 38px;
            margin: 0;
            z-index: 1;
            inline-size: 350px;
            color: #2D2D2D;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            -khtml-transform: translateX(-50%) translateY(0) rotate(180deg);
            -moz-transform: translateX(-50%) translateY(0) rotate(180deg);
            -ms-transform: translateX(-50%) translateY(0) rotate(180deg);
            -o-transform: translateX(-50%) translateY(0) rotate(180deg);
            transform: translateX(-90%) translateY(-50%) rotate(-90deg);
            transform-origin: bottom right;
            font-weight: 700;
            color: #2D2D2D;
        }
        
        .howitwork-li .howitwork-content-box,
        .howitwork-li.howitwork-active .howitwork-bg-imgbox .howitwork-static-box-title {
            opacity: 0;
            visibility: hidden;
            transition: .2s;
            transition-delay: 0s
        }
        
        .howitwork-li.howitwork-active .howitwork-content-box {
            opacity: 1;
            visibility: visible;
            transition: .5s;
            transition-delay: .2s
        }
        
        .howitwork-li .howitwork-content-box .howitwork-static-box-title {
            font-size: 30px;
            line-height: 36px;
            margin-bottom: 15px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow-wrap: break-word;
            color: #2D2D2D;
            padding-bottom: 30px;
            border-bottom: solid 1px rgb(128 128 128 / 20%);
            margin-bottom: 30px;
        }
        
        .howitwork-li .howitwork-content-box .howitwork-static-box-desc {
            color: #2D2D2D;
            ;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            line-clamp: 4;
            -webkit-box-orient: vertical;
            width: 370px;
            margin-bottom: 15px;
        }
        
        .howitwork-li .howitwork-content-box .howitwork-content-inner {
            width: 350px
        }
        
        .howitwork-li .pbmit-static-btn a .pbmit-button-text {
            font-size: 0;
        }
        
        .howitwork-li .pbmit-static-btn .pbmit-button-wrapper::after {
            position: unset !important;
            display: inline-block;
        }
        
        .howitwork-li .pbmit-static-btn {
            transition: .9s;
            padding: 20px 0 0 0;
        }
        
        .howitwork-li .pbmit-static-btn .pbmit-button-icon:before {
            background-color: var(--pbmit-shipex-global-color);
            color: #2D2D2D;
            ;
        }
        
        .howitwork-li .pbmit-static-btn a:hover .pbmit-button-icon:before {
            background-color: var(--pbmit-shipex-white-bg-color);
            color: #2D2D2D;
        }
        
        .howitwork-li .pbmit-static-btn a:hover {
            background-color: var(--pbmit-shipex-global-color);
            color: #2D2D2D;
            ;
        }
        
        .howitwork-li .howitwork-box-number {
            position: absolute;
            width: 100%;
            top: 30px;
            right: 23px;
            font-size: 20px;
            line-height: 20px;
            text-align: center;
            color: #2D2D2D;
            background: #EBEFF3;
            height: 70px;
            width: 70px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
            font-weight: 600;
        }
        
        .howitwork-active.howitwork-li .howitwork-bg-imgbox .howitwork-box-number {
            display: none;
        }
        
        .howitwork-li .howitwork-content-box .howitwork-box-number {
            text-align: right;
            right: 40px;
        }
        
        .howitwork-li.howitwork-active .howitwork-staticbox-wrapper {
            background-color: white;
            border-radius: 30px;
        }
        
        .howitwork-li.howitwork-active .howitwork-bg-imgbox {
            width: 480px;
            position: unset;
        }
        
        .howitwork-li.howitwork-active .howitwork-content-box {
            position: unset;
            padding: 0 60px;
            opacity: 1;
            visibility: visible;
            transition: .9s ease-out;
            transition-delay: .2s;
            width: 50%;
            height: auto;
        }
        
        .howitwork-li.howitwork-active .howitwork-content-box .howitwork-content-inner {
            width: 380px;
        }
        
        .howitwork-li.howitwork-active .howitwork-content-box .howitwork-static-box-title,
        .howitwork-li.howitwork-active .howitwork-content-box .howitwork-static-box-desc {
            color: #2D2D2D;
        }
        
        .howitwork-li {
            transition: .7s;
            position: relative;
            overflow: hidden;
            height: 500px;
            min-width: 115px;
            border-radius: 50px;
        }
        
        .howitwork-li:not(.howitwork-active) .howitwork-bg-imgbox {
            background-color: white !important;
            background-image: none !important;
        }
        
        .howitwork .readmore {
            color: #00358D;
            font-size: 14px;
            text-decoration: underline;
            font-weight: 700;
        }
        
        .mobile-img {
            display: none;
        }
        
        @media (max-width: 1439.98px) {
            .howitwork-wrap {
                width: 100%;
            }
            .howitwork-li.howitwork-active .howitwork-bg-imgbox {
                width: 300px;
            }
            .howitwork-li.howitwork-active .howitwork-content-box {
                padding: 0 20px;
                width: calc(100% - 300px);
            }
            .howitwork-li .howitwork-content-box .howitwork-static-box-desc {
                width: 100%;
            }
            .howitwork-sec {
                padding: 60px 0;
            }
        }
        
        @media (max-width: 1199px) {
            .howitwork-li .howitwork-content-box,
            .howitwork-li .howitwork-bg-imgbox .howitwork-static-box-title {
                opacity: 0;
                visibility: visible;
                transition: .2s;
                transition-delay: 0s
            }
            .howitwork-li {
                flex: unset;
                height: 60vh;
            }
            .howitwork-li .howitwork-content-box {
                opacity: 1;
                visibility: visible;
                transition: .5s;
                transition-delay: .2s
            }
            .howitwork-li .howitwork-staticbox-wrapper {
                background-color: white;
                border-radius: 30px;
            }
            .howitwork-li .howitwork-staticbox-wrapper {
                background-color: white;
                border-radius: 30px;
            }
            .howitwork-li .howitwork-bg-imgbox {
                width: 50%;
                position: unset;
            }
            .howitwork-li .howitwork-content-box {
                position: unset;
                padding: 0 60px;
                opacity: 1;
                visibility: visible;
                transition: .9s ease-out;
                transition-delay: .2s;
                width: 50%;
                height: auto;
            }
            .howitwork-li .howitwork-content-box .howitwork-content-inner {
                width: 380px;
            }
            .howitwork-li .howitwork-content-box .howitwork-static-box-title,
            .howitwork-li .howitwork-content-box .howitwork-static-box-desc {
                color: #2D2D2D;
            }
            .howitwork-li .howitwork-content-box .howitwork-static-box-desc {
                width: 100%;
            }
            .howitwork-li .howitwork-content-box {
                padding: 0 30px;
            }
            .howitwork {
                row-gap: 40px;
                flex-direction: column;
            }
            .howitwork-li .howitwork-img {
                display: block;
            }
            .howitwork-img>img {
                display: none;
            }
            .mobile-img {
                display: block !important;
            }
            .howitwork-li .howitwork-box-number {
                right: 40px;
            }
        }
        
        @media (max-width: 991px) {
            .howitwork-li .howitwork-box-number {
                font-size: 16px;
                height: 40px;
                width: 40px;
            }
            .howitwork-li .howitwork-img {
                height: 100%;
            }
            .howitwork-li .howitwork-img img {
                height: 100%;
            }
            .howitwork-li .howitwork-content-box .howitwork-static-box-title {
                font-size: 24px;
                margin-bottom: 15px;
                line-height: 24px;
                padding-bottom: 15px;
            }
            .howitwork-li {
                height: 50vh;
            }
            .howitwork-sec {
                padding: 40px 0;
            }
        }
        
        @media (max-width: 767px) {
            .howitwork-li .howitwork-img img {
                object-fit: cover;
            }
            .howitwork-li {
                border-radius: 20px;
            }
            .howitwork {
                row-gap: 30px;
            }
        }
        
        @media (max-width: 575px) {
            .howitwork-li .howitwork-staticbox-wrapper {
                flex-direction: column;
            }
            .howitwork-li .howitwork-bg-imgbox {
                width: 100%;
            }
            .howitwork-li {
                height: 100%;
            }
            .howitwork-li .howitwork-img {
                height: 35vh;
            }
            .howitwork-li .howitwork-content-box {
                padding: 30px;
                width: 100%;
            }
            .howitwork-li .howitwork-content-box .howitwork-content-inner {
                width: 100%;
            }
            .howitwork-static-box-desc {
                font-size: 14px;
                line-height: 1.2;
            }
            .howitwork-li .howitwork-content-box .howitwork-static-box-title {
                font-size: 18px;
                margin-bottom: 10px;
                line-height: 1.2;
                padding-bottom: 10px;
            }
            .howitwork-li .howitwork-staticbox-wrapper {
                border-radius: 30px;
            }
        }