/*:root {*/
/*  --ztc-bg-main-bg-1  : linear-gradient(90deg, #0d6efd 0%, #49A6FF 100%);*/
/*  --ztc-bg-main-bg-2  : linear-gradient(90deg, #0d6efd 0%, #49A6FF 100%);*/
/*}*/
@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1rem;
    }
}
 h6 {
    font-weight: 500;
    font-weight: var(--f-fw-semibold);
}
.list-style{
    padding:0px 20px;
}

.theme-btn1 {
    background-color:  linear-gradient(90deg, #0d6efd 0%, #49A6FF 100%);
}
.case10 .case-box .hover-area::after{
    background:  linear-gradient(90deg, #0d6efd 0%, #49A6FF 100%);
}
::marker {
    unicode-bidi: unset;
    font-variant-numeric: none;
    text-transform: none;
}
.heading1 h2 {
    font-size: var(--f-fs-font-fs24);
    line-height: var(--f-fs-font-fs32);
    font-weight: var(--f-fw-semibold);
    color: var(--ztc-text-text-1);
}
.heading1 h3 {
    font-size: var(--f-fs-font-fs20);
    line-height: var(--f-fs-font-fs28);
    font-weight: var(--f-fw-semibold);
    color: var(--ztc-text-text-1);
}
.hero3 .main-heading h2 {
    font-size: var(--f-fs-font-fs34);
    line-height: var(--f-fs-font-fs54);
    color: var(--ztc-text-text-2);
    font-weight: var(--f-fw-blod);
}

.heading5 h2, .heading5-w h2 {
    font-size: 24px;
    line-height: 30px;
}
.heading1-w h2 {
    font-size: var(--f-fs-font-fs24);
    line-height: var(--f-fs-font-fs32);
    font-weight: var(--f-fw-semibold);
    color: var(--ztc-bg-color-w);
}

.hero1-slide-bg {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.hero-carousel .item {
  height: 100vh;
  background-size: cover;
  background-position: center;
}

.hero-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.45);
  z-index: 1;
}

.hero-text {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  padding: 0 15px;
}

.hero-text h1,
.hero-text p,
.hero-text .buttons {
  color: #fff;
}
.common-hero::after {
     background-image: url(../img/bg/itco-breadcrumb.jpg);
    }
    .common-hero .main-heading h1,
    .common-hero .main-heading h2,
    .common-hero .main-heading span.span,
    .common-hero .main-heading span.span a{
        color: #ffffff;
    }

.about1 .heading1 .list li {
    font-size: var(--f-fs-font-fs16);
    line-height: var(--f-fs-font-fs16);
    font-weight: var(--f-fw-semibold);
    color: var(--ztc-text-text-1);
    padding-top: 20px;
    display: flex;
    align-items: center;
}
.about1 .about2-images .image2 img{
    width: 450px;
    height:420px;
    object-fit: contain;
    
}
.about7 .about-counter:hover {
     background: linear-gradient(90deg, #0d6efd 0%, #49A6FF 100%);
}
.work5 .work-box::before{
         background: linear-gradient(90deg, #0d6efd 0%, #49A6FF 100%);
}
.service .single-box:hover {
     background: linear-gradient(90deg, #0d6efd 0%, #49A6FF 100%);
}
.heading1 ul {
    list-style: disc;
     padding:0px 20px;
}
.heading1 ul li {
    color: var(--ztc-text-pera-text-1);
    
}
.brands6 {
    padding: 80px 0px;
    background: unset;
    /*background: linear-gradient(90deg, #0d6efd 0%, #49A6FF 100%);*/
}
.cta{
     background: linear-gradient(90deg, #0d6efd 0%, #49A6FF 100%);
}
.service-details-area-all ul{
     padding-left: 20px;
}
.service-details-area-all ul li{
   
    list-style: disc;
color: var(--ztc-text-pera-text-1);
padding-bottom: 5px;
}
.service .single-box:hover li {
    color: white !important;
}
 .details-post-area .heading1 p {
    font-size: var(--f-fs-font-fs16);
    line-height: var(--f-fs-font-fs28);
    font-weight: var(--f-fw-regular);
    color: var(--ztc-text-pera-text-1);
    transition: all 0.4s;
}
                                
.solution-images .image2 img{
    width: 400px;
    height: 250px;
}
.team5 .team-box .image img {
    height: 280px;
}

.project .project-slider .single-slider .slider-img img {
    height: 280px;
}
.project-page-box .image img {
    height: 280px;
}
.brands6 .brands-area-all .brands6-slider .single-slider img  {
    height: 100px;
}

.blog .blog-box .heading h6 a {
    display: inline-block;
    font-size: var(--f-fs-font-fs16);
    line-height: var(--f-fs-font-fs24);
    font-weight: var(--f-fw-blod);
    color: var(--ztc-text-text-1);
    padding: 16px 0px;
    transition: all 0.4s;
}

.blog .blog-box .image img {
    height:230px;
}
.blog2-box h6 a{
    color: #000000;
}
.blog .blog2-box .image img {
    height: 230px;
}

.tea0m5 .team-box .hover-icons ul li {
    padding: 0 50px;
}
.footer1 .single-footer-items h3 {
    margin-bottom: 15px;
}
.footer1 .single-footer-items .menu-list li a {
    padding: 5px 0px;
}
.footer1 .single-footer-items .contact-box {
    padding: 5px 0px;
}
.about7 .about-counter {
    height:150px;
}
.tes5 .tes5-slider .single-slider {
    height: 280px;
}
.tes5 .tes5-slider .single-slider .bottom .heading {
    padding-left: 5px;
}
@media screen and (max-width: 769px) {
    .mobile-logo a img{
        max-height: 65px;
    }
    .footer-logo a img {
         max-height: 65px;
        
    }
 .mobile-menu-active .logo-m a img{
         max-height: 65px;
    }

    .list-style{
       margin: 0px 10px;
    }
    .list-style li{
        display: list-item;
        list-style-type: disc;
        padding: 20px 40px;
    }
    .common-hero {
        min-height: 300px
        
    }
    .modal .modal-body h6 {
        margin-top:25px;
    }
}