::selection {
    background: 0 0
}

body {
    font-family: Poppins, sans-serif
}

p {
    font-family: Poppins, sans-serif
}

a {
    text-decoration: none;
    cursor: pointer
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Inter, sans-serif !important
}

h1 {
    font-weight: 800;
    font-size: 4rem;
    line-height: 72px;
    margin-bottom: 30px !important
}

h2,.h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
}

h3 {
    font-weight: 700;
    font-size: 32px;
}

h4 {
    font-weight: 700;
    font-size: 22px;
}

h5 {
    font-weight: 700;
    font-size: 20px;

}

h6 {
    font-weight: 500;
    font-size: 16px;
}

.section {
    position: relative
}

.heading-dark {
    color: #000
}

.text-primary {
    color: #32478a !important
}


.dark-mode #header .dm-item a:hover, .dark-mode .nav-link:hover, .dark-mode footer .menu-list li a:hover {
    color: #9db5ff !important
}

.section-py {
    padding: 70px 0
}

.background-section-m-p {
    padding: 100px 0
}

.margin-padding-custom {
    margin-top: 50px;
    margin-bottom: 50px
}

.about-pennine.margin-padding-custom {
    margin-top: 100px;
    margin-bottom: 100px
}

.single-services .faqs-setion {
    padding-top: 50px
}

.faqs-setion {
    padding-top: 30px;
    padding-bottom: 50px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-18 {
    margin-bottom: 18px
}

.col-mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-80 {
    margin-bottom: 80px
}

.model-section .models-tabs {
    margin-bottom: 50px
}

.image-bg-comman {
    background-color: #eff2fc;
    padding: 20px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px
}

img {
    max-width: 100%
}

.section-dark {
    background-color: #32478a;
    color: #fff
}

.faqs-setion .accordion-button::before {
    content: "";
    position: absolute;
    background-color: transparent;
    transition: all .3s ease
}

.dark-mode .contact-us-wapper .info-section .accordion-header .accordion-button.collapsed::after {
    transform: rotate(180deg)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #32478a;
    border-radius: 0;
    border-bottom: 2px solid #32478a;
    background-color: #b0bac900;
    font-weight: 600
}

.nav-link {
    color: #ffffff;
}

.breadcrumb-item+.breadcrumb-item:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #b9b9b9;
    float: unset;
    display: inline-block;
    padding: 0;
    margin-right: 7px;
    position: relative;
    top: -2px
}

.breadcrumb-menu .breadcrumb-item:not(:last-child) {
    padding-right: var(--tw-breadcrumb-item-padding-x)
}

html::-webkit-scrollbar {
    width: 4px
}

html::-webkit-scrollbar-thumb {
    background: #32478a;
    border-radius: 10px
}

#header.stickyheader .pennine-nav {
    position: fixed;
    animation: .7s ease 0s 1 normal none running slide-down
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

#header .pennine-nav {
    padding: 0 10px;
    /* box-shadow: 0 .15rem .25rem rgba(10, 12, 16, .05) !important; */
    position: fixed;
    width: 100%;
    z-index: 99;
    background: transparent;
}

#header .nav-item a,
button {
    font-weight: 500
}

#header .dm-item a {
    color: #000
}

#header .pennine-header-logo {
    max-height: 50px !important
}

.menu-open {
    overflow: hidden
}

#header .nav-item .show .caret-icon svg {
    transform: rotate(-180deg)
}

#header .caret-icon svg {
    transition: all .3s ease-out
}

#header .nav-item .nav-link {
    padding: 29px 12px
}

#header .dropdown-toggle::after {
    display: none
}

.Pennine-btn {
    position: relative;
    border: none;
    transition: .4s ease-in;
    z-index: 1;
    padding: 10px 25px;
    border: 2px solid #32478a;
    border-radius: 10px;
    color: #32478a;
    background-color: #fff;
    border-radius: 50px
}

.Pennine-btn::after,
.Pennine-btn::before {
    position: absolute;
    content: "";
    z-index: -1
}

.Pennine-btn:hover {
    box-shadow: inset -10.5em 0 0 0 #32478a, inset 10.5em 0 0 0 #32478a;
    color: #fff;
    background-color: #32478a
}

.pennine-btn-secondary {
    display: inline-block;
    border: 2px solid #32478a;
    transition: .4s ease-in;
    z-index: 1;
    border-radius: 50px;
    background-color: #32478a;
    color: #fff;
    padding: 8px 24px;
    cursor: pointer;
    white-space: nowrap
}

.pennine-btn-secondary:hover {
    box-shadow: inset -10.5em 0 0 0 #fff, inset 10.5em 0 0 0 #fff;
    color: #32478a;
    border: 2px solid #32478a
}



.dark-mode .form-section input.submit-btn {
    background-color: #9db5ff !important;
    border-color: #9db5ff;
    color: #000 !important;
}

/* .dark-mode .pennine-btn-secondary-dark {
    background-color: #32478a;
    color: #fff;
    border-color: #32478a
} */

.dark-mode .pennine-mobile-sticky-footer {
    background-color: #212428
}

.pennine-btn-secondary-dark {
    display: inline-block;
    border: 2px solid #fff;
    transition: .4s ease-in;
    z-index: 1;
    border-radius: 50px;
    background-color: #fff;
    color: #32478a;
    padding: 8px 24px;
    text-align: center
}

.pennine-btn-secondary-dark:hover {
    box-shadow: inset -10.5em 0 0 0 #32478a, inset 10.5em 0 0 0 #32478a;
    color: #fff;
    border: 2px solid #fff;
    background-color: #32478a
}

.dark-mode .pennine-btn-secondary-dark:hover {
    box-shadow: inset -10.5em 0 0 0 transparent, inset 10.5em 0 0 0 transparent;
    background-color: transparent
}

#header .dropdown-toggle .show .nav-link .caret-icon svg {
    transform: rotate(-180deg)
}

#header .dropdown-toggle .nav-link .caret-icon svg path {
    transition: stroke 70ms
}

#header .dropdown-toggle .nav-link .caret-icon svg {
    transition: all .3s ease-out
}

#header .dm-item-heading {
    line-height: 22px;
    margin: 0;
    color: #32478a;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 6px
}

#header .dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 82px;
    margin: auto
}

#header .kite-dropdown-menu {
    max-width: 1272px
}

#header .dm-item-list {
    --tw-gutter-x: 1rem;
    margin-left: 0;
    margin-bottom: 0
}

#header .navbar-nav li {
    margin: auto
}

#header .dropdown-menu {
    border: none;
    background: 0 0;
    padding: 0
}

#header .dm-item-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background: transparent linear-gradient(99deg, #32478a, #000) 0 0 no-repeat padding-box
}

.section-bl {
    background-color: #32478a;
    color: #fff
}

#cta-section .connect-card {
    background: transparent linear-gradient(99deg, #32478a, #000) 0 0 no-repeat padding-box;
    padding: 40px 50px;
    border-radius: 10px
}

.dark-mode #cta-section .connect-card h3,
.dark-mode .service-banner-content h1,
.dark-mode .footer-main-section.new-footer .site-office-location h6 {
    color: #fff !important;
}

.faqs-setion .accordion .accordion-item .accordion-button {
    line-height: 20px;
    border: 0;
    box-shadow: none;
    /* padding-right: 45px */
}

.faqs-setion .accordion .accordion-item {
    border-radius: 10px;
    margin-bottom: 24px;
    padding: 2px;
    box-shadow: 0 .15rem .25rem rgba(10, 12, 16, .05) !important
}

.faqs-setion .accordion .accordion-button:not(.collapsed) {
    background-color: #fff
}

.menu-list .cm-icon img {
    max-width: 14px
}

#header .dm-item a:hover {
    color: #32478a
}

.footer-bottom-menu a {
    padding: 0 10px
}

.nav.models-tabs.nav-pills .nav-link:hover {
    color: #32478a
}

.wp-block-table .has-fixed-layout th {
    color: #32478a
}

.wp-block-table td,
.wp-block-table th {
    border: 1px solid #000;
    padding: 10px
}

.wp-block-table thead {
    border-bottom: 2px solid #000
}

.dark-mode .blog-detail-wapper .blog-inner-box h3,
.dark-mode .contact-us-wapper .info-section h3,
.dark-mode .contact-us-wapper .upload-title-wrapp h5,
.dark-mode .flexible-hiring-models .tab-text-heding h4,
.dark-mode .flexible-hiring-models .tab-text-heding p b,
.dark-mode .footer-main-section.new-footer .site-footer-copyright-text p a:hover,
.dark-mode .footer-main-section.new-footer .site-footer-copyright-wrap a:hover,
.dark-mode .footer-main-section.new-footer .site-info-titel h6,
.dark-mode .footer-main-section.new-footer .site-menu h6,
.dark-mode .footer-main-section.new-footer .site-menu ul li a:hover,
.dark-mode .footer-main-section.new-footer .site-office-contact-info-wrap .lets-connect-us li a:hover,
.dark-mode .nav-item .show,
.dark-mode .post-author-name h3,
.dark-mode .service-content a,
.dark-mode .single-post-heding h1,
.dark-mode .trusted-logo h5,
.dark-mode .wp-block-table .has-fixed-layout th,
body.dark-mode #header .dm-item-heading,
.dark-mode .section-hedding h2,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .contact-us-wapper .info-section .accordion-header .accordion-button,
.dark-mode .who-text-wrapp h2,
.dark-mode .techno-text-wrapp h2,
.dark-mode .web-devlop-text h2,
 .dark-mode .industries-tab-content h3 {
    color: #9db5ff !important
}

.dark-mode .section-emerging-technologies .image-bg-comman {
    background-color: #000 !important;
}

.dark-mode .contact-us-wapper .info-section .accordion-header .accordion-button.collapsed,
.dark-mode .hero-content-wrap h1,
.dark-mode .achievement-content-wrap h2 {
    color: #fff !important;
}

.dark-mode .blog-inner-box h4 {
    color: #9db5ff !important
}


.dark-mode .section-gradient-center {
    background-image: linear-gradient(1deg, #000 0, #21252e 50%, #000 100%)
}

.dark-mode .our-approach-section .accordion-button::after {
    background-color: #32478a
}

.dark-mode .nav-pills .nav-link.active,
.dark-mode .nav-pills .show>.nav-link {
    color: #9db5ff !important;
    border-color: #9db5ff !important
}

.dark-mode .hire-step::before {
    background-image: linear-gradient(to right, 962 rgb(0 0 0) 80%, #32478a 20%)
}

.dark-mode .hire-step-content {
    box-shadow: 0 3px 20px rgb(247 250 255 / 15%) !important
}

.dark-mode #ez-toc-container a,
.dark-mode #header .dm-item-list ul li,
.dark-mode .accordion-body,
.dark-mode .authors-details-wrapp p,
.dark-mode .authors-details-wrapp svg path,
.dark-mode .blog-detail-wapper .calender-box .icons-box span,
.dark-mode .blog-detail-wapper .calender-box .icons-box svg path,
.dark-mode .blog-details-content h2,
.dark-mode .blog-details-content h3,
.dark-mode .blog-details-content h4,
.dark-mode .blog-details-content p,
.dark-mode .blog-details-list ul,
.dark-mode .blog-postby-wrapper p,
.dark-mode .blog-searchbar-wrapp .search-input,
.dark-mode .error-page-content h1,
.dark-mode .hire-detail-text p,
.dark-mode .icon-box svg path,
.dark-mode .lets-connect-us li:not(:last-child) .cm-icon svg path,
.dark-mode .our-approach-section .accordion .accordion-button,
.dark-mode .postby-details h3,
.dark-mode .postby-details p,
.dark-mode .postby-details p svg path,
.dark-mode .section-hedding h6,
.dark-mode .section-hedding p,
.dark-mode .service-text-wrapp p,
.dark-mode .tabel-content-wrapper a.ez-toc-heading-1,
.dark-mode .tabel-content-wrapper nav ul li,
.dark-mode .tabel-content-wrapper nav ul li a,
.dark-mode .techno-text-wrapp p,
.dark-mode .technology-content-text,
.dark-mode .testimonial-box-text p,
.dark-mode .testimonial-client-text p,
.dark-mode .thankyou-page-wrapper .error-page-content h1,
.dark-mode .thankyou-page-wrapper .error-page-content p,
.dark-mode .web-devlop-text p,
.dark-mode .who-text-wrapp h6,
.dark-mode .who-text-wrapp p,
.dark-mode .why-work-box-wrapp p,
.dark-mode footer .text-address,
.dark-mode p,
.dark-mode.page-template-blog .blog-detail-wapper .blog-inner-box .icon-box,
.section-technology {
    color: #fff !important;
    fill: #ffffff !important
}

.dark-mode .zsiq-clr6 {
    color: #666 !important
}

/* .dark-mode #header .pennine-nav, */
.dark-mode .about-count,
.dark-mode .achievement-item,
.dark-mode .benefits-slider .slider-item .slider-inner-item,
.dark-mode .blog-postby-wrapper,
.dark-mode .blog-singlepost-right-inner,
.dark-mode .card-cta-light,
.dark-mode .diverse-tab,
.dark-mode .emerging-item,
.dark-mode .even-cards-light-bl .card-bg-light-bl .even-card-wrap,
.dark-mode .meet-our-section,
.dark-mode .open-position-box,
.dark-mode .recruitment-process-step,
.dark-mode .related-tags-wrapper,
.dark-mode .section-dark,
.dark-mode .section-gradient-2,
.dark-mode .section-light-bl,
.dark-mode .section-tech-services,
.dark-mode .section-technology,
.dark-mode .section-why-hire-us,
.dark-mode .service-box-color,
.dark-mode .service-box-inner-wrapp,
.dark-mode .single-post-section,
.dark-mode .tabel-content-wrapper #ez-toc-container,
.dark-mode .technologies-section,
.dark-mode .technology-tab-section,
.dark-mode .why-work-icon svg,
.dark-mode .image-bg-comman {
    background-color: #212428 !important
}

.dark-mode #portfolio .side-panel,
.dark-mode .our-case-studies,
.dark-mode .testimonial-box-wrapp {
    background-color: #000 !important
}

.dark-mode .testimonial-box-text p::after {
    background-image: url(../img/dark-mode-quotas.svg)
}

.dark-mode .testimonial-box-text p::before {
    background-image: url(../img/dark-mode-quotas.svg)
}
.why-work-icon h4, .wide-cards-icon h4 {
    color: #32478a;
}

.wide-cards-icon h4 {
    margin: 0;
    line-height: normal;
}

.dark-mode,
.dark-mode #header .sub-menu-sidebox,
.dark-mode #services .services-card,
.dark-mode .our-clients-content,
.dark-mode .servicebox-img,
.dark-mode .solutions-section,
.dark-mode .tech-service-item,
.dark-mode .techno-box,
.dark-mode .top-solution-section .top-solution-card,
.dark-mode .why-hire-us-item,
.dark-mode .why-work-box-wrapp {
    background-color: #000 !important
}

.dark-mode #benefits-slider .owl-stage .slider-item .slider-head h4,
.dark-mode .benefits-section .slider-head h4,
.dark-mode .benefits-slider .slider-head .benefits-icon svg path,
.dark-mode .benefits-slider .slider-head h4,
.dark-mode .blog-details-content h1,
.dark-mode .blog-related-post h4,
.dark-mode .co-item .co-icon svg path,
.dark-mode .dm-item-icon svg path,
.dark-mode .emerging-head h4,
.dark-mode .emerging-head h5,
.dark-mode .even-card-wrap h3,
.dark-mode .even-card-wrap h4,
.dark-mode .even-cards-icon svg path,
.dark-mode .footer-bottom p a:hover,
.dark-mode .form-section .upload-title-wrapp .image-box path,
.dark-mode .get-started-box-wrapp h5.co-heading,
.dark-mode .industry-listing-section .industry-title,
.dark-mode .inner-box h3 a,
.dark-mode .open-position-box h4,
.dark-mode .open-position-box svg path,
.dark-mode .our-approach-section .accordion .accordion-button,
.dark-mode .postby-details h3 span,
.dark-mode .recruitment-process-step h6,
.dark-mode .recruitment-process-step svg path,
.dark-mode .related-tags-wrapper h3,
.dark-mode .related-tags-wrapper ul li a,
.dark-mode .section-emerging-technologies .emerging-item .emerging-head h5,
.dark-mode .service-img svg path,
.dark-mode .service-text-wrapp h3,
.dark-mode .servicebox-img svg path,
.dark-mode .services-list .services-card .services-icon svg path,
.dark-mode .services-list .services-card .services-name,
.dark-mode .single-post-tag-wrap ul li svg path,
.dark-mode .tabel-content-wrapper p.ez-toc-title,
.dark-mode .tech-service-content h3,
.dark-mode .tech-service-icon svg path,
.dark-mode .techno-box svg path,
.dark-mode .technology-tab-section .tab-content .tab-pane .technology-list .technology-item .technology-icon svg path,
.dark-mode .testimonial-client-text h6,
.dark-mode .top-technologies .image-bg-comman svg path,
.dark-mode .why-hire-us-icon svg path,
.dark-mode .why-work-icon h2,
.dark-mode .why-work-icon svg path {
    fill: #9db5ff !important;
    color: #9db5ff !important
}

.dark-mode .diverse-tab.active,
.dark-mode .faqs-setion .accordion-button::after,
.dark-mode .recruitment-inner-box,
.dark-mode .related-tags-wrapper ul li,
.dark-mode .site-social-icon ul li,
.dark-mode .technology-tab-section .tab-content .tab-pane .technology-list .technology-item,
.dark-mode .testimonial-box-wrapp,
.dark-mode .upload-box:hover,
.dark-mode .wp-block-table td,
.dark-mode .wp-block-table th,
.dark-mode .wp-block-table thead {
    border-color: #9db5ff !important
}

.dark-mode #hire-expertise h2,
.dark-mode .blog-detail-wapper .blog-inner-box p,
.dark-mode .blog-icons-box span,
.dark-mode .blog-single-post-form .form-group .blog-post-label,
.dark-mode .blog-singlepost-left-content li,
.dark-mode .breadcrumb-menu .breadcrumb-item a,
.dark-mode .card-case-studies .card-body h4 span,
.dark-mode .contact-us-wapper .contact-info a,
.dark-mode .contact-us-wapper .info-section p,
.dark-mode .contact-us-wapper label,
.dark-mode .footer-main-section.new-footer .site-footer-copyright-text p,
.dark-mode .footer-main-section.new-footer .site-footer-copyright-text p a,
.dark-mode .footer-main-section.new-footer .site-footer-copyright-wrap a,
.dark-mode .footer-main-section.new-footer .site-menu ul li a,
.dark-mode .footer-main-section.new-footer .site-office-contact-info-wrap .lets-connect-us li a,
.dark-mode .footer-main-section.new-footer .site-text-address p,
.dark-mode .form-section .form-card,
.dark-mode .form-section .selected-dial-code,
.dark-mode .has-fixed-layout,
.dark-mode .helpdesk-card .helpdesk-content a,
.dark-mode .info-section p,
.dark-mode .new-header .dm-item .dm-item-list a,
.dark-mode .our-approach-section .accordion .accordion-button.collapsed,
.dark-mode .portfolio-section .item .slider-content h5 span,
.dark-mode .radio-list .form-check-label span,
.dark-mode .single-post-tag-wrap ul li span,
.dark-mode .sitemap-section .sitemap-list .list-squre li a,
.dark-mode .slider-head p,
.dark-mode .tech-service-content p,
.dark-mode .technology-tab-section .tab-content .tab-pane .technology-list .technology-item span,
.dark-mode footer .footer-bottom a,
.dark-mode footer .menu-list li a,
.dark-mode.page-template-blog .blog-detail-wapper .blog-inner-box .artical-text,
.dark-mode.page-template-blog .blog-detail-wapper .calender-box .icons-box span,
.ui-state-default a,
.dark-mode .banner-bg-section .banner-content h1 {
    color: #fff !important
}

.dark-mode .contact-us-wapper .form-section .dropdown,
.dark-mode .contact-us-wapper .input-container.flag-box,
.dark-mode .contact-us-wapper .upload-box {
    background-color: #101010 !important
}
.faqs-setion .accordion .accordion-item .accordion-button.collapsed {
    color: #000
}

.faqs-setion .accordion .accordion-item .accordion-button, .benefits-slider .slider-head h4 {
    color: #32478a;
}

 #hiring-models .business-modal-text h4,
 #hiring-models .business-modal-text p b,
 .flexible-hiring-models .tab-text-heding h4,
 .flexible-hiring-models .tab-text-heding p b,
 .industries-tab-content h3 {
    color: #32478a!important;
}

.dark-mode .button-wapp .page-numbers.current {
    border: 0
}

.dark-mode .button-wapp .page-numbers {
    border-color: #fff;
    color: #fff
}

.dark-mode .contact-us-wapper select {
    background-color: #000;
    color: #fff
}

.dark-mode .blog-authors-details {
    border-color: #989898
}

.dark-mode .recruitment-inner-box::after {
    background-image: radial-gradient(circle, #9db5ff 4px, transparent 4px)
}

.dark-mode .recruitment-inner-box::before {
    border-right: 2px solid #9db5ff
}

.faqs-setion .accordion-button:not(.collapsed)::after {
    transform: translateY(0) rotate(225deg)
}

.dark-mode .faqs-setion .accordion-button.collapsed::after {
    border-color: #fff !important
}

.faqs-setion .accordion-button.collapsed::after {
    border-color: #000
}

.faqs-setion .accordion-button::after {
    padding: 4px;
    width: 8px;
    height: 8px;
    border: solid #32478a;
    border-width: 0 2px 2px 0;
    display: inline-block;
    background: 0 0;
    transform: translateY(-4px) rotate(45deg)
}

.dark-mode .get-started-box-wrapp {
    box-shadow: 0 0 5px 0 #9db5ffc4
}

.dark-mode .servicebox-img svg circle {
    fill: #000000;
    color: #000
}

.dark-mode .blog-related-post h4:after,
.dark-mode .contact-us-wapper .form-section h1,
.dark-mode .service-buttom a {
    background-color: #9db5ff;
    color: #000 !important
}

.dark-mode .accordion-item {
    background-color: transparent
}

.dark-mode .contact-us-wapper .info-section .accordion-header .accordion-button:after {
    background-image: url(https://penninetechnolabs.com/wp-content/themes/pennine/assets/img/contact-accordian-darkmode-icon.svg)
}

.dark-mode #timeline-slider .item .timeline-item-inner .timeline-desc-card,
.dark-mode .benefits-slider .slider-item .slider-inner-item,
.dark-mode .card-case-studies,
.dark-mode .dark-mode .hire-step-content,
.dark-mode .faqs-setion .accordion .accordion-button:not(.collapsed),
.dark-mode .faqs-setion .accordion .accordion-item,
.dark-mode .faqs-setion .accordion .accordion-item .accordion-button,
.dark-mode .features-section .features-item,
.dark-mode .form-section .form-card,
.dark-mode .main-technology .co-item {
    background-color: #0a0c10 !important
}

.dark-mode .faqs-setion .accordion .accordion-item .accordion-button {
    color: #9db5ff !important
}

.dark-mode .faqs-setion .accordion .accordion-item .accordion-button.collapsed {
    color: #fff !important
}

.dark-mode .form-section input {
    background-color: #000 !important;
    color: #fff !important
}

.dark-mode .contact-us-wapper .form-section {
    background: #212428
}

.dark-mode .logo-wrap, .dark-mode #header .btn-menu-toggle span {
    background-color: #fff
}

.dark-mode .form-section textarea.briefly-wapper {
    background-color: #101010;
    color: #fff
}

.dark-mode .contact-us-wapper button.submit-btn {
    background-color: #9db5ff
}

.dark-mode .section-gradient-2,
.dark-mode .section-gradient-3,
.dark-mode .section-gradient-ss,
.dark-mode .tech-box {
    background-color: #0a0c10 !important;
    background-image: none !important
}

.dark-mode .card-upload .fileupload .upload-text span,
.dark-mode .liked-youread-container a,
.dark-mode .position-content h6,
.dark-mode .position-content p,
.dark-mode .section-service h2,
.dark-mode .section-service p {
    color: #000 !important
}

#header .pennine-nav .pennine-white-logo,
.dark-mode #header .pennine-nav .pennine-color-logo {
    display: none
}

#header .pennine-nav .pennine-color-logo,
.dark-mode #header .pennine-nav .pennine-white-logo {
    display: inline
}

.dark-mode #header .dm-item a {
    color: #fff;
    font-size: 14px
}

.dark-mode .Pennine-btn {
    background-color: #32478a;
    color: #fff !important
}

.dark-mode .Pennine-btn:hover {
    background-color: #fff;
    color: #000 !important;
    box-shadow: inset -10.5em 0 0 0 #fff, inset 10.5em 0 0 0 #fff;
    border-color: #fff
}

.dark-mode .contact-us-wapper button.submit-btn {
    background-color: #9db5ff;
    color: #111
}

.dark-mode .benefits-slider .slider-item .slider-inner-item {
    box-shadow: 0 0 4px 0 rgb(103 119 168)
}

.dark-mode #cta-section .connect-card {
    background: transparent linear-gradient(99deg, #32478a, #212428) 0 0 no-repeat padding-box
}

.dark-mode .blog-inner-box:hover .blog-calender-box,
.dark-mode .blog-singlepost-left-content .faqs-setion .accordion .accordion-item {
    border-color: #fff
}

.dark-mode .section-tech-banner:after {
    background: url(https://penninetechnolabs.com/wp-content/uploads/2024/09/bg-pattern.32e8b386.svg), radial-gradient(#000 0, #32478a 100%)
}

.dark-mode .cl-b,
.dark-mode .diverse-tab {
    color: #9db5ff !important
}

/*.blog-wrapper.blog-post-related-posts .blog-inner-box h4 {
    color: #32478a
}*/

/*.dark-mode .blog-wrapper.blog-post-related-posts .blog-inner-box h4 {
    color: #9db5ff !important
}*/

.dark-mode .blog-icons-box svg path,
.dark-mode .blog-inner-box svg path {
    color: #fff;
    fill: #fff
}

.tech-content img {
    width: 80%
}

.color-change-checkbox {
    opacity: 0;
    position: absolute;
    right: 10%;
    top: 10%
}

.color-change-checkbox-label {
    width: 67px;
    height: 36px;
    border-radius: 50px;
    position: relative;
    padding: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 2px solid #32478a;
    margin-left: 20px
}

body.dark-mode .color-change-checkbox-label {
    background-color: #32478a
}

body.dark-mode .color-change-checkbox-label .ball {
    background-color: #fff
}

.color-change-checkbox-label .ball {
    background-color: #32478a;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 4px;
    border-radius: 50%;
    transition: transform .2s linear
}

body .light-icon,
body.dark-mode .dark-mode-icon {
    z-index: 1;
    width: 16px;
    height: 16px
}

.dark-mode-icon {
    margin-left: 9px
}

body .dark-mode-icon {
    opacity: 0
}

body.dark-mode .dark-mode-icon {
    opacity: 1
}

body.dark-mode .light-icon {
    opacity: 0
}

.color-change-checkbox:checked+.color-change-checkbox-label .ball {
    transform: translateX(30px)
}

.loaction-img {
    width: 36px;
    height: 24px;
    display: inline-block;
    margin: 6px 0;
    margin-right: 10px
}

.loaction-img img {
    width: 100%;
    max-width: 100%
}

.service-banner-wrapp {
    position: relative;
    height: 500px;
    overflow: hidden;
    padding-top: 0
}

.service-banner-wrapp img.banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    object-position: right;
    top: 0;
    left: 0;
    z-index: -1
}

.service-banner-content {
    position: relative;
    text-align: center;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 15px
}

.service-banner-content h1 {
    font-size: 56px;
    font-weight: 700;
    line-height: 84px;
    color: #fff;
    margin-bottom: 0 !important;
    padding: 0 10px
}

.servicepage-breadcrumb-wrapp nav {
    display: flex;
    justify-content: center
}

.servicepage-breadcrumb-wrapp nav .breadcrumb {
    margin-bottom: 0
}

.servicepage-breadcrumb-wrapp .breadcrumb .breadcrumb-item a {
    color: #adadad;
    font-size: 14px
}

.servicepage-breadcrumb-wrapp .breadcrumb li.active {
    color: #fff !important;
    font-size: 14px;
    line-height: 26px
}

.section-hedding {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 40px
}

.section-hedding h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    margin-bottom: 5px;
    color: #32478a
}

.section-hedding h2 {
    text-align: center;
    color: #32478a
}

.section-hedding p {
    max-width: 690px;
    margin: 0 auto
}

.web-devlop-content-wrapp {
    width: 100%;
    display: flex;
    gap: 50px;
    align-items: center
}

.web-devlop-img {
    width: 50%;
    display: inline-block
}

.web-devlop-img img {
    width: 100%;
    border-radius: 10px
}

.web-devlop-text {
    width: 50%;
    display: inline-block
}

.web-devlop-text h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    color: #32478a;
    margin-bottom: 10px
}

.web-devlop-text p {
    color: #121212;
    margin-bottom: 0
}

.dark-mode .achievement-icon,
.footer-main-section.new-footer .site-footer-main-wrap,
.footer-main-section.section-gradient-2.new-footer,
.section-gradient-2,
.section-light-bl,
.service-box-color {
    background-color: #eff2fc
}

.service-box {
    padding: 60px 55px;
    position: relative;
    overflow: hidden
}

.service-img svg {
    width: 53px;
    height: 53px
}

.service-content-text {
    width: 100%;
    display: inline-block;
    margin-top: 15px
}

.service-content-text h4 {
    text-align: left;
    color: #32478a;
    margin-bottom: 10px
}

.service-content-text p {
    margin-bottom: 0
}

.services-container {
    max-width: 800px
}

.pennine-services-list {
    column-count: 2;
    column-gap: 50px;
    list-style-type: disc;
    color: #fff;
    padding-left: 20px
}

.pennine-services-list li {
    margin-bottom: 10px;
    break-inside: avoid
}

.pennine-services-list li a {
    color: #fff
}

.technology-experience-content .services-container .pennine-services-list {
    column-count: 1
}

.technology-experience-content {
    margin-top: 40px
}

.technology-content .techstack-img:before {
    content: "";
    width: calc(100% - 100px);
    height: 70px;
    background-color: #fff;
    top: -70px;
    position: absolute;
    right: 0
}

.technology-content .technology-img {
    bottom: 0;
    width: auto;
    max-width: 38%;
    z-index: 1;
    position: absolute;
    right: 0
}

.technology-content .technology-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    bottom: 36px;
    position: relative;
    right: 36px;
    border-radius: 10px
}

.technology-content .technology-img:before {
    content: "";
    width: calc(100% - 25px);
    height: 100%;
    background-color: #dcdbe9;
    bottom: 0;
    position: absolute;
    right: 0
}

.privacy-policy-section {
    margin-bottom: 100px
}

.privacy-policy-text-h5 {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #000;
    margin-bottom: 8px;
    margin-top: 40px
}

.privacy-policy-text-p {
    color: #000;
    margin-bottom: 10px
}

.error-page-wrapper,
.thankyou-page-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh
}

.error-page-content {
    text-align: center;
    padding: 0 15px
}

.error-page-content img.error-image {
    width: 100%;
    max-width: 400px;
    margin-bottom: 20px
}

.error-page-content h1 {
    font-size: 56px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    color: #32478a;
    margin-bottom: 30px !important
}

.thankyou-page-wrapper .error-page-content a {
    width: 225px;
    margin: 0 10px
}

.thankyou-page-wrapper .error-page-content h1 {
    font-size: 56px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
    color: #32478a;
    margin-bottom: 15px !important;
    margin-top: 15px
}

.thankyou-page-wrapper .error-page-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #32478a;
    margin-bottom: 25px
}

.remove-file-button {
    width: 16px;
    height: 16px;
    border: 0;
    background: #dc3232;
    padding: 0;
    display: inline-block;
    margin: 0;
    color: #fff9f9;
    border-radius: 50%;
    line-height: 1px;
    font-size: 12px;
    margin-left: 6px
}

.grecaptcha-badge {
    z-index: 1
}

.has-berry-blue-color {
    color: #32478a
}

.has-berry-blue-background-color {
    background-color: #32478a
}

.dark-mode .has-berry-blue-background-color,
.dark-mode.page-template-blog .blog-searchbar-wrapp span.hr-box:after {
    background-color: #9db5ff
}

.dark-mode.page-template-blog .blog-searchbar-wrapp {
    background-color: #212428;
    border-radius: 10px
}

.dark-mode.page-template-blog .blog-searchbar-wrapp select {
    color: #fff;
    background-color: #212428
}

.dark-mode.page-template-blog .blog-detail-wapper input.search-input::placeholder {
    color: #fff
}

.dark-mode.page-template-blog .blog-searchbar-wrapp button {
    border: none;
    background-color: #9db5ff
}

.dark-mode .blog-section .blog-detail-wapper .blog-inner-box {
    background-color: #212428
}

.kite-dropdown-wrap {
    height: 100%
}

.kite-dropdown-wrap .card-cta-dark {
    height: 100%;
    padding-bottom: 0;
    background: linear-gradient(218.25deg, #304585 -1.37%, #010102 89.39%);
    display: flex;
    flex-direction: column;
    padding: 30px 30px 0
}

.kite-cta-image-wrap {
    margin-top: auto;
    padding-top: 20px
}

.kite-cta-image-wrap img {
    width: 100%
}

.pennine-mobile-sticky-footer .pennine-btn-secondary-dark {
    padding: 5px 24px
}

.kite-dropdown-wrap .card-cta-dark a.pennine-btn-secondary-dark {
    max-width: 65%
}

body:not(.dark-mode) #header .dm-item p {
    color: #000
}

.kite-dropdown-menu .dm-item-bottom a.pennine-btn-secondary-dark:hover,
.kite-dropdown-wrap .card-cta-dark a.pennine-btn-secondary-dark:hover {
    background-color: transparent;
    box-shadow: inset -10.5em 0 0 0 transparent, inset 10.5em 0 0 0 transparent
}

#header .navbar-nav .nav-item>.nav-link {
    position: relative
}

.dark-mode #header .navbar-nav .nav-item>.nav-link.active:before {
    background: #9db5ff;
    color: #9db5ff
}

.dark-mode #header .navbar-nav .nav-item>.nav-link.active {
    color: #9db5ff
}

#header .navbar-nav .nav-item>.nav-link.active:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 15px;
    width: 80%;
    height: 2px;
    background: #32478a;
    opacity: 1;
    transform: translateX(-50%)
}

.dark-mode #header .navbar-nav .nav-item>.nav-link:before {
    background: #9db5ff
}

#header .navbar-nav .nav-item>.nav-link:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80%;
    height: 2px;
    background: #32478a;
    transition: all .5s ease-in-out;
    opacity: 0;
    transform: translateX(-50%)
}

#header .navbar-nav .nav-item>.nav-link:hover:before {
    bottom: 22px;
    opacity: 1
}

.pennine-contact-us-page-btn {
    display: none
}

.grecaptcha-badge {
    opacity: 0
}

footer .menu-list li:last-child .cm-icon {
    background: 0 0 !important
}

.dark-mode .left-content-with-shadow-box .why-hire-us-item {
    background: #212428;
    box-shadow: 0 0 4px 0 rgb(103 119 168)
}

.pennine-schedule-meeting-btn {
    display: none;
    margin-right: 20px
}

#header.new-header .pennine-nav .dropdown-menu .dropdown-fluid .dropdown-col-first .pennine-dm-wrapper.gap-boxs {
    gap: 60px 25px
}

#header.new-header .dropdown-fluid .dm-item-icon {
    width: 37px;
    height: 48px
}

#header.new-header .pennine-nav .dropdown-menu .dropdown-fluid .dropdown-col-first .pennine-dm-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px 25px
}

#header.new-header .pennine-dm-inner-wrapper .dm-item.dm-item-first .dm-item-icon svg {
    width: 35px
}

#header.new-header .pennine-nav .dropdown-menu .dropdown-menu.kite-dropdown-menu li {
    margin-bottom: 10px
}

#header.new-header .pennine-dm-inner-wrapper .dm-item-second .dm-item {
    padding-right: 0
}

#header.new-header .dm-item {
    padding-right: 0
}

#header.new-header .pennine-nav .mobile-dropdown .pennine-dm-bottom-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    color: #fff;
    background-color: #eff2fc;
    height: 100%;
    padding: 20px
}

#header.new-header .dropdown-fluid .dropdown-col-first {
    padding: 50px 25px 70px 25px;
    background-color: #fff
}

#header.new-header.dm-item-bottom {
    padding: 17px
}

#header.new-header .pennine-nav .mobile-dropdown .pennine-dm-bottom-wrapper .dm-item-first .header-contact-inner-wrap a {
    display: flex;
    align-items: center;
}

#header.new-header .pennine-nav .mobile-dropdown .pennine-dm-bottom-wrapper .dm-item-first .header-contact-inner-wrap {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

#header.new-header .pennine-nav .dropdown-menu .dropdown-fluid .dropdown-col-bottom .mobile-dropdown {
    height: 100%
}

#header.new-header .pennine-nav .dropdown-menu .dropdown-fluid .dropdown-col-bottom {
    height: 100%
}

#header.new-header .pennine-nav .mobile-dropdown .pennine-dm-bottom-wrapper .dm-item-first .header-contact-inner-wrap .cm-icon {
    background: #32478a;
    border-radius: 20px;
    margin-right: 10px;
    display: flex;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
    padding: 7px;
}

#header.new-header .dm-item-first .header-contact-inner-wrap a {
    color: #16181c
}

#header.new-header .dm-item-first .header-contact-inner-wrap a:hover {
    color: #32478a
}

#header.new-header .dropdown-menu .dropdown-fluid .dropdown-col-bottom .dm-item-bottom .dm-item-content p {
    font-weight: 400;
    font-size: 16px
}

#header.new-header .dropdown-menu .dropdown-fluid .dropdown-col-bottom .dm-item-bottom .dm-item-content p.heading {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 2px;
    margin: 0
}

#header.new-header .dropdown-menu .pennine-btn-secondary-dark {
    background-color: transparent;
    color: #fff
}

#header.new-header .dropdown-menu {
    box-shadow: 0 0 7px 1px #1b1b1b1a;
    border-radius: 0
}

.dark-mode #header.new-header .dm-item-first .header-contact-inner-wrap a {
    color: #fff
}

.dark-mode #header.new-header .dm-item-first .header-contact-inner-wrap a:hover {
    color: #9db5ff
}

.dark-mode #header.new-header .pennine-nav .mobile-dropdown .pennine-dm-bottom-wrapper {
    background-color: #212428
}

.dark-mode #header.new-header .dropdown-fluid .dropdown-col-first {
    background-color: #000
}

.dark-mode #header.new-header .dm-item.dm-item-second:after {
    background-color: #9db5ff
}

#header.new-header .dm-item-bottom {
    padding: 20px 30px
}

#header.new-header .dropdown-col-first .pennine-dm-wrapper .dm-item.dm-item-first ul {
    border-left: 1px solid #3f3f3f;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

#header.new-header .mega-menu-wrap {
    position: relative
}

#header.new-header .dropdown-col-first .pennine-dm-wrapper .dm-item.dm-item-second ul {
    list-style: none;
    margin-left: 0
}

#header.new-header .dropdown-col-first .pennine-dm-wrapper .dm-item-first-inner .dm-item.dm-item-first {
    width: 100%
}

#header.new-header .pennine-nav .dropdown-menu .dropdown-fluid .dropdown-col-first .pennine-dm-wrapper .dm-item.dm-item-first {
    width: calc(25% - 19px);
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#header.new-header .pennine-nav .dropdown-menu .dropdown-fluid .dropdown-col-first .pennine-dm-wrapper.gap-boxs .dm-item.dm-item-first {
    width: 100%
}

#header.new-header .pennine-dm-inner-wrapper .dm-item {
    padding-right: 0;
    width: 100%
}

#header.new-header .dropdown-fluid .dm-item-icon {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#header.new-header .dm-item {
    gap: unset
}

#header.new-header .dm-item-bottom {
    flex-wrap: wrap
}

#header.new-header .dm-item-bottom .dm-item-content {
    width: 60%
}

#header.new-header .dm-item-first h6.dm-item-heading {
    margin-bottom: 0
}

#header.new-header .dm-item.dm-item-second:after {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    width: 1px;
    height: 100%;
    background-color: #32478a
}

#header.new-header .pennine-dm-inner-wrapper {
    width: 23%
}

#header.new-header .dm-item.dm-item-second {
    position: relative
}

#header.new-header .dm-item.dm-item-second li {
    padding-left: 20px;
    padding-bottom: 10px
}

#header.new-header .dm-item-list {
    padding-left: 10px
}

.footer-main-section.new-footer {
    padding-top: 60px
}

.footer-main-section.new-footer .site-office-address-wrap {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 0
}

.footer-main-section.new-footer .site-office-address {
    width: calc(100% - 270px);
    padding-right: 79px;
    flex: 1 1 270px
}

.footer-main-section.new-footer .site-office-contact-info-wrap {
    width: 270px
}

.footer-main-section.new-footer .site-info-titel h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize;
    color: #32478a;
    margin-bottom: 20px
}

.footer-main-section.new-footer .site-office-address .footer-item {
    padding-bottom: 30px
}

.footer-main-section.new-footer .site-office-location {
    display: flex;
    align-items: center;
    margin-bottom: 13px
}

.footer-main-section.new-footer .site-text-address a p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #16181c;
    text-transform: capitalize;
    margin-bottom: 0
}

.footer-main-section.new-footer .site-loaction-img {
    width: 36px;
    height: 24px;
    display: inline-block;
    margin: 6px 0;
    margin-right: 10px
}

.footer-main-section.new-footer .site-office-location .site-loaction-img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    border-radius: 0;
}

.footer-main-section.new-footer .site-office-location h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    margin-bottom: 0
}


.footer-main-section.new-footer .lets-connect-us li:last-child span {
    background: unset
}

.footer-main-section.new-footer .site-office-contact-info-wrap .lets-connect-us li a {
    font-size: 14px;
    line-height: 30px;
    color: #16181c
}

.footer-main-section.new-footer .site-office-contact-info-wrap .lets-connect-us span.cm-icon {
    background: #32478a;
    border-radius: 20px;
    margin-right: 10px;
    display: flex;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center
}

.footer-main-section.new-footer .site-office-contact-info-wrap .lets-connect-us li:last-child span.cm-icon {
    background: unset
}

.footer-main-section.new-footer .site-social-wrap {
    padding-top: 10px
}

.footer-main-section.new-footer .site-social-wrap ul {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0
}

.footer-main-section.new-footer .site-social-wrap ul li {
    width: 30px;
    height: 30px;
    background: #32478a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: relative;
}

.footer-main-section.new-footer .site-social-wrap ul li a{
    position: absolute;
    width: 100%;
    text-align: center;
}
.footer-main-section.new-footer .site-social-wrap ul li a svg {
    width: 14px;
    height: 14px
}

.footer-main-section.new-footer .site-office-contact-info-wrap .lets-connect-us li a:hover {
    color: #32478a
}

.footer-main-section.new-footer .site-menu h6 {
    color: #32478a;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

.footer-main-section.new-footer .site-menu ul li {
    margin: 5px 0
}

.footer-main-section.new-footer .site-menu ul li a {
    color: #16181c;
    font-size: 14px;
    font-weight: 400
}

.footer-main-section.new-footer .site-footer-menu {
    margin: 60px 0
}

.site-menu ul li a:hover {
    color: #32478a
}

.footer-main-section.new-footer .site-footer-copyright-wrap {
    border-top: 1px solid #e1e1e1;
    padding: 30px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.footer-main-section.new-footer .site-footer-copyright-text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
    color: #16181c;
    margin-bottom: 0
}

.footer-main-section.new-footer .site-footer-copyright-menu ul {
    display: flex;
    align-items: center;
    gap: 20px
}

.footer-main-section.new-footer .site-footer-copyright-menu ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #16181c
}

.footer-main-section.new-footer .site-footer-menu .site-menu ul,
.site-footer-copyright-menu ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer-main-section.new-footer .site-footer-copyright-wrap a {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
    color: #16181c;
    margin-bottom: 0
}

.menu-footer-slide {
    display: none
}

.dark-mode footer.footer-main-section.section-gradient-2.new-footer {
    background-color: #212428 !important
}

.footer-main-section.new-footer .site-footer-copyright-wrap a:hover,
.footer-main-section.new-footer .site-menu ul li a:hover {
    color: #32478a !important
}

.footer-bottom-menu {
    margin-bottom: 0
}

.footer-main-section.new-footer .site-text-address a {
    cursor: default
}

.top-solution-section h3 {
    font-weight: 700;
    font-size: 24px;
    color: #32478a
}

.achievement-item h4 {
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    color: #33478b
}

.services-list h3 {
    font-weight: 700;
    font-size: 24px;
    color: #32478a
}

.emerging-head h4 {
    font-weight: 700;
    font-size: 24px;
    color: #32478a
}

.services-card h4 {
    color: #32478a
}

.wp-devlop-hiring-process .section-hedding h2 {
    color: #fff
}

.pennine-mobile-sticky-footer {
    display: none
}

.widget-visible iframe {
    bottom: 70px !important
}

.hire-dev-page-section.margin-padding-custom {
    margin: 100px 0 !important
}

.hire-dev-page-section.even-cards-light-bl {
    padding-top: 0;
    padding-bottom: 100px
}

.faqs-setion.hire-dev-page-section {
    padding: 100px 0;
    padding-bottom: 0
}

.single-services a.no-link {
    cursor: default
}

.dark-mode .apple-logo path {
    fill: white
}

.dark-mode .breadcrumb-item.active {
    color: #e3e3e3d6
}

.why-choose-section .row-cols-sm-2.row-cols-md-3 {
    padding: 0 12px
}

.howto-get-started-section .row-cols-1.row-cols-md-2 {
    padding: 0 5px
}

svg#wordpress-logo-casestudy path{
    fill: black;
}

.dark-mode svg#wordpress-logo-casestudy path{
    fill:#ffffff;
}

.site-trusted-logo-main {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 60px;
}

.site-trusted-logo-warp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -25px;
}

.site-trusted-logo-img {
  width: auto;
  padding: 0 25px;
}

.site-trusted-logo-img img {
  width: 100%;
  height: 80px;
  display: block;
  object-fit: contain;
}

.pennine-btn-secondary.casestudy-load-more-btn {
    position: relative;
    z-index: 9;
}

body:not(.dark-mode) header#header .mobile-nav-menu form .pennine-btn-secondary {
    background: #ffffff;
    color: #32478a;
}

body:not(.dark-mode) header#header .color-change-checkbox-label {
    border-color: #ffffff;
}

body:not(.dark-mode) header#header .color-change-checkbox-label span.ball {
    background: #ffffff;
}

body:not(.dark-mode) header#header .color-change-checkbox-label img {
    filter: brightness(0);
}

body #header.stickyheader .pennine-nav {
  background: rgb(50, 71, 138);
}

body.dark-mode #header.stickyheader .pennine-nav {
    background: #212428;
}

body:not(.dark-mode) .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #9db5ff;
}

body:not(.dark-mode) #header .nav-item .nav-link:hover,
body:not(.dark-mode) #header .nav-item .nav-link:focus {
    color: #9db5ff !important;
}

body:not(.dark-mode) #header .navbar-nav .nav-item>.nav-link:before{
  background: #9db5ff;
}

body:not(.dark-mode) header#header .mobile-nav-menu form .pennine-btn-secondary:hover {
    box-shadow: inset -10.5em 0 0 0 #32478a, inset 10.5em 0 0 0 #32478a;
    color: #ffffff;
    border: 2px solid #ffffff;
}

.error404:not(.dark-mode) #header .pennine-nav {
    background: rgb(50, 71, 138);
}

body.dark-mode .error-image.light-img {
    display: none;
}

body:not(.dark-mode) .error-image.dark-img {
    display: none;
}

.page-template-thankyou:not(.dark-mode) #header .pennine-nav {
    background: rgb(50, 71, 138);
}

/* rank-math-faq CSS Start Here  */
.site-rms-faq-wrap .rank-math-list {
    position: relative;
}
.site-rms-faq-wrap h2.wp-block-heading {
    color: #32478a;
    text-align: center;
    margin-bottom: 40px;
}
.site-rms-faq-wrap .rank-math-list-item {
    border-radius: 10px;
    margin-bottom: 24px;
    padding: 0;
    box-shadow: 0 .15rem .25rem rgba(10, 12, 16, .05) !important;
    border: 1px solid #dee2e6;
    color: #212529;
    background: #FFFFFF;
}
.site-rms-faq-wrap .rank-math-list-item:not(:first-of-type) {
    border-top: 0;
}
.site-rms-faq-wrap .rank-math-list-item h3.rank-math-question {
    color: #000;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    cursor: pointer;
    padding: 20px 40px 20px 20px;
    display: flex;
    align-items: flex-start;
}
.site-rms-faq-wrap .rank-math-list-item:last-child {margin-bottom: 0;}
.site-rms-faq-wrap .rank-math-list-item h3.rank-math-question.open {
    color: #32478a;
}
.site-rms-faq-wrap .rank-math-list .rank-math-list-item h3.rank-math-question.open::after {
    transform: translateY(8px) rotate(225deg);
    border: solid #32478a;
    border-width: 0 2px 2px 0;
}
.site-rms-faq-wrap .rank-math-answer  p {
    color: #212529;
    line-height: 20px;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0px 20px 20px 20px;
}
.site-rms-faq-wrap .rank-math-list-item h3.rank-math-question::after {
    content: "";
    padding: 4px;
    width: 8px;
    height: 8px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    background: 0 0;
    transform: translateY(2px) rotate(45deg);
    position: absolute;
    transition: transform 0.3s ease;
    right: 20px;
}
.site-rms-faq-wrap .rank-math-answer {
    display: none;
}
.single.dark-mode .site-rms-faq-wrap .wp-block-column .rank-math-block .rank-math-list .rank-math-list-item .rank-math-question  {
    color: #FFFFFF !important;
}
.single.dark-mode .site-rms-faq-wrap .wp-block-column .rank-math-block .rank-math-list .rank-math-list-item .rank-math-question.open {
    color: #9db5ff !important;
}
.dark-mode .site-rms-faq-wrap .rank-math-list-item h3.rank-math-question::after {
    border-color: #FFFFFF;
}
.dark-mode .site-rms-faq-wrap .rank-math-list .rank-math-list-item h3.rank-math-question.open::after {
    border-color: #9db5ff;
}
.dark-mode .site-rms-faq-wrap .rank-math-list-item {
    background: transparent;
}
.dark-mode .site-rms-faq-wrap .rank-math-list .rank-math-question:not(.open) {
    color: #FFFFFF !important;
}

.site-rms-faq-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.loader-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(50,71,138,0.8);
    z-index: 9999;
}

.loader-wrap .loader-inside {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-wrap .loader-inside img {
    width: 60px;
    height: 60px;
    display: block;
    animation: rotateScale 3s ease-in-out infinite;
}

.dark-mode svg#wix-logo path {
    fill: white;
}

@keyframes rotateScale {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.3);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}


@media (min-width: 576px) {
    .site-rms-faq-wrap {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .site-rms-faq-wrap {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .site-rms-faq-wrap {
        max-width: 880px; /* Custom, adjust as needed */
    }
}

@media (max-width: 580px) {
    .site-rms-faq-wrap .rank-math-list-item h3.rank-math-question {
        font-size: 14px;
    }
    .site-rms-faq-wrap .rank-math-list-item h3.rank-math-question {
        padding: 12px 30px 12px 12px
    }
    .site-rms-faq-wrap .rank-math-answer p {
        font-size: 14px;
    }
}

@media (max-width: 393px) {
    .site-rms-faq-wrap .rank-math-list-item h3.rank-math-question::after{
        right: 12px;
        transform: translateY(2px) rotate(45deg);
        padding: 3px;
    }
}
/* rank-math-faq CSS End Here  */

@media screen and (max-width:991px){
  .nav-link {
      color: #000000;
  }
  #header .btn-menu-toggle span{
    background-color: #ffffff !important;
  }
  body:not(.dark-mode) #header .nav-item .nav-link:hover,body:not(.dark-mode) #header .nav-item .nav-link:focus {
    color: #32478a;
 }
}