.space {
    padding: 70px 0px;
}
.breadcrumb-space {
    padding: 65px 0px 40px 0px;
}
.bg-theme-1 {
    background:url(../shivjyot-systems/bg/bg-counter.jpg) ;
}
.bg-theme-2 {
    background:url(../shivjyot-systems/bg/bg-products.jpg) ;
}
.text-justify {
    text-align: justify;
}
.industry-text {
    padding: 10px;
    background: #ebebeb;
    text-align: center;
    font-size: 18px;
}
.industry-row{
    display:flex;
    flex-wrap:wrap;
}

.industry-box{
    width:20%;
    padding:0 10px;
    margin-bottom:20px;
   
}
@media(max-width:991px){
    .industry-box{
        width:33.33%;
    }
}
@media(max-width:767px){
    .industry-box{
        width:50%;
    }
}
.font-18 {
    font-size: 18px;
}
.justify-content-center{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.bg-why-us {
background-color: #ecf0eb;
    background:url(../shivjyot-systems/bg/bg-why-us.jpg) ;
}
.bg-infra {
    background-color: #ecf0eb;
background-image: url("https://www.transparenttextures.com/patterns/fresh-snow.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
.bg-brands {
background-color: #ecf0eb;
    background:url(../shivjyot-systems/bg/bg-brands.jpg) ;
}
/**-----------agnis list 02---------***/
Ś
.agnis-list-02{
    width:100%;
}
.agnis-list-02{
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font-size: 18px;
    padding: 0;
}
.agnis-list-02 li{
    position: relative;
    display: block;
    padding: .4em .4em .4em 1.5em;
    *padding: .4em;
    margin: .5em 0;
    background: #0096DB;
    color: white;
    text-decoration: none;
    box-shadow:inset 0.5em 0 black;
    -webkit-transition: box-shadow 1s; /* For Safari 3.1 to 6.0 */
    transition: box-shadow 1s;
}

.agnis-list-02 a:hover{
    box-shadow:inset 1.3em 0 black;     
}
.customer-img {
    border: darkgray 1px dashed;
    box-shadow:0px 10px 25px rgba(0,0,0,0.10);
    margin-bottom: 10px;
}
.counter{
    color: var(--main-color);
    text-align: center;
    width: 100%;
    padding: 15px 20px;
    border-radius: 20px 20px; 
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.counter:before{
    content: "";
    background: #ffffff;
    width: 100%;
    height: calc(100% - 10px);
    border-radius: 20px 20px; 
    box-shadow: 0 4px 8px rgba(0,0,0,0.5); 
    position: absolute;
    top: 10px;
    left: 0;
    z-index: -1;
}
.counter .counter-icon{
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 15px;
}
.counter .counter-value{
    color: var(--main-color);
    font-size: 33px;
    font-weight: 500;
}
.counter h3{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 25px;
    text-transform: capitalize;
    margin: 0 0 5px;
}
@media screen and (max-width:990px){
    .counter{ margin-bottom: 40px; }
}
@media only screen and (max-width: 767px) {
  .main-header.header-style-two .nav-outer .mobile-nav-toggler {
    padding: 11px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .main-header .btn-box {
    float: none;
    margin-left: 10px;
  }
}
@media(max-width:991px){
    .customer{
        width:33.3%;
    }
}
@media(max-width:767px){
    .customer{
        width:33.3%;
    }
}
@media(max-width:480px){
    .customer{
        width:50%;
    }
}
.text-theme {
  color:var(--main-color);
}

.vision{
    background:linear-gradient(135deg,#021b4e,#0b4ea2);
}

.mission{
    background:linear-gradient(135deg,#0096e6,#1bb1ff);
}

.breadcrumb-title {
   color: #ffffff;
  line-height: 45px;
  font-weight: 400;
  font-size: var(--font-34);
}
.breadcrumb-h1 {
    font-size: 17px;
    line-height: 24px;
    color: #ffffff;
      font-weight: 400;
}
.font30 {
font-size: 30px;
}

.inner-column h2{
    font-size:30px;
}
.vertical-center {
    display: flex;
    align-items: center;
}
/* ==========================================
   SPECIFICATION TABLE
========================================== */

        .specification-table-wrap {
            width: 100%;
            margin-top: 20px;
            overflow-x: auto;
            background: #ffffff;
            border-radius: 5px;
            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
        }

        .specification-table {
            width: 100%;
            border-collapse: collapse;
            margin: 0;
            table-layout: fixed;
        }

        .specification-table thead th {
            background: #222222;
            color: #ffffff;
            padding: 18px 22px;
            font-size: 17px;
            font-weight: 600;
            text-align: left;
            border: 1px solid #222222;
        }

        .specification-table thead th:first-child {
            width: 65%;
        }

        .specification-table thead th:last-child {
            width: 35%;
        }

        .specification-table tbody td {
            padding: 16px 22px;
            font-size: 16px;
            color: #555555;
            border: 1px solid #e2e2e2;
            background: #ffffff;
            vertical-align: middle;
        }

        .specification-table tbody td:last-child {
            color: #222222;
        }

        .specification-table tbody tr {
            transition: all 0.3s ease;
        }

        .specification-table tbody tr:hover td {
            background: #f8f8f8;
        }

        .specification-table tbody tr:hover td:last-child {
            color: #e30613;
        }


        /* ==========================================
   WHY CHOOSE SHIVJYOT
========================================== */

        .why-choose-box {
            margin-top: 45px;
        }

        .why-choose-box h3 {
            margin-bottom: 20px;
        }

        .why-choose-box p {
            font-size: 16px;
            line-height: 1.8;
            color: #555555;
            text-align: justify;
            margin-bottom: 0;
        }


        /* ==========================================
   CTA SECTION
========================================== */

        .sweeper-cta-box {
            position: relative;
            margin-top: 45px;
            padding: 40px;
            background: #f5f5f5;
            border-left: 4px solid #e30613;
        }

        .sweeper-cta-box h3 {
            margin-bottom: 18px;
        }

        .sweeper-cta-box p {
            font-size: 16px;
            line-height: 1.8;
            color: #555555;
            margin-bottom: 25px;
            max-width: 900px;
        }


        /* ==========================================
   MOBILE
========================================== */

        @media only screen and (max-width: 767px) {

            .specification-table-wrap {
                overflow-x: auto;
            }

            .specification-table {
                min-width: 550px;
                table-layout: auto;
            }

            .specification-table thead th,
            .specification-table tbody td {
                padding: 13px 15px;
                font-size: 14px;
            }

            .why-choose-box {
                margin-top: 30px;
            }

            .why-choose-box p {
                font-size: 14px;
                line-height: 1.7;
            }

            .sweeper-cta-box {
                margin-top: 30px;
                padding: 25px 20px;
            }

            .sweeper-cta-box h3 {
                font-size: 22px;
            }

            .sweeper-cta-box p {
                font-size: 14px;
                line-height: 1.7;
            }

        }