html {
    scroll-behavior: smooth;
  }
  
  nav.dropdown-list.w-dropdown-list.menudropdown-lists .grid-dropdown {
    grid-template-columns: 1fr;
}

.menu-maingrid {
    grid-template-columns: 1fr 3fr 1fr;
}

/* nav.dropdown-list.w-dropdown-list.menudropdown-lists .grid-dropdown h6
{
    font-size: 16px;
} */
nav.dropdown-list.w-dropdown-list.menudropdown-lists .grid-dropdown .w-layout-grid.grid-dropdown-link {
    grid-template-columns: 1fr 1fr 1fr;
}


button.confirm.form-submit-btn {
    color: #fff;
    text-align: center;
    background-color: #01545C !important;
    border-radius: 30px;
    padding: 10px 30px;

}

.error {
    color: #f3625c;
}

.form-input {
    margin-bottom: 10px;
}

.section-spacing-bottom {
    padding-top: 100px;
}

a.button-outline.w-button.know-btn {
    background: #fff;
    border: 1px solid #fff;
}

a.button-outline.w-button.know-btn:hover {
    color: #011D20;
}

.action-box-section p {
    color: #fff;
}

.grid-feature.seize-grid-feature {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-footer.footer-sec {
    grid-template-columns: 2.5fr 1fr 1fr 1fr;
}

.grid-footer.footer-sec p.footer-description,
p.footer-description {
    color: #fff;
    text-align: center;
}

.w-layout-grid.grid-footer-item.grid-footer-sec {
    grid-template-columns: 1fr;
}

.pt-15 {
    padding-top: 15px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-100 {
    padding-bottom: 100px;
}

.no-top {
    padding-top: 0;
}

.pt-30 {
    padding-top: 50px;
}

.no-pad {
    padding: 0;
}

.no-pad-top {
    padding-top: 0;
}

.mb-0
{
    margin-bottom: 0;
}

.no-pad-bottom {
    padding-bottom: 0;
}

.footer {
    padding-top: 50px;
}

.footer-bottom {
    justify-content: center;
}

.footergrid-center a {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.feature-item {
    background-color: #d4edf1;
    color: #01545C;
}

.right-side-content p {
    color: #01545C;
}

.payment-image-wrap {
    place-self: center;
}

.about-hero-section.inner-bgsec {
    padding-bottom: 100px;
}

.faq-section.section-spacing-bottom.faqacc-sec .accordion-wrap {
    padding: 15px 20px;
}

/* .accordion-wrap span
{
    margin-bottom: 10px;
} */

.faq-section.section-spacing-bottom.faqacc-sec .accordion-heading {
    gap: 0;
    margin-bottom: 0px;
}

span.plusminus {
    color: #034a51;
    font-size: 20px;
    font-weight: 500;
}

.faq-section.section-spacing-bottom.faqacc-sec .accordion-description {
    margin-bottom: 0;
    padding-bottom: 0;
}

.simple-testimonial-title {
    font-size: 32px;
}

h1.hero-simple-title,
h1.heading-h2,
.simple-hero-section h1.hero-title,
h1.about-two-title,
h1.service-title-wrap,
.w-layout-grid.grid-hero h1,
.instructions-section h1 {
    font-size: 60px;
    font-weight: 800;
}



.w-layout-grid.grid-hero-three {
    justify-content: center;
    align-items: center;
}

.client-image {
    opacity: 1;
}

/* .client-image:hover {
    opacity: 0.5;
} */

.action-box-section {
    background-image: url("../images/powerhouse-bd.png");
    background-size: cover;
}

.integration-round-shape {
    background: transparent;
}

.payment-section.section-spacing {
    padding-bottom: 0;
}

.hero-simple-title-wrap h1.hero-simple-title {
    font-size: 70px;
}

a.button-outline.w-button.know-btn:hover {
    color: #fff;
    background: transparent;
}

.left-arrow.w-slider-arrow-left:hover,
.right-arrow.w-slider-arrow-right:hover
{
    opacity: 0.5;

}

.short-heading {
    color: #fff;
    justify-content: center;
}

.leftshort-heading {
    justify-content: start;
}

.feature-item-wrap h3.simple-feature-title {
    font-size: 43px;
}

.payment-section.section-spacing .w-layout-grid.grid-payment h3 {
    font-size: 48px;
}

.contact-icon-wrap {
    background-image: none !important;
}

.contact-icon {
    height: auto;
}

.breadcrumb {
    position: relative;
    display: flex;
    justify-content: center;
}
.breadcrumb li {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    cursor: default;
    padding-right: 10px;
    margin-right: 10px;
 
    list-style-type: none;
}
.breadcrumb li:before {
    position: absolute;
    right: -2px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    content: "/";
}
.breadcrumb li:last-child:before {
    display: none;
}

.breadcrumb li a {
    color: #f4fbfd;
    text-decoration: none;
}
div#Work-Process h3.work-process-item-title {
    font-size: 42px;
}
div#Work-Process .grid-work-process-item
{
    grid-template-columns: 1fr 1fr;
}

.brand.w-nav-brand
{
    width: 100%;
    /* max-width: 190px; */
}

.footer-logo-image
{
    width: 100%;
    max-width: 220px;
}
.action-box-title-wrap p
{
    color: #fff;;
}
.our-value-icon-wrap
{
    background-color: rgb(0 84 92 / 52%);
}

.logo-pre {
    /* background: linear-gradient(to bottom, #FFFCE9 0, #FFE1EC 100%); */
    border-radius: 50%;
    height: 20%;
    width: 20%;
    box-shadow: 0 0 0 0 rgb(0 0 0/0%);
    animation: pulse 2s infinite;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    padding: 8px
}
.onloadpage .pre-content {
    top: 50%;
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
}
.onloadpage {
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-image: linear-gradient(106deg, #011D20, #01545C);
}
/* preloader */

.simple-work-step-section a.button-primary.w-button {
    margin-top: 15px;
}
a.button-primary.w-button:hover
{
    background:#011D20;
   


}
.form-input.form-textarea {
   
    resize: vertical !important;
}

.newsletter-item a.button-outline.w-button {
    margin-top: 15px;
}

.sweet-alert button:hover,
button.button-primary.w-button:hover {
    background-color: #000 !important;
}
.job-item p
    {
        margin-bottom: 0;
    }
    .breadcrumb li:first-child a:hover {
      
        border-bottom: 1px solid #fff;
    }
    .user-page-link-wrap a:hover {
        color: #567c81;
    }

    #scrollup.show {
        opacity: 1;
    }
    
    #scrollup {
        width: 45px;
        height: 45px;
        position: fixed;
        bottom: 30px;
        right: 30px;
        overflow: hidden;
        z-index: 999;
    }

    #scrollup.show .scroll-to-top {
        transform: translateY(0);
        transition: all 0.3s ease-in-out;
    }

    #scrollup:hover .scroll-to-top {
        background: #0f96a5;
    }

    .scroll-to-top {
        background-color: #000;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 20px;
        padding: 0;
        line-height: 40px;
        color: #fff;
        border-radius: 50%;
        outline: none;
        text-decoration: none;
        transform: translateY(150%);
        transition: all 0.3s ease-in-out;
    }
    .mt-15
    {
        margin-top: 15px;
    }

#contactForm label {
    font-weight: 700 !important;
}
.about-hero-section
{
    padding-bottom: 150px;
}

.footer-link:hover, .footer-link.w--current {
    color: #67a1a7;
}

@media screen and (min-width: 768px) {
    .desktop-hide
    {
display: none;
    } 
    .payment-content
    {
        margin-top: 4px;
    }
    .pricing-list-item
    {
        align-items: flex-start;
    }
    .pricing-list-icon
    {
        height: initial;
    }
    }

@media screen and (max-width: 767px) {
    /* .navbar-dark {

        position: fixed;
        background-image: linear-gradient(106deg, #011D20, #01545C);
    } */

    nav.nav-menu.w-nav-menu .w-nav-link,
    nav.nav-menu.w-nav-menu .w-dropdown-toggle {
        color: #fff;
    }

    h1.hero-simple-title,
    h1.heading-h2,
    .simple-hero-section h1.hero-title,
    h1.about-two-title,
    h1.service-title-wrap,
    .w-layout-grid.grid-hero h1,
    .instructions-section h1 {
        font-size: 36px;

    }
    .menu-maingrid {
        grid-template-columns: 2fr 2fr;
    }


    .about-feature-right-side,
    .about-feature-left-side {
        text-align: center;
    }



    .about-future-icon-wrap.right-side {
        margin-left: auto;
    }

    .about-future-icon-wrap {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .rich-text ul,
    .w-richtext ol {
        text-align: left;
    }


    .about-feature-image {
        width: 100%;
        max-width: 350px;
    }

    .instructions-section {
        text-align: center;
        margin: 0 auto;
    }

    .w-richtext figure {
        max-width: 100%;
    }

    .service-section,
    .service-home-content,
    .right-side-content,
    .grid-about,
    .work-step-wrap,
    .split-about-story-section,
    .w-layout-grid.grid-hero-three,
    .w-layout-grid.grid-work-process-item,
    .w-dyn-item,
    .about-section.section-spacing-bottom,
    .hero-section,

    .grid-about-simple,
    .feature-section.section-spacing-bottom,
    .career-section.section-spacing,
    .simple-integration-content,
    .about-content-section,
    .contact-form-wrap,
    .payment-content,
    .counter-section h3,
    .payment-section h3,
    .payment-section p {
        text-align: center;
    }

    .about-section.section-spacing,
    .simple-work-step-section.section-spacing-bottom {
        padding-top: 0;
    }

    .grid-about {
        margin-top: 50px;
    }

    .hero-button-wrap,
    .pre-title,
    .button-wrap {
        justify-content: center;
    }

    .payment-list-item {
        align-items: center;
        flex-direction: column;
    }

    .about-image-wrap {
        margin-bottom: 50px;
    }

    .split-about-image-wrap {
        margin-top: 25px;
    }

    .hero-image-wrap {
        margin-bottom: 20px;
    }

    .client-section {
        margin-top: 0;
    }

    .privacy-item-wrap,
    .w-layout-grid.grid-split-about {
        text-align: center;
    }

    .job-item p {
        margin-bottom: 0;
    }

    .simple-integration-section.section-spacing-bottom {
        padding-top: 0;
    }

    .hero-simple-title-wrap h1.hero-simple-title {
        font-size: 42px;
    }

    .simple-work-step-section.section-spacing-bottom {
        padding-top: 30px;
    }
    div#Work-Process .grid-work-process-item {
        grid-template-columns: 1fr;
    }
    .about-hero-section.inner-bgsec
    {
        padding-bottom: 20px;
    }
    .about-two-counter-wrap
    {
        justify-content: center;
    }
    .about-hero-section.inner-bgsec
    {
        padding: 20px 0px;
    }
    .privacy-section.section-spacing-bottom ul
    {
        text-align: left;
    }
    .mobile-pad40
    {
        padding-bottom: 40px;
    }
    .about-story-item
    {
        flex-direction: column;
    }
    .mobile-pad-20
    {
        margin-top: 20px;
    }
    .button-light-outline.mobile-hide
    {
        display: none;
    }
    .service-home-content
{
    margin-bottom: 15px;
}
.about-hero-image-wrap
{
    margin-top: -150px;
}
}

@media (min-width:768px ) and (max-width:1024px) {
.payment-section.section-spacing {
    margin-top: 25px;
}
.hero-simple-title-wrap
{
    padding-top: 50px;
}
.grid-about {
    gap: 0;
 margin-top: 0px;
}
.about-hero-image-wrap
{
    margin-top: -125px;
}
nav.nav-menu.w-nav-menu .w-nav-link, nav.nav-menu.w-nav-menu .w-dropdown-toggle {
    color: #fff;
}
}
@media (min-width:768px ) and (max-width:991px) {
    .job-item
{
    text-align: center;
}
.hero-simple-title-wrap h1.hero-simple-title {
    font-size: 64px;
}
.menu-maingrid {
    grid-template-columns: 1fr 3fr;
}
.action-box-section .button-light-outline
{
    margin-top: 15px;
}
.about-section-title,
.service-home-content {
    margin-top: 80px;
}
.work-process-step-title {
    font-size: 22px;
}
.service-home-content,
.simple-integration-content,
.about-simple-image-wrap,
.right-side-content
{
    text-align: center !important;
}
.service-home-content
{
    margin-bottom: 15px;
}
.privacy-item-wrap h5
{
    margin: 15px 0px;
}
.simple-integration-section.section-spacing-bottom
{
    padding-top: 0;
}
}



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

    .feature-item-wrap h3.simple-feature-title,
    .hero-simple-title-wrap h1.hero-simple-title {
        font-size: 28px;
        text-align:center;
    }
    .simple-feature-description
    {
        text-align:center;
    }

    .pricing-list-item
    {
        flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    .hero-content
    {
        text-align: center;
    }
}

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

    html {

        overflow-x: hidden;
    }
    
    h1.hero-simple-title,
    h1.heading-h2,
    .simple-hero-section h1.hero-title,
    h1.about-two-title,
    h1.service-title-wrap,
    .w-layout-grid.grid-hero h1 {
        font-size: 28px;
    }

    .hero-simple-title-wrap h1.hero-simple-title {
        font-size: 32px;
    }

    .counter-section .w-layout-grid.grid-counter-title,
    .work-step-content,
    .integration-image-wrap,
    .newsletter-item-wrap {
        text-align: center !important;
    }

    .work-step-content .shape-background {
        margin: 0 auto;
    }

    .integration-card-image {

        max-width: 250px;

    }

    .section-spacing-bottom {
        padding-top: 50px;
    }

    .w-layout-grid.grid-payment.pb-50 {
        padding-bottom: 0;
    }

    .mar-30
    {
        margin-top: 30px;

    }
    .mt-15
    {
        margin-top: 15px;
    }


    footer.footer,
    .footer-item-title.footer-align,
    .right-footer-link {
        text-align: center;
    }
    .payment-section.section-spacing,
    .w-layout-grid.grid-about-story p,
    .w-layout-grid.grid-about-story blockquote
    {
        text-align: center;
    }

.contact-form-input-wrap label {
    text-align: left;
}
.simple-testimonial-title
{
    font-size: 16px;
}
form#contactForm .input-group label {
    text-align: left;
}
}

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

    h1.hero-simple-title,
    h1.heading-h2,
    .simple-hero-section h1.hero-title,
    h1.about-two-title,
    h1.service-title-wrap,
    .w-layout-grid.grid-hero h1,
    .instructions-section h1,
    .payment-section.section-spacing .w-layout-grid.grid-payment h3 {
        font-size: 24px;
    }

    /* h3 {
        font-size: 20px;
    } */
    .payment-section.section-spacing .w-layout-grid.grid-payment h3,
    .newsletter-item-wrap h3 {
        font-size: 24px;
    }

    .w-layout-grid.grid-about .about-image-wrap {
        margin-bottom: 0;
    }

    .about-section .w-layout-grid.grid-about {
        margin-top: 0;
    }
    .breadcrumb li
    {
        font-size: 13px;
    }
    .work-process-step-title
    {
        font-size: 14px;
    }

}

@media screen and (max-width: 360px) {
    .simple-feature-item
    {
        padding: 15px;
    }
}

.button-primary.button-full-width
{
    margin-top: 20px;
}

@media screen and (max-width: 320px) {
.work-process-step
{
    flex-direction: column;
}
.breadcrumb li {
    font-size: 11px;
    line-height: 18px;

    }
    .about-content-section h3 {
        margin-top: 75px;
    }
    .breadcrumb li:before
    {
        top:-5px;
    }
}

@media screen and (max-width: 281px) {
    .breadcrumb li {
        font-size: 10px;
        line-height: 18px;
    
        }
}

.navbar.w-nav.sticky-class
{
    position: sticky;
    top: 0;
    background-color: #fff;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.navbar-dark.sticky-class {

    position: sticky;
    top: 0;
    background-color: rgb(1 67 74);
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.brand.w-nav-brand
{
    width: 100%;
    /* max-width: 180px; */
}
.navbar-right-side .button-link:hover,
.nav-dark-link:hover
{
    color: #fff;
}
.contact-item a{
    text-decoration: none;
}
.pt-0
{
    padding-top: 0;
}

@media screen and (max-width: 768px) {
.mobilemt-15
{
    margin-top: 15px;
}
.logo-pre
{
    width: 35%;
    height: 35%;
}
}
.pci-logo img
{
    width: 100%;
    max-width: 160px;
}

.pci-logo p.footer-description
{
    margin-top: 5px;
}
.pci-logo p.footer-description a{
    color: #fff;
}
.grid-contact-info p
{
    margin: 10px 0px 0px;
}