.text-grey {
    color: #9b9b9b;
}
a {
    color: #000000 !important;
}

a:hover {
    text-decoration: none !important;
}

.owl-item.cloned.active::before,
.owl-item.active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
}

.owl-item.active.center::before {
    background: transparent;
    position: relative;
}

 

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.column {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}
.form-control{
  border:1px solid #cccccc; 
}
.btn-dark{
    background-color: #000000;
}
.from-group label{
  color:#525252;
}
.list-inline  .nav-link{
      padding: .1rem 1rem;
}
/*Radio Button*/
 .radiobtn {
   position: relative;
   display: block;
}
 .radiobtn label {
   display: block;
   background: #fff;
   color: #444;
   border-radius: 5px;
   padding: 10px 20px;
   border: 2px solid #ccc;
   margin-bottom: 5px;
   cursor: pointer;
}
 .radiobtn label:after, .radiobtn label:before {
   content: "";
   position: absolute;
   right: 11px;
   top: 11px;
   width: 20px;
   height: 20px;
   border-radius: 3px;
   background: #fff;
}
 .radiobtn label:before {
   background: transparent;
   transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
   z-index: 2;
   overflow: hidden;
   background-repeat: no-repeat;
   background-size: 13px;
   background-position: center;
   width: 0;
   height: 0;
   background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fad' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check fa-w-16 fa-5x'%3E%3Cg class='fa-group'%3E%3Cpath fill='currentColor' d='M504.5 144.42L264.75 385.5 192 312.59l240.11-241a25.49 25.49 0 0 1 36.06-.14l.14.14L504.5 108a25.86 25.86 0 0 1 0 36.42z' class='fa-secondary'%3E%3C/path%3E%3Cpath fill='currentColor' d='M264.67 385.59l-54.57 54.87a25.5 25.5 0 0 1-36.06.14l-.14-.14L7.5 273.1a25.84 25.84 0 0 1 0-36.41l36.2-36.41a25.49 25.49 0 0 1 36-.17l.16.17z' class='fa-primary'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
 .radiobtn input[type="radio"] {
   display: none;
   position: absolute;
   width: 100%;
   appearance: none;
}
 .radiobtn input[type="radio"]:checked + label {
   background: #f8f9fa;
   animation-name: blink;
   animation-duration: 1s;
   border-color: #ccc;
}
 .radiobtn input[type="radio"]:checked + label:after {
   background: #f8f9fa;
}
 .radiobtn input[type="radio"]:checked + label:before {
   width: 20px;
   height: 20px;
}
 @keyframes blink {
   0% {
     background-color: #f8f9fa;
  }
   10% {
     background-color: #f8f9fa;
  }
   11% {
     background-color: #f8f9fa;
  }
   29% {
     background-color: #f8f9fa;
  }
   30% {
     background-color: #f8f9fa;
  }
   50% {
     background-color: #f8f9fa;
  }
   45% {
     background-color: #f8f9fa;
  }
   50% {
     background-color: #f8f9fa;
  }
   100% {
     background-color: #f8f9fa;
  }
}