body.dark-mode {
    background-color: #021126;
}

body.dark-mode .dark-light-btn {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(137deg) brightness(103%) contrast(101%);
}

body.dark-mode span.logo-text img,
body.dark-mode .logo-carusels img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(137deg) brightness(103%) contrast(101%);
}

body.dark-mode .banner-img-b {
    background: #EAFBFF29;
}

body.dark-mode .last-up,
body.dark-mode .word-p-box {
    background-color: #EAFBFF;
}

body.dark-mode .style-btn-one.btn-two a,
body.dark-mode .style-btn-one a:hover {
    border-color: #fff;
    color: #fff;
    background-color: #E4FAFF1F;
}
body.dark-mode .page-not-found .opps p {
    color: #fff;
}
body.dark-mode .style-btn-one.btn-two a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

body.dark-mode .style-btn-one.btn-two a img,
body.dark-mode .style-btn-one a:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(137deg) brightness(103%) contrast(101%);
    transition: 0.3s;
}

body.dark-mode .row-contact .col-contact-form .inner form span,
body.dark-mode .row-contact .col-contact-form .inner form label,
body.dark-mode .client-say-sec .row-contact .col-contact-form .inner h3,
body.dark-mode .client-say-sec .f-p-head h2,
body.dark-mode .about-me-sec .row-about.dy-flex .col--about--content ul li,
body.dark-mode .about-me-sec .row-about.dy-flex .col--about--content h2,
body.dark-mode .header .menu>ul>li>a,
body.dark-mode .header .menu>ul>li button.btn.expander i,
body.dark-mode .resume-btn a,
body.dark-mode .hand-wave p span,
body.dark-mode .banner-title h1 span,
body.dark-mode .featured-projects-sec .f-p-head h2 {
    color: #ffffff !important;
}

body.dark-mode p {
    color: #F9FAFB;
}

body.dark-mode .box-featured {
    background-color: #EAFBFF29;
    border: 1px solid #FFFFFF7A;
}

body.dark-mode .last-up p {
    color: #0FA0B7;
}
body.dark-mode .header .menu > ul > li.active > a button.btn.expander i{
    color: #0FA0B7 !important;
}
body.dark-mode .col-content-featured ul li a,
body.dark-mode .col-content-featured p,
body.dark-mode .col-content-featured h3 {
    color: #FFFFFF;
}

body.dark-mode .title--com p {
    color: #051C3C;
}

body.dark-mode .word-p-box .title--com p {
    color: #0FA0B7;
}

body.dark-mode .word-p-box p {
    color: #758599;
}

body.dark-mode .col-content-featured .style-btn-one.btn-two a {
    border-color: transparent !important;
    color: #0FA0B7 !important;
    background-color: transparent !important;
}

body.dark-mode .col-content-featured .style-btn-one.btn-two a img {
    filter: brightness(0) saturate(100%) invert(75%) sepia(55%) saturate(6373%) hue-rotate(150deg) brightness(87%) contrast(88%);
}

body.dark-mode span.categry-f {
    background: #EAFBFF66;
    color: #ffff;
}

body.dark-mode .tab.list--row ul {
    background: #FFFFFF29;
}

body.dark-mode .about-me-sec .row-about.dy-flex .col--about--content .journey p {
    color: #F9FAFB;
}

body.dark-mode .heading-box-about p {
    color: #0FA0B7;
}

body.dark-mode .col-box-abouts {
    background: #EAFBFF29;
    border: 1px solid #0FA0B77A;
}

body.dark-mode .services--boxies.dy-flex .services--box {
    background: #EAFBFF29;
    border: 1px solid #FFFFFF66;
}

body.dark-mode .tab.list--row ul li {
    color: #fff;
}

body.dark-mode .logo-carusel .sub-head span {
    color: #FFFFFF52;
}

body.dark-mode .col-banw .p-14 p {
    color: #ffffff !important;
}

body.dark-mode .new-project-title p {
    background-color: #E4FAFF47;
    color: #fff;
}

body.dark-mode .new-project-title p span,
body.dark-mode .new-project-title span:before {
    background-color: #fff;
}

body.dark-mode header.sticky {
    background-color: #021126;
    border-bottom: 1px solid #fff;
}

body.dark-mode .text-detail a {
    color: #fff;
}

body.dark-mode .bg-fa {
    background-color: #0B1C33;
}

body.dark-mode .col-box-abouts,
body.dark-mode .row-contact .col-contact-form,
body.dark-mode .row-contact .col-info-contact .contact-details,
body.dark-mode .response-time {
    border-color: #fff !important;
}

body.dark-mode .header .menu>ul>li.active>a,
body.dark-mode .header .menu>ul>li:hover>a,
body.dark-mode .header .menu>ul>li:hover button.btn.expander i {
    color: var(--primary-color);
}

.dark-light-btn {
    padding-top: 1px;
}

body.dark-mode .resume-btn img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(137deg) brightness(103%) contrast(101%);
}

.logo img {
    width: 100%;
}





@media (max-width:1200px) {
    body.dark-mode nav.menu {
        background: #021126;
    }

    body.dark-mode .header .menu>ul>li>a {
        border-bottom: 1px solid #fff;
    }

    body.dark-mode .header .menu>ul>li:hover>a,
    body.dark-mode .header .menu>ul>li.active>a {
        border-bottom: 1px solid var(--primary-color);
    }

    body.dark-mode li.dropdown ul li a {
        color: #fff;
    }

    body.dark-mode .box-social-icon-f p {
        color: #fff;
    }

    body.dark-mode .mobile-social-icons a {
        color: #fff;
    }

    body.dark-mode .mobile-social-icons a:hover {
        color: var(--primary-color);
    }

    .logo-canva {
        padding-top: 19px;
        width: 49%;
    }
}



.scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 16px;
    border-radius: 50%;
    display: none;
    transition: .3s;
    z-index: 3;
}

.scroll-to-top:hover {
    background-color: var(--secondary-color);
}

.scroll-to-top.show {
    display: block;
}












body.dark-mode .services--boxies.dy-flex .services--box a h3 {
    color: #ffff;
}

body.dark-mode .services--boxies.dy-flex .services--box a span.btn-av {
    background: #E4FAFF1F;
    border: 1.2px solid var(--White, #FFFFFF);
}

body.dark-mode .services--boxies.dy-flex .services--box a ul li {
    color: #C6CDD5;
}

body.dark-mode .services--boxies.dy-flex .services--box a:hover span.btn-av,
body.dark-mode .row-blog .col-blog a:hover span.btn-blog {
    background-color: #0FA0B7;
}

body.dark-mode .services--boxies.dy-flex .services--box a:hover span.btn-av img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(8%) hue-rotate(182deg) brightness(104%) contrast(104%);
}

body.dark-mode .services--boxies.dy-flex .services--box:hover {
    border: 1.2px solid #0FA0B7;
}

body.dark-mode .client-say-sec .item {
    background-color: #EAFBFF29;
    border: 1px solid #0FA0B77A;
}

body.dark-mode .row-blog .col-blog {
    background: #EAFBFF29;
    border: 1px solid #FFFFFF7A;
}

body.dark-mode .row-blog .col-blog a span.btn-blog {
    background: #E4FAFF1F;
    border: 1.2px solid var(--White, #FFFFFF);
}

body.dark-mode .row-blog .col-blog a:hover span.btn-blog img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(98%) saturate(8%) hue-rotate(182deg) brightness(104%) contrast(104%);
}

body.dark-mode .row-blog .col-blog ul li {
    color: #F9FAFB;
}

body.dark-mode .row-blog .col-blog a .p-14 p {
    color: #C6CDD5;
}

body.dark-mode .mind-project-sec .mind-box {
    background: #EAFBFF29;
}

body.dark-mode .mind-project-sec .col-text-mind h2 {
    color: #FFFFFF;
}

body.dark-mode .mind-project-sec .col-text-mind p {
    color: #F9FAFB;
}

body.dark-mode .style-btn-one.btn-four a {
    background-color: #0FA0B7;
    border-color: #0FA0B7;
}

body.dark-mode .style-btn-one.btn-four a:hover {
    border-color: #fff;
    background-color: #E4FAFF1F;
}

body.dark-mode .row-contact .col-info-contact .contact-details .detail-heading p {
    color: #fff;
}

body.dark-mode .row--rsp .col-content-res .title-res p {
    color: #fff;
}

body.dark-mode form input[type=text],
body.dark-mode form input[type=password],
body.dark-mode form input[type=tel],
body.dark-mode form input[type=email],
body.dark-mode form input[type=url],
body.dark-mode form input[type=search],
body.dark-mode form textarea,
body.dark-mode form input[type=date],
body.dark-mode form select {
    background-color: #EAFBFF29 !important;
    border: 1px solid #FFFFFF3D !important;
}

body.dark-mode .main-footer {
    background-color: #0B1C33;
    padding-top: 80px;
}

body.dark-mode .header .menu>ul>li.active>a,
body.dark-mode .header .menu>ul>li:hover>a,
body.dark-mode .header .menu>ul>li:hover button.btn.expander i {
    color: var(--primary-color) !important;
}

.header .menu>ul>li.active>a:after {
    background: #0FA0B7;
    content: '';
    position: absolute;
    width: 100%;
    bottom: -2px;
    left: 0px;
    height: 1.5px;
}


body.dark-mode .inner-banner {
    background: #0B1C33;
}

body.dark-mode .inner-banner h1 {
    color: #fff;
}

body.dark-mode .who-about {
    background-color: #0B1C33;
}

body.dark-mode .who-about h2 {
    color: #fff;
}

body.dark-mode .who-about .journey p {
    color: #F9FAFB;
}

body.dark-mode .who-about .about-para p {
    color: #fff;
}

body.dark-mode .experience-box {
    background: #EAFBFF29;
    border: 1px solid #FFFFFF66;
}

body.dark-mode .experience-slider:after {
    background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(46, 63, 84, 0.56) 105%);
}

body.dark-mode .bg {
    stroke: #fff;
}

body.dark-mode .experience-box h3,
body.dark-mode .c-porc h3 {
    color: #FFFFFF;
}

body.dark-mode .box-persona {
    background: #EAFBFF29;
    border: 1px solid #FFFFFF66;
}

body.dark-mode .shahid-experience {
    background-color: #0B1C33;
}

body.dark-mode .shahid-experience h2 {
    color: #fff;
}

body.dark-mode .mind-project-sec .mind-box .new-project-title p {
    background: #E4FAFF47;
}

body.dark-mode .shahid-experience .work-shahid:after {
    border-left: 4px solid #0B1C33;
}

body.dark-mode .shahid-experience .box-work-ex {
    background: #EAFBFF29;
    border: 1px solid #FFFFFF7A;
}

body.dark-mode .shahid-experience .title-work-ex p {
    color: #FFFFFF;
}

body.dark-mode .shahid-experience .location-shahid p span {
    color: #fff;
}

body.dark-mode .work-different .f-p-head h2 {
    color: #fff;
}

body.dark-mode .col-user {
    background: #EAFBFF29;
    border: 1px solid #0FA0B77A;
}

body.dark-mode .col-user .inner .user-title p {
    color: #fff;
}

body.dark-mode .single-inner-banner {
    background: #0B1C33;
}

body.dark-mode .inner-banner-content h1 span {
    color: #fff;
}

body.dark-mode .single-inner-banner .bread_crumbs ul li a {
    color: #fff;
}

body.dark-mode .single-inner-banner .bread_crumbs ul li:last-child a {
    color: #0FA0B7 !important;
}

body.dark-mode .single-inner-banner .bread_crumbs ul li a:hover {
    color: #0FA0B7;
}

body.dark-mode .single-inner-banner .bread_crumbs ul li::after {
    background-color: #fff;
}

body.dark-mode .row_single.dy-flex .col_shahid-detail p {
    color: #fff;
}

body.dark-mode .col_prot_info h2 {
    color: #fff;
}

body.dark-mode .col_prot_info ul li {
    color: #F9FAFB;
}

body.dark-mode .recent-carusels .fet-img {
    background: #EAFBFF52;
}

body.dark-mode .col-content-featured .border-line {
    border-bottom: 1px solid #FFFFFF3D;
}

body.dark-mode .single_details .row_single.dy-flex .col_service-detail .inner {
    background: #EAFBFF29;
    border: 1px solid #FFFFFF7A;
}

body.dark-mode .col_service_info h2,
body.dark-mode .single_details .row_single.dy-flex .col_service-detail .s_style p {
    color: #fff;
}

body.dark-mode .single_details .row_single.dy-flex .col_service-detail .list_cat ul li a {
    color: #fff;
    background: #EAFBFF3D;
}

body.dark-mode .single_details .row_single.dy-flex .col_service-detail .list_cat ul li a:hover,
body.dark-mode .single_details .row_single.dy-flex .col_service-detail .list_cat ul li.active a,
body.dark-mode .single_details .row_single.dy-flex .col_service-detail .list_cat ul li.current-menu-item a {
    background-color: #0FA0B7;
    color: #fff;
}

body.dark-mode .single_details .row_single.dy-flex .col_service-detail .list_cat ul li a::after {
    color: #fff;
    background: #E4FAFF1F;
    border: 1px solid var(--White, #FFFFFF);

}

body.dark-mode .single_details .row_single.dy-flex .col_service-detail .list_cat ul li.active a::after,
body.dark-mode .single_details .row_single.dy-flex .col_service-detail .list_cat ul li a:hover::after {
    border-color: #fff !important;
    color: #0FA0B7 !important;
    background: #fff !important;
}

body.dark-mode .col_service_info ul li {
    color: #FFFFFF;
}

body.dark-mode .e_service_row.dy-flex .col_e_service {
    background: #EAFBFF29;
    border: 1px solid #0FA0B77A;
}

body.dark-mode .top_sr {
    border-bottom: 1px solid #FFFFFF66;
}

body.dark-mode .col_work-acc .accordions {
    color: #fff;
}

body.dark-mode .col_work-acc .accordions.active,
.col_work-acc .accordions:hover {
    color: #0FA0B7 !important;
}

body.dark-mode .client-sliders .item {
    border: 1px solid #0FA0B77A;
    background: #EAFBFF29;
}

body.dark-mode .row-top-client {
    border-bottom: 1px solid #FFFFFF3D;
}

body.dark-mode .faq_service .accordion-container .box_ffq {
    background: #EAFBFF29;
    border-left: 5px solid #FFFFFF;
}

body.dark-mode .faq_service .accordion-container .box_ffq.active {
    border-left: 5px solid #0FA0B7 !important;
}

body.dark-mode .faq_service .accordion-container .accordions {
    color: #ffff;
}

body.dark-mode .faq_service .accordion-container .accordions.active,
.faq_service .accordion-container .accordions:hover {
    color: #0FA0B7 !important;
}

body.dark-mode .col_service-detail form {
    background: #EAFBFF29;
}

body.dark-mode .col_service-detail form input,
body.dark-mode .col_service-detail form input::placeholder {
    margin-bottom: 12px !important;
    color: #fff !important;
}

body.dark-mode .box-why--me .inner {
    background-color: #EAFBFF29;
    border: 1px solid #FFFFFF66;
}

body.dark-mode .box-why--me h3 {
    color: #fff;
}

body.dark-mode .box-why--me:after {
    background-color: #3D4D5F;
    border: 1.5px solid var(--White, #FFFFFF);
}

body.dark-mode .here_img::after {
    background: linear-gradient(180deg, rgba(2, 17, 38, 0) 83.39%, #021126 100%);
}

body.dark-mode .col-time-img .inner {
    border: 0.9px solid #FFFFFF66;
}

body.dark-mode .col-timeline-text .inner {
    border: 1px solid #FFFFFF66;
}

body.dark-mode .circle {
    background-color: #021126;
}

body.dark-mode .col-timeline-text h3 {
    font-size: 32px;
    line-height: 140%;
    padding-bottom: 2px;
    color: #fff;
}

body.dark-mode .single-inner-banner.blog-s {
    background: transparent !important;
}

body.dark-mode .inner_blg form {
    background: #EAFBFF29;
}

body.dark-mode .inner_blg {
    border: 1px solid #FFFFFF7A;
    background: #EAFBFF29;
}

body.dark-mode .text_blog h2 {
    color: #fff;
}

body.dark-mode .blog_k ul li,
body.dark-mode .blog_bor h3 {
    color: #fff;
}

body.dark-mode .blog_bor {
    border-bottom: 1px solid #FFFFFF66;
}

.inner_blg input[type="email"],
.inner_blg input[type="text"] {
    margin-bottom: 17px !important;
}

body.dark-mode .inner_blg input[type="email"]::placeholder,
body.dark-mode .inner_blg input[type="text"]::placeholder{
    color: #fff !important;
}