/*
Theme Name: modisoft1
Author: 
Description: Your description goes here..
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* 04-03-2025 */
.modi-mobile .modi-mobile-body ul.mobile-menu-list li.menu-item-has-children.active a .modisoft-mega-menu-parent-new {
    color: #0B1932 !important;
    background-color: #F8BC2E !important;
}
/* 04-03-2025 */

/* 15-11-2024 */
.addons-tabs .e-n-tabs-heading > .e-n-tab-title::after{
	bottom:-3px !important;
}
/* 15-11-2024 */
.our-hardware-sec-btn .elementor-button-icon {
    margin-right: 0 !important;
    text-align: center !important;
}

.our-hardware-sec-btn a {
    font-size: 17px !important;
}

.our-hardware-sec-btn .elementor-button-text {
    margin-top: 15px !important;
}

.shopify-buy__product__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.shopify-buy__collection-products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.menu-sidebar-list .mega-menu-detail .rebate-edge-mega-content-inner {
    background-size: 330px;
    background-position: center right;
}

.rebate-edge-mega-content-inner {
    background-size: 330px !important;
    background-position: center right !important;
}

.mega-menu-container .mega-menu-detail[menu_id="33464"] img {
    left: 50%;
    bottom: 0px !important;
    width: 92%;
    transform: translateX(-50%);
    right: unset;
}

.modisoft-new-menu-tooltip {
    margin-left: 20px !important;
}

.elementor-toggle .elementor-tab-title {
    position: relative;
    padding-right: 35px !important;
    border-width: 0 !important;
    border-top: 1px solid #0B1932 !important;
    border-bottom: none !important;
}

.elementor-toggle .elementor-toggle-item:first-child .elementor-tab-title {
    border-top: none !important
}

.elementor-toggle .elementor-toggle-item:last-child .elementor-tab-title {
    border-bottom: 1px solid #0B1932 !important;
}

.elementor-toggle .elementor-toggle-item:last-child .elementor-tab-title.elementor-active {
    border-bottom: none !important
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon {
    width: 2em !important;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon i {
    font-size: 20px;
}

.elementor-toggle .elementor-tab-content {
    border-bottom: none !important;
}

/* new resource tabs css start */

.new-resource-tabs {
    margin: -150px 0 0;
}

.new-resource-tabs .filter-div {
    padding: 50px 30px 50px;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 15px;
    margin-bottom: 80px;
}

.new-resource-tabs .filter-section {
    display: flex;
    justify-content: space-between;
}

.new-resource-tabs .filter-section>div {
    width: 22%;
}

.new-resource-tabs .filter-section .filter-select {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.new-resource-tabs .filter-section .filter-select>div {
    width: 49%;
}

.new-resource-tabs .select2-container--default .select2-selection--single {
    background-color: white;
}

.new-resource-tabs .select2-container--default .select2-selection--single::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 18px;
    width: 19px;
    height: 19px;
    background-image: url(https://modisoftincstg.wpenginepowered.com/wp-content/uploads/2024/06/chevron-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.5s;
}

.new-resource-tabs .select2-container--open .select2-selection--single::after {
    transform: rotate(180deg);
}

.new-resource-tabs .apply-filter {
    display: block;
    background-color: #F8BC2E;
    font-family: "Albert Sans", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    color: #0B1932 !important;
    text-decoration: none !important;
}

.new-resource-tabs .select2-container {
    width: 100% !important;
}

.new-resource-tabs .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0B1932 !important;
}

.new-resource-tabs .select2-selection__arrow {
    display: none !important;
}

.new-resource-tabs .tab-content {
    background-color: white;
    border-radius: 0px 10px 0 0;
}

.new-resource-tabs .resource-tab-links {
    flex-wrap: nowrap;
    display: flex;
    padding-left: 0;
    list-style-type: none;
    height: 48px;
}

.new-resource-tabs .resource-tab-links li a {
    background-color: transparent;
    font-family: "Albert Sans", Sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    padding: 8px 39px 8px;
    border: none;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    height: 48px;
    text-decoration: none !important;
}

.new-resource-tabs .resource-tab-links li.active a,
.resource-tab-links li a:hover {
    background-color: white;
    color: #0B1932;
}

.new-resource-tabs .tabs-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.new-resource-tabs .tabs-heading h3 {
    color: #0B1932;
    font-family: "Albert Sans", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    margin: 0;
}

.new-resource-tabs .tabs-heading .see-all {
    font-family: "Albert Sans", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: right;
    color: #0B1932;
    text-decoration: none !important;
}

.new-resource-tabs .features-grid {
    min-width: 1000px;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 30px;
}

.new-resource-tabs .features-grid .feature-box {
    box-shadow: 0px 2.4px 3.99px 0px #00000040;
    border-radius: 30px;
    overflow: hidden;
}

.new-resource-tabs .features-grid .feature-box img {
    width: 102%;
    max-width: 102%;
    height: 300px;
    object-fit: cover;
    object-position: center;
    margin-left: -5px;
}

.new-resource-tabs .features-grid .feature-box:hover .feature-title{
	text-decoration: underline;
}

.select2-container--default.select2-container--open .select2-selection--single[aria-expanded="true"] {}

.third-level-submenu {
    padding-left: 110px;
    margin-top: 20px;
}

.resource-custom-dropdown {
    display: none;
}

.store-name-div .elementor-widget-text-editor a {
    color: #0b1932 !important;
}

.succeess-btn .premium-blog-content-wrapper {
    padding-bottom: 85px !important;
}

.succeess-btn .premium-blog-post-container {
    position: relative;
}

.succeess-btn .premium-blog-content-wrapper .premium-blog-excerpt-link-wrap {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.shop-card .about-card-img .elementor-widget-image {
    height: 100%;
}

.succeess-btn .premium-blog-wrap .slick-arrow {
    box-shadow: 0px 0px 6px 2px #00000021;
    border-radius: 50%;
    padding: 20px;
    color: #0b1932 !important;
}

.succeess-btn .premium-blog-post-container .premium-blog-post-content {

    font-size: 16px;
    font-family: "Albert Sans", Sans-serif;
}


.new-resource-tabs .features-grid .feature-box {
	position: relative;
}

.new-resource-tabs .features-grid .feature-box .content {
    padding: 25px 30px 55px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    height: calc(100% - 300px);
}

.new-resource-tabs .features-grid .feature-box .content .feature-title {
    font-family: "Albert Sans", Sans-serif;
    font-size: 31.95px;
    font-weight: 700;
    line-height: 38.34px;
    text-align: left;
    margin-bottom: 13px;
}

.new-resource-tabs .features-grid .feature-box .content .feature-content {
    font-family: "Albert Sans", Sans-serif;
    font-size: 14.38px;
    font-weight: 300;
    line-height: 21.57px;
    text-align: left;
    margin-bottom: 30px;
}

.new-resource-tabs .features-grid .feature-box .feature-button {
    background: #DADADA;
    font-family: "Albert Sans", Sans-serif;
    font-size: 16.73px;
    font-weight: 300;
    line-height: 25.1px;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
    color: #0B1932;
    padding: 4px 18px;
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.new-resource-tabs .features-tabs-inner {
    overflow-x: auto;
    margin-bottom: 75px;
    padding: 5px 2px;
}

.new-resource-tabs .features-tabs-inner::-webkit-scrollbar {
    width: 0px;
}

.elementor-33554 .elementor-element.elementor-element-721eac4>.elementor-widget-container p {
    max-width: 550px;
    margin-top: 22px;
}

.tabbing-right-details-list {
    display: none;
}

.resourceForm {
    font-family: "Albert Sans";
}

.resourceForm input::placeholder {
    font-family: "Albert Sans", Sans-serif;
}

/*Resource Page */
.two-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.excerpt-lines {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loader {
    position: fixed;
    top: 50%;
    left: 44%;
    transform: translate(-50%, -50%);
    height: 50px;
    width: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: progress;
    border-radius: 50%;
    border-top: 5px solid #E5A224;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #E5A224;
    border-right: 5px solid transparent;
    animation: loading 1s linear infinite;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(5px);
}

.overflow-hidden {
    overflow: hidden;
}

.loader-wrap {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgb(0 0 0 / 50%);
    z-index: 11111111111;
}

.new-faq .elementor-toggle .elementor-tab-title{
	border-bottom: none !important;
}

.new-faq .elementor-toggle .elementor-toggle-item{
	border-bottom: 1px solid #E7E8EB;
}

.new-faq .elementor-toggle .elementor-toggle-item:last-child .elementor-tab-title {
    border-bottom: none !important;
}

.new-faq .elementor-toggle .elementor-toggle-item .elementor-tab-content{
	padding-bottom: 25px;
}

.new-faq .elementor-toggle .elementor-toggle-item .elementor-tab-content a{
	color: #27A593;
	font-weight: 600;
}

.new-faq .elementor-toggle .elementor-toggle-item .elementor-tab-content p{
	margin-bottom: 10px;
}

.new-faq .elementor-toggle .elementor-toggle-item .elementor-tab-content p:last-child{
	margin-bottom: 0px !important;
}

.new-faq .elementor-toggle .elementor-toggle-item .elementor-tab-content a:hover{
	text-decoration: underline !important;
    text-underline-offset: 3px;

}

.arrow-btn{
	cursor: pointer;
}

.arrow-btn.new-btn .elementor-button-icon, .arrow-btn.new-btn .elementor-icon-list-icon{
	width: 16px;
    height: 19px;
}

.arrow-btn.new-btn .elementor-button-icon::before, .arrow-btn.new-btn .elementor-icon-list-icon::before{
	width: 15px;
    height: 1px;
}

.arrow-btn.new-btn .elementor-button-icon::after, .arrow-btn.new-btn .elementor-icon-list-icon::after{
	top: 5.5px;
    width: 8px;
    height: 8px;
}

.arrow-btn.new-btn .elementor-button:hover .elementor-button-icon::before, .arrow-btn.new-btn .elementor-button:hover .elementor-icon-list-icon::before {
    width: 30px;
}

.cus-black-btn .elementor-button-icon svg{
	transform: scale(1);
	transition: all 0.3s;
}

.cus-black-btn:hover .elementor-button-icon svg{
	transform: scale(1.2);
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


@media(min-width:768px) {
    .challenge-card-line:after {
        content: '';
        position: absolute;
        height: 50px;
        width: calc(100% + 2px);
        border-bottom: 2px solid #2B6F71;
        bottom: 0;
        left: 0px;
        border-right: 2px solid #2B6F71;
        border-bottom-right-radius: 15px;
        z-index: 9;
    }

    .action-card-line:after {
        content: '';
        position: absolute;
        height: calc(100% - 48px);
        width: 100%;
        border-top: 2px solid #2B6F71;
        top: 0;
        left: 0px;
        border-left: 2px solid #2B6F71;
        border-right: 2px solid #2B6F71;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }

    .result-card-line:after {
        content: '';
        position: absolute;
        height: 50px;
        width: 100%;
        border-bottom: 2px solid #2B6F71;
        bottom: 0;
        left: -2px;
        border-left: 2px solid #2B6F71;
        border-bottom-left-radius: 15px;
    }

    .card-line:before {
        content: '';
        width: 30%;
        bottom: 0;
        height: 2px;
        background: #2B6F71;
        position: absolute;
        right: 0;
        left: unset;
        top: unset;
    }

    .card-line:after {
        content: '';
        width: 30%;
        bottom: 0px;
        height: 2px;
        background: #2B6F71;
        position: absolute;
        left: 0;
    }
}

@media(max-width:767px) {
    .action-card-line:before {
        content: '';
        position: absolute;
        height: 100px;
        width: 100%;
        border-bottom: 2px solid #2B6F71;
        bottom: 0;
        right: calc(-100% + 2px);
        border-left: 2px solid #2B6F71;
        border-bottom-left-radius: 14px;
        top: unset;
        left: unset;
        border-top-left-radius: 0;
    }

    .action-card-line:after {
        content: '';
        position: absolute;
        height: 100px;
        width: 100%;
        border-bottom: 2px solid #2B6F71;
        bottom: 0;
        left: calc(-100% + 2px);
        border-right: 2px solid #2B6F71;
        border-bottom-right-radius: 14px;
    }

    .action-card-line>.e-con-inner:after {
        content: '';
        position: absolute;
        height: 90%;
        width: 100%;
        border-top: 2px solid #2B6F71;
        top: 0;
        left: 0px;
        border-left: 2px solid #2B6F71;
        border-right: 2px solid #2B6F71;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }

    .blog-list-points .elementor-icon-box-wrapper {
        display: flex !important;
        gap: 10px;
    }

    .blog-list-points .elementor-icon-box-wrapper .elementor-icon-box-icon {
        display: inline-flex !important;
    }
}

.new-resource-tabs .filter-section {
    gap: 20px;
}

.animatedclass a {
    color: #0B1932;
    overflow: hidden;
    display: block;
}

.animatedclass .features-grid .feature-box img {
    object-fit: cover;
    transition: all .4s ease-in-out;
    transform-origin: center;
    height: 300px;
}

.animatedclass .features-grid .feature-box:hover img {
    transform: scale(1.06);
}

.animatedclass .features-grid .feature-box .content .feature-content {
    font-size: 16px !important;
    color: #0B1932 !important;
}

.animatedclass .features-grid .feature-box .feature-button {
    padding: 8px 18px;
    background-color: #DADAD9;
}

.animatedclass .features-grid .feature-box .content {
    height: calc(100% - 300px);
}

.animatedclass .features-grid.no-data {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: unset;
    padding: 60px 120px;
    box-shadow: 0px 0px 6px #f1f1f1;
    margin: 0 auto;
}

.animatedclass .features-grid.no-data .nofoundImg {
    width: 100%;
    max-width: 330px
}

.animatedclass .features-grid.no-data .not-found {
    font-size: 33px;
    font-weight: 700;
    background: linear-gradient(180deg, #27A593 67%, #40806D 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.succeess-btn .premium-blog-even .premium-blog-post-container .premium-blog-thumbnail-container {
    height: 100%;
}

.succeess-btn .premium-blog-even .premium-blog-post-container .premium-blog-thumbnail-container img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.succeess-btn .premium-blog-even .premium-blog-post-container .premium-blog-content-wrapper {
    height: calc(100% - 350px);
}

.succeess-btn .premium-blog-even .premium-blog-post-container .premium-blog-thumb-effect-wrapper {
    height: 350px;
}

.mobile-responsive-lines>.e-con-inner>.elementor-element>.e-con-inner>.elementor-element {
    z-index: 9;
}

.new-resource-tabs .tabs-heading .see-all:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.new-resource-tabs .tab-content {
    border-radius: 10px 10px 0 0 !important;
}

.new-resource-tabs .resource-tab-links li:first-child {
    position: relative;
}

.new-resource-tabs .resource-tab-links li:first-child:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 10px;
    height: 12px;
    background-color: white;
    display: none;
}

.new-resource-tabs .resource-tab-links li:first-child:hover:after,
.new-resource-tabs .resource-tab-links li:first-child.active:after {
    display: block;
}

.custom-image-text h2 {
    margin: 0 !important;
}

.custom-image-text .elementor-image-box-wrapper {
    display: flex;
}

.custom-image-text .elementor-image-box-img {
    margin-top: 3px !important;
}


.ms_rec_posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 40px;
}

.ms_recent_posts {
    border-bottom: 0.85px solid #0B1932;
    border-radius: 13px;
    max-width: 245px;
    padding: 20px 10px;
}

.ms_recent_posts .post-terms a {
    font-family: "Albert Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    fill: #0B1932;
    color: #0B1932;
    background-color: #DADAD9 !important;
    border-radius: 3px !important;
    background-image: none ! IMPORTANT;
    padding: 3px 10px 3px 10px !important;
    margin-bottom: 20px;
    display: block;
    width: fit-content;
}

.blog-pdf-preview+.elementor-element a {
    color: #f8bc2e !important;
}

.blog-pdf-preview+.elementor-element a:hover {
    color: white !important;
}

.ms_recent_posts .recent-post h2 a,
.ms_recent_posts .recent-post h2 {
    font-family: "Albert Sans", Sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    color: #0b1932;
    padding: 0;
    margin: 0;
}

.ms_recent_posts .post-date {
    margin-top: 20px;
    display: block;
    font-family: "Albert Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #0B1932;
}

.most-recent-posts>.e-con-inner {
    justify-content: end !important;
}

.ms_recent_posts .recent-post h2 a:hover {
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.custom-margin-left>.e-con-inner {
    justify-content: end !important;
}

.elementor-field-type-acceptance .elementor-field-option input {
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-color: transparent !important;
    border: 1px solid #F8BC2E;
    border-radius: 4px !important;
    appearance: none;
    margin-top: 4px;
}

.elementor-field-type-acceptance .elementor-field-option {
    display: flex;
    gap: 8px !important;
}

.elementor-field-type-acceptance .elementor-field-option input:checked {
    background-color: #E5A224 !important;
    border: 1px solid #F8BC2E;
    border-radius: 4px !important;
    background-image: url('/wp-content/uploads/2024/07/black-check.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.elementor-field-type-acceptance .elementor-field-option label {
    font-size: 14px !important;
    line-height: 22px !important;
}

.resources_menu a:after {
    content: '';
    display: none;
}

@media(max-width:1030px) {
    .most-recent-posts>.e-con-inner>.elementor-element {
        width: 100%;
    }

    .custom-margin-left>.e-con-inner {
        justify-content: space-between !important;
    }

    .custom-margin-left>.e-con-inner>.elementor-element {
        width: 100%;
    }

    .ms_rec_posts {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ms_recent_posts .recent-post h2 a,
    .ms_recent_posts .recent-post h2 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .ms_recent_posts .recent-post {
        display: flex;
        flex-direction: column;
        height: calc(100% - 41px);
        justify-content: space-between;
    }

    .ms_recent_posts {
        margin-left: unset;
    }

    .ms_rec_posts {
        padding-left: 0;
    }
}

@media(max-width:1023px) {
    .ms_recent_posts {
        width: 31%;
        max-width: unset;
    }

    .custom-tabs .animatedclass .features-grid.append-data {
        grid-template-columns: repeat(2, 1fr);
        min-width: unset;
    }
}

@media(max-width:840px) {
    .ms_recent_posts {
        width: 47%;
    }
}

@media(max-width:676px) {
    .ms_recent_posts {
        width: 100%;
    }

    .ms_recent_posts .post-terms a {
        font-size: 13px;
        padding: 3px 8px 3px 8px !important;
    }

    .ms_recent_posts .recent-post {
        height: calc(100% - 41px);
    }
}

@media(max-width:767px) {
    .blog-pdf-preview {
        min-height: 300px;
        background-position: center;
    }

    .animatedclass .features-grid.no-data .not-found {
        font-size: 24px;
    }

    .animatedclass .features-grid.no-data {
        padding: 60px 30px;
    }

    .custom-tabs .animatedclass .features-grid.append-data {
        grid-template-columns: repeat(1, 1fr);
    }
}

.date-data .elementor-icon svg {
    margin-top: 8px;
}

.blogs-data .elementor-icon i {
    margin-top: 8px;
}

.custom-tabs .animatedclass {
    padding: 10px 20px;
    overflow-x: auto;
}

.custom-tabs .animatedclass::-webkit-scrollbar {
    width: 0;
}


/*End Resource Page */
@media(max-width:991px) {
    .new-resource-tabs .filter-section {
        flex-direction: column;
        gap: 21px 0;
    }

    .new-resource-tabs .filter-section>div {
        width: 100%;
    }

    .new-resource-tabs .filter-section .filter-select {
        width: 100%;
        flex-direction: column;
        gap: 21px 0;
    }

    .new-resource-tabs .filter-section .filter-select>div {
        width: 100%;
    }

    .new-resource-tabs {
        padding: 0;
        margin: -205px 0 0;
    }

    .new-resource-tabs .resource-tab-links,
    .new-resource-tabs .tabs-heading {
        padding: 0 30px;
    }

    .new-resource-tabs .filter-div {
        margin: 0 30px 80px;
        background-color: white;
        border-radius: 15px;
        padding-top: 110px;
        padding-bottom: 30px;
    }

    .new-resource-tabs .features-tabs-inner {
        padding: 5px 30px 5px 30px;
    }

    .new-resource-tabs .tabs-heading h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .new-resource-tabs .tabs-heading .see-all {
        font-size: 18px;
        line-height: 30px;
    }

    .new-resource-tabs .features-grid .feature-box img {
        height: 290px;
    }

    .new-resource-tabs .features-grid .feature-box .content {
        height: calc(100% - 290px);
        padding: 24px 30px 50px;
    }

    .new-resource-tabs .features-grid .feature-box .content .feature-title {
        font-size: 27px;
        line-height: 34px;
    }

    .new-resource-tabs .features-grid .feature-box .feature-button {
        padding: 3px 16px;
        font-size: 14.73px;
    }

    .elementor-33554 .elementor-element.elementor-element-f8cd261 .elementor-heading-title {
        font-size: 66px !important;
        line-height: 76px !important;
        margin-bottom: 25px;
    }

    .new-resource-tabs .tab-content {
        background-color: transparent;
    }

    .new-resource-tabs .resource-tab-links {
        display: none;
    }

    .tabbing-right-details-list {
        margin: 0 60px -90px;
        position: relative;
    }

    .mobile-resource-tab .e-n-tabs-heading button {
        display: none;
    }

    .resource-custom-dropdown {
        display: block;
    }

    .tabbing-right-details-list {
        margin: 0 60px -90px;
        display: block;
    }

    .tabbing-right-details-list span {
        display: flex;
        cursor: pointer;
        align-items: center;

        background-color: white;
        padding: 10px 20px 10px 20px;
        height: 56px;
        border-radius: 10px;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border: 1px solid #aaa;
        font-family: "Albert Sans";
        font-weight: 500;
        color: #0B1932 !important;
        line-height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: none;
    }

    .tabbing-right-details-list span:after {
        content: '';
        position: absolute;
        right: 16px;
        top: 18px;
        width: 19px;
        height: 19px;
        background-image: url(https://modisoftincstg.wpenginepowered.com/wp-content/uploads/2024/06/chevron-down.svg);
        background-repeat: no-repeat;
        transition: all 0.5s;
        background-size: contain;
    }

    .tabbing-right-details-list span.open {
        border-radius: 10px 10px 0 0;
    }

    .tabbing-right-details-list span.open::after {
        transform: rotate(180deg);
    }

    .tabbing-right-details-list ul {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0 0 10px 0;
        border: 1px solid #aaa;
        border-top-width: 0px;
        border-radius: 0 0 10px 10px;
        transition: none;
        position: absolute;
        width: 100%;
        background-color: white;
        z-index: 9;
    }

    .tabbing-right-details-list ul li {
        cursor: pointer;
        padding: 6px 15px;
    }

    .tabbing-right-details-list ul li:hover,
    .tabbing-right-details-list ul li.active {
        background-image: linear-gradient(180deg, #FFCC66 0%, #F8BC2E 50%, #E5A224 100%);
        color: #0B1932;
    }

    .tabbing-right-details-list ul li a {
        color: #0B1932;
    }

    .mobile-resource-tab .e-n-tabs-heading select#tab-dropdown {
        margin-bottom: -80px;
        z-index: 99999;
        width: calc(100% - 60px);
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-resource-tab .e-n-tabs-content>div .resources-tab-content {
        padding: 50px 0 0px;
    }

    .mobile-resource-tab .e-n-tabs-content>div .resources-tab-content .resources-select>.e-con-inner>div {
        margin-bottom: 20px;
    }
}

@media (max-width:767px) {
    .elementor-33554 .elementor-element.elementor-element-721eac4>.elementor-widget-container p {
        max-width: 350px;
    }
}

@media (max-width:518px) {
    .elementor-33554 .elementor-element.elementor-element-f8cd261 .elementor-heading-title {
        font-size: 50px !important;
        line-height: 60px !important;
    }
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #0b1a31 !important;
}


.newtabing-btn {
    gap: 15px !important;
}

.newtabing-btn .elementor-button-wrapper .elementor-button-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
}

.newtabing-btn .elementor-button-wrapper .elementor-button-icon svg {
    width: 30px !important;
    height: 30px !important;
}

.newtabing-btn .elementor-button-wrapper .elementor-button-content-wrapper {
    height: 50px;
    gap: 0 !important;
    justify-content: space-between;
}

.newtabing-btn .elementor-button-wrapper {
    width: 170px;
}

.newtabing-btn .elementor-button {
    padding-right: 0 !important;
}

.newtabing-btn>.elementor-element {
    width: 170px !important;
}

.newtabing-btn .elementor-button-wrapper .elementor-button-content-wrapper .elementor-button-text {
    width: calc(100% - 50px);
}

.newboost-hovertab .tab-content .tab-pane img {
    width: 100%;
    max-height: 550px;
    height: 550px;
    object-fit: contain;
}

.action-card {
    padding-bottom: 20px;
}

.card-line {
    margin-bottom: 50px;
}

.succeess-btn .premium-blog-excerpt-link-wrap a {
    font-family: "Albert Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    fill: #0B1932;
    color: #0B1932;
    background-color: #DADAD9 !important;
    border-radius: 3px !important;
    padding: 8px 20px 8px 20px !important;
}

.resourceForm {
    width: 100%;
}

.resourceForm input {
    background-color: #FFFFFFBF;
    border-radius: 6px 6px 6px 6px;
    font-family: "Albert Sans", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    margin-bottom: 2px;
    color: #272727;
    border: none !important;
}

.resourceForm span.is-focused input {
    outline: none;
    box-shadow: none;
    border-color: transparent !important;
}

.resourceForm input::placeholder {
    color: #6e6969 !important;
}

.resourceForm input[type="submit"] {
    background-color: #F8BC2E;
    color: #0B1932;
    border-radius: 6px 6px 6px 6px;
    padding: 5px 10px 5px 10px;
    min-height: 46px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 15px !important;
}

.resourceForm input[type="submit"]:hover {
    background-color: #FFFFFF;
}

.resourceForm span.wpcf7-form-control-wrap {
    margin-top: 20px !important;
}

.resourceForm span.wpcf7-form-control-wrap:first-child {
    margin-top: 0px !important;
}

.resourceForm p:nth-child(2) {
    color: #FFFFFF;
    font-family: "Albert Sans", Sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    margin: 10px 0px 0px 0px !important;
}

.resourceForm span.wpcf7-list-item {
    margin-left: 0 !important;
}

.resourceForm span.wpcf7-list-item label {
    padding-top: 0 !important;
    display: flex !important;
    align-items: start;
    gap: 10px;
}

.resourceForm span.wpcf7-list-item label input {
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-color: transparent !important;
    border: 1px solid #F8BC2E !important;
    border-radius: 4px !important;
    appearance: none;
    margin-top: 3px;
    margin-bottom: 0 !important;
}

.resourceForm p.premium-cf-submit {
    display: flex;
    flex-direction: column;
}

.resourceForm span.wpcf7-list-item label input:checked {
    background-color: #E5A224 !important;
    border: 1px solid #F8BC2E;
    border-radius: 4px !important;
    background-image: url('/wp-content/uploads/2024/07/black-check.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.resourceForm span.wpcf7-list-item-label {
    color: white !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

.resourceForm+.wpcf7-response-output {
    color: #ffffff;
    font-size: 13px;
}

@media(min-width:768px) {
    .challenge-card-line:after {
        content: '';
        position: absolute;
        height: 50px;
        width: calc(100% + 2px);
        border-bottom: 2px solid #2B6F71;
        bottom: 0;
        left: 0px;
        border-right: 2px solid #2B6F71;
        border-bottom-right-radius: 15px;
        z-index: 9;
    }

    .action-card-line:after {
        content: '';
        position: absolute;
        height: calc(100% - 48px);
        width: 100%;
        border-top: 2px solid #2B6F71;
        top: 0;
        left: 0px;
        border-left: 2px solid #2B6F71;
        border-right: 2px solid #2B6F71;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }

    .result-card-line:after {
        content: '';
        position: absolute;
        height: 50px;
        width: 100%;
        border-bottom: 2px solid #2B6F71;
        bottom: 0;
        left: -2px;
        border-left: 2px solid #2B6F71;
        border-bottom-left-radius: 15px;
    }

    .card-line:before {
        content: '';
        width: 30%;
        bottom: 0;
        height: 2px;
        background: #2B6F71;
        position: absolute;
        right: 0;
        left: unset;
        top: unset;
    }

    .card-line:after {
        content: '';
        width: 30%;
        bottom: 0px;
        height: 2px;
        background: #2B6F71;
        position: absolute;
        left: 0;
    }
}

@media(max-width:767px) {
    .action-card-line:before {
        content: '';
        position: absolute;
        height: 100px;
        width: 100%;
        border-bottom: 2px solid #2B6F71;
        bottom: 0;
        right: calc(-100% + 2px);
        border-left: 2px solid #2B6F71;
        border-bottom-left-radius: 14px;
        top: unset;
        left: unset;
        border-top-left-radius: 0;
    }

    .action-card-line:after {
        content: '';
        position: absolute;
        height: 100px;
        width: 100%;
        border-bottom: 2px solid #2B6F71;
        bottom: 0;
        left: calc(-100% + 2px);
        border-right: 2px solid #2B6F71;
        border-bottom-right-radius: 14px;
    }

    .action-card-line>.e-con-inner:after {
        content: '';
        position: absolute;
        height: 90%;
        width: 100%;
        border-top: 2px solid #2B6F71;
        top: 0;
        left: 0px;
        border-left: 2px solid #2B6F71;
        border-right: 2px solid #2B6F71;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
    }

    .blog-list-points .elementor-icon-box-wrapper {
        display: flex !important;
        gap: 10px;
    }

    .blog-list-points .elementor-icon-box-wrapper .elementor-icon-box-icon {
        display: inline-flex !important;
    }
}

.new-resource-tabs .filter-section {
    gap: 20px;
}

.animatedclass a {
    color: #0B1932;
    overflow: hidden;
    display: block;
}

.animatedclass .features-grid .feature-box img {
    object-fit: cover;
    transition: all .4s ease-in-out;
    transform-origin: center;
    height: 300px;
}

.animatedclass .features-grid .feature-box:hover img {
    transform: scale(1.06);
}

.animatedclass .features-grid .feature-box .content .feature-content {
    font-size: 16px !important;
    color: #0B1932 !important;
}

.animatedclass .features-grid .feature-box .feature-button {
    padding: 8px 18px;
    background-color: #DADAD9;
}

.animatedclass .features-grid .feature-box .content {
    height: calc(100% - 300px);
}

.animatedclass .features-grid.no-data {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: unset;
    padding: 60px 120px;
    box-shadow: 0px 0px 6px #f1f1f1;
    margin: 0 auto;
}

.animatedclass .features-grid.no-data .nofoundImg {
    width: 100%;
    max-width: 330px
}

.animatedclass .features-grid.no-data .not-found {
    font-size: 33px;
    font-weight: 700;
    background: linear-gradient(180deg, #27A593 67%, #40806D 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.succeess-btn .premium-blog-even .premium-blog-post-container,
.premium-blog-even .slick-track {
    /* 	height:auto !important; */
}

.succeess-btn .premium-blog-even .premium-blog-post-container .premium-blog-thumbnail-container {
    height: 100%;
}

.succeess-btn .premium-blog-even .premium-blog-post-container .premium-blog-thumbnail-container img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.succeess-btn .premium-blog-even .premium-blog-post-container .premium-blog-content-wrapper {
    height: calc(100% - 350px);
}

.succeess-btn .premium-blog-even .premium-blog-post-container .premium-blog-thumb-effect-wrapper {
    height: 350px;
}

.mobile-responsive-lines>.e-con-inner>.elementor-element>.e-con-inner>.elementor-element {
    z-index: 9;
}

.new-resource-tabs .tabs-heading .see-all:hover {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.new-resource-tabs .tab-content {
    border-radius: 10px 10px 0 0 !important;
}

.new-resource-tabs .resource-tab-links li:first-child {
    position: relative;
}

.new-resource-tabs .resource-tab-links li:first-child:after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 10px;
    height: 12px;
    background-color: white;
    display: none;
}

.new-resource-tabs .resource-tab-links li:first-child:hover:after,
.new-resource-tabs .resource-tab-links li:first-child.active:after {
    display: block;
}

.custom-image-text h2 {
    margin: 0 !important;
}

.custom-image-text .elementor-image-box-wrapper {
    display: flex;
}

.custom-image-text .elementor-image-box-img {
    margin-top: 3px !important;
}


.ms_rec_posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 40px;
}

.ms_recent_posts {
    border-bottom: 0.85px solid #0B1932;
    border-radius: 13px;
    max-width: 245px;
    padding: 20px 10px;
}

.ms_recent_posts .post-terms a {
    font-family: "Albert Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    fill: #0B1932;
    color: #0B1932;
    background-color: #DADAD9 !important;
    border-radius: 3px !important;
    background-image: none ! IMPORTANT;
    padding: 3px 10px 3px 10px !important;
    margin-bottom: 20px;
    display: block;
    width: fit-content;
}

.blog-pdf-preview+.elementor-element a {
    color: #f8bc2e !important;
}

.blog-pdf-preview+.elementor-element a:hover {
    color: white !important;
}

.ms_recent_posts .recent-post h2 a,
.ms_recent_posts .recent-post h2 {
    font-family: "Albert Sans", Sans-serif;
    font-size: 27px;
    font-weight: 700;
    line-height: 32px;
    color: #0b1932;
    padding: 0;
    margin: 0;
}

.ms_recent_posts .post-date {
    margin-top: 20px;
    display: block;
    font-family: "Albert Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #0B1932;
}

.most-recent-posts>.e-con-inner {
    justify-content: end !important;
}

.ms_recent_posts .recent-post h2 a:hover {
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.custom-margin-left>.e-con-inner {
    justify-content: end !important;
}

.elementor-field-type-acceptance .elementor-field-option input {
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-color: transparent !important;
    border: 1px solid #F8BC2E;
    border-radius: 4px !important;
    appearance: none;
    margin-top: 4px;
}

.elementor-field-type-acceptance .elementor-field-option {
    display: flex;
    gap: 8px !important;
}

.elementor-field-type-acceptance .elementor-field-option input:checked {
    background-color: #E5A224 !important;
    border: 1px solid #F8BC2E;
    border-radius: 4px !important;
    background-image: url('/wp-content/uploads/2024/07/black-check.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.elementor-field-type-acceptance .elementor-field-option label {
    font-size: 14px !important;
    line-height: 22px !important;
}

.resources_menu a:after {
    content: '';
    display: none;
}

@media(max-width:1030px) {
    .most-recent-posts>.e-con-inner>.elementor-element {
        width: 100%;
    }

    .custom-margin-left>.e-con-inner {
        justify-content: space-between !important;
    }

    .custom-margin-left>.e-con-inner>.elementor-element {
        width: 100%;
    }

    .ms_rec_posts {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ms_recent_posts .recent-post h2 a,
    .ms_recent_posts .recent-post h2 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .ms_recent_posts .recent-post {
        display: flex;
        flex-direction: column;
        height: calc(100% - 41px);
        justify-content: space-between;
    }

    .ms_recent_posts {
        margin-left: unset;
    }

    .ms_rec_posts {
        padding-left: 0;
    }
}

@media(max-width:1023px) {
    .ms_recent_posts {
        width: 31%;
        max-width: unset;
    }

    .custom-tabs .animatedclass .features-grid.append-data {
        grid-template-columns: repeat(2, 1fr);
        min-width: unset;
    }
}

@media(max-width:840px) {
    .ms_recent_posts {
        width: 47%;
    }
}

@media(max-width:676px) {
    .ms_recent_posts {
        width: 100%;
    }

    .ms_recent_posts .post-terms a {
        font-size: 13px;
        padding: 3px 8px 3px 8px !important;
    }

    .ms_recent_posts .recent-post {
        height: calc(100% - 41px);
    }
}

@media(max-width:767px) {
    .succeess-btn .premium-blog-content-wrapper .premium-blog-excerpt-link-wrap {
        left: 15px;
    }
/* 
    .succeess-btn .premium-blog-wrap .slick-arrow {
        display: none !important;
    } */

    .blog-pdf-preview-tool+.elementor-widget-text-editor {
        max-width: unset !important;
    }

    .featured-img img {
        height: 238px;
    }

    .blog-pdf-preview {
        max-width: unset;
        margin-bottom: 20px;
        min-width: unset;
    }

    .tool-pdf-preview {
        min-height: 470px;
    }

    .guide-blog-card .guide-btn .elementor-button-text {
        font-size: 13px !important;
    }

    .guide-blog-card .guide-btn .elementor-button {
        padding: 6px 3px 6px 3px !important;
    }

    .recommend-resources .resource-card h2.elementor-heading-title {
        font-size: 31px !important;
        line-height: 38px !important;
        max-width: 290px !important;
    }

    .recommend-resources .guide-btn .elementor-button {
        padding: 4px 23px 4px 23px !important;
    }

    .blog-inner-cards {
        max-width: 400px;
        margin: 0 auto;
    }

    .blog-pdf-preview {
        min-height: 300px;
        background-position: center;
    }

    .animatedclass .features-grid.no-data .not-found {
        font-size: 24px;
    }

    .animatedclass .features-grid.no-data {
        padding: 60px 30px;
    }

    .custom-tabs .animatedclass .features-grid.append-data {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width:1400px) {
    .succeess-btn .premium-blog-wrap a.carousel-arrow.carousel-next {
        right: -2px !important;
    }

    .succeess-btn .premium-blog-wrap a.carousel-arrow.carousel-prev {
        left: -2px !important;
    }
}

.date-data .elementor-icon svg {
    margin-top: 8px;
}

.blogs-data .elementor-icon i {
    margin-top: 8px;
}

.custom-tabs .animatedclass {
    padding: 10px 20px;
    overflow-x: auto;
}

.custom-tabs .animatedclass::-webkit-scrollbar {
    width: 0;
}

.cartzie-retail-table {
    background: radial-gradient(99.92% 109.52% at -9.09% -24.11%, #FFCC66 0%, #2978A7 50.98%, #2978A7 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
}

.cartzie-retail-table .retail-table-col {
    width: 30%;
}

.cartzie-retail-table .retail-table-col.first-col {
    width: 40%;
}

.cartzie-retail-table .retail-table-col p {
    margin-bottom: 0;
}

.cartzie-retail-table .retail-table-col .elementor-button {
    padding: 10px 15px 10px 15px !important;
}

.cartzie-retail-table .retail-table-col .pricing-card-text i {
    color: white;
}

.plan-yellow-card .elementor-icon-list-text {
    max-width: 400px !important;
}

.blue-cartzie-btn .elementor-button-content-wrapper {
    justify-content: space-between;
}

@media (min-width:767px) {
    .elementor-3129 .old-blog-banner+div {
        margin-bottom: 150px;
    }
}

@media (min-width:992px) {

    /* .old-blog-content{
        margin-bottom: 200px;
    }    */
    .elementor-3129 .old-blog-banner+div {
        margin-bottom: 230px;
    }
}

@media (max-width:450px) {
    .loginbtn .elementor-button-link {
        padding: 7px 5px 7px 5px !important;
        font-size: 10px;
    }

    .loginbtn .elementor-button-text {
        font-size: 10px !important;
    }

    .modi-mobile-menu1 .elementor-icon-wrapper {
        display: flex;
    }

    .modi-mobile-menu1 .elementor-icon {
        font-size: 24px !important;
    }
}

@media (max-width:1024px) {
    .cartzie-retail-table .retail-table-col {
        width: 33%;
    }

    .cartzie-retail-table .retail-table-col.first-col {
        width: 33%;
    }
}

@media(max-width:1024px) and (min-width: 992px){
	.elementor-36002 .elementor-element.elementor-element-f1f2c6f .slick-dots{
		bottom: 970px !important;
	}
}

/*https://modisoftincstg.wpenginepowered.com/home-new/*/


.slider-icon-wrapper .elementor-icon-wrapper {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-slider {
    height: 575px !important;
}

.dual-text .elementor-heading-title span {
    color: #27A593;
    text-decoration: underline;
}

.reports-link .elementor-icon-list-item a {
    flex-direction: row-reverse;
    gap: 12px;
    align-items: center !important
}

.reports-link.elementor-widget .elementor-icon-list-item a {
    align-items: center !important;
}

.reports-link .elementor-icon-list-item a .elementor-icon-list-icon {
    margin: 0;
}

.impact-wrapper .bottom-center,
.impact-wrapper .topleft-img {
    position: relative;
    z-index: 2;
}

.impact-wrapper .bottom-center:before {
    content: '';
    background-color: #4dc1b4;
    width: 121px;
    height: 99px;
    position: absolute;
    z-index: 1;
    top: -25px;
    left: -23px;
    border-radius: 70px 0px 0px 0px;
    transform: translate(-8px, -15px);
}

.impact-wrapper .bottom-center .elementor-widget-image,
.impact-wrapper .topleft-img .elementor-widget-image,
.impact-wrapper .topright-img .elementor-widget-image {
    z-index: 2;
    border-radius: 70px;
    overflow: hidden;
}

.impact-wrapper .bottom-center:after {
    content: '';
    background-color: #4dc1b4;
    width: 121px;
    height: 99px;
    position: absolute;
    z-index: 1;
    top: -25px;
    right: -23px;
    border-radius: 0px 70px 0px 0px;
    transform: translate(-8px, -15px);
}

.impact-wrapper .topleft-img:before {
    content: '';
    background-color: #4dc1b4;
    width: 121px;
    height: 99px;
    position: absolute;
    z-index: 1;
    top: auto;
    left: auto;
    border-radius: 70px 0px 0px 0px;
    transform: translate(-8px, -15px) rotate(180deg);
    right: -30px;
    bottom: -20px;
}

.impact-wrapper .topright-img:before {
    content: '';
    background-color: #4dc1b4;
    width: 121px;
    height: 99px;
    position: absolute;
    z-index: 1;
    top: auto;
    left: 0;
    border-radius: 70px 0px 0px 0px;
    transform: translate(-8px, -15px) rotate(180deg);
    right: auto;
    bottom: -20px;
}


.point-sale-wrapper .tab-btn .elementor-button-wrapper {
    cursor: pointer;
}


.point-sale-wrapper .tab-btn .elementor-button-wrapper .active_tab,
.loyalty-wrapper .tab-btn .elementor-button-wrapper .active_tab {
    background-color: #0B1932 !important;
    cursor: pointer !important;
}

.point-sale-wrapper .tab-btn .elementor-button-wrapper .elementor-button,
.loyalty-wrapper .tab-btn .elementor-button-wrapper .elementor-button {
    cursor: pointer !important;
}


.point-sale-wrapper .tab-btn .elementor-button-wrapper .active_tab .elementor-button-icon,
.loyalty-wrapper .tab-btn .elementor-button-wrapper .active_tab .elementor-button-icon {
    background: transparent;
}

.point-sale-wrapper .tab-btn .elementor-button-wrapper .active_tab .elementor-button-icon svg path,
.loyalty-wrapper .tab-btn .elementor-button-wrapper .active_tab .elementor-button-icon svg path {
    fill: #fff;
}

.point-sale-wrapper .tab-btn .elementor-button-wrapper .active_tab .elementor-button-icon svg rect,
.loyalty-wrapper .tab-btn .elementor-button-wrapper .active_tab .elementor-button-icon svg rect {
    stroke: #fff;
}

.point-sale-wrapper .tab-btn .elementor-button-wrapper .active_tab .elementor-button-text,
.loyalty-wrapper .tab-btn .elementor-button-wrapper .active_tab .elementor-button-text {
    color: #fff;
}

.link-wrapper .elementor-widget-container a,
.link-wrapper .elementor-widget-container a:hover,
.solution-wrapper .solution-link .elementor-image-box-wrapper .elementor-image-box-description a,
.solution-wrapper .solution-link .elementor-image-box-wrapper .elementor-image-box-description a:hover {
    color: #F8BC2E !important;
}

.empower-wrapper .empower-slider .slick-list .premium-carousel-template {
    margin: 10px;
}

.empower-wrapper .empower-slider .carousel-arrow {
    border: 1px solid #d9d9d9;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    position: absolute !important;
    bottom: -120px !important;
    top: auto;
    left: 20px;
}

.empower-wrapper .empower-slider .carousel-arrow.carousel-prev svg {
    transform: rotate(180deg) !important;
}

.empower-wrapper .empower-slider .carousel-arrow:hover {
    background-color: transparent !important;
}

.empower-wrapper .empower-slider .carousel-arrow.carousel-next {
    left: 120px;
}

.empower-wrapper .empower-slider .carousel-arrow.slick-disabled svg path {
    fill: #d9d9d9 !important;
}

.newhomepos-btn .elementor-widget-container .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper {
    align-items: center !important;
}

.newhomepos-btn .elementor-widget-container .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon {
    width: 28px !important;
    height: 28px !important;
}

.newhomepos-btn .elementor-widget-container .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg {
    width: 100% !important;
    height: 100% !important;
}

.auto-slider-wrapper .e-con-inner .premium-carousel-wrapper .premium-carousel-inner .slick-dots li {
    width: 15px;
    background-color: #d9d9d9;
    border-radius: 100px;
    height: 8px;
    color: #d9d9d9;
}

.auto-slider-wrapper .e-con-inner .premium-carousel-wrapper .premium-carousel-inner .slick-dots li .fas {
    font-size: 0;
}

.auto-slider-wrapper .e-con-inner .premium-carousel-wrapper .premium-carousel-inner .slick-dots .slick-active {
    width: 50px;
    background-color: #22202c;
    border-radius: 100px;
    height: 8px;
    color: #22202c;
}


/* New mega menu */

.megamenu-header .nav-col .megamenu-list .modi-menu {
    justify-content: flex-start !important;
    gap: 40px !important;
}

.megamenu-header .logo-col {
    max-width: 285px !important;
}

.megamenu-header .nav-col {
    width: calc(100% - 505px) !important;
    min-width: calc(100% - 505px) !important;
    position: unset;
}

.megamenu-header .nav-col .megamenu-list .modi-menu>li>a {
    list-style: none;
    color: #0B1932;
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 19.2px;
    padding: 0;
    display: block;
    position: relative;
}

.megamenu-header .nav-col .megamenu-list .modi-menu>li>a .modisoft-mega-menu-parent-new {
    top: -25px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    text-transform: capitalize;
}

.megamenu-header .nav-col .megamenu-list .modi-menu>li:hover>.mega-menu-container {
    z-index: 1 !important;
    left: 0;
    max-width: 100%;
    width: 100%;
}

.megamenu-header .nav-col .megamenu-list .modi-menu>li>.mega-menu-container>.menu-sidebar-list {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-right: 17px;
    display: flex;
    gap: 17px;
}

.megamenu-header .nav-col .megamenu-list .modi-menu>li>.mega-menu-container>.menu-sidebar-list>li>a {
    border-radius: 15px;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    width: max-content;
    outline: none;
    display: inline-flex;
    align-items: center;
    line-height: 20.4px;
    background-color: #4DC1B4;
}

.megamenu-header .nav-col .megamenu-list .modi-menu>li>.mega-menu-container>.menu-sidebar-list>li>a>.icon-container {
    margin-right: 10px;
    background: #fff;
    border-radius: 15px;
    border: 2px solid #4DC1B4;
}

.megamenu-header .nav-col .megamenu-list .modi-menu>li>.mega-menu-container>.menu-sidebar-list>li.active-menu a {
    background-color: #4DC1B4;
}

.megamenu-header .nav-col .megamenu-list .modi-menu>li>.mega-menu-container>.menu-sidebar-list>li a {
    background-color: transparent;
    padding-right: 10px;
}

.megamenu-header .nav-col .megamenu-list .modi-menu>li>.mega-menu-container>.mega-menu-detail.active-detail {
    display: none;
}

.new-home-banner{
    overflow: hidden;
}

.new-home-banner .new-banner-image{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: visible;
}

.new-home-banner .new-banner-image img{
    width: 5000px;
    height: auto;
    object-fit: cover;
    animation: rotation 26s infinite;
    transition: all 2s linear;
    margin-top: -500px;
}

.arrow-btn .elementor-button-icon, .arrow-btn  .elementor-icon-list-icon{
    position: relative;
    transition: all 0.2s linear;
    width: 25px;
    height: 33px;
}

.arrow-btn .elementor-button-icon svg, .arrow-btn  .elementor-icon-list-icon svg{
    display: none;
}

.arrow-btn .elementor-button-icon::before, .arrow-btn .elementor-icon-list-icon::before{
    content: '';
    position: absolute;
    width: 25px;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: black;
    transition: all 0.2s linear;
}

.arrow-btn .elementor-button-icon::after, .arrow-btn .elementor-icon-list-icon::after{
    content: '';
    position: absolute;
    right: 0;
    top: 11.5px;
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    border: 2px solid black;
    border-top-color: transparent;
    border-left-color: transparent;
    transition: all 0.2s linear;
}

.arrow-btn .elementor-button:hover .elementor-button-icon::after, .arrow-btn .elementor-button:hover .elementor-icon-list-icon::after{
    right: -15px;
}

.arrow-btn .elementor-button:hover .elementor-button-icon::before, .arrow-btn .elementor-button:hover .elementor-icon-list-icon::before{
    width: 40px;
}

.arrow-btn a:hover .elementor-button-icon::after, .arrow-btn a:hover .elementor-icon-list-icon::after{
    right: -15px;
}

.arrow-btn a:hover .elementor-button-icon::before, .arrow-btn a:hover .elementor-icon-list-icon::before{
    width: 40px;
}

.arrow-btn a:hover .elementor-icon-list-text, .arrow-btn a:hover .elementor-button-text{
    text-decoration: underline;
    text-underline-offset: 3px;
}


.arrow-btn .elementor-icon-list-icon::after, .arrow-btn.green .elementor-icon-list-icon::after, .arrow-btn.green .elementor-button-icon::after{
    border-right-color: #2B6F71;
    border-bottom-color: #2B6F71;
}

.arrow-btn.yellow .elementor-button-icon::after, .arrow-btn.yellow .elementor-icon-list-icon::after{
    border-right-color: #F8BC2E;
    border-bottom-color: #F8BC2E;
}

.arrow-btn .elementor-icon-list-icon::before, .arrow-btn.green  .elementor-button-icon::before, .arrow-btn.green .elementor-icon-list-icon::before {
    background-color: #2B6F71;
}

.arrow-btn.yellow .elementor-button-icon::before, .arrow-btn.yellow .elementor-icon-list-icon::before{
    background-color: #F8BC2E;
}

.arrow-btn .elementor-button-content-wrapper{
    align-items: center;
}

.pos-btn a:hover .elementor-icon-list-text, .pos-btn a:hover .elementor-button-text{
    text-decoration: none !important;
}

.pos-btn a:hover .elementor-icon-list-text span{
    text-decoration: underline;
    text-underline-offset: 3px;
}

.get-demo-btn .elementor-button-icon{
    margin-top: 6px;
}

.get-demo-btn .elementor-button-icon svg{
    transition: all 0.2s linear;
}

.get-demo-btn .elementor-button-icon svg{
    width: 30px;
}

.get-demo-btn .elementor-button:hover .elementor-button-icon svg{
    transform: scale(1.2);
}

.get-demo-btn .elementor-button-content-wrapper{
    align-items: center;
}

.solution-grid img{
    width: 100%;
}

.arrow-btn:hover span.elementor-button-text span{
    text-decoration:underline;
    text-underline-offset: 4px;
}

.cartziew-loyalty{
    align-items: center;
}

.arrow-btn.new-arrow .elementor-button-content-wrapper{
    align-items: center;
}

.loyalty-wrapper .elementor-element-b6455d4{
    align-items: center;
}

.announcement-bar{
    padding: 5px 10px;
}

.announcement-bar .announcement-text{
    width: fit-content;
}

.announcement-bar .announcement-text > div{
   height: 35px;
}

.announcement-bar .elementor-button{
    cursor: pointer;
}

.new-main-header .head-first-col{
    max-width: 220px !important;
    width: 220px !important;
    padding-left: 20px;
}

.new-main-header .head-third-col{
    max-width: 220px !important;
    width: 220px !important;
    padding-right: 20px;
}

.new-main-header .head-third-col > div{
    display: flex;
    flex-wrap: nowrap;
}



.megamenu-child-list-content, .megamenu-subchild-content{
    top: 83px !important;
}

.megamenu-child-list-content.company-menu{
    padding: 20px 0 40px;
}

.megamenu-subchild-content{
   border-top: 1px solid #E5E6E2;
}

.elementor-35973 .elementor-element.elementor-element-1313aea strong{
    font-weight: 700;
}

section#main-header .head-sec-col{
    width: calc(100% - 440px);
}

.new-main-header .head-third-col > div > .hover-btn-css{
    width: 50% !important;
}

section#main-header > div{
    position: unset !important;
}

section#main-header .head-sec-col, section#main-header .head-sec-col .elementor-widget-wrap, section#main-header .head-sec-col .elementor-widget-shortcode{
    position: unset !important;
}

.head-third-col .hover-btn-css .elementor-button-text{
    white-space: nowrap;
}

.megamenu-child-list-item {
    padding: 18px 0 !important;
}

.page-template-default{
    overflow-x: hidden;
}

.elementor-35871 .elementor-element.elementor-element-77264d8 .wpr-logo-image img{
    margin-top: 10px;
}

.megamenu-list .megamenu-list-item:first-child, .megamenu-list .megamenu-list-item:nth-child(2){
    padding-right: 20px;
}

.megamenu-wrapper{
    padding: 0px 15px 0 70px !important; 
}

.megamenu-list-item.company .megamenu-child-list-item a{
    padding: 5px 10px;
}

.subchild-imagebox .right-block {
    width: calc(100% - 300px) !important;
}

.subchild-imagebox .left-block {
    width: 300px !important;
}

.lottery-menu .subchild-imagebox .right-block{
    width: calc(100% - 450px) !important;
}

.lottery-menu .subchild-imagebox .left-block {
    width: 450px !important;
}

.lottery-menu .subchild-imagebox .left-block .imagebox-content p{
    max-width: 295px !important;
}

.products-menu .megamenu-child-list-item .icon-container img{
    max-width: 30px;
    max-height: 30px;
}

ul.megamenu-subchild-list{
    position: relative;
}

ul.megamenu-subchild-list::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #ffffff;
    top: 0;
    right: 7px;
}

.products-menu ul.megamenu-subchild-list::after{
    width: 5px;
    right: -10px;
}

.products-menu .cartzie ul.megamenu-subchild-list::after{
    right: 3px !important;
}

.digital-menu .subchild-imagebox .right-block img{
    max-width: 300px !important;
    margin-top: 60px !important;
    margin-left: auto !important;
}

.products-menu .imagebox-content a{
    border: 1px solid #00000014 !important;
    background: linear-gradient(180deg, #FFCC66 0%, #F8BC2E 46.88%, #E5A224 100%);
    color: #0B1932 !important;
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 16.8px;
    text-align: center;
    padding: 12px 32px !important;
}

.products-menu .cartzie .imagebox-content a{
    background: linear-gradient(180deg, #408080 0%, #2B6F71 46.88%, #2E595A 100%) !important;
    color: white !important;
}

.kiosk-menu .pearl-aqua {
    background: linear-gradient(157.86deg, #408080 3.38%, #2B6F71 47.16%, #2E595A 93.77%) !important;
}

.products-menu .imagebox-content h4{
    font-size: 32px !important;
    line-height: 38px !important;
}

.pos-menu .subchild-imagebox .right-block img{
    margin-top: 58px;
}

.kiosk-menu .subchild-imagebox .left-block {
    width: 350px !important;
}

.products-menu .kiosk-menu ul.megamenu-subchild-list::after, .products-menu .insights-menu ul.megamenu-subchild-list::after{
    right: 4px !important;
}

.elementor-41174 .elementor-element.elementor-element-16f6a292{
	    box-shadow: 0px 0px 3.73px 0px #00000026;
}

/* .new-boost-menu .modisoft-new-menu-tooltip{
	display: none !important;
}

.new-boost-menu:after{
	display: none !important;
} */

.new-resource-tabs .features-grid .feature-box a:hover{
	text-decoration: none;
}

@keyframes rotation {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}


/* Media query */

@media (min-width:1023px) {
    .megamenu-list-item.company .megamenu-subchild-list{
        min-width: 1011px;
    }
}

@media (max-width:1500px) {
    .megamenu-child-list{
        gap: 2px !important;
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: 15% !important;
        padding-right: 5% !important;
    }
    .megamenu-child-list::-webkit-scrollbar{
        height: 5px;
    }
    .megamenu-child-list::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey; 
        border-radius: 2px;
    }
       
    /* Handle */
    .megamenu-child-list::-webkit-scrollbar-thumb {
        background: rgb(194, 194, 194); 
        border-radius: 2px;
    }
      
    /* Handle on hover */
    .megamenu-child-list::-webkit-scrollbar-thumb:hover {
        background: #999999; 
    }
}

@media (max-width:1300px) {
    .megamenu-child-list{
        padding-left: 20% !important;
    }
}

@media (max-width:1200px) {
    .megamenu-wrapper {
        padding: 0px 15px 0 30px !important;
    }
   
}

@media (max-width:1100px) {
    .megamenu-child-list {
        padding-left: 400px !important;
    }
}


@media (max-width:1024px) {
    .slider-icon-wrapper .elementor-icon-wrapper {
        height: 64px;
    }

    .slider-icon-wrapper .e-con-inner {
        margin-left: 0 !important;
    }

    .section-slider {
        height: auto !important;
    }

    .point-sale-wrapper .tab-btn,
    .loyalty-wrapper .tab-btn {
        max-width: 100% !important;
    }
    .tab-scroll-btns::-webkit-scrollbar {
        width: 0px;
    }
    .megamenu-child-header a img { margin-left:auto; }
    .megamenu-child,.megamenu-inner{ z-index:7; }
    .megamenu-child-list,.megamenu-subchild-list{ padding:0; }
   
}

@media (max-width:991px) {
    .new-home-banner .new-banner-image img{
        margin-top: -50px;
    }
	.elementor-36002 .elementor-element.elementor-element-f1f2c6f .slick-slide > div > div{
		padding-top: 35px;
		min-height: 695px;
		display: flex;
        justify-content: space-evenly;
	}
	.elementor-36002 .elementor-element.elementor-element-f1f2c6f .slick-dots{
		width: 100%;
	}
}

@media(max-width:767px){
    .new-home-banner{
        background-image: url("https://modisoftincstg.wpenginepowered.com/wp-content/uploads/2024/09/Frame-2085663388-1.png");
        background-position: center;
        background-size: cover;
    }
    .elementor-35973 .elementor-element.elementor-element-33c0751 {
        gap: 10px;
    }
    .elementor-35973 .elementor-element.elementor-element-1313aea {
        font-size: 20px !important;
    }   
    .elementor-35973 .elementor-element.elementor-element-36ac4c8{
        padding: 15px 10px;
    }
    .elementor-35229 .elementor-element.elementor-element-36fc85a, .elementor-35229 .elementor-element.elementor-element-36fc85a {
        --justify-content: start !important;
    }
    .elementor-35213 .elementor-element.elementor-element-4cf8c750 img, 
    .elementor-35217 .elementor-element.elementor-element-4cf8c750 img,
    .elementor-35225 .elementor-element.elementor-element-4cf8c750 img,
    .elementor-35227 .elementor-element.elementor-element-4cf8c750 img,
    .elementor-35229 .elementor-element.elementor-element-4cf8c750 img,
    .elementor-35229 .elementor-element.elementor-element-4cf8c750 img{
        margin-left: auto;
    }
    .elementor-35801 .elementor-element.elementor-element-773995a .slick-slide > div > div{
        overflow: hidden;
    }
	.empower-wrapper .empower-slider .carousel-arrow{
		width: 70px;
		height: 70px;
		bottom: -80px !important;
	}
	.empower-wrapper .empower-slider .carousel-arrow.carousel-next {
    	left: 105px;
	}
}

@media (max-width:576px) {
    .elementor-35973 .elementor-element.elementor-element-1313aea {
        font-size: 17px !important;
    }
}

.elementor-3617 .elementor-element.elementor-element-8082b26 img, .elementor-3617 .elementor-element.elementor-element-7f9b2ab img{
	   max-height: 405px !important;
    width: auto !important;
}

.elementor-element.elementor-element-7378dd5.elementor-widget.elementor-widget-image img{
	max-width: 100px;
}


/* Case Studies  */
.features-container {
    background-color: #fff;
    border-radius: 25px;
    padding: 46px 100px 342px 100px;
    margin-top: -385px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
  }
  
  .features-header {
    text-align: center;
    margin-bottom: 40px;
  }
  
  .features-header h2 {
    font-size: 45px !important;
    font-weight: 700;
    letter-spacing: -0.9px;
    color: var(--color-primary);
    margin-bottom: 34px;
    margin-top: 0;
  }
  
  .features-header .highlight-green {
    color: #48bdb0;
  }
  
  .features-filters {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
  }
  
  .filter-dropdown {
    background-color: #fff;
    border: 0.5px solid #0b1932;
    border-radius: 10px;
    padding: 15px 21px;
    width: 397px;
    font-size: 20px;
    font-weight: 400;
    color: #0b1932;
    cursor: pointer;
    font-family: "Albert Sans", sans-serif;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("/wp-content/uploads/2024/05/chevron-down.svg");
    background-repeat: no-repeat;
    background-position: top 20px right 18px;
    background-size: 20px;
    box-shadow: none;
    outline: none;
  }
  
  .btn--reset {
    background-color: #f8bc2e;
    color: black;
    font-size: 20px;
    font-weight: 500;
    padding: 16px 83px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
  }
  
  .btn--reset:hover {
    background-color: #f8bc2e;
    color: black;
  }
  
  .features-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 360px));
    gap: 68px 30px;
    justify-content: center;
  }
  
  .related-case-slider-wrap {
    position: relative;
  }
  
  .related-case-slider-wrap .swiper-button-next,
  .related-case-slider-wrap .swiper-button-prev {
    width: 60px;
    height: 60px;
    background-color: #ffffff;
    border-radius: 100px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjY2MDIgN0MxLjExMzczIDcgMC42NjYwMTYgNy40NDc3MiAwLjY2NjAxNiA4QzAuNjY2MDE2IDguNTUyMjggMS4xMTM3MyA5IDEuNjY2MDIgOUwxLjY2NjAyIDhMMS42NjYwMiA3Wk0yOS4wMzk4IDguNzA3MTFDMjkuNDMwMyA4LjMxNjU4IDI5LjQzMDMgNy42ODM0MiAyOS4wMzk4IDcuMjkyOUwyMi42NzU4IDAuOTI4OTM0QzIyLjI4NTMgMC41Mzg0MSAyMS42NTIxIDAuNTM4NDEgMjEuMjYxNiAwLjkyODkzNEMyMC44NzExIDEuMzE5NDYgMjAuODcxMSAxLjk1MjYyIDIxLjI2MTYgMi4zNDMxNUwyNi45MTg1IDhMMjEuMjYxNiAxMy42NTY5QzIwLjg3MTEgMTQuMDQ3NCAyMC44NzExIDE0LjY4MDUgMjEuMjYxNiAxNS4wNzExQzIxLjY1MjEgMTUuNDYxNiAyMi4yODUzIDE1LjQ2MTYgMjIuNjc1OCAxNS4wNzExTDI5LjAzOTggOC43MDcxMVpNMS42NjYwMiA4TDEuNjY2MDIgOUwyOC4zMzI3IDlMMjguMzMyNyA4TDI4LjMzMjcgN0wxLjY2NjAyIDdMMS42NjYwMiA4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==");
    border: 1px solid #d9d9d9;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    right: -96px;
  }
  
  .related-case-slider-wrap .swiper-button-next::after,
  .related-case-slider-wrap .swiper-button-prev::after {
    display: none;
  }
  
  .related-case-slider-wrap .swiper-button-prev {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYwMjdfMTA0MCkiPgo8cGF0aCBkPSJNMjguMzM0NiA3LjAwMDE5QzI4Ljg4NjkgNy4wMDAxOSAyOS4zMzQ2IDcuNDQ3OTEgMjkuMzM0NiA4LjAwMDE5QzI5LjMzNDYgOC41NTI0NyAyOC44ODY5IDkuMDAwMTkgMjguMzM0NiA5LjAwMDE5VjguMDAwMTlWNy4wMDAxOVpNMC45NjA4NjMgOC43MDczQzAuNTcwMzM4IDguMzE2NzcgMC41NzAzMzggNy42ODM2MSAwLjk2MDg2MiA3LjI5MzA5TDcuMzI0ODIgMC45MjkxMjNDNy43MTUzNSAwLjUzODU5OSA4LjM0ODUxIDAuNTM4NTk5IDguNzM5MDQgMC45MjkxMjNDOS4xMjk1NiAxLjMxOTY1IDkuMTI5NTYgMS45NTI4MSA4LjczOTA0IDIuMzQzMzRMMy4wODIxOCA4LjAwMDE5TDguNzM5MDQgMTMuNjU3MUM5LjEyOTU2IDE0LjA0NzYgOS4xMjk1NiAxNC42ODA3IDguNzM5MDQgMTUuMDcxM0M4LjM0ODUxIDE1LjQ2MTggNy43MTUzNSAxNS40NjE4IDcuMzI0ODMgMTUuMDcxM0wwLjk2MDg2MyA4LjcwNzNaTTI4LjMzNDYgOC4wMDAxOVY5LjAwMDE5SDEuNjY3OTdWOC4wMDAxOVY3LjAwMDE5SDI4LjMzNDZWOC4wMDAxOVoiIGZpbGw9ImJsYWNrIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjAyN18xMDQwIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
    right: unset;
    left: -96px;
  }
  
  .related-case-slider-wrap .swiper-slide {
    height: auto;
  }
  
  .case-card {
    height: 100%;
    border: 1px solid rgba(11, 25, 50, 0.3);
    border-radius: 20px;
    padding: 15px;
    display: flex;
    flex-direction: column;
  }
  
  .case-card .case-card__image {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 25px;
  }
  
  .case-card .case-card__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .case-card .case-card__tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  
  .case-card .tag {
    font-family: "Albert Sans", Sans-serif;
    background-color: #dadada;
    border-radius: 3px;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    line-height: 1.2;
  }
  
  .case-card .case-card__title {
    font-family: "Albert Sans", Sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    color: #0b1932;
    margin: 0 0 35px 0;
  }
  
  .case-card .case-card__title a {
    text-decoration: none;
    transition: 0.5s all;
  }
  
  .case-card .case-card__title a:hover {
    text-decoration: underline;
  }
  
  .shopify-buy__btn:focus {
    background-color: #2b6f71 !important;
  }
  
  @media (max-width: 1366px) {
    .related-case-slider-wrap .swiper-button-next,
    .related-case-slider-wrap .swiper-button-prev {
      width: 40px;
      height: 40px;
      right: -56px;
      background-size: 19px;
    }
  
    .related-case-slider-wrap .swiper-button-prev {
      left: -56px;
    }
  }
  
  @media (max-width: 1024px) {
    .features-container {
      margin-top: -325px;
      padding: 46px 20px 162px 20px;
    }
  
    .case-card .case-card__title {
      margin: 0 0 0px 0;
    }
  
    .related-case-slider-wrap .swiper-button-next,
    .related-case-slider-wrap .swiper-button-prev {
      top: unset;
      transform: unset;
      bottom: -50px;
      left: 54%;
      transform: translateX(-50%);
    }
  
    .related-case-slider-wrap .swiper-button-prev {
      left: 46%;
    }
  }
  
  @media (max-width: 992px) {
    .features-filters {
      flex-direction: column;
    }
  
    .filter-dropdown {
      width: 100%;
      max-width: 397px;
    }
  
    .btn--reset {
      width: 100%;
      max-width: 219px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 1199px) {
    .features-grid {
      grid-template-columns: repeat(2, minmax(0, 360px));
    }
  }
  
  @media (max-width: 767px) {
    .related-case-slider-wrap .swiper-button-next,
    .related-case-slider-wrap .swiper-button-prev {
      left: 57%;
    }
  
    .related-case-slider-wrap .swiper-button-prev {
      left: 43%;
    }
  
    .features-grid {
      grid-template-columns: 1fr;
      gap: 30px 30px;
    }
  
    .features-header h2 {
      font-size: 30px !important;
    }
  
    .features-container {
      padding: 30px 20px 100px;
    }
  
    .filter-dropdown {
      padding: 13px 15px 13px 15px;
      font-size: 17px;
      background-position: top 16px right 15px;
    }
  
    .btn--reset {
      font-size: 17px;
      padding: 12px 23px;
      max-width: 130px;
    }
  
    .case-card .case-card__title {
      font-size: 21px;
      line-height: 1.3;
    }
  }
  
  /* TOC CSS(case stuides) */
  .case-studies-toc {
    width: 100%;
  }
  
  .case-studies-toc h3 {
    margin: 15px 0;
    font-weight: 700;
    font-size: 24px;
    color: #0b1932;
  }
  
  .case-studies-toc ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .case-studies-toc li {
    margin-bottom: 12.25px;
  }
  
  .case-studies-toc a {
    text-decoration: none;
    color: #0b1932;
    font-size: 18px;
    font-weight: 400;
    transition: color 0.3s ease;
  }
  
  .case-studies-toc a:hover {
    color: #27a593; /* hover color */
    text-decoration: none;
  }
  
  .case-studies-toc a.active {
    color: #27a593; /* active color */
  }
  .hover-underline-button .elementor-button-link:hover,
  .hover-underline-button .elementor-button:hover {
    text-decoration: underline !important;
  }
  
  .video-play-icon svg {
    border: 1px solid white;
    border-radius: 100%;
    padding: 17px;
  }
  
  .filters {
    width: 100%;
    max-width: 1080px;
    padding: 14px;
    margin: 20px auto;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  
  .filters .left {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  
  .filter {
    width: 100%;
    position: relative;
  }
  
  .filter-selected {
    width: 100%;
    border: 1px solid #aaa;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-radius: 8px;
    background-color: #fff;
    padding: 10px 20px;
    cursor: pointer;
    position: relative;
    z-index: 10;
  }
  
  .filter-selected.active{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .filter-placeholder {
    font-size: 16px;
    color: #0b1932;
    font-family: "Albert Sans", sans-serif;
  }
  
  .filter-options {
    border: 1px solid #aaa;
    border-top: 0;
    width: 100%;
    background-color: white;
    border-radius: 0 0 10px 10px;
    padding: 0px 0 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 0px 0 0;
    overflow: hidden;
    display: none;
    z-index: 99;
  }
  
  .filter-options.active {
    display: block;
  }
  
  .filter-selected.active .filter-icon svg {
    transform: rotate(180deg);
  }
  
  .filter-icon svg {
    transition: transform 0.2s ease;
  }
  
  .filter-option {
    width: 100%;
    padding: 6px 15px;
    font-size: 16px;
    color: #0b1932;
    text-align: left;
    font-family: "Albert Sans", sans-serif;
  }
  
  .filter-option:hover,
  .filter-option:focus {
    background-image: linear-gradient(180deg, #FFCC66 0%, #F8BC2E 50%, #E5A224 100%);
    cursor: pointer;
  }
  
  .Reset-filter {
    cursor: pointer;
    border: none;
    width: 100%;
    max-width: 219px;
    flex-shrink: 0;
    border-radius: 8px;
    background-color: #f8bc2e;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    min-width: fit-content;
    padding: 10px 20px;
    font-family: "Albert Sans", sans-serif;
    color: #0b1932;
  }
  
  .Reset-filter:hover {
    background-color: #dead3a;
    color: #0b1932;
  }
  .Reset-filter:focus {
    color: #0b1932;
    background-color: #f8bc2e;
  }
  
  @media (max-width: 991px) {
    .filters {
      padding: 10px;
      gap: 10px;
    }
  
    .filters .left {
      gap: 10px;
    }
  
    .Reset-filter {
      max-width: fit-content;
    }
  }
  
  @media (max-width: 767px) {
    .filters {
      flex-direction: column;
      margin: 0 auto;
      padding: 0;
      gap: 20px;
    }
  
    .filters .left {
      gap: 20px;
    }
  
    .filters .left {
      grid-template-columns: repeat(1, 1fr);
    }
  
    .Reset-filter {
      max-width: 100%;
      font-size: 16px;
    }
  
    .filter-placeholder {
      font-size: 16px;
    }
  
    .filter-option {
      font-size: 16px;
    }
  }
  
  .double-colour h2 span {
    color: #f8bc2e;
  }
  
  a:hover {
    text-decoration: none !important;
  }
  .case-card .case-card__title a :hover {
    text-decoration: underline !important;
  }
  
  .card {
    background: #fff;
    border-radius: 30px;
    display: flex;
    width: 100%;
    min-height: 540px;
    max-width: 1108px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    font-family: "Albert Sans", sans-serif;
    margin: 0 auto;
  }
  
  .card-image {
    flex: 0 0 571px;
  }
  
  .card-image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }
  
  .card-content {
    flex: 1;
    padding-top: 44px;
    padding-left: 40px;
    padding-right: 90px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .card-content h2 {
    font-size: 42px !important;
    font-weight: 700;
    color: #0b1932;
    margin-bottom: 15px;
    line-height: 1;
  }
  
  .card-content p {
    font-size: 21px;
    color: #000000;
    line-height: 1.5;
    font-weight: 300;
    margin-right: 55px;
  }
  
  .card-content .btn {
    background-color: #2b6f71;
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 14px 42px;
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    align-self: flex-start;
    font-weight: 600;
    border: 1px solid #2b6f71 !important;
  }
  
  .card-content .btn:hover {
    color: #0b1932 !important;
    background: #fff !important;
    border: 1px solid #0b1932 !important;
  }
  
  /* Responsive */
  @media (max-width: 992px) {
    .card {
      flex-direction: column;
    }
  
    .card-image {
      width: 100%;
    }
  
    .card-image img {
      height: auto;
    }
  
    .card-content {
      padding: 40px 25px;
    }
  
    .card-content h2 {
      font-size: 22px;
    }
  }
  
  @media (max-width: 576px) {
    .card-content {
      padding: 25px 20px;
    }
  
    .card-content h2 {
      font-size: 20px;
    }
  
    .card-content p {
      font-size: 15px;
    }
  }




/* news listing card css */
/* --- Layout --- */
 .news-section {
     font-family: "Albert Sans", sans-serif;
     padding: 60px 20px;
     max-width: 1200px;
     margin: 0 auto;
}
 .filter-bar {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 85px;
     flex-wrap: wrap;
}
 .filter-bar h2 {
     font-size: 48px !important;
     font-weight: 700;
     color: #0b0b0b;
     margin-bottom: 15px;
     font-family: "Albert Sans", sans-serif;
}
/* --- Dropdown --- */
 .filter-select select {
     font-family: "Albert Sans", sans-serif;
     font-size: 15px;
     padding: 12px 16px;
     border: 1px solid #ccc;
     border-radius: 8px;
     background-color: #f8f9fa;
     cursor: pointer;
     transition: all 0.3s ease;
}
 .filter-select select:hover {
     border-color: #1a4a3f;
}
 .filter-select select:focus {
     outline: none;
     border-color: #1a4a3f;
     box-shadow: 0 0 0 3px rgba(26, 74, 63, 0.2);
}
/* --- Card Grid --- */
 .news-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
     column-gap: 30px;
     row-gap: 50px;
}
/* --- Card --- */
 .news-card {
     background: #fff;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
     display: flex;
     flex-direction: column;
     transition: transform 0.3s ease;
}
/* .news-card:hover {
     transform: translateY(-5px);
}
 */
 .news-card-image {
     height: 270px;
}
 .news-card-image img {
     width: 100%;
     height: 100% !important;
     object-fit: cover;
     transition: all 0.2s;
}
 .news-card:hover .news-card-image img {
     transform: scale(1.05);
    /* Slight zoom */
}
 .news-card-content {
     padding: 27px 21px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: calc(100% - 270px);
}
 .news-card-content h3 {
     font-size: 24px;
     font-weight: 700;
     color: #0b1932;
     margin-bottom: 10px;
     line-height: 1.4;
}
 .news-card-content h3:hover {
     text-decoration: underline;
}
 .news-card-content p {
     font-size: 16px;
     color: #0b1932;
     margin-bottom: 25px;
     line-height: 1.6;
     margin-right: 8px;
}
 .news-card .read-more-btn {
     background-color: #2b6f71;
     color: #fff;
     text-decoration: none;
     padding: 10px 40px;
     border-radius: 8px;
     font-size: 18px;
     font-weight: 600;
     transition: background-color 0.3s ease;
     margin-top: auto;
     width: fit-content;
}
 .news-card .read-more-btn:hover {
     text-decoration: underline !important;
     color: #fff;
}
 .custom-select {
     min-width: 395px;
     position: relative;
     cursor: pointer;
     z-index: 9;
}
 .custom-select p {
     font-family: "Albert Sans", Sans-serif;
     font-weight: 400;
     font-size: 20px;
     line-height: 25px;
     padding: 14px 21px;
     border: 0.5px solid #0b1932;
     color: #0b1932;
     background-color: #ffffff;
     display: flex;
     align-items: center;
     justify-content: space-between;
     border-radius: 10px;
     margin-bottom: 0;
     position: relative;
}
 .custom-select p::after {
     font-family: "Font Awesome 5 Free";
     content: "\f078";
     margin-left: 7px;
     font-size: 12px;
     display: inline-block;
     font-weight: 600;
}
 .custom-select .select-option {
     padding-left: 0;
     list-style: none;
     border: 0.5px solid #0b1932;
     border-radius: 10px;
     overflow: hidden;
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
}
 .custom-select .select-option li a {
     background-color: #ffffff;
     font-family: "Albert Sans", Sans-serif;
     font-weight: 400;
     font-size: 20px;
     line-height: 20px;
     color: #0b1932;
     padding: 10px 15px;
     display: block;
	 text-decoration:none;
}
 .custom-select .select-option li a:hover {
     background-color: #f8bc2e;
}
 .custom-select.active .select-option {
     display: block;
}
/* latest new 3 news listing shortcode css */
 .latest-news {
     max-width: 255px;
    /* or 100% if you want full container width */
     margin: 0 auto;
}
 .news-item {
     margin-bottom: 40px;
}
 .news-item .news-image {
     border-radius: 20px;
     overflow: hidden;
     margin-bottom: 20px;
}
 .news-image img {
     width: 100%;
     height: 160px;
     border-radius: 20px;
     object-fit: cover;
     display: block;
}
 .news-title {
     font-weight: 700;
     font-size: 24px;
     margin: 0 0 16px 0;
     color: #0b1932;
     font-family: "Albert Sans", Sans-serif;
}
 .news-date {
     font-size: 14px;
     color: #0b1932;
     display: block;
     font-weight: 300;
     font-family: "Albert Sans", Sans-serif;
}
 @media (max-width: 767px) {
     .card-content h2 {
         font-size: 32px !important;
    }
     .card-content p {
         font-size: 18px;
         margin-bottom: 30px;
    }
     .card-image{
         flex: unset;
    }
     .card-image img{
         min-height: 270px;
    }
     .filter-bar h2 {
         font-size: 32px !important;
         text-align: center;
         width: 100%;
    }
     .news-grid{
         grid-template-columns: repeat(1, 1fr);
    }
}
/* Responsive */
 @media (max-width: 768px) {
     .filter-bar {
         flex-direction: column;
         align-items: flex-start;
    }
     .filter-select {
         width: 100%;
    }
     .filter-select select {
         width: 100%;
    }
     .latest-news {
         max-width: unset;
    }
}
 @media (max-width: 500px) {
     .custom-select {
         min-width: unset;
         width: 100%;
    }
}
 @media (max-width: 480px) {
     .latest-news {
         max-width: 100%;
    }
     .news-title {
         font-size: 16px;
    }
     .news-date {
         font-size: 13px;
    }
}
/* news listing TOP Card css start here */
 .card {
     background: #fff;
     border-radius: 30px;
     display: flex;
     width: 100%;
     min-height: 540px;
     max-width: 1108px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     font-family: "Albert Sans", sans-serif;
     margin: 0 auto;
}
 .card-image {
     flex: 0 0 571px;
}
 .card-image img {
     width: 100%;
     height: 100% !important;
     object-fit: cover;
}
 .card-content {
     flex: 1;
     padding-top: 44px;
     padding-left: 40px;
     padding-right: 90px;
     padding-bottom: 40px;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .card-content h2 {
     font-size: 42px !important;
     font-weight: 700;
     color: #0b1932;
     margin-bottom: 15px;
     line-height: 1;
}
 .card-content p {
     font-size: 21px;
     color: #000000;
     line-height: 1.5;
     font-weight: 300;
     margin-right: 55px;
}
 .card-content .btn {
     background-color: #2b6f71;
     color: #fff;
     border: none;
     border-radius: 7px;
     padding: 14px 42px;
     cursor: pointer;
     font-size: 18px;
     text-decoration: none;
     align-self: flex-start;
     font-weight: 600;
     border: 1px solid #2b6f71 !important;
}
 .card-content .btn:hover {
     color: #0b1932 !important;
     background: #fff !important;
     border: 1px solid #0b1932 !important;
}
/* Responsive */
 @media (max-width: 992px) {
     .card {
         flex-direction: column;
    }
     .card-image {
         width: 100%;
    }
     .card-image img {
         height: auto;
    }
     .card-content {
         padding: 40px 25px;
    }
     .card-content h2 {
         font-size: 22px;
    }
}
 @media (max-width: 576px) {
     .card-content {
         padding: 25px 20px;
    }
     .card-content h2 {
         font-size: 32px !important;
    }
     .card-content p {
         font-size: 18px;
    }
    ul.mobile-menu-list {
        max-height: 432px;
        overflow: auto;
    }
}
/* news listing TOP Card css end here */

.news_flt_clr_btn{
     display: block;
    background-color: #f8bc2e;
    font-family: "Albert Sans", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    padding: 12px 46px;
    border-radius: 10px;
    color: #0b1932 !important;
    text-decoration: none !important;
}


/* css for old news page card design make correct   */
.blog-card .card-image {
    flex: unset;
}
.news-latest-block .blog-grid .blog-card .card-content {
    padding: 0px;
}
.news-latest-block .blog-grid .blog-card .post-excerpt {
    margin-right: 0px;
}

.filter-bar {
   gap: 16px;
}
.filter_group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.new-header-design .modi-menu>li>.mega-menu-container .mega-menu-data .mega-menu-featured .story-cards .card.green{
	min-height: 100%;
}
.new-header-design .modi-menu>li>.mega-menu-container .mega-menu-data .mega-menu-featured .story-cards .card:nth-child(2){
	min-height: 100%;
}







/* ===============================Custom Dropdown CSS */
.select-wrapper .custom-select-wrapper {
    position: relative;
    width: 100%;
}

.select-wrapper .custom-select-wrapper p{
    display: none !important;
}

.select-wrapper{
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 10px 0 5px !important;
}

.select-wrapper .custom-select-wrapper label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
}

.select-wrapper .custom-select {
    position: relative;
    width: 100%;
    cursor: pointer;
}

.select-wrapper .selected-value {
    font-size: 14.82px;
    color: #0B1932;
    font-weight: 500;
}

.select-wrapper .custom-select.has-value .selected-value {
    color: #333;
}

.select-wrapper .arrow {
    display: none;
}

.select-wrapper .custom-select.active .arrow {
    transform: rotate(180deg);
}

.select-wrapper .custom-select .select-trigger p::after{
    transition: all 0.3s;
}

.select-wrapper .custom-select.active .select-trigger p::after{
transform: rotate(180deg);
}

.select-wrapper .options-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #0B1932;
    border-top: none;
    border-radius: 0 0 8px 8px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 100;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.select-wrapper .custom-select.active .options-list {
    display: block;
}

.select-wrapper .options-list li {
    padding: 12px 15px;
    cursor: pointer;
    transition: background-color 0.2s;
    color: #333;
}

.select-wrapper .options-list li:hover {
    background-color: #3eb69a;
    color: white;
}

.select-wrapper .options-list li.selected {
    background-color: #e8f5f1;
    color: #3eb69a;
    font-weight: 600;
}

.select-wrapper .custom-select .select-trigger p{
    display: flex !important;
    flex-direction: row !important;
}

.select-wrapper .custom-select{
    min-width: unset !important;
}

.select-wrapper .custom-select p{
    border-radius: 5px !important;
    padding: 20px 25px;
}

.select-wrapper .options-list li p{
    display: block !important;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 14.82px;
}

.select-wrapper .custom-select .options-list li p::after{
    display: none;
}

/* Hide the hidden input */
.select-wrapper input[name="agent-name"],
.select-wrapper input[name="region"] {
    display: none !important;
}

.select-wrapper .custom-select p:hover{
    border-color: #27A593 !important;
}

.select-wrapper .custom-select-wrapper:first-child{
    position: relative;
    z-index: 99;
}

@media(max-width: 767px){
    .select-wrapper .custom-select p{
        padding: 15px;
    }
    .select-wrapper{
        flex-direction: column;
        gap: 15px
    }
}

.wpcf7-not-valid-tip{
    font-size: 13px !important;
    margin-top: 3px;
}