/*----Header Section----*/
div#wrapper-navbar {
    background: #fff;
}
div#wrapper-navbar .navbar.navbar-dark .custom-logo-link img.img-fluid {
    filter: unset;
    margin-bottom: 12px;
}
div#wrapper-navbar .navbar.navbar-dark div#navbarNavDropdown ul#main-menu > li a.nav-link {
    color: #212121;
}
div#wrapper-navbar .navbar.navbar-dark div#navbarNavDropdown .search_fun i {
    color: #212121;
}
@media(max-width:1299px){
    #wrapper-navbar:not(.shrink) {
        background: #fff;
    }
    div#wrapper-navbar nav#navbar-div button.navbar-toggler {
        color: #000;
    }
    div#wrapper-navbar nav#navbar-div button.navbar-toggler span.navbar-toggler-icon,
    div#wrapper-navbar nav#navbar-div button.navbar-toggler span.navbar-toggler-icon:before,
    div#wrapper-navbar nav#navbar-div button.navbar-toggler span.navbar-toggler-icon:after{
        background: #000;
    }
    div#wrapper-navbar nav#navbar-div button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
        background: transparent;
    }
}
/*----Header Section Ends----*/
.container:before,
.container:after {
    display: none;
}
h1.banner-heading-h{
    font-size: 56px;
    font-weight: 700;
    line-height: 60px;
}
h2.head2 {
    font-weight: 500;
    font-size: 46px;
    line-height: 50px;
    text-transform: capitalize;
}
.button-flex a.cta-btn {
    border-radius: 6px;
    padding: 16px 26px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    box-shadow: 1px 1px 4px 0px #0000002b;
    transition: 0.2s ease
}
span.small-heading {
    color: #00CDEB;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
}
p.content, .para-content {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
@media(max-width:767px){
    h1.banner-heading-h {
        font-size: 44px;
        line-height: 50px;
    }
    h2.head2 {
        font-size: 36px;
        line-height: 40px;
    }
    .para-content {
        font-size: 14px;
        line-height: 22px;
    }
    .button-flex a.cta-btn {
        font-size: 16px;
    }
}
@media(min-width:768px) and (max-width:1199px){
    h1.banner-heading-h {
        font-size: 50px;
        line-height: 56px;
    }
    h2.head2 {
        font-size: 40px;
        line-height: 46px;
    }
}
/*-----Banner Section-----*/
.vc_section.main-banner {
    background: #EFF6FF;
    padding: 160px 0 100px;
}
.vc_section.main-banner .container {
    display: flex;
    align-items: center;
    gap: 10px;
}
.vc_section.main-banner .container .banner-content-box .banner-head-box {
    margin-bottom: 24px;
}
.vc_section.main-banner .container .banner-content-box .banner-head-box .banner-heading-h .color-blue {
    color: #00CDEB;
}
.vc_section.main-banner .container .banner-content-box p.para-content {
    color: #212121;
}
.vc_section.main-banner .container .btn-trials .button-flex {
    margin-bottom: 0;
}
.vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper {
    display: flex;
    gap: 12px;
}
.vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper a.trial-btn {
    background: #00CDEB;
    color: #fff;
    border: 2px solid#00CDEB;
}
.vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper a.trial-btn:hover {
    color: #00CDEB;
    background: #fff;
}
.vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper a.demo-btn {
    color: #00CDEB;
    background: #fff;
    border-color: #fff;
}
.vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper a.demo-btn:hover {
    background: #00CDEB;
    color: #fff;
}
@media(max-width:767px){
     .vc_section.main-banner {
        padding: 120px 0 80px;
    }
    .vc_section.main-banner .container {
        flex-direction: column;
    }
}
@media(max-width:1024px){
    .vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper {
        flex-wrap: wrap;
    }
}
/*-----Banner Section Ends-----*/
/*-----trainning section -----*/
section.vc_section.trainning-sec {
    padding: 100px 0;
    position: relative;
}
section.vc_section.trainning-sec .container {
    display: flex;
    align-items: center;
    gap: 40px;
}
section.vc_section.trainning-sec .container .tranning-img .wpb_single_image {
    margin-bottom: 0;
}
section.vc_section.trainning-sec .container .tranning-content .small-heading-box {
    margin-bottom: 8px;
}
section.vc_section.trainning-sec .container .tranning-content .section-heading {
    margin-bottom: 28px;
}
section.vc_section.trainning-sec .container .tranning-content .button-flex {
    margin-bottom: 0;
}
section.vc_section.trainning-sec .container .tranning-content .button-flex a.speedup-trainning {
    background: #212121;
    color: #fff;
}
@media(max-width:767px){
    section.vc_section.trainning-sec .container {
        flex-wrap: wrap;
    }
    section.vc_section.trainning-sec .container .tranning-img .wpb_single_image {
        text-align: center;
    }
}
/*-----trainning section End-----*/
/*-----design service-----*/
section.professional-service-sec {
    padding: 100px 0;
    background: url(https://w3speedup.com/wp-content/uploads/2025/12/design-bg.webp);
    background-size: cover;
    background-position: center;
}
section.professional-service-sec .small-heading-box{
    margin-bottom: 8px;
    text-align: center;
}
section.professional-service-sec .section-heading {
    margin-bottom: 24px;
    text-align: center;
}
section.professional-service-sec .banner-content-box {
    margin-bottom: 50px;
    text-align: center;
}
section.professional-service-sec .dev-service-row:not(:last-child){
    margin-bottom: 40px;
}
section.professional-service-sec .dev-service-row {
    display: flex;
    gap: 40px;
}
section.professional-service-sec .dev-service-row:before,
section.professional-service-sec .dev-service-row:after{
    display: none;
}
section.professional-service-sec .dev-service-row .professional-box {
    border-radius: 14px;
    padding: 52px 32px;
}
section.professional-service-sec .dev-service-row .professional-box.p-box-1 {
    background: #9013FE0F;
}
section.professional-service-sec .dev-service-row .professional-box.p-box-2 {
    background: #2B62C90F;
}
section.professional-service-sec .dev-service-row .professional-box.p-box-3 {
    background: #0082FF0F;
}
section.professional-service-sec .dev-service-row .professional-box.p-box-4 {
    background: #E94F440F;
}
section.professional-service-sec .dev-service-row .professional-box.p-box-5 {
    background: #1ABC9C0F;
}
section.professional-service-sec .dev-service-row .professional-box.p-box-6 {
    background: #F5A6230F;
}
section.professional-service-sec .dev-service-row .professional-box.p-box-7 {
    background: #9013FE0F;
}
section.professional-service-sec .dev-service-row .professional-box.p-box-8 {
    background: #2B62C90F;
}
section.professional-service-sec .dev-service-row .professional-box.p-box-9 {
    background: #0082FF0F;
}
section.professional-service-sec .dev-service-row .professional-box .dev-service-img {
    text-align: left;
    margin-bottom: 18px;
}
section.professional-service-sec .dev-service-row .professional-box .dev-service-img .vc_single_image-wrapper {
    border-radius: 50%;
    background: linear-gradient(326deg, #EFF6FF 4.6%, #00CDEB 77.15%);
    padding: 20px;
}
section.professional-service-sec .dev-service-row .professional-box .dev-service-img .vc_single_image-wrapper img{
    height: 46px;
    width: 46px;
}
section.professional-service-sec .dev-service-row .dev-service-head-box {
    margin-bottom: 8px;
}
section.professional-service-sec .dev-service-row .dev-service-head-box h3.dev-service-head {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}
section.professional-service-sec .dev-service-row .professional-box .dev-service-content-box {
    margin-bottom: 0;
}
section.professional-service-sec .dev-service-row .professional-box .dev-service-content-box p.para-content-s {
    color: #4F5B6D;
}
@media(max-width:767px){
    section.professional-service-sec {
        padding: 80px 0;
    }
    section.professional-service-sec .dev-service-row {
        flex-wrap: wrap;
    }
}
@media(max-width:1024px){
    section.professional-service-sec .dev-service-row {
        gap: 20px;
    }
    section.professional-service-sec .dev-service-row .professional-box {
        padding: 32px 22px;
    }
}
/*-----design service Ends-----*/
/*-----work-process section-----*/
section.vc_section.work-process {
    padding: 100px 0;
    background: url(https://w3speedup.com/wp-content/uploads/2025/12/digital-work-process.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: relative;
}
section.vc_section.work-process .container .small-heading-box {
    margin-bottom: 10px;
}
section.vc_section.work-process .container .section-heading {
    margin-bottom: 20px;
}
section.vc_section.work-process .container .page-content {
    margin-bottom: 100px;
}
section.vc_section.work-process .container .wpb_raw_html.wpb_content_element{
    margin-bottom:0;
}
section.vc_section.work-process .container  .work-process-row {
    display: flex;
    gap: 40px;
}
section.vc_section.work-process .container .work-process-row:before,
section.vc_section.work-process .container .work-process-row:after {
    display: none;
}
section.vc_section.work-process .container .work-process-row .w-p-img-box .work-process-img {
    margin-bottom: 0;
}
section.vc_section.work-process .container .work-process-row .w-p-content {
    background: #0082FF0F;
    padding: 60px;
}
section.vc_section.work-process .container .work-process-row .w-p-content .explore-process {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 46px;
}
section.vc_section.work-process .container .work-process-row .w-p-content .explore-process .explore-content {
    display: flex;
    align-items: center;
    gap: 24px;
}
section.vc_section.work-process .container .work-process-row .w-p-content .explore-process .explore-content p.numbers {
    padding: 15px 21px;
    font-weight: 700;
    font-size: 50px;
    line-height: 100%;
    text-align: center;
    color: #fff;
    background: #00CDEB;
    border-radius: 12px;
}
section.vc_section.work-process .container .work-process-row .w-p-content .explore-process .explore-content .num-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
section.vc_section.work-process .container .work-process-row .w-p-content .explore-process .explore-content .num-content h3.process-head {
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
}
section.vc_section.work-process .container .work-process-row .w-p-content .explore-process .explore-content .num-content p.process-content {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4F5B6D;
}
@media(max-width:767px){
    section.vc_section.work-process {
        padding: 80px 0;
    }
    section.vc_section.work-process .container .work-process-row {
        flex-wrap: wrap;
    }
    section.vc_section.work-process .container .workflow {
        justify-content: center;
    }
}
@media(max-width:1024px){
    section.vc_section.work-process .container .work-process-row .w-p-content {
        padding: 30px 20px;
    }
    section.vc_section.work-process .container .work-process-row .w-p-content .explore-process{
        gap: 40px;
    }
    section.vc_section.work-process .container .work-process-row .w-p-content .explore-process .explore-content p.numbers {
        padding: 12px 12px;
        font-size: 30px;
    }
}
/*-----work-process section Ends-----*/
/*-----industry section-----*/
section.vc_section.industries-section {
    padding: 100px 0 100px;
}
/*-----industry section end-----*/