.classy-nav-container {
  background-color: #252525;
  padding: 0; }

             .probe-feature-parent {
                width: 100%;
                margin: 20px;
                height: 220px;
                overflow: hidden;
                position: relative;
                display: inline-block;
                cursor: pointer;
                -webkit-box-shadow: 17px 22px 47px -7px rgba(0,0,0,0.57);
                -moz-box-shadow: 17px 22px 47px -7px rgba(0,0,0,0.57);
                box-shadow: 17px 22px 47px -7px rgba(0,0,0,0.57);
            }
.probe-feature-area .row 
{
    margin-top: 50px;
    margin-left: -20px;
    margin-right: -20px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .probe-feature-area .row {
          margin-left: -15px;
          margin-right: -15px; } }
      @media only screen and (max-width: 767px) {
        .probe-feature-area .row {
          margin-left: -15px;
          margin-left:10px;
          margin-right: -15px; } }
          .probe-feature-area .row .col-12 {
        padding-left: 20px;
        padding-right: 20px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
            .probe-feature-area .row .col-12 {
            padding-left: 15px;
            padding-right: 15px; } }
        @media only screen and (max-width: 767px) {
            .probe-feature-area .row .col-12 {
            padding-left: 15px;
            padding-right: 15px; } }
            .probe-feature-area button{
                background-color:transparent !important; 
                border:none !important;
            }
            .probe-feature-img {
                height: 100%;
                width: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
            }
            
            .probe-feature-parent:hover .probe-feature-img, .probe-feature-parent:focus .probe-feature-img {
                -ms-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1);
                -webkit-transition-duration: 800ms;
                -o-transition-duration: 800ms;
                transition-duration: 800ms;
            }
            
            .probe-feature-img:before {
                content: "";
                display: none;
                height: 100%;
                width: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background-color: rgba(52,73,94,0.75);
            }
            .probe-features-area .probe-feature-img h5{
                padding:30px 0px 0px 42px;
                text-transform: uppercase;
                /* color: #353535!important; */
                text-align: left;
            }
            .probe-features-area p{
                color: #353535;
                font-size: 15px;
                margin-top:25px;
                text-align: justify;
                text-transform: none;
              }


.probe-product-area .row 
{
    margin-top: 50px;
    margin-left: -20px;
    margin-right: -20px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .probe-product-area .row {
          margin-left: -15px;
          margin-right: -15px; } }
      @media only screen and (max-width: 767px) {
        .probe-product-area .row {
          margin-left: -15px;
          margin-left:10px;
          margin-right: -15px; } }
      .probe-product-area .row .col-12 {
        padding-left: 20px;
        padding-right: 20px; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .probe-product-area .row .col-12 {
            padding-left: 15px;
            padding-right: 15px; } }
        @media only screen and (max-width: 767px) {
          .probe-product-area .row .col-12 {
            padding-left: 15px;
            padding-right: 15px; } }
.product-img{
    width: 100%;
}
.product-det{
    font-size:13px;
}
.sidebar-content .card .nav-item-open .nav-link, .sidebar-content .card .nav-item .nav-link:hover{
    background-color: transparent !important; 
}

.sidebar-content .card .nav-item .search-disabled{
    color:#DADADA;
}

.span_pseudo, .custom-checkbox span:before, .custom-checkbox span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    transform-origin: 0% 0%;
  }
  .span_pseudo, .reverse-checkbox span:before, .reverse-checkbox span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    transform-origin: 0% 0%;
  }
  .custom-checkbox, .reverse-checkbox {
    position: relative;
    height: 2rem;
    margin-left:30px;
    display: flex;
    align-items: center;
  }
  .custom-checkbox input, .reverse-checkbox input {
    display: none;
  }
  .custom-checkbox input:checked ~ span {
    background: #e81010;
    border-color: #e81010;
  }
  .reverse-checkbox input:checked ~ span {
    background: #e81010;
    border-color: #e81010;
  }
  .custom-checkbox input:checked ~ span:before {
    width: 1rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
  }
  .reverse-checkbox input:checked ~ span:before {
    width: 1rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
  }
  .custom-checkbox input:checked ~ span:after {
    width: 0.4rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
  }
  .reverse-checkbox input:checked ~ span:after {
    width: 0.4rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
  }
  .custom-checkbox input:disabled ~ span {
    background: #ececec;
    border-color: #dcdcdc;
  }
  .reverse-checkbox input:disabled ~ span {
    background: #ececec;
    border-color: #dcdcdc;
  }
  .custom-checkbox input:disabled ~ label {
    color: #dcdcdc;
  }
  .reverse-checkbox input:disabled ~ label {
    color: #dcdcdc;
  }
  .custom-checkbox input:disabled ~ label:hover {
    cursor: default;
  }
  .reverse-checkbox input:disabled ~ label:hover {
    cursor: default;
  }
  .custom-checkbox label, .reverse-checkbox label {
    padding-left: 2rem;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-bottom:0;
  }
  .custom-checkbox span {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #ccc;
    position: absolute;
    left: 0;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
  }
  .custom-checkbox span:before, .reverse-checkbox span:before{
    transform: rotate(-55deg);
    top: 1rem;
    left: 0.37rem;
  }
  .custom-checkbox span:after, .reverse-checkbox span:after {
    transform: rotate(35deg);
    bottom: 0.35rem;
    left: 0.2rem;
  }
  .reverse-checkbox span{
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #ccc;
    position: relative;
    margin-left: 132px;
    right: 0;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
  }
  .reverse-checkbox span:hover{
    cursor: pointer;
  }
