/* .nav-main {
    background: var(--color-primary);
  
} */

.discover-section {
    position: relative;
    background: #fff;
}

.yellow-box {
    width: 100%;
    height: 14.3125em;
    background: var(--color-secondary);
    float: left !important;
    position: relative;
}

.yellow-box img {
    width: 5.5em;
    height: 5.4375em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.count-box {
    width: 100%;
    height: 14.3125em;
    background: var(--color-primary);
    text-align: center;
    padding: 4.0625em 0 0 0;
    float: right !important;
}

.count-box h2 {
    color: #fff;
    font-weight: 500;
    margin: 0 0 .125em 0;
    letter-spacing: .03125em;
}

.count-box p {
    color: #fff;
    font-size: .9375em;
    margin: 0;
}

.discover-heading {
    padding: 0 0 0 8.125em;
}

.choose-us-style-four-thumb {
    position: sticky;
    top: 80px;
}

ul.list-style-two li .serve-titile {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    row-gap: 5px;
    align-items: center;
    margin-bottom: 20px;
}

ul.list-style-two li h4 {
    font-size: 20px;
    margin-bottom: 0px;
}
.fields{ padding-bottom: 80px;}
/* .fields .fields-intro {
    padding: 7rem 0 3rem;
} */

/* .fields .fields-intro p {
    max-width: 43%;
}

.fields .fields-intro p {
    font-size: 1.875rem;
} */

.fields .boxes {
    padding-left: 2px;
    padding-right: 2px;
}

.fields .boxes .box {
    flex: .1 0 calc(100vw / 8);
    transition: flex 1s;
    -webkit-backface-visibility: hidden;
    min-height: 430px;
    padding: 2.5rem;
}

.bg-img {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.fields .boxes .box:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
}

.fields .boxes .box:before {
    background: rgba(0,0,0,.3);
    background: transparent linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%) 0% 0% no-repeat;
}

.fields .boxes .box .link {
    top: 0;
    left: 0;
    z-index: 1;
}

.fields .boxes .box .box-content {
    max-width: 17rem;
}
.fields .boxes .box .box-content .box-animation {
    transition: all .6s;
}

.fields .boxes .box .box-content .custom-btn {
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
    color: #fff;
    font-size: 0.875rem;
}

.fields .boxes .box:hover .custom-btn {
    opacity: 1;
    visibility: visible;
}

.fields .boxes .box .box-content .custom-btn i {
    color: #dfdfdf;
    font-size: 1.5rem;
}
.fields .boxes .box .box-content .custom-btn a{
    color: var(--white);
}

.fields .boxes .box .link:hover~.box-content .custom-btn i {
    -webkit-animation: arrow 1.5s ease-in infinite forwards;
    animation: arrow 1.5s ease-in infinite forwards;
}

.fields .boxes .box:hover {
    flex: 1 0 0%;
}


.footer-style-two .social-icon {
    padding-top: 0px;
  }
  .footer-style-two .social-icon li {
    display: inline-block;
  }
  .footer-style-two .social-icon li a {
    display: inline-block;
    color: var(--ztc-text-text-2);
    font-size: var(--f-fs-font-fs16);
    background-color: rgba(255, 255, 255, 0.1450980392);
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    margin: 0px 2px;
    transition: all 0.4s;
  }
  .footer-style-two .social-icon li a:hover {
    color: var(--ztc-text-text-2);
    background-color: var(--ztc-bg-main-bg-3);
    transition: all 0.4s;
  }

  .ftNav {
    margin: 0;
    padding: 0;
}

.ftNav li {
    display: inline-block;
    position: relative;
    padding-right: 1.375em;
    line-height: 1;
}
.ftNav li+li {
    padding: 0 1.375em;
}
.ftNav li:after {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    content: '';
    background: #797c84;
}

.ftNav li a {
    color: #8d8f99;
    font-size: 1em;
    display: block;
    font-weight: 500;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
}

@media screen and (max-width: 991px) {
    .fields .fields-intro p {
        max-width: 100%;
    }

    .fields .boxes .box {
        flex: .1 0 calc(100vw / 2);
       
    }

    .fields .boxes .box {
        padding: 1.5rem;
        min-height: 400px;
       width: 50%; 
    }

    .fields .boxes .box .box-content .custom-btn {
        opacity: 1;
        visibility: visible;
        transition: none;
        color: #fff;
        font-size: 0.875rem;
        padding: 10px 10px;
    }
    .mt-auto {
        margin-top: auto !important;
    }

    .fields .boxes .box .box-content .box-animation {
        transform: none !important;
        transition: none;
    }

    .fields .boxes .box .box-content .box-animation h3{ font-size: 20px;}

    .discover-heading {
        padding: 1.875em;
    }

    .discover-text {
        padding: 1.875em;
    }

    .play-video-img {
        position: relative;
        margin-top: 30px;
    }
}