@font-face {

    font-family: 'Helvetica';

    font-style: normal;

    font-weight: 100;

    src: local('fonts/helvetica-light.ttf') format('ttf');

}

    



@font-face {

    font-family: 'Helvetica';

    font-style: normal;

    font-weight: 400;

    src: local('fonts/Helvetica.ttf') format('ttf');

}

    



@font-face {

    font-family: 'Helvetica';

    font-style: normal;

    font-weight: 700;

    src: local('fonts/Helvetica-Bold.ttf') format('ttf');

}



@media only screen and (min-width: 1400px) {

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

        max-width: 1330px;

    }

}

body {

    margin: 0;

    padding: 0;

    font-family: Helvetica, sans-serif;

    color: #121212;

    font-weight: 400;

    line-height: 1.4;

    font-size: 16px;

    background: #FBFBFB;

}

a {

    text-decoration: none;

}

img {

    max-width: 100%;

}

.justify-content-space-between {

    justify-content: space-between;

}

#header {

    background: transparent;

    padding: 0;

    transition: top 0.3s ease-in-out;

    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); 

}

a.navbar-brand {

    display: inline-block;

    margin: 0;

}

nav.navbar.main-menu {

    padding: 0;

}

#header a.btn {

    margin: 24px 5px;

    padding: 15px 25px;

    font-size: 16px;

    color: #121212;

    font-weight: 400;

    line-height: 1;

}

.btn-primary {

    background-color: #f1c232;

    border-color: #f1c232;

    color: #121212;

}

.btn-primary:hover {

    background-color: #fff;

    border-color: #f1c232;

    color: #121212;

}

.btn-outline-primary {

    border-color: #f1c232;

    color: #121212;

}

.btn-outline-primary:hover {

    background-color: #f1c232;

    border-color: #f1c232;

    color: #121212;

}

.main-menu ul.navbar-nav {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 10px;

}

.main-menu ul.navbar-nav a.nav-link {

    padding: 10px 12px;

    margin: 0;

    font-size: 16px;

    font-weight: 400;

    color: #212121;

    position: relative;

}

.main-menu ul.navbar-nav li.active a.nav-link {

    color: #f1c232;

}

.main-menu ul.navbar-nav li.active a.nav-link:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 3px;

    background: #f1c232;

    width: 0;

    transition: 0.3s;

}

.main-menu ul.navbar-nav li.active a.nav-link:after {

    width: 100%;

}

#header.sticky {

    top: -100%;

}

#header.show {

    top: 0;

    transition: top 1.8s ease-in-out;

    background: #fff;

    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);

}



.main-content {

    margin-top: 110px;

}

.banner {

    background: #FBFBFB;

    padding: 20px 0 60px;

}

.banner-content {

    padding-right: 50px;

}

.banner-content h1 {

    font-size: 44px;

    font-weight: 700;

    line-height: 1.3;

    margin-bottom: 20px;

}

.banner-content h1 span {

    color: #f1c232;

}

.banner-image .img-banner {

    margin-left: -80px;

    max-width: calc(100% + 80px);

}

.banner-content h4 {

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 20px;

    line-height: 1.3;

}

.banner-content p {

    line-height: 1.4;

    color: #828282;

    padding-right: 70px;

}

.button-block {

    display: flex;

    align-items: center;

    gap: 20px;

}



.button-block a {

    padding: 16px 62px;

}

.button-block img {

    mix-blend-mode: multiply;

}

.counter-sec {

    background: #fff;

    padding: 70px 0 100px;

}

.counter-sec-inner {

    max-width: 345px;

}

.counter-sec-inner h2 {

    margin: 0;

    line-height: 1.4;

    font-weight: 700;

    font-size: 24px;

    color: #000;

}

.counter {

    background: #FAFAFA;

    border-radius: 15px;

    padding: 20px 55px;

}

.counter-block h3 {

    font-weight: 700;

    color: #41479B;

    margin-bottom: 5px;

    font-size: 24px;

}

.counter-block .starts {

    font-size: 14px;

    color: #f1c232;

}

.counter-block p {

    margin: 0;

}

.productivity-sec {

    background: #F8FDFF;

    padding: 70px 0;

}

.solutions-sec {

    background: #ffffff;

    padding: 120px 0;

}

.productivity-inner, .solutions-inner {

    text-align: center;

    max-width: 986px;

    margin: 0 auto 60px;

}

.productivity-inner h2, .solutions-inner h2 {

    font-size: 40px;

    font-weight: 700;

    margin-bottom: 20px;

}

.productivity-inner p, .solutions-inner p {

    color: #828282;

}

.productivity-grid-inner {

    background: #EEF5FF;

    padding: 30px;

    border-radius: 20px;

}

.productivity-grid {

    row-gap: 30px;

}

.productivity-grid-inner h3 {

    font-size: 24px;

    font-weight: 400;

    margin-bottom: 20px;

}

.productivity-grid-inner p {

    color: #828282;

    line-height: 1.6;

}

.solutions-grid-content {

    width: calc(100% - 10px);

    background: #F9F9F9;

    border-radius: 20px;

    padding: 30px;

}

.solutions-grid-content ul {

    list-style: none;

    padding: 0;

    margin: 0;

    display: flex;

    flex-direction: column;

    gap: 30px;

    max-width: 590px;

}

.solutions-grid-content ul li.icon-sec {

    display: flex;

    gap: 65px;

}

.icon-sec-cont {

    padding-right: 50px;

}

.icon-sec-cont h4 {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 15px;

}

.icon-sec-cont p {

    margin: 0;

    font-size: 18px;

    font-weight: 400;

}

.solutions-grid-image {

    width: calc(100% - 10px);

    margin-left: 10px;

}

.solutions-grid-image img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 20px;

}

.guide-sec {

    background: #000000;

    padding: 70px 0;

}

.guide-inner {

    text-align: center;

    margin: 0 auto 60px;

    max-width: 800px;

}

.guide-inner h2 {

    color: #fff;

    font-size: 40px;

    font-weight: 700;

    line-height: 1.3;

    margin: 0;

}

.row.solutions-grid {

    align-items: center;

}

.guide-grid-content ul {

    margin: 0;

    list-style: none;

    padding: 0;

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

    width: calc(100% - 10px);

}

.guide-grid-content ul li.guide-content {

    width: calc(50% - 15px);

}

.guide-grid-content ul li.guide-content a {

    background: #3d3d3d;

    display: flex;

    flex-direction: column;

    gap: 20px;

    padding: 30px;

    border-radius: 20px;

    color: initial;

    height: 100%;

}

.guide-grid-content ul li.guide-content a:hover {

    background: #6150eb;

}

.guide-grid-content ul li.guide-content h4 {

    color: #fff;

    font-size: 24px;

    margin: 0;

    font-weight: 700;

}

.guide-grid-content ul li.guide-content p {

    color: #fff;

    font-size: 18px;

    font-weight: 400;

    margin: 0;

    font-family: Montserrat;

}



.guide-grid-image {

    margin-left: 20px;

    width: calc(100% - 20px);

}

.unleash-productivity-sec {

    margin: 100px 0;

    padding: 100px 0 170px;

    background-size: 100% 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-color: #0390df;

}

.unleash-productivity-inner {

    text-align: center;

    max-width: 580px;

    margin: 0 auto;

}

.unleash-productivity-inner p {

    color: #fff;

    font-size: 16px;

    font-weight: 400;

    margin-bottom: 10px;

}

.unleash-productivity-inner h2 {

    color: #fff;

    font-size: 32px;

    font-weight: 700;

    line-height: 1.4;

    margin: 0;

}

.accordion-button {

    position: relative;

    font-weight: bold;

}



.accordion-button .icon {

    font-size: 1.25rem;

    transition: transform 0.3s ease-in-out;

}



.faq-sec {

    padding: 50px 0 100px;

}

.faq-sec-inner {

    margin-bottom: 40px;

    text-align: center;

}

.faq-sec-inner h2 {

    font-weight: 700;

    font-size: 40px;

    margin: 0;

}

#faq_accordion .accordion-item {

    border: none;

    border-bottom: 1px solid #dcdcdc;

}

#faq_accordion .accordion-item .accordion-button {

    font-size: 18px;

    font-weight: 700;

    color: #121212;

    background: transparent;

    padding: 25px 30px 25px 0px;

}

#faq_accordion .accordion-body {

    padding: 25px 0;

    color: #828282;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.3;

    width: 85%;

}

#faq_accordion .accordion-item .accordion-button::after {

    display: none;

}

#faq_accordion .accordion-item .accordion-button span.icon {

    position: absolute;

    right: 5px;

    width: 20px;

    height: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    top: 27px;

}

#faq_accordion .accordion-item .accordion-button span.icon::before {

    background: #f1c232;

    height: 3px;

    width: 15px;

    content: '';

    position: absolute;

}

#faq_accordion .accordion-item .accordion-button span.icon::after {

    background: #f1c232;

    height: 15px;

    width: 3px;

    content: '';

    position: absolute;

}

#faq_accordion .accordion-item .accordion-button:not(.collapsed) span.icon::after {

    height: 0;

}

.contact-sec {

    padding: 100px 0;

    background-size: cover;

    background-position: initial;

    background-color: #f3f3f3;

    position: relative;

    overflow: hidden;

}

.contact-sec::before {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: #0005;

}

.contact-content h2 {

    max-width: 520px;

    font-size: 40px;

    font-weight: 700;

    color: #fff;

    letter-spacing: -1px;

    margin-bottom: 15px;

}

.contact-content p {

    max-width: 390px;

    font-size: 20px;

    font-weight: 400;

    color: #fff;

    margin: 0;

}

.contact-form {

    max-width: 100%;

    background: #fff;

    padding: 55px;

    border-radius: 20px;

}

.contact-form input {

    width: 100%;

    background: #C2D1D930 !important;

    border-color: #C2D1D9;

    font-size: 16px;

    font-weight: 400;

    color: #90A0B9;

    padding: 10px 40px 10px 20px;

}

.contact-form .input-group > span {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    background: transparent;

    border: none;

    color: #f1c232;

    font-size: 16px;

}

.contact-form input {

    width: 100% !important;

    background: #C2D1D930 !important;

    border-color: #C2D1D9;

    font-size: 16px;

    font-weight: 400;

    color: #90A0B9;

    padding: 10px 40px 10px 20px;

    border-radius: 4px !important;

}

.contact-form textarea {

    width: 100% !important;

    background: #C2D1D930 !important;

    border-color: #C2D1D9;

    font-size: 16px;

    font-weight: 400;

    color: #90A0B9;

    padding: 10px 20px;

    border-radius: 4px !important;

    min-height: 110px;

}

.contact-form .iti {

    width: 100%;

}

.contact-form .iti input#mobile_code {

    padding-right: 40px;

    padding-left: 95px !important;

}

.contact-form  .iti--separate-dial-code .iti__selected-flag {

    background: transparent;

    border-right: 1px solid #dcdcdc;

    padding-right: 8px;

    font-size: 16px;

}

.contact-form button.btn-primary {

    padding: 10px 65px;

    color: #fff;

    font-size: 16px;

}

.contact-form button.btn-primary:hover {

    color: #121212;

}

/* .main-footer {

    background: rgb(255,255,255);

    background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(203,153,0,0.5) 100%); 

}*/
.main-footer {
    background: #f5c000;
    border-radius: 10px;
}
.footer-top {

    padding-top: 120px;

    text-align: center;

    padding-bottom: 25px;

}

.footer-logo {

    margin-bottom: 30px;

}

.footer-social h2 {

    color: #333;

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 20px;

}

.footer-social ul {

    list-style: none;

    padding: 0;

    margin: 0 0 40px;

    display: flex;

    justify-content: center;

    gap: 20px;

}

.footer-social ul a {

    display: inline-block;

    background: transparent;

    border-radius: 50%;

    transition: 0.3s;

}

.footer-social ul a:hover {

    background: #f1c232;

}

.footer-middle {

    max-width: 1064px;

    margin: 0 auto 70px;

}

.footer-menu h2 {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 20px;

}

.footer-menu ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.footer-menu ul li {

    margin-bottom: 0px;

}

.footer-menu ul li a {

    color: #333;

    font-size: 14px;

    font-weight: 400;

    transition: 0.3s;

}

.footer-menu ul li a:hover {

    padding-left: 7px;

}

.footer-bottom {

    border-top: 1px solid #ffffffbf;

    padding: 20px;

    text-align: center;

}

.copyright {

    font-family: inter;

    font-size: 14px;

    font-weight: 400;

}

.mobile-menu {

    display: none;

}

.mobile_toggle {

    display: none;

}

.menu_overlay {

    display: none;

}

.desktop-hide {

    display: none;

}
.smartflow-form-logo {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 50%; 
    overflow: hidden;   
    display: flex;      
    align-items: center;
    justify-content: center;
}

.smartflow-form-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.smart-flow-image-close {
    top: 54px;
    right: 44px;
    border-radius: 50%;
}
.smart-flow-formrequest input[type="text"],.smart-flow-formrequest input[type="email"] {
    height: 40px;
    border-radius: 2px;
    border-color: #C2C9D1;
    padding: 10px 12px;
}
.smart-flow-formrequest textarea {
    border-radius: 2px;
    border-color: #C2C9D1;
    padding: 10px 12px;
}
.smart-flow-formrequest input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border-color: #C2C9D1;
    border-radius: 4px;
}
.smart-flow-formrequest label.form-check-label {
    margin-bottom: 0;
    color: #353535 !important;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}
.smart-flow-formrequest .form-check {
    display: flex;
    align-items: center;
    gap: 12px;
}
.smart-flow-formrequest {
    padding-top: 0;
}
.smart-flow-formrequest button {
    margin-top: 50px;
    border: unset;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 227px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
}
.smartflow-poweredby p {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color: #91979D;
    font-size: 12px;
    padding-top: 20px;
}
.smartflow-poweredby p a{
     color: #91979D;    
}
.samrtflow-image-form-header h5 {
    font-family: "Inter", sans-serif;
    font-weight: 600;
}
.smartflow-success-message h3 {
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    color:#000;
}
.smartflow-success-message p {
     font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -1.5%;
    text-align: center;
}
.closecontainer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
}
.smart-flow-form-row {
    align-items: center;
}

.smart-flow-form-main-div {
    max-width: 375px;
    width: 100%;
    height: auto;
}
.image-form-header h3 {
    font-size: 14px;
    padding: 20px 0 10px !important;
    margin: 0 !important;
}
.footer-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}
.footer-menu ul {
    display: flex;
    gap: 20px;
}
.footer-content p {
    margin-bottom: 0;
}
.footer-menu ul li a {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.2px;
}
@media only screen and (max-width: 1200px) {

    .banner-content h1 {

        font-size: 36px;

    }

    .banner-content p {

        padding-right: 25px;

    }

    .counter {

        padding: 20px 20px;

    }

}



@media only screen and (max-width: 991px) {

    .menu_overlay {

        position: fixed;

        width: 100%;

        height: 100%;

        background: #0008;

        z-index: 9999;

        left: 0;

        top: 0;

        visibility: hidden;

        opacity: 0;

    }

    div#mobile_menu {

        display: inline-block;

        flex-wrap: wrap;

        position: fixed;

        height: 100%;

        z-index: 99999;

        background: #fff;

        left: -380px;

        transition: 0.5s;

        top: 0;

        width: 380px;

        align-items: flex-start;

        gap: 0;

    }

    .body_menu_open div#mobile_menu {

        left: 0;

        transition: 0.5s;

    }

    .mobile-header {

        padding: 15px 25px;

        display: inline-flex;

        width: 100%;

        justify-content: space-between;

        align-items: center;

        max-height: 75px;

        border-bottom: 0px solid #ececec;

    }

    .mobile-logo img {

        height: 25px;

        width: auto;

    }

    .close_btn {

        font-size: 18px;

        color: #121212;

        width: 30px;

        height: 30px;

        display: flex;

        align-items: center;

        justify-content: center;

        border-radius: 50%;

        box-shadow: 0 0 0 1px #0002;

    }

    .mobile-content ul.navbar-nav {

        flex-wrap: nowrap;

        height: calc(100% - 156px);

        overflow: scroll;

    }

    .mobile-content ul.navbar-nav > li {

        margin: 0;

        width: 100%;

        border-bottom: 0px solid #ececec;

    }

    .mobile-content ul.navbar-nav > li > a {

        padding: 15px 25px;

        width: 100%;

        text-align: left;

        color: inherit;

    }

    .menu_overlay.menu_open {

        visibility: visible;

        opacity: 1;

        display: block;

    }

    .desktop-hide {

        display: block;

    }

    .mobile-hide {

        display: none;

    }

    .mobile_toggle {

        display: flex;

        font-size: 25px;

        color: #F5C000;

        width: 40px;

        height: 40px;

        align-items: center;

        justify-content: center;

    }
    .mobile_toggle:hover{
        color: #F5C000;
    }

    a.navbar-brand {

        padding: 20px 0;

    }

    .mobile-logo a.navbar-brand {

        padding: 10px 0;

    }

    .banner-content {

        padding-right: 0;

    }

    .banner-content p {

        padding-right: 0;

    }

    .main-content {

        margin-top: 80px;

    }

    #header img {

        max-height: 30px;

    }

    .banner-image {

        margin-top: 30px;

    }

    .banner-image .img-banner {

        margin-left: 0;

        max-width: calc(100% + 0px);

    }

    .counter-sec {

        padding: 70px 0 75px;

    }

    .counter-sec-inner {

        max-width: 100%;

        margin-bottom: 25px;

    }

    .productivity-inner h2, .solutions-inner h2 {

        font-size: 34px;

    }

    .productivity-inner, .solutions-inner {

        margin: 0 auto 45px;

    }

    .solutions-sec {

        padding: 70px 0;

    }

    .solutions-grid-content ul {

        max-width: 100%;

    }

    .icon-sec-cont {

        padding-right: 0;

        width: 100%;

    }

    .solutions-grid-content {

        width: calc(100% - 0px);

    }

    .solutions-grid-image {

        width: calc(100% - 0px);

        margin-left: 0;

        margin-top: 0;

        margin-bottom: 30px;

    }

    .guide-inner {

        margin: 0 auto 45px;

    }

    .guide-inner h2 {

        font-size: 34px;

    }

    

    .guide-grid-content ul {

        width: calc(100% - 0px);

    }

    .mob-col-rev {

        flex-direction: column-reverse;

        gap: 30px;

    }

    .guide-grid-image {

        margin-left: 0;

        width: calc(100% - 0px);

        text-align: center;

        margin-bottom: 30px;

    }

    .unleash-productivity-inner h2 {

        font-size: 30px;

    }

    .unleash-productivity-sec {

        margin: 60px 0;

        padding: 70px 0 110px;

    }

    .faq-sec {

        padding: 30px 0 70px;

    }

    .faq-sec-inner {

        margin-bottom: 25px;

    }

    .faq-sec-inner h2 {

        font-size: 34px;

    }

    .contact-content h2 {

        max-width: 100%;

        font-size: 34px;

    }

    .contact-content p {

        max-width: 100%;

        font-size: 18px;

    }

    .contact-form {

        max-width: 100%;

        background: #fffffff0;

        padding: 40px;

        margin-top: 40px;

    }

    .contact-form input, .contact-form textarea {

        background: #c2d1d97a !important;

    }

    .footer-top {

        padding-top: 90px;

    }

    .footer-logo a.navbar-brand {

        padding: 0;

    }

    .footer-social h2 {

        font-size: 19px;

    }

    .footer-social ul {

        margin: 0 0 30px;

        gap: 20px;

    }

    .footer-menu {

        margin-bottom: 0px;

    }

    .footer-middle {

        margin: 0 auto 30px;

    }

    .mobile-content {

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        height: calc(100vh - 70px);

    }

    .mobile-btn {

        display: flex;

        flex-direction: column;

        gap: 20px;

        padding: 20px;

        box-sizing: border-box;

        width: 100%;

    }

    .mobile-btn a.btn {

        width: 100% !important;

        margin: 0 !important;

    }

}



@media only screen and (max-width: 767px) {

.container, .container-sm {

    max-width: 98%;

}

.banner-content h1 {

    font-size: 30px;

}

.counter-sec {

    padding: 45px 0 50px;

}

.counter-sec-inner h2 {

    font-size: 22px;

}

.counter-sec-inner {

    margin-bottom: 15px;

}

.counter-block h3 {

    font-size: 20px;

}

.productivity-sec {

    padding: 50px 0;

}

.productivity-inner, .solutions-inner {

    margin: 0 auto 35px;

}

.productivity-inner h2, .solutions-inner h2 {

    font-size: 28px;

}

.productivity-grid-inner {

    padding: 25px;

}

.productivity-grid-inner h3 {

    font-size: 20px;

    margin-bottom: 15px;

}

.solutions-sec {

    padding: 50px 0;

}

.solutions-grid-image {

    margin-bottom: 15px;

}

.solutions-grid-content ul li.icon-sec {

    gap: 45px;

}

.icon-sec-cont h4 {

    font-size: 20px;

    margin-bottom: 10px;

}

.icon-sec-cont p {

    font-size: 16px;

}

.guide-sec {

    padding: 45px 0;

}

.guide-inner {

    margin: 0 auto 30px;

}

.guide-inner h2 {

    font-size: 30px;

}

.guide-grid-image {

    margin-bottom: 15px;

}

.guide-grid-image img {

    max-width: 400px;

}

.guide-grid-content ul li.guide-content a {

    gap: 10px;

    padding: 25px;

}

.guide-grid-content ul li.guide-content h4 {

    font-size: 20px;

}

.guide-grid-content ul li.guide-content p {

    font-size: 16px;

}

.unleash-productivity-inner h2 {

    font-size: 26px;

}

.faq-sec-inner {

    margin-bottom: 24px;

}

.faq-sec-inner h2 {

    font-size: 28px;

}

#faq_accordion .accordion-item .accordion-button {

    font-size: 16px;

    padding: 20px 30px 20px 0px;

}

#faq_accordion .accordion-item .accordion-button span.icon {

    top: 20px;

}

#faq_accordion .accordion-body {

    padding: 20px 0;

    width: 100%;

}

.contact-content h2 {

    font-size: 28px;

}

.contact-content p {

    font-size: 16px;

}

.footer-top {

    padding-top: 70px;

}

.footer-social h2 {

    font-size: 18px;

}

.footer-social ul {

    margin: 0 0 20px;

    gap: 20px;

}

/* .footer-social ul li img {

    width: 40px;

} */

.footer-menu h2 {

    font-size: 18px;

    margin-bottom: 10px;

}

.banner-image {

    margin-top: 0;

}

.image-form-header {
    position: relative;
}
.smartflow-close-btn-mobile {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.footer-content p {
    font-size: 14px;
}
.footer-menu ul li a {
    font-size: 14px;
}
.footer-content {
    padding: 25px 0;
}

}



@media only screen and (max-width: 480px) {

.banner-content h1 {

    font-size: 24px;

}

.counter-sec-inner h2 {

    font-size: 24px;

}

.counter-block h3 {

    font-size: 16px;

}

.counter-block .starts {

    font-size: 12px;

}

.counter-block p {

    margin: 0;

    font-size: 14px;

}

.productivity-inner h2, .solutions-inner h2 {

    font-size: 24px;

}

.icon-sec-cont h4 {

    font-size: 18px;

    margin-bottom: 10px;

}

.solutions-grid-content ul li.icon-sec {

    gap: 30px;

}

.guide-inner h2 {

    font-size: 24px;

}

.guide-grid-image img {

    max-width: 100%;

}

.guide-grid-content ul li.guide-content {

    width: calc(100% - 0px);

}

.unleash-productivity-inner h2 {

    font-size: 32px;

}

.faq-sec-inner h2 {

    font-size: 24px;

}

#faq_accordion .accordion-body {

    padding: 20px 0;

    font-size: 15px;

}

.contact-content h2 {

    font-size: 24px;

}

.contact-content p {

    font-size: 18px;

}

.contact-form {

    padding: 25px;

    margin-top: 40px;

}

.contact-sec {

    padding: 50px 0;

}



.footer-social h2 {

    font-size: 20px;

}

.footer-menu h2 {

    font-size: 20px;

    margin-bottom: 10px;

}

div#mobile_menu {

    left: -320px;

    width: 320px;

}
.footer-content {
    flex-direction: column-reverse;
    gap: 10px;
}


}





.auth-logo a.auth-logo-light {

    display: none;

}

.auth-logo a.auth-logo-dark {

    width: auto;

    position: relative;

    display: block;

    margin-top: -20px;

    background: #eff2f7;

    border-radius: 50px;

    padding: 15px;

    max-width: 64px;

    height: 64px;

    margin-bottom: 15px;

}

a.navbar-brand img {

    max-width: 148px !important;

    height: auto !important;

}

.account-pages {

    padding-top: 3rem !important;

}

#header a.btn:active {

    background: unset;

    border-color: unset;

}

#header a.btn:focus {

    outline: unset;

    box-shadow: unset;

}

.image-with-form {

    display: grid;

    grid-template-columns: 1fr 1fr;

}

.image-with-form {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
    max-width: 500px;
    margin: 0 auto;
}
.image-form-header {
    border-radius: 10px;
    text-align: center;
     max-width: 500px;
      margin: 0 auto;
}
/*.image-with-form.img-form-not-found {
    animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px);}
  to { opacity: 1; transform: translateY(0);}
}*/
.image-with-form.img-form-not-found .mb-4 {
    margin-bottom: 0 !important;
}
.image-with-form.img-form-not-found .text-primary.p-4 h5 {
    margin: 0;
    font-weight: bold;
}
.image-with-form.img-form-not-found .text-primary.p-4 {
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-with-form .card {

    border-radius: 15px;

    box-shadow: unset;

}
.modal-header a.btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}
label.form-check-label[for="formCheck2"] {
    font-size: 0.8125rem;
    color: #495057;
}
.log-in-image-bx img.log-in-img {

    height: 100%;

    width: 100%;

    object-fit: contain;

}

.log-in-image-bx {

    height: 100%;

    width: 100%;

    background: url("/admin/uploads/settings/blue-bg.jpg") no-repeat;

    background-size: cover;

    background: #252A31;

    border-radius: 0px 15px 15px 0px;
    display: none;

}
.swal2-icon.swal2-warning {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #f8bb86 !important;
    border-color: #facea8 !important;
    border: 4px solid !important;
}

@media only screen and (max-width: 575px) {

.image-with-form .card {

    order: 2;

}

.image-with-form .log-in-image-bx {

    order: 1;

}

.image-with-form {

    grid-template-columns: 1fr;

}

.image-with-form .card {

    border-radius: 0px 0 15px 15px;

}

.log-in-image-bx {

    border-radius: 15px 15px 0px 0px;

}

}

@media(min-width:768px) and (max-width:1399px){
    .smart-flow-formrequest button {
      margin-top: 0;
    }
    .smartflow-poweredby p {
        padding-top: 0;
    }
}
@media(min-width:768px) and (max-width:1199px){
    .smart-flow-row{
        align-items: stretch !important;
    }
}
@media (min-width:768px) and (max-width:991px){
    .smart-flow-form-main-div {
        width: 90%;
    }
}
@media (max-width:767px){
.closecontainer {
    display: none;
}
.smart-flow-form-row {
    align-items: start;
    display: flex;
    min-height: 100vh;
    padding-top: 15px;
}
.smart-flow-form-main-div .card.overflow-hidden.mb-0 {
    border-radius: 15px 15px 0px 0px;
}
}