.show-more-btn {
    display: inline-flex;
    width: 100%;
    align-items: center;
    padding: 0.6em 1em;
    margin-top: 0.5em;
    background: #007acc;
    border: none;
    border-radius: 0px 0px 10px 04px !important;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    /*   transition: background 0.3s, box-shadow 0.2s; */
}

.show-more-btn .icon {
    width: 1.2em;
    height: 1.2em;
    fill: currentColor;
    margin-left: 0.5em;
    transition: transform 0.3s;
    transform: rotate(0deg);
}

.show-more-btn[aria-expanded="true"] .icon {
    transform: rotate(180deg);
}

.show-more-btn:focus {
    outline: none;
    /*   box-shadow: 0 0 0 3px rgba(143, 148, 251, 0.5); */
}

.lwptoc_i {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    border-radius: 10px 10px 10px 10px !important;

}

.lwptoc_item,
.lwptoc_header {
    padding-left: 20px !important;
}

.show-more-btn:hover,
.show-more-btn:focus {
    background-color: #007acc !important;
}


/* Move the reCAPTCHA badge to the bottom-left corner */
.grecaptcha-badge {
    margin-bottom: 90px;
}

/* image-box clickable ALL OVER */
.nav_menu_parent_for_products_megamenu .elementor-image-box-title a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}







/* industries megamenu */
/* on hover menu-item (inudstries) child items should be colored */
.industrylist {
    border-radius: 7px;
}

.industrylist .elementor-widget-container {
    border-radius: 7px;

}

.industrylist:hover .elementor-image-box-title {
    color: white !important;

}

.industrylist:hover .elementor-widget-container {
    background-color: #032E58 !important;
}



/* on hover menu items should move a bit */
.move {
    padding-right: 0;
    /* Initial padding on the right */
    margin-left: 0;
    /* Initial margin on the left */
    transition: padding-right 0.5s ease, margin-left 0.5s ease;
    /* Smooth transition on both */
}

.move:hover {
    padding-right: -7px;
    /* Adds padding on the right */
    margin-left: 7px;
    /* Moves element left to make the padding shift noticeable */
}








.megamenu_item_hide {
    display: none;
}

/* //mobile only css// */



/* Reduce spacing between image and text */
.menu-is-active .third-level-nav {
    display: flex;
    align-items: start !important;
}

.menu-is-active .mi_services .hfe-sub-menu-item {
    display: flex;
    align-items: start !important;
}


.menu-is-active .mi_products .second-level-nav {

    /*     display: flex; */
}

.menu-is-active .mi_child_products {
    display: flex;
}

.menu-is-active .mi_services .second-level-nav {
    display: flex;
}

.menu-is-active .mi_industries .second-level-nav {
    display: flex;
}







.menu-is-active .hfe-has-submenu-container {
    display: flex;
    align-items: start !important;
}




/* images/icons of nav items  */


.menu-is-active .menu-item-has-children .sub-menu .menu-item a img {
    width: 40px !important;
    height: 40px !important;
    margin-right: 10px;
}

.menu-is-active .hfe-menu-item .menu-item-icon img {
    width: 40px !important;
    height: 40px !important;
    margin-right: 16px;
}



.menu-item-icon img {
    width: 40px;
    height: 40px;
    margin-right: 14px;
}


/* font sizes. it will be less in devices with screens 600px and lesser in screens below 420px */
.menu-is-active .menu-item-has-children .sub-menu .hfe-sub-menu-item span {
    font-size: 16px !important;
    font-weight: 500 !important;
}


.menu-is-active .menu-item-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #666;
}


@media only screen and (max-width: 444px) {
    .menu-is-active .menu-item-description {
        font-size: 12px !important;
        line-height: 18px;
        margin-top: 5px;
    }

    .menu-is-active .menu-item-has-children .sub-menu .hfe-sub-menu-item span {
        font-size: 14px !important;
    }


    .menu-is-active .mi_services .menu-item a img {
        margin-right: 20px !important;
    }


    .menu_item_keyfeatures .hfe-has-submenu-container img {
        margin-right: 27px !important;
    }


}

.menu-item-has-children .sub-menu .hfe-sub-menu-item span {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}



/* nav menu item- DEMO icon */
.mi_demo img {
    width: 40px;
    height: 40px;
    margin-right: 16px;
}

/* spanish buttons were too large. last ones (sport, demo, blog) */

#menu-item-72306 img {
    width: 40px !important;
    height: 40px !important;
    margin-right: 16px;

}

.mi_support img {
    width: 40px !important;
    height: 40px !important;
    margin-right: 16px;

}

.mi_blog img {
    width: 40px !important;
    height: 40px !important;
    margin-right: 16px;

}


/* //mobile only css// */
/*header sticky*/
.abcxyz {
    display: none;
    position: fixed !important;
    top: 0;
    width: 100%;
    background: white;
    z-index: 99999;
}


/*single blog post*/
.single-post p {
    margin-bottom: 0px !important;
}

.post-template h3 {
    color: #222 !important;
    font-size: 20px !important;
    line-height: 32px !important;
}

.single-post h2 {
    font-size: 24px !important;
    line-height: 30px !important;
}

.single-post h4 {
    font-size: 16px !important;
    line-height: 22px !important;
}

.forblogs12 {
    /*     background-image: url(https://deskflex.com/wp-content/uploads/2024/04/Group-20021.png); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0% !important;
}

/*single blog post finished*/


/* //iraj css// */
html,
body {
    overflow-x: hidden;
    max-width: 100%;

}

@media (min-width:1024px) {

    .lang_container li:nth-child(4) {
        display: none;
    }
}


.mnsectionfinal h1 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #163A64 !important;
}

.quick :focus {
    border: 1px solid #032445 !important;
}

/* //background css wp rocket// */
@media (min-width:768px) {

    .playandplug {

        background-image: url('https://deskflex.com/wp-content/uploads/2025/05/Group-1000006240-1.webp') !important;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;

    }

    .optimizeprod {
        background-image: url('https://deskflex.com/wp-content/uploads/2024/06/Group-45.svg') !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .spacebg {
        background-image: url('https://deskflex.com/wp-content/uploads/2025/03/Group-1000006239.webp') !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
}



    @media(min-width:1025px) and (max-width:1435px) {
        .demobuttonbr {
            margin-bottom: 10px !important;
        }

        .getstartedbr {
            margin-left: -15px !important;
        }
    }

    @media(min-width:1403px) and (max-width:1435px) {
        .demobuttonbr {
            margin-right: 15px
        }
    }

    @media (min-width:1024px) and (max-width:1292px) {

        .getstartedhome {

            margin-top: 10px !important;
        }
    }


    @media (min-width:1293px) {
        .getstartedhome {
            margin-left: 10px !important;
        }
    }

    @media (min-width:1293px) and (max-width:1324px) {
        .getstartedhome {

            margin-top: 10px !important;
        }

        .demobuttonhome {
            margin-left: 10px !important;
        }
    }


    @media (min-width:1185px) and (max-width:1292px) {

        .getstartedspace {

            margin-left: 10px !important;
        }
    }

    @media (min-width:1024px) and (max-width:1184px) {
        .getstartedspace {
            margin-left: 10px !important;
            margin-top: 10px !important;
        }

        .demobuttonspace {
            margin-left: 10px !important;
        }


    }

    @media (min-width:1293px) {
        .getstartedspace {
            margin-left: 10px;
        }
    }

    @media (min-width:1293px) and (max-width:1324px) {
        .getstartedspace {

            margin-top: 10px !important;
        }

        .demobuttonspace {
            margin-left: 10px !important;
        }
    }

    /* //canadian english// */
    .bookdemocn .elementor-button:hover {
        border: 1px solid white !important;

    }

    .bookdemocn .elementor-button {
        border: 1px solid white !important;
    }

    @media (min-width:1205px) {
        .supportimg img {
            height: 330px;
            width: auto;
        }
    }

    p {
        margin: 0;
        padding: 0;
    }

    p {
        line-height: 26px;

        +p {
            margin-top: 21px !important;
        }
    }

    .mailcustomer .elementor-button {
        border: 1px solid #032E58 !important;
        /* Ensure the border remains consistent */
    }

    /* //header icons// */
    #contenticons .elementor-icon-box-title {
        color: black !important;
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        font-weight: 600 !important;
        line-height: 22px !important;
        font-size: 14px !important;
    }

    /* //healthcare icons.// */
    @media (min-width: 100px) and (max-width: 442px) {
        .glass .elementor-icon-list-item {


            /*     display: inline!important; */
            display: inline-block;
            vertical-align: middle;
        }

        .glass .elementor-icon-list-icon {
            /*     display: inline!important; */
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        }

        .glass .elementor-icon-list-text {

            display: inline !important;
        }
    }

    /* //buttons hover */
    .getstarted .elementor-button:hover,
    .getstartedhome .elementor-button:hover,
    .getstartedspace .elementor-button:hover {
        border: 1px solid #CDCDCD !important;
        background-color: #EDCA68 !important;
        color: #032E58 !important;
    }

    /* //footer ccs// */
    @media (min-width: 1205px) {
        .map .elementor-icon-list-item {
            width: 43% !important;
        }
    }

    /* demo page button */
    @media (max-width: 769px) {
        .full-line #25ss {
            width: 100% !important;
        }

        .col-md-12 {
            padding-left: 0% !important;
        }
    }

    /* banner heading font-size */
    @media (min-width: 1205px) {
        .mnsectionfinal h1 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 700 !important;
            color: #163A64 !important;
            font-size: 50px !important;
            line-height: 58px !important;
        }
    }

    @media (min-width: 768px) and (max-width: 1205px) {
        .mnsectionfinal h1 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 700 !important;
            color: #163A64 !important;
            font-size: 50px !important;
            line-height: 58px !important;
        }
    }

    @media (min-width: 768px) and (max-width: 1205px) {
        .mnsectionfinal h1 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 700 !important;
            color: #163A64 !important;
            font-size: 50px !important;
            line-height: 58px !important;
        }
    }

    @media (max-width: 768px) {
        .mnsectionfinal h1 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 700 !important;
            color: #163A64 !important;
            font-size: 42px !important;
            line-height: 48px !important;
        }
    }


    /* //previous website banner// */
    @media (min-width: 1205px) {
        .mnsectionfinal1 h1 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 700 !important;
            color: #ffffff !important;
            font-size: 50px !important;
            line-height: 58px !important;
        }
    }

    @media (min-width: 768px) and (max-width: 1205px) {
        .mnsectionfinal1 h1 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 700 !important;
            color: #ffffff !important;
            font-size: 50px !important;
            line-height: 58px !important;
        }
    }

    @media (min-width: 768px) and (max-width: 1205px) {
        .mnsectionfinal1 h1 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 700 !important;
            color: #ffffff !important;
            font-size: 50px !important;
            line-height: 58px !important;
        }
    }

    @media (max-width: 768px) {
        .mnsectionfinal1 h1 {
            font-family: 'Plus Jakarta Sans', sans-serif !important;
            font-weight: 700 !important;
            color: #ffffff !important;
            font-size: 42px !important;
            line-height: 48px !important;
        }
    }

    .demobutton .elementor-button:hover,
    .demobuttonhome .elementor-button:hover,
    .demobuttonspace .elementor-button:hover {
        box-shadow: 0px 6px 20px rgba(3, 46, 88, 0.76);
    }

    .bookdemo .elementor-button:hover {
        border: 1px solid #ffff !important;
        background-color: #032E5800 !important;
        color: white !important;
    }

    /* demo page */
    #democolumn {

        margin-bottom: 17% !important;
    }


    /* //home section blog slide */
    @media(min-width: 1205px) {
        .podcast div {
            min-height: 110px;
        }
    }

    @media(min-width: 1205px) {
        .blogpost div {
            min-height: 110px;
        }
    }

    @media(min-width: 1205px) {
        .blogvid div {
            min-height: 110px;
        }
    }

    /* home section blog slide for mobile */

    @media (min-width: 100px) and (max-width: 768px) {
        .podcast div {
            min-height: 132px;
        }
    }


    @media (min-width: 100px) and (max-width: 768px) {
        .blogpost div {
            min-height: 132px !important;
        }
    }

    @media (min-width: 100px) and (max-width: 768px) {
        .blogvid div {
            min-height: 132px;
        }
    }

    /* mega menu industries */
    #industrylist .elementor-widget-container:hover {
        background-color: #032E58;
    }

    #industrylist:hover .elementor-icon-list-text {
        color: white;
    }

    /* #service mega menu */
    @media (min-width: 768px) and (max-width: 900px) {
        #servicemegatext {
            margin-left: 2%;
        }
    }

    /* mega menu for tab and mobile border */
    @media (min-width: 100px) and (max-width: 1024px) {
        .elementor-27187 .elementor-element.elementor-element-47fc957 .premium-main-nav-menu>.premium-nav-menu-item>.premium-menu-link {
            border-top: 1px solid #E2E6EC;
            font-family: "Poppins", Sans-serif;
            font-size: 16px;
            font-weight: 500;
            text-decoration: none;
            color: #83859D;
        }
    }

    /* 	
   mega menu our products
 */
    #learnmore {
        display: inline;
        position: relative;
    }

    #learnmore::after {
        content: url('https://deskflex.com/wp-content/uploads/2024/06/Vector%202.svg');
        /* Path to your arrow image */
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 1px;
        left: 80px;
    }


    /* testing_if_new_link_present */


    #tab1 {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;
    }

    #tab1:hover {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;
        background-color: #E3EEFF;
        border-radius: 20px 20px 20px 20px;

    }

    #tab2 {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;


    }

    #tab2:hover {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;
        background-color: #E3EEFF;
        border-radius: 20px 20px 20px 20px;

    }

    #tab3 {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;


    }

    #tab3:hover {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;
        background-color: #E3EEFF;
        border-radius: 20px 20px 20px 20px;

    }

    #stickytab1 {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;


    }

    #stickytab1:hover {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;
        background-color: #E3EEFF;
        border-radius: 20px 20px 20px 20px;

    }

    #stickytab2 {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;


    }

    #stickytab2:hover {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;
        background-color: #E3EEFF;
        border-radius: 20px 20px 20px 20px;

    }

    #stickytab3 {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;

    }

    #stickytab3:hover {
        background-image: url(https://deskflex.com/wp-content/uploads/2024/06/Group%204.svg);
        background-repeat: no-repeat;
        background-position: 95% 40%;
        background-color: #E3EEFF;
        border-radius: 20px 20px 20px 20px;

    }

    @media (min-width: 1024px) and (max-width: 1300px) {


        #learnmore {
            display: inline;
            position: relative;
        }

        #learnmore::after {
            content: url('https://deskflex.com/wp-content/uploads/2024/06/Vector%202.svg');
            /* Path to your arrow image */
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            top: 1px;
            left: 75px;

        }

        #learnmore a {
            text-decoration: none;
            color: white;
        }

        #textedit {
            padding-left: 8%;
        }
    }


    /* //7-9-2024//industries last section hover */
    .indus-btn-1:hover {
        box-shadow: 0px 5px 25px 0px #101E363D;
        border-radius: 30px;
    }


    /* //height of header// */
    .tab-content {
        height: 480px !important;
    }

    .tab-content .elementor-widget-container {
        margin-bottom: -10px !important;
    }

    .stickytab-content {
        height: 480px !important;
    }

    .stickytab-content .elementor-widget-container {
        margin-bottom: -10px !important;
    }

    #learnmore a {
        color: #ffffff;
    }

    /* ////// */
    @media (min-width: 1503px) {
        #h-tabs .elementor-tabs-wrapper {

            width: 13%;
            margin: 0 40% 0 42%;
            border: 2px solid #163A64;
            border-radius: 10px;
            padding: 0px
        }

        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active,
        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active {
            background-color: #163A64;

            border-radius: 10px;

            color: white;
        }

        #elementor-tab-title-7511 {
            margin: 1% 0;
            padding: 10px 20px;
        }

        #elementor-tab-title-7512 {
            padding: 10px 20px;
            margin: 1% 0;
        }

    }

    @media (min-width: 1100px) and (max-width: 1502px) {
        #h-tabs .elementor-tabs-wrapper {

            width: 18%;
            margin: 0 40% 0 40%;
            border: 2px solid #163A64;
            border-radius: 10px;
            padding: 0px
        }

        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active,
        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active {
            background-color: #163A64;

            border-radius: 10px;

            color: white;
        }

        #elementor-tab-title-7511 {
            margin: 1% 0;
            padding: 10px 20px;
        }

        #elementor-tab-title-7512 {
            padding: 10px 20px;
            margin: 1% 0;
        }
    }

    @media (min-width: 850px) and (max-width: 1099px) {
        #h-tabs .elementor-tabs-wrapper {

            width: 24%;
            margin: 0 40% 0 39%;
            border: 2px solid #163A64;
            border-radius: 10px;
            padding: 0px
        }

        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active,
        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active {
            background-color: #163A64;

            border-radius: 10px;

            color: white;
        }

        #elementor-tab-title-7511 {
            margin: 1% 0;
            padding: 10px 20px;
        }

        #elementor-tab-title-7512 {
            padding: 10px 20px;
            margin: 1% 0;
        }
    }

    @media (min-width: 769px) and (max-width: 849px) {
        #h-tabs .elementor-tabs-wrapper {

            width: 28%;
            margin: 0 40% 0 35%;
            border: 2px solid #163A64;
            border-radius: 10px;
            padding: 0px
        }

        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active,
        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active {
            background-color: #163A64;

            border-radius: 10px;

            color: white;
        }

        #elementor-tab-title-7511 {
            margin: 1% 0;
            padding: 10px 20px;
        }

        #elementor-tab-title-7512 {
            padding: 10px 20px;
            margin: 1% 0;
        }
    }

    @media (min-width: 650px) and (max-width: 768px) {
        #h-tabs .elementor-tabs-wrapper {
            display: flex;
            flex-direction: row;

            width: 35%;
            margin: 0 35% 0 35%;
            border: 2px solid #163A64;
            border-radius: 10px;
            padding: 0px
        }

        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active,
        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active {
            background-color: #163A64;

            border-radius: 10px;

            color: white;
        }

        #elementor-tab-title-7511 {
            margin: 1% 0 1% 2%;
            padding: 10px 20px;
        }

        #elementor-tab-title-7512 {
            padding: 10px 20px;
            margin: 1% 2% 1% 0;
        }

        #h-tabs .elementor-tab-mobile-title {
            display: none;
        }
    }

    @media (min-width: 350px) and (max-width: 649px) {
        #h-tabs .elementor-tabs-wrapper {
            display: flex;
            margin: 0 20%;
            flex-direction: row;
            align-items: center;
            justify-content: center;


            border: 2px solid #163A64;
            border-radius: 10px;
            padding: 0px
        }

        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active,
        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active {
            background-color: #163A64;

            border-radius: 10px;

            color: white;
        }

        #elementor-tab-title-7511 {
            margin: 1% 0 1% 2%;
            padding: 10px 20px;
        }

        #elementor-tab-title-7512 {
            padding: 10px 20px;
            margin: 1% 2% 1% 0;
        }

        #h-tabs .elementor-tab-mobile-title {
            display: none;
        }
    }

    @media (max-width: 349px) {
        #h-tabs .elementor-tabs-wrapper {
            display: flex;
            margin: 0 3%;
            flex-direction: row;
            align-items: center;
            justify-content: center;


            border: 2px solid #163A64;
            border-radius: 10px;
            padding: 0px
        }

        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active,
        .elementor-42187 .elementor-element.elementor-element-47b1668 .elementor-tab-title.elementor-active {
            background-color: #163A64;

            border-radius: 10px;

            color: white;
        }

        #elementor-tab-title-7511 {
            margin: 1% 0 1% 2%;
            padding: 10px 20px;
        }

        #elementor-tab-title-7512 {
            padding: 10px 20px;
            margin: 1% 2% 1% 0;
        }

        #h-tabs .elementor-tab-mobile-title {
            display: none;
        }
    }

    #boxshadow {
        position: relative;
    }

    #boxshadow::after {

        content: '';
        position: absolute;
        bottom: -10px;
        left: 25%;
        transform: translateX(-50%);
        transform: translateY(-50%);
        width: 50%;
        height: 20px;
        /* // background: rgba(4, 47, 88, 0.51); */
        box-shadow: 0 10px 80px 30px rgba(4, 47, 88, 0.23);
        border-radius: 50%;
    }

    #sectiontwo {
        box-shadow: 0px 30px 10px -10px rgba(22, 59, 100, 0.28);
    }

    #pricingcards:hover .elementor-button-wrapper a {

        box-shadow: 0px 0px 0px 4.45px rgba(3, 46, 88, 0.4);
        border-radius: 10px;
        background-color: #163A64 !important;
        color: white;

    }

    .centertext .elementor-widget-container p {
        line-height: 32px !important;
    }

    #pricingcards {
        margin-left: 10px;
    }

    #pricingcards:hover {
        transform: scale(1.06);
        box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.5);
        border-radius: 30px;
        z-index: 9999 !important;
    }

    .elementor-widget-wrape {
        background-color: white;
    }

    @media (min-width: 768px) and (max-width: 1024px) {

        #pricingcards:hover {
            transform: scale(1.06);
            box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.5);
            border-radius: 30px;
            z-index: 9999 !important;
            margin: 30px 41px;
        }
    }



    @media (max-width: 767px) {
        #pricingcards:hover {
            transform: scale(1.06);
            box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.5);
            border-radius: 30px;
            z-index: 9999 !important;
            margin: 30px 21px;
        }
    }

    /* enterprise second section 14-6-2024 */
    @media (min-width: 1537px) and (max-width: 1800px) {
        #enterprisetwoimg {
            margin-right: 50px;
        }

        #enterpriseicontwo {}

        #enterpriseicon {
            margin-top: 90px;
        }
    }

    @media (min-width: 1500px) and (max-width: 1536px) {
        #enterprisetwoimg {
            margin-right: 100px;
        }
    }

    @media (min-width: 1200px) and (max-width: 1434px) {
        #enterprisetwoimg {
            margin-right: 50px;
        }

        #enterpriseicontwo {}

        #enterpriseicon {
            margin-top: 12px;
        }

    }

    @media (min-width: 1434px) and (max-width: 1500px) {
        #enterprisetwoimg {
            margin-right: 50px;
        }

        #enterpriseicontwo {}

        #enterpriseicon {
            margin-top: 50px;
        }
    }

    @media (min-width: 1537px) and (max-width: 1800px) {
        #enterprisetwoimg {
            margin-right: 50px;
        }

        #enterpriseicontwo {}

        #enterpriseicon {
            margin-top: 90px;
        }
    }


    @media (min-width: 1801px) and (max-width: 1920px) {
        #enterprisetwoimg {
            padding-right: 7%;


        }

        #enterpriseicontwo {
            margin-top: -35%
        }

        #enterpriseicon {
            margin-top: 15%;
        }
    }



    /* about us last section part 20-06-2024 */
    @media (min-width: 1537px) and (max-width: 2000px) {
        #sectionsix {
            margin: 0 5% 0 5%;
            background-size: 150% 75%;
            background-position: top 75% left 50%;
        }


        #sectionsixone {
            margin-bottom: -20%;
        }
    }

    @media (min-width: 1350px) and (max-width: 1536px) {

        #sectionsixone {
            margin-bottom: -20%;
        }

        #sectionsix {
            margin: 0px 170px 0 170px;
        }
    }

    @media (min-width: 800px) and (max-width: 1349px) {
        #sectionsix {
            margin: 0 10% 0 10%;
            background-size: 120% 80%;
            background-position: top 60% left 50%;
        }

        #sectionsixone {
            margin-bottom: -20%;
        }
    }

    @media (min-width: 768px) and (max-width: 799px) {
        #sectionsix {
            margin: 0 10% 0 10%;
            background-size: 120% 80%;
            background-position: top 40% left 50%;
        }

        #sectionsixone {
            margin-bottom: -8%;
        }
    }

    @media (min-width: 600px) and (max-width: 767px) {
        #sectionsix {
            margin: 0 10% 0 10%;
            background-size: 120% 80%;
            background-position: top 40% left 50%;
        }

        #sectionsixone {
            margin-bottom: -20%;
        }

        #lastitle {
            margin-left: -30px;
        }
    }


    @media (min-width: 350px) and (max-width: 599px) {

        #sectionsix {
            margin: 0 5% 0 5%;
            background-size: 160% 80%;
            background-position: top 45% left 50%;
        }

        #sectionsixone {
            margin-bottom: -20%;
        }

    }


    @media (max-width: 349px) {

        #sectionsixone {
            margin-bottom: -20%;
        }

        #sectionsix {
            margin: 0 5% 0 5%;
            background-size: 170% 90%;
            background-position: bottom 100% left 50%;



        }

        #lastitle {
            margin-left: 25%;
        }
    }


    /* 29-07-2024 */
    /* language switcher bg color
 */
    .elementor-57298 .elementor-element.elementor-element-1f404586 .menu-item a.hfe-menu-item,
    .elementor-57298 .elementor-element.elementor-element-1f404586 .sub-menu a.hfe-sub-menu-item {
        background-color: white !important;
    }


    /*most important*/
    /*show only one mega menu content (of Our Products) , on hover.  */


    /* 

25--7 mega menu */

    .tab-content {
        display: none;
    }

    /* Show the first tab content by default */
    .tab-content.active {
        display: block;
    }


    /*mega menu image box's height, because they were overlapping on small laptops screens*/

    .elementor-icon-box-wrapper {
        padding-right: 12px;
    }

    @media screen and (min-width: 1205px) and (max-width: 1366px) {

        /*         for english */
        .elementor-icon-box-wrapper {
            height: 60px !important;
        }

        .elementor-element-74b23e4e {
            height: 700px;
        }

    }

    @media screen and (min-width: 1367px) and (max-width: 1436px) {
        .elementor-icon-box-wrapper {
            height: 71px !important;
        }
    }

    .elementor-element-71407a24 .elementor-icon-box-wrapper {
        height: 84px !important;

    }


    /* <!--in mega menu, on left side, on bottom, there is 'learn more' button. -->

also, the code is in mega menu's html widget */

    .learn_more_contianer .elementor-button-icon svg {

        height: 13px !important;
    }


    /* Base styles for mega menu */
    .menu_content {
        position: absolute;
        top: 32px !important;
        left: -10px !important;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-100px);
        transition: opacity 0.4s, transform 0.4s !important;
    }

    /* Show menu content on hover and focus */
    .menu_content:hover,
    .menu_content:focus,
    .menu_content:focus-within,
    .nav_item:hover+.menu_content,
    .nav_item:focus-within+.menu_content {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    /* Base styles for navigation items */
    .nav_item {
        display: flex;
        align-items: center;

    }

    /* Adjusted hover and focus styles */
    .nav_item:hover .menu_content,
    .nav_item:focus-within .menu_content,
    .menu_content:hover,
    .menu_content:focus-within {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    /* SAAD experimental styles */
    .nav_menu_parent_for_products_megamenu {
        position: relative;
    }

    .sada-our-products {
        position: relative;
    }

    .OurProducts-innersection-but-notreally {
        position: absolute;
        top: 120% !important;
        left: 0;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-100px);
        transition: opacity 0.4s, transform 0.4s !important;
    }

    .sada-our-products:hover~.OurProducts-innersection-but-notreally,
    .sada-our-products:focus~.OurProducts-innersection-but-notreally,
    .sada-our-products:focus-within~.OurProducts-innersection-but-notreally,
    .OurProducts-innersection-but-notreally:hover,
    .OurProducts-innersection-but-notreally:focus,
    .OurProducts-innersection-but-notreally:focus-within {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    .sada-our-products:hover .OurProducts-innersection-but-notreally,
    .sada-our-products:focus-within .OurProducts-innersection-but-notreally,
    .OurProducts-innersection-but-notreally:hover {
        opacity: 1;

        pointer-events: auto;
        transform: translateY(0);
    }

    /* Hover effect with padding */
    .megaleft .elementor-element-populated {
        padding-left: 0;
        transition: padding-left 0.5s;
    }

    .megaleft .elementor-element-populated:hover {
        padding-left: 17px !important;
    }


    /*height of mega menu content items (icon boxes)*/
    .nav_menu_parent_for_products_megamenu .elementor-icon-box-wrapper {
        padding-left: 0;
        transition: padding-left 0.5s;

    }


    .nav_menu_parent_for_products_megamenu .elementor-icon-box-wrapper:hover {
        padding-left: 7px !important;
    }


    /* Mobile navigation styles */
    .third-level-nav {
        padding-left: 20px !important;
    }

    .sub-menu-active .hfe-sub-menu-item {
        font-weight: 600 !important;
    }

    .hfe-has-submenu-container.menu-active.sub-menu-active a {
        font-weight: 600 !important;
    }

    /* Sticky header styles */
    .stickytab-content {
        display: none !important;
    }

    .stickytab-content.active {
        display: block !important;
    }

    /* Arrow on hover */
    /*.nav_item:after {*/
    /*    content: '⮟';*/
    /*    font-size: 12px;*/
    /*    display: inline-block;*/
    /*    margin-left: 4px;*/
    /*    transition: transform 0.3s;*/
    /*}*/
    /*.nav_item:hover:after {*/
    /*    content: '⮝';*/
    /*    margin-left: 2px;*/
    /*}*/
    .nav_item:after {

        background-repeat: no-repeat;
        content: " ";
        position: relative;
        width: 14px;
        height: 15px;
        margin: 10px 0 0 7px;
        background-image: url("https://www.deskflex.com/wp-content/uploads/2026/01/dropdown-icon.svg");
        transition: transform 0.3s;
    }

    /* Line below menu */
    .nav_item:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -100% !important;
        width: 0;
        height: 10px;
        background-image: url('https://deskflex.com/wp-content/uploads/2024/06/header/Tab%20%281%29%20%281%29.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transition: width 0.3s ease, left 0.3s ease;
        transform: translateX(-50%);
    }

    .nav_item:hover:before {
        width: 100%;
    }


    .blog:after,
    .support:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -36px;
        width: 0;
        height: 20px;
        background-image: url('https://deskflex.com/wp-content/uploads/2024/06/NewFolder/Group%2034014.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transition: width 0.3s ease, left 0.3s ease;
        transform: translateX(-50%);
    }

    .blog:hover:after {
        width: 200%;
    }


    .support:hover:after {
        width: 120%;
    }


    /*//service mega menu//*/
    .menu_contents {
        position: absolute;
        top: 40% !important;
        left: 20% !important;
        opacity: 0;
        width: 850px !important;
        pointer-events: none;
        transform: translateY(-100px);
        transition: opacity 0.4s, transform 0.4s !important;
    }

    /* Show menu content on hover and focus */
    .menu_contents:hover,
    .menu_contents:focus,

    .nav_item:hover+.menu_contents,
    .nav_item:focus-within+.menu_contents {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }

    /* Base styles for navigation items */
    .nav_item {
        display: flex;
        align-items: center;

    }

    /* Adjusted hover and focus styles */
    .nav_item:hover .menu_contents,
    .nav_item:focus-within .menu_contents,
    .menu_contents:hover
    {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/*//industry menu*/
.menu_industry {
    position: absolute;
    top: 18px !important;
    left: 40% !important;
    opacity: 0;
    width: 330px !important;
    pointer-events: none;
    transform: translateY(-100px);
    transition: opacity 0.4s, transform 0.4s !important;
}

/* Show menu content on hover and focus */
.menu_industry:hover,
.menu_industry:focus,

.nav_item:hover+.menu_industry,
.nav_item:focus-within+.menu_industry {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* Base styles for navigation items */
.nav_item {
    display: flex;
    align-items: center;

}

/* Adjusted hover and focus styles */
.nav_item:hover .menu_industry,
.nav_item:focus-within .menu_industry,
.menu_industry:hover
{
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}

.elementor-29680 .elementor-element.elementor-element-073e3e6 .sub-menu li.menu-item {

    background-color: white !important
}

.elementor-29680 .elementor-element.elementor-element-073e3e6 .sub-menu {
    background-color: rgba(255, 255, 255, 0)
}

/* Add border-radius to the entire submenu */
.languagesw .sub-menu {
    border-radius: 7px !important;
    overflow: hidden;
    /* Ensures content respects the border-radius */
}

/* Add border-radius to the first item in the submenu */
.languagesw .sub-menu li:first-child a {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;

}

/* Add border-radius to the last item in the submenu */
.languagesw .sub-menu li:last-child a {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

/*//side black corner//*/
.elementor-69401 .elementor-element.elementor-element-56f6686b .sub-menu,
.elementor-69401 .elementor-element.elementor-element-56f6686b nav.hfe-dropdown,
.elementor-69401 .elementor-element.elementor-element-56f6686b nav.hfe-dropdown-expandible,
.elementor-69401 .elementor-element.elementor-element-56f6686b nav.hfe-dropdown .menu-item a.hfe-menu-item,
.elementor-69401 .elementor-element.elementor-element-56f6686b nav.hfe-dropdown .menu-item a.hfe-sub-menu-item {

    background-color: rgba(255, 255, 255, 0) !important;

}

.elementor-69401 .elementor-element.elementor-element-35a67d6 .sub-menu,
.elementor-69401 .elementor-element.elementor-element-35a67d6 nav.hfe-dropdown,
.elementor-69401 .elementor-element.elementor-element-35a67d6 nav.hfe-dropdown-expandible,
.elementor-69401 .elementor-element.elementor-element-35a67d6 nav.hfe-dropdown .menu-item a.hfe-menu-item,
.elementor-69401 .elementor-element.elementor-element-35a67d6 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item {
    background-color: rgba(255, 255, 255, 0) !important;

     }
/* //brazilian banner sections buttons// */
    @media(min-width:1025px) and (max-width:1435px) {
        .demobuttonbr {
            margin-bottom: 10px !important;
        }

        .getstartedbr {
            margin-left: -15px !important;
        }
    }


    /* //iraj css// */

    /* saad start */

    /* |||******* contact-us page, section-2 ********||| */


    /* Styling the elementor icon list item */
    .contact-us-list-gradient-bg .elementor-icon-list-item {
        border-radius: 50px;
        /* Applying a gradient background with  opacity fade */
        background: linear-gradient(90deg, #032444, rgba(3, 46, 88, 0) 70%);

        /* paddings  */
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 10px !important;

        /* 	margin */
        margin-left: -20px !important;
    }

    /* french header */
    /* left coloumn's imagebox's description was too long. overlapping with the -> icon. */
    .mega_left .elementor-image-box-description {
        padding-right: 20px;
    }



    /* Home slider,
give specific height to each bullet point */
    @media (min-width: 1205px) and (max-width: 1900px) {
        .home_slider .elementor-icon-list-items .elementor-icon-list-text {
            min-height: 52px !important;
        }
    }

    /*slider's text was not selectable */
    .txt_selectable {
        user-select: text !important;
    }

    /* Branded Apps page ( /checkinout ) */
    /* for first heading pseu elements */
    .branded-apps-heading1 {
        position: relative;
        display: inline-block;
    }

    .branded-apps-heading1 .highlight {
        position: relative;
        display: inline-block;
    }

    .branded-apps-heading1 .highlight-online::before {
        content: 'Desk';
        font-size: 14px;
        line-height: 14px;
        /* Match font size to prevent disappearing */
        position: absolute;
        top: -5px;
        /* Adjust as necessary */
        left: -15px;
        background-color: #8E55EA;
        color: white;
        /* Assuming you want the text to be white */
        padding: 8px 10px;
        border-radius: 35px 35px 0px 35px;
        border: 2px solid #a270f4;
        white-space: nowrap;
        /* Prevent text from wrapping */
    }

    .branded-apps-heading1 .highlight-easy::before {
        content: 'Management App';
        font-size: 12px;
        line-height: 12px;
        /* Match font size for consistency */
        position: absolute;
        top: 2px;
        /* Adjust as necessary */
        left: 5px;
        background-color: #3fdd7a;
        color: white;
        /* Assuming you want the text to be white */
        padding: 8px 10px;
        border-radius: 35px 35px 35px 0px;
        border: 2px solid #43f585;
        white-space: nowrap;
        /* Prevent text from wrapping */
    }

    .branded-apps-heading1 span {
        display: inline-block;
    }

    /* Tablet view (1024px) */
    @media (max-width: 1024px) {
        .branded-apps-heading1 .highlight-online::before {
            font-size: 10px;
            line-height: 6px;
            top: -14px;
            /* Adjust as necessary */
            left: -11px;
            padding: 6px 8px;
        }

        .branded-apps-heading1 .highlight-easy::before {
            font-size: 10px;
            line-height: 6px;
            top: -0px;
            /* Adjust as necessary */
            left: 5px;
            padding: 6px 8px;
        }
    }

    /* Mobile view */
    @media (max-width: 768px) {

        .branded-apps-heading1 .highlight-online::before,
        .branded-apps-heading1 .highlight-easy::before {
            display: none;
            /* Hide pseudo-elements on mobile */
        }
    }


    /* contact page */

    #contactus .col-md-12 .formbis {
        margin-bottom: 0px !important;
        padding-top: 0px !important;
    }

    #contactus .col-md-12 {
        padding-bottom: 0px !important;
    }

    #contactus .form-box {
        padding-top: 15px;
    }

    #contactus .full-line {
        padding-top: 4px !important;
    }

    #contactus .full-line a {
        margin-bottom: 30px !important;

    }

    #contactus .dnnPrimaryAction {
        width: 35% !important
    }

    .elementor-element-951cea0 .elementor-element-populated {
        border-radius: 30px !important;
    }


    .contact-us-form-class .hpcform input {
        padding: 30px 20px !important;
    }


    .contact-us-form-class #Form .col-md-12 .col-md-6 {
        margin-bottom: 4%;
    }

    .contact-us-form-class #SolutionOfInterest {
        line-height: 50px;
        height: 63px;
        padding: 0 12px;
    }

    #Form .col-md-12 .col-md-12 {
        margin-bottom: 0%;
    }

    .form-control::-moz-placeholder {
        color: rgba(55, 57, 63, 0.9);
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: rgba(55, 57, 63, 0.87);
    }

    .form-control::-webkit-input-placeholder {
        color: rgba(55, 57, 63, 0.89);
        padding-left: 10px !important;
    }

    /** mobile menu-items **/
    /** some pages are 404, some pages do not have german translation. i think we should hide them for now.  **/

    .hidden_menu,
    .hidden_menu_blog {
        display: none !important;
    }

    /*the CSS for  slider's  dots to make them shaped like a pill (or cylneder ) is below . in the html widget named: html slider dots */


    @media only screen and (min-width: 768px) and (max-width: 1205px) {
        .icon_list_slider_heading .elementor-icon-list-text {
            margin-bottom: 22px !important;
        }
    }

    /* Home slider,
give specific height to each bullet point */
    @media (min-width: 1205px) and (max-width: 1900px) {
        .home_slider .elementor-icon-list-items .elementor-icon-list-text {
            min-height: 52px !important;
        }
    }



    /*slider's text was not selectable */
    .txt_selectable {
        user-select: text !important;
    }

    /* saad end */