:root {
    --ztc-text-text-2: var(--brand-color, #090B0E);
    --ztc-text-text-13: var(--brand-color, #2E00FF);
    --ztc-bg-bg-14: #EDEAFB;
}
.header-area a,
.mobile-header a,
.mobile-sidebar a,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.header-btn1, .header-btn2, .header-btn3, .header-btn4, .header-btn5{
    font-family: var(--ztc-family-font2, sans-serif) !important;
}
.breadcrumb-list a, .about-header-area .about-inner-header a,
.about-header-area .about-inner-header h1{
    color: var(--brand-color);
}
.header-logo-img{
    /*width: 148px;*/
    height: 48px;
}
.heading4 h2,
.service1-section-area .service2-boxarea .content a,
.service1-section-area .service2-boxarea .content p,
.service1-section-area .service2-boxarea .content .readmore{
    color: var(--ztc-text-text-4);
}
.service1-section-area .service2-boxarea:hover .content a,
.service1-section-area .service2-boxarea:hover .content p,
.service1-section-area .service2-boxarea:hover .content .readmore{
    color: var(--ztc-text-text-1);
}
.service1-section-area .service2-boxarea .icons{
    background: var(--ztc-text-text-1);
    height: 120px;
    width: 120px;
}
.service1-section-area .service2-boxarea:hover .icons{
    background: transparent;
}
.service1-section-area .service2-boxarea:hover .icons img{
    filter: none;
}
.service1-section-area .service2-boxarea:hover{
    border: 1px solid var(--ztc-text-text-4);
    background: var(--ztc-text-text-4);
}

.all-boxes-area .work-process-area .icons .white-to-brand-svg,
.works-inner-section-area .works-header-area .works-content-box .icons img.white-to-brand-svg,
.footer2-section-area .footer-logo-area ul li a img.white-to-brand-svg,
.service4-section-area .service-auhtor-boxes-area .service-box-area .icons-area .icons img.white-to-brand-svg,
.service1-section-area .service2-boxarea:not(:hover) .icons img.white-to-brand-svg,
.works4-section-area .works-author-boxarea .icons img.white-to-brand-svg{
    filter: brightness(0) saturate(100%) invert(14%) sepia(21%) saturate(3976%) hue-rotate(262deg) brightness(96%) contrast(89%);
}

.service5-section-area .service-author-boxarea{
    height: 100%;
    background-color: var(--brand-color);
}
.service5-section-area .service-author-boxarea.box1{
    background-color: var(--ztc-bg-bg-14);
}
.service5-section-area .service-author-boxarea .img1,
.service5-section-area .service-author-boxarea .img1 img{
    border-radius: 0;
}
.service5-section-area .service-author-boxarea .img1 img{
    width: auto;
}

.work2-section-area .all-boxes-area .work-process-area .icons{
    background-color: var(--ztc-text-text-4);
    font-size: var(--ztc-font-size-font-s18);
}
.work2-section-area .all-boxes-area .work-process-area:not(:hover) .icons{
    color: var(--ztc-text-text-1);
}
.work2-section-area .all-boxes-area .work-process-area .content-area p{
    color: var(--ztc-text-text-4);
}
.work2-section-area .all-boxes-area .work-process-area:hover .content-area p{
    color: var(--ztc-text-text-1);
}
.work2-section-area .all-boxes-area .work-process-area::before{
    background-color: var(--ztc-text-text-4);
}
.works4-section-area{
    background-color: var(--ztc-bg-bg-14, var(--ztc-bg-bg-15));
}
.works4-section-area .works-author-boxarea .content-area a{
    color: var(--ztc-text-text-4);
}
.works4-section-area .works-author-boxarea:hover .content-area div{
    color: var(--ztc-text-text-1);
}

.heading8 h5{
    color: var(--ztc-text-text-4);
}
.heading8 h5::after{
    background: var(--ztc-text-text-4);
}

ol>li{
    list-style-type: decimal;
}
.tos ul,
.service2-section-area .service2-auhtor-boxarea ul{
    padding-left: 25px;
}
.tos ul>li,
.service2-section-area .service2-auhtor-boxarea ul>li{
    position: relative;
}
.tos ul>li::before,
.service2-section-area .service2-auhtor-boxarea ul>li::before{
    position: absolute;
    left: -25px;
    top: 4px;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../img/icons/check4.svg);
}

.case1-section-area .content-area{
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.7);
    border-radius: 5px;
}
.case1-section-area .content-area a,
.case1-section-area .content-area1 a{
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    text-transform: none;
}

.cta-section-area{
    background: var(--ztc-bg-bg-14);
}
.cta-section-area .cta-header-area{
    background-color: transparent;
}

.cta-section-area .work3-section-area .choose-section-area{
    background-color: transparent;
}
.cta-section-area .cta-header-area h2,
.cta-section-area .work3-section-area .choose-section-area .choose-list-area p,
.cta-section-area .work3-section-area .choose-section-area .choose-list-area .choose-auhtor li a{
    color: var(--brand-text);
}
.work3-section-area .choose-section-area .choose-list-area .choose-auhtor li a{
    border-color: var(--brand-color);
}
.cta-section-area .cta-header-area .btn-area a{
    color: var(--brand-text);
    padding: 16px 24px;
    border: 1px solid var(--brand-color);
    background-color: transparent;
}
.cta-section-area .cta-header-area .btn-area a:hover{
    color: var(--ztc-text-text-4);
    padding: 16px 24px;
    border: 1px solid var(--ztc-text-text-4);
    background-color: var(--ztc-text-text-1);
}

.the-plate .the-text{overflow: auto;}
.the-plate .the-text::-webkit-scrollbar {  width: 10px;  height: 10px;}
.the-plate .the-text::-webkit-scrollbar-track-piece {  background-color: #eee;}
.the-plate .the-text::-webkit-scrollbar-thumb:vertical {  background-color: #777;  border-left: 1px solid #eee;  border-right: 1px solid #eee;}
.the-plate .the-text::-webkit-scrollbar-thumb:vertical:hover {  background-color: #999;}
.the-plate .the-text::-webkit-scrollbar-thumb:horizontal {  background-color: #777;  border-top: 1px solid #eee;  border-bottom: 1px solid #eee;}
.the-plate .the-text::-webkit-scrollbar-thumb:horizontal:hover {  background-color: #999;}

.breadcrumb-top{
    position: absolute;
    width: 95%;
    left: 2.5%;
    top: -60px;
}

.blog-auhtor-section-area .blog-sidebar-area .categories-area ul li a.active{
    background: var(--ztc-text-text-4);
    color: var(--ztc-text-text-1);
    transition: all 0.4s;
    transform: translateY(-5px);
}

@media screen and (min-width: 992px) {
    .header-nav .nav .no-action{
        pointer-events: none;
    }
}

.brand-list ul{
    list-style-image: url(../img/icons/check1.svg);
}
.brand-list ul {
    list-style: none;
    padding: 0;
}

.brand-list ul li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 18px;
}

.brand-list ul li::before {
    content: url(../img/icons/check1.svg);
    position: absolute;
    background-color: var(--brand-color, #000);
    border-radius: 50%;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    color: var(--bs-white, #fff);
}
.brand-list ul li>ul {
    list-style: disc;
    padding-left: 20px;
}
.brand-list ul li>ul li {
    list-style: disc;
    padding-left: 0;
    margin-bottom: 10px;
}
.brand-list ul li>ul li:before {
    content: none;
}
.brand-list.inverse{
    color: var(--bs-white, #000);
}
.brand-list.inverse ul li::before {
    content: url(../img/icons/check2.svg);
    background-color: var(--bs-white, #fff);
}

.case-inner-section-area .tabs-content-area .tab-content .tabs-contents .content-area .link-area .tags * {
    color: var(--ztc-text-text-3);
    font-family: var(--ztc-family-font1, sans-serif);
    font-size: var(--ztc-font-size-font-s16);
    font-style: normal;
    font-weight: var(--ztc-weight-regular);
    line-height: 16px;
    transition: all 0.4s;
}

.works4-section-area .works-author-boxarea::after{
    background: var(--ztc-text-text-4);
}
.works4-section-area .works-author-boxarea .icons{
    background: rgba(var(--brand-color-rgb), 0.05);
}

.header-btn12 {
    background: var(--ztc-text-text-4)!important;
}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li:hover ul.dropdown-padding{
    top: 30px;
}
.footer2-section-area{
    background-color: var(--brand-color);
    --ztc-text-text-5: #fff;
}
.footer2-section-area .h3 {
    font-family: var(--ztc-family-font1, sans-serif);
    font-size: var(--ztc-font-size-font-s24);
    font-weight: var(--ztc-weight-semibold);
    color: var(--ztc-text-text-1);
    line-height: var(--ztc-font-size-font-s24);
}
.footer2-section-area .accordion-button{
    position: relative;
}
.footer2-section-area .accordion-button:before,
.footer2-section-area .accordion-button:after{
    position: absolute;
    content: "";
    height: 20px;
    width: 2px;
    background: var(--ztc-text-text-1);
    top: 3px;
    right: 9px;
    transition: all .3s;
}
.footer2-section-area .accordion-button:before{
    height: 2px;
    width: 20px;
    right: 0;
    top: 12px;
}
.footer2-section-area .accordion-button:not(.collapsed):after{
    visibility: hidden;
    opacity: 0;
}
.footer2-section-area .footer-logo-area ul li a{
    background-color: #fff;
}
.footer2-section-area .footer-logo-area ul li a:hover{
    background-color: var(--ztc-text-text-7);
}
.socials ul li a img{
    margin-bottom: 0;
    transition: all 0.4s;
}
.socials ul li a:hover img{
    filter: brightness(0) invert(1);
}
.socials ul li a i{
    margin-bottom: 0;
    transition: all 0.4s;
}
.socials ul li a:hover i{
    filter: brightness(0) invert(1);
}
.socials ul li{
    display: inline-block;
}
.socials ul li a{
    height: 40px;
    width: 40px;
    display: inline-block!important;
    font-size: unset!important;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 40px!important;
    margin: 0 6px 0 0;
    transition: all 0.4s!important;
    background: var(--ztc-text-text-7);
}
.socials ul li a:hover{
    transition: all 0.4s;
    transform: translateY(-5px);
}
.service4-section-area .service-auhtor-boxes-area .service-box-area::after{
    background: var(--ztc-text-text-4);
}
.service4-section-area .service-auhtor-boxes-area .service-box-area .icons-area .icons{
    background: var(--ztc-text-text-1);
}
.service4-section-area .service-auhtor-boxes-area .service-box-area:hover .content-area div{
    color: var(--ztc-text-text-1);
}
.about3-section-area .about-header-area .images-area .icon-svg,
.works-inner-section-area .works-header-area .works-content-box .icons svg.icon-svg,
.service1-section-area .service2-boxarea .icons svg.icon-svg{
    fill: var(--bs-primary);
    width: 60px;
    height: 60px;
}
.service1-section-area .service2-boxarea:hover .icons svg.icon-svg{
    fill: var(--bs-white);
}

.z-1{
    z-index: 1!important;
}
.z-2{
    z-index: 2!important;
}

.pricing_h1{
    font-family: var(--ztc-family-font1, sans-serif);
    font-size: var(--ztc-font-size-font-s56);
    line-height: var(--ztc-font-size-font-s56);
    font-weight: var(--ztc-weight-semibold);
    color: var(--ztc-text-text-2);
    transition: all 0.4s;
}
.pricing_h1 span{
    display: inline-block;
    font-size: var(--ztc-font-size-font-s16);
    line-height: var(--ztc-font-size-font-s16);
    font-weight: var(--ztc-weight-regular);
    color: var(--ztc-text-text-3);
    transition: all 0.4s;
    position: relative;
    left: -5px;
}

.work4-section-area{
    background: var(--ztc-text-text-1);
}
.work4-section-area .all-boxes-area .work-process-area:hover .content-area div{
    color: var(--ztc-text-text-1);
}
.work4-section-area .all-boxes-area .work-process-area .icons{
    background: rgba(var(--brand-color-rgb), 0.05);
}
.work4-section-area .all-boxes-area .work-process-area::before{
    background: var(--ztc-text-text-4);
}

.pricing-inner-section-area .pricing-boxarea{
    transform: unset!important;
    margin-bottom: 0;
}
.pricing-inner-section-area .pricing-boxarea div{
    color: var(--ztc-text-text-3);
}
.pricing-inner-section-area .pricing-boxarea.active div{
    color: var(--ztc-text-text-1);
}
.pricing-inner-section-area .pricing-boxarea .pera p{
    padding: 0 !important;
    border: none;
}

.works-inner-section-area .works-header-area .works-content-box .content div{
    transition: all 0.4s;
}
.works-inner-section-area .works-header-area .works-content-box:hover .content div{
    color: var(--ztc-text-text-1);
    opacity: 0.8;
}

.contact-main-inner-area .contact-header .number-address-area .phone-number .content a{
    font-size: var(--ztc-font-size-font-s16);
}
.contact-main-inner-area h5{
    font-family: var(--ztc-family-font1, sans-serif) !important;
    line-height: var(--ztc-font-size-font-s18);
}

.slider-section-area .slider-images-area .img1 img{
    height: auto;
}

.heading2 h2, .heading4 h2,
.heading6 h2, .heading8 h2{
    font-size: var(--ztc-font-size-font-s42);
    line-height: var(--ztc-font-size-font-s50);
}
@media (max-width: 767px) {
    .heading2 h2, .heading4 h2,
    .heading6 h2, .heading8 h2{
        font-size: var(--ztc-font-size-font-s30);
        line-height: var(--ztc-font-size-font-s38);
    }
}
@media (max-width: 767px) {
    .heading1 h1, .heading9 h1 {
        font-size: var(--ztc-font-size-font-s34);
        line-height: var(--ztc-font-size-font-s42);
    }
}

.case-inner-section-area .tabs-area ul li a,
.case-inner-section-area .tabs-area ul li button{
    margin: 0;
}

.cookie-consent-banner {
    display: none;
    position: fixed;
    right: 0;
    color: black;
    font-size: 15px;
    z-index: 1000;
    background: #fff;
    border-radius: 16px;
    bottom: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
    box-sizing: border-box;
    left: 30px;
    max-width: 315px;
    padding: 12px 16px;
}


.hero1-section-area .header-images-area .main-images-area .img1 img{
    opacity: 0;
}
.hero1-section-area .header-images-area .main-images-area .img2 {
    left: -300px;
}
@media (max-width: 991px) {
    .hero1-section-area .header-images-area .main-images-area .img1 {
        height: calc(280px + 0.25 * (100vw - 375px));
    }
}
@media (max-width: 991px) {
    .hero1-section-area .header-images-area .main-images-area .img2 {
        top: 0;
        left: 0;
    }
}
.hero1-section-area .header-images-area .main-images-area .img2 img {
    border-radius: 0;
}
.hero1-section-area .header-images-area .main-images-area .img3 {
    position: absolute;
    top: 0;
    z-index: -1;
    left: -126px;
    right: -200px;
}
@media (max-width: 991px) {
    .hero1-section-area .header-images-area .main-images-area .img3 {
        top: 0;
        left: 0;
        right: 0;
    }
}
.hero1-section-area .header-images-area .main-images-area .img3 img {
    height: 100%;
    width: 100%;
}
.hero1-section-area .header-images-area .main-images-area .auhtor-images .header-author-img1 {
    left: -150px;
}
.hero1-section-area .header-images-area .main-images-area .auhtor-images .header-author-img2 {
    right: 70px;
}

.about1-section-area .about-content-area .arrow-circle .arrow {
    left: 35%;
    top: 35%;
}

@media (min-width: 768px) {
    .service2-section-area .images-content-area .content-area{
        margin-top: 0;
        position: absolute;
        bottom: 0;
    }
}
.service2-section-area .images-content-area .content-area p,
.service2-section-area .images-content-area .content-area a.text{
    color: var(--ztc-text-text-3);
}

@media (min-width: 768px) {
    .bg-light-03 {
        background-color: rgba(255, 255, 255, 0.3);
    }
}
.hero1-section-area .hero4-section-area{
    overflow: unset;
}
.hero1-section-area .hero4-section-area .header-images-area .form-area form{
    padding: 16px 30px;
    top: 0;
    left: 0;
    width: auto;
}
.hero1-section-area .hero4-section-area .header-images-area .form-area form{
    position: unset;
}

@media (max-width: 768px) {
    .hero1-section-area  .hero4-section-area .header-images-area .form-area form .btn-area{
        padding: 20px 14px;
    }
    .hero1-section-area .hero4-section-area .header-images-area .form-area form #phone{
        max-width: 150px;
    }
}
.header-margin{
    margin-bottom: 60px!important;
}
@media (max-width: 767px) {
    .header-margin {
        margin-bottom: 30px!important;
    }
}
.about3-section-area .about-header-area .images-area::after{
    background: var(--brand-color);
}
.case4-section-area .content-area1 a,
.case4-section-area .content-area a{
    text-transform: none;
}
.service4-section-area{
    background: linear-gradient(112.49deg, rgba(81, 37, 86, 0.35) 0%, rgba(255, 255, 255, 0) 31.12%, rgba(237, 234, 251, 0.22) 59.08%, rgba(81, 37, 86, 0.35) 100%);
}
.choose-section-area,
.case5-section-area,
.testimonial4-section-area,
.contact5-section-area{
    background-color: var(--ztc-bg-bg-14);
}
.bg-light-primary{
    background: var(--ztc-bg-bg-14) !important;
}
.case5-section-area .case-widget-area .content-area .main-content p{
    color: var(--brand-color, var(--ztc-text-text-3));
}
.case5-section-area .case-widget-area{
    border-color: var(--brand-color, var(--ztc-text-text-3));
}
.case1-section-area .cs_case_study_thumb,
.case4-section-area .cs_case_study_thumb{
    background-position: left center;
}
.header-btn5:hover{
    color: var(--ztc-text-text-1);
    transition: all .4s;
    transform: translateY(-5px);
    border: 1px solid #fff;
    background: var(--bs-primary);
}

.contact-header h5{
    border-left: 3px solid var(--brand-color);
    border-radius: 0;
}
.contact-header h5::after{
    display: none;
}
.blog1-scetion-area .blog-author-boxarea .img1{
    text-align: center;
}
.blog1-scetion-area .blog-author-boxarea .img1 .blog-thumb,
.blog1-scetion-area .blog-author-boxarea .img1 img.blog-thumb{
    height: 267px;
    width: auto;
}
.blog1-scetion-area .blog-author-boxarea .img1 div.blog-thumb{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.gmap_canvas iframe{
    display: block;
}
.text-justify{
    text-align: justify!important;
}
.location-section-area .location-boxes div.hours ,
.location-section-area .location-boxes div.hours p {
    color: var(--ztc-text-text-2);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s20);
    font-style: normal;
    font-weight: var(--ztc-weight-semibold);
    line-height: 26px;
    display: block;
    transition: all 0.4s;
    margin-bottom: 0;
}

.work3-section-area .choose-section-area .choose-list-area .choose-auhtor li a:hover{
    color: var(--ztc-text-text-1);
    background: var(--brand-color);
    border: 1px solid var(--brand-color);
}

.blog-text p{
    margin-bottom: 10px;
}

.service1-section-area .service2-boxarea .icons svg.icon-svg{
    height: 120px;
    width: 120px;
}
.mobile-sidebar.mobile-sidebar1 .mobile-homepage{
    /*position: absolute;*/
    /*left: 13px;*/
    /*top: 17px;*/
    display: block;
    transform: translate(-18px, -23px);
}

@media screen and (max-width: 767px) {
    .hero1-section-area .hero4-section-area .header-images-area .form-area form{
        padding: 16px 18px;
    }
    ul.mobile-nav-list{
        margin-top: 16px;
    }
}

.link-primary {
    color: var(--brand-color)!important;
}
.link-primary:hover, .link-primary:focus {
    color: var(--dark-brand)!important;
}

.btn[class*="header-btn"],
button[class*="header-btn"],
a[class*="header-btn"] {
    text-transform: none !important;
}