#mainNav {
    padding: 20px 0 16px !important;
    transition: .2s
}

header.formidium-banner-technology.header-banner .col-lg-7.align-self-center {
    padding-right: 0
}

header.formidium-banner-technology.header-banner .col-lg-5.align-self-center,
section.news-section .container.h-100,
section.news-section .container.h-100 .row.h-100 .col-lg-6 {
    padding: 0
}

header.formidium-banner-technology::before {
    content: "";
    background-blend-mode: hue;
    background-image: url(../img/home/header-logo.svg);
    position: absolute;
    top: 9rem;
    right: 6rem;
    background-size: contain;
    width: 8rem;
    height: 8rem;
    background-repeat: no-repeat;
    opacity: 1
}

header.formidium-banner-technology::after {
    filter: opacity(100%);
    content: "";
    width: 100%;
    height: 100%;
    /* background-image: url(../img/jan-design/new-tax-wave.png); */
    background-size: 100% 123%;
    bottom: 0;
    left: 0;
    position: absolute;
    display: inline-block;
    z-index: 1
}

section.news-section .container.h-100 .row.h-100 .col.col-small-6 a.anchor-arrow.anchor.anchor-medium.event-cta--link::after {
    content: "\f061";
    font-size: .875rem;
    position: relative;
    left: 0;
    color: #000;
    transition: left .25s;
    font-family: "Font Awesome 6 Free"
}

section.news-section {
    margin: 3rem 0;
}

section.news-section .container.h-100 .row.h-100 {
    border-radius: 30px;
    box-shadow: 0 0 8px 0 rgb(136 136 136 / 46%);
    background-color: #f4f7fe;
    margin: 0 16px
}

section.news-section .container.h-100 .row.h-100 .col-lg-6 img.w-100.rbt-radius {
    box-shadow: 1px 0 9px 0 rgb(136 135 136 / 32%);
    border-radius: 30px 1px 1px 30px
}

section.news-section .container.h-100 .row.h-100 .col.col-small-6 h4 {
    font-weight: 600;
    margin-bottom: 20px
}

section.news-section .container.h-100 .row.h-100 .col.col-small-6 .cta-section {
    display: grid
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

section.news-section .container.h-100 .row.h-100 .col.col-small-6.align-content-center {
    padding: 0 108px 0 50px
}

section.video {
    background-color: #000;
    padding: 6rem 0
}

section.video .container.h-100 .row.h-100 .col .post-block.post-block1.captain-date img.w-100.rbt-radius {
    max-height: 500px;
    object-fit: cover;
    border-radius: 30px;
    position: relative
}

.video-popup-wrapper .position-to-top {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0
}

.rbt-btn.rounded-player-2 .play-icon {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: url(../img/icon/play-button.png);
    width: 60px;
    background-color: #fff;
    border-radius: 50%;
    margin-bottom: 20px;
    z-index: 0
}

.video-popup-wrapper,
section.news-section .container.h-100 .row.h-100 .col-lg-6 {
    position: relative
}

section.news-section .container.h-100 .row.h-100 .col-lg-6 span {
    left: 0;
    position: absolute;
    top: 10%;
    font-weight: 500;
    background-color: #0167ff;
    width: 26%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 8px 10px
}

section.professional-services {
    background-color: #f4f7fe;
    padding: 8rem 0 1rem
}

section.professional-services .container.h-100 .row.h-100 h2 {
    margin-bottom: 20px
}

section.professional-services .container.h-100 .row.h-100 p {
    padding-left: 1rem
}

section.professional-services .row.h-100 .row.needs .col-lg-3:nth-child(2) img {
    width: 112px
}

section.professional-services .row.h-100 .row.needs .col-lg-3:nth-child(3) img,
section.professional-services .row.h-100 .row.needs .col-lg-3:nth-child(4) img {
    width: 80px
}

section.professional-services .row.h-100 .row.needs .meet-box img.hover,
section.professional-services .row.h-100 .row.needs .meet-box img:nth-child(2) {
    width: 200px;
    margin-top: 20px
}

section.professional-services .row.h-100 .row.needs .col-lg-3:nth-child(2) .black-logo,
section.professional-services .row.h-100 .row.needs .col-lg-3:nth-child(2):hover img.hover {
    width: 216px
}

section.professional-services .row.h-100 .row.needs .col-lg-3:nth-child(3) .black-logo,
section.professional-services .row.h-100 .row.needs .col-lg-3:nth-child(3):hover img.hover {
    width: 150px
}

section.professional-services .row.h-100 .row.needs .col-lg-3:nth-child(4) .black-logo,
section.professional-services .row.h-100 .row.needs .col-lg-3:nth-child(4):hover img.hover {
    width: 160px
}

section.professional-services .row.h-100 .row.needs .meet-box .logo-box {
    position: relative;
    height: 80px;
    text-align: right
}

section.professional-services .row.h-100 .row.needs .meet-box .logo-box img {
    height: 80px
}

.meet-boxbdr {
    border-color: #e17523 !important
}

section.professional-services .row.h-100 .row.needs .meet-box {
    max-height: 400px;
    height: 100%;
    background-color: #000;
    border: 1px solid #0167ff;
    padding: 30px 16px 30px 34px;
    border-radius: 20px
}

section.professional-services .row.h-100 .row.needs .meet-box p {
    padding-left: 0;
    margin-top: 1.4rem;
    font-weight: 500;
    color: #fff
}

section.professional-services .container.h-100 .row.h-100 h6 {
    font-size: 20px;
    font-weight: 400
}

section.professional-services .row.h-100 .row.needs .meet-box a.btn {
    border: 1px solid #e17523;
    border-radius: 50px;
    padding: 8px 20px;
    font-weight: 500;
    margin-top: 10px;
    color: #fff
}

section.professional-services .row.h-100 .row.needs .meet-box.meet-boxbdr:hover,
section.professional-services .row.h-100 .row.needs .meet-box:hover {
    transition: .2s;
    background-color: #fff
}

section.professional-services .row.h-100 .row.needs .meet-box.meet-boxbdr:hover p,
section.professional-services .row.h-100 .row.needs .meet-box:hover p {
    color: #000 !important
}

section.formidium-difference .row.h-100 .warpper .radio,
section.professional-services .row.h-100 .row.needs .meet-box img.hover,
section.professional-services .row.h-100 .row.needs .meet-box:hover img.black-logo {
    display: none
}

section.professional-services .row.h-100 .row.needs .meet-box:hover p.text-white-75 {
    color: #fff
}

section.professional-services .row.h-100 .row.needs .meet-box:hover a.btn {
    color: #000;
    transition: none
}

#five:checked~.panels #five-panel,
#four:checked~.panels #four-panel,
#one:checked~.panels #one-panel,
#three:checked~.panels #three-panel,
#two:checked~.panels #two-panel,
section.professional-services .row.h-100 .row.needs .meet-box:hover img.hover {
    display: block
}

section.professional-services.pioneering-technology {
    background-color: #fff
}

section.professional-services.pioneering-technology .row.h-100 .row.needs .col-lg-3:nth-child(2) .black-logo,
section.professional-services.pioneering-technology .row.h-100 .row.needs .col-lg-3:nth-child(2):hover img.hover {
    width: 78px
}

section.professional-services.pioneering-technology .row.h-100 .row.needs .col-lg-3:nth-child(3) .black-logo,
section.professional-services.pioneering-technology .row.h-100 .row.needs .col-lg-3:nth-child(3):hover img.hover {
    width: 240px;
    margin-top: 10px
}

section.professional-services.pioneering-technology .row.h-100 .row.needs .col-lg-3:nth-child(4) .black-logo,
section.professional-services.pioneering-technology .row.h-100 .row.needs .col-lg-3:nth-child(4):hover img.hover {
    width: 170px
}

section.professional-services.pioneering-technology .row.h-100 .row.needs .col-lg-3:nth-child(2) img {
    width: 84px
}

section.formidium-difference {
    background-color: #f4f7fe;
    padding-top: 8rem;
    padding-bottom: 8rem
}

section.formidium-difference .row.h-100 .warpper {
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    align-items: center;
    width: 100%
}

section.formidium-difference .row.h-100 .warpper .tabs {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between
}

section.formidium-difference .row.h-100 .warpper .tabs .tab {
    cursor: pointer;
    font-size: 22px;
    font-weight: 500;
    max-width: 258px;
    width: 250px;
    display: inline-flex;
    text-align: center;
    height: 70px;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgb(136 136 136 / 20%)
}

section.formidium-difference .row.h-100 .warpper .panel {
    display: none;
    animation: .8s fadein
}

#five:checked~.tabs #five-tab,
#four:checked~.tabs #four-tab,
#one:checked~.tabs #one-tab,
#three:checked~.tabs #three-tab,
#two:checked~.tabs #two-tab,
.tabs #five-tab:hover,
.tabs #four-tab:hover,
.tabs #one-tab:hover,
.tabs #three-tab:hover,
.tabs #two-tab:hover {
    background: #0167ff;
    color: #fff;
    height: 80px
}

section.formidium-difference .row.h-100 .warpper .panels {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 20px 80px;
    border-radius: 26px;
    box-shadow: 0 0 8px 0 rgb(136 136 136 / 46%);
    margin-top: 6rem;
    background: #fff
}

section.formidium-difference .row.h-100 .warpper .panels .panel .row {
    position: relative;
    border-bottom: 1px solid #68737d54;
    padding: 16px 0
}

section.formidium-difference .row.h-100 .warpper .panels .panel .row:last-child {
    border-bottom: none
}

section.formidium-difference .row.h-100 .warpper .panels .panel .row .col.col-4.col-small-4 {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

section.formidium-difference .row.h-100 .warpper .panels .panel .row .col.col-4.col-small-4:first-child {
    justify-content: left
}

section.formidium-difference .row.h-100 .warpper .panels .panel .row span.supertitle {
    text-transform: capitalize;
    letter-spacing: normal;
    font-size: 20px;
    font-weight: 600
}

section.formidium-difference .row.h-100 .warpper .panels .panel .row .col.col-4.col-small-4 p.feature-text {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0
}

section.formidium-difference .row.h-100 .warpper .panels .panel .row .col.col-4.col-small-4 p.feature-text.field-value {
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0
}

.Pioneering-logo {
    margin-top: 25px;
    height: 30px
}

.Pioneering-logo img {
    max-width: 160px
}

@media (max-width:1024px) {
    #homebanner {
        max-width: 90%;
        margin-left: unset !important
    }

    .statscard .card-body span:nth-child(2) {
        font-size: 12px
    }
}

@media (min-width:768px) and (max-width: 991.98px) {
    header.formidium-banner-technology h1 {
        margin-bottom: 3rem;
        font-size: 1.8rem;
        margin-top: 6rem;
    }

    .video-container {
        box-shadow: none !important;
    }

}

@media (max-width:991.98px) {
    .socailicons-img img {
        width: 50px
    }

    section.formidium-difference .row.h-100 .warpper .tabs .tab {
        min-width: 100%
    }

    .home-page section.videos {
        padding-bottom: 2rem !important
    }

    section.news-section {
        margin-bottom: 2rem !important
    }

    section.professional-services {
        padding: 4rem 0 0
    }

    section.news-section .container.h-100 .row.h-100 .col.col-small-6.align-content-center {
        padding: 0 15px
    }

    section.formidium-difference .row.h-100 .warpper .tabs {
        flex-wrap: wrap
    }

    section.formidium-difference .row.h-100 .warpper {
        overflow: auto
    }

    .section.formidium-difference .row.h-100 .warpper .panel {
        min-width: 800px;
        padding: 0 20px
    }

    header.formidium-banner-technology.header-banner .col-lg-5.align-self-center::before {
        background-size: 100%;
        bottom: 0;
        left: 1rem;
        right: 0
    }

    .box.card.servic-bx,
    .box.card.tech-bx {
        justify-self: center;
    }

    .home-page header.formidium-banner-technology {
        padding-top: 8rem !important
    }

    header.formidium-banner-technology h1 {
        font-size: 1.8rem;
        margin-top: 0rem;
    }

    .reletive {
        position: relative
    }

    header.formidium-banner-technology::before {
        border-radius: 100%;
        top: 7rem;
        left: calc(50% - 60px);
        right: 0
    }

    footer .subscribesbtn {
        max-width: 100%
    }

    section.professional-services .row.h-100 .row.needs .col-lg-3 {
        margin-bottom: 30px
    }
}

@media (max-width:768px) {
    .footer-nav {
        grid-template-columns: 100%
    }

    section.news-section .container.h-100 .row.h-100 .col-lg-6 span {
        padding: 8px 0;
        font-size: 14px
    }
}

@media (max-width:767.98px) {
    .home-page section.videos {
        padding-bottom: 2rem !important
    }

    section.news-section {
        margin-bottom: 2rem !important
    }

    section.professional-services {
        padding: 4rem 0 0
    }

    section.news-section .container.h-100 .row.h-100 .col.col-small-6.align-content-center {
        padding: 0 15px
    }

    section.formidium-difference .row.h-100 .warpper .tabs {
        flex-wrap: wrap
    }

    section.formidium-difference .row.h-100 .warpper {
        overflow: auto
    }

    .section.formidium-difference .row.h-100 .warpper .panel {
        min-width: 800px;
        padding: 0 20px
    }

    header.formidium-banner-technology.header-banner .col-lg-5.align-self-center::before {
        background-size: 60%;
        bottom: 0;
        left: .2rem;
        right: .2rem
    }

    .footer-nav {
        grid-template-columns: 100%
    }

    .home-page header.formidium-banner-technology {
        padding-top: 8rem !important
    }

    .home-page video#video {
        height: auto !important;
    }

    header.formidium-banner-technology h1 {
        font-size: 1.8rem;
        padding: 40px 0 80px;
    }

    header.formidium-banner-technology.header-banner .col-lg-7.align-self-center {
        padding-right: 12px !important;
    }

    .reletive {
        position: relative
    }

    header.formidium-banner-technology::before {
        border-radius: 100%;
        top: 7rem;
        left: calc(50% - 60px);
        right: 0
    }

    footer .subscribesbtn {
        max-width: 100%
    }
}

@media (max-width:575.9px) {
    .all-box {
        display: block !important;
        height: auto !important;
    }

    .box.card.servic-bx,
    .box.card.tech-bx {
        width: 100% !important;
    }

    .box.card.tech-bx {
        margin-top: 24px;
    }

    .home-page video#video {
        height: auto !important;
    }

    section.news-section .row .col-lg-4 {
        padding: 0px 16px;
    }

    section.news-section .container.h-100 {
        padding: 0px 16px;
    }

    section.news-section .row .col-lg-4 .news_title img {
        min-height: 100px !important;
    }

    section.news-section .row .col-lg-4:first-child .news_title {
        margin-top: 0px;
    }

    section.news-section .row .col-lg-4 .news_title {
        margin-top: 24px;
    }
}

#homebanner {
    width: 40rem;
    top: -7.3rem;
    height: 152%;
    margin-left: -5.6rem
}