.form-check-trad {position:relative; padding:0  !important; cursor:pointer;}
.form-check-trad input {position:absolute; top:8px; left:5px; margin:0 !important;}
.form-check-trad label {cursor:pointer; padding:6px 5px 6px 28px; width:100%; margin:0 !important;
    display:block; border-radius:5px; border: 1px solid #ced4da; font-size:12px; }
.form-check-trad input:checked + label {background:#509cf8 !important; color:#fff;}

.card-1 {border-top:6px solid #0dcaf0!important;}
.card-2 {border-top:6px solid #0d6efd!important;}

@media (max-width: 1700px) {
  .start-p {font-size: .9rem;}

}


@media (min-width: 992px){
  .scroll-content {overflow-y:scroll; overflow-x:hidden;}

  footer {
        position:absolute;
        width:50%;
        left:0;
        bottom:10px;
        text-align:center;
        color:#fff;

    }
    footer  a {color:#fff; text-decoration:underline;}
}

@media (max-width: 767px){
  .vh-100 {
      height: auto !important;
      min-height:100vh !important;
  }
  footer {
        margin-top:-35px;
        text-align:center;
        color:#fff;
        position:relative !important;
        padding:0 !important;
        z-index:3;
    }
    footer  a {color:#fff; text-decoration:underline;}
}



.overlay {
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
}

.offer-card {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(5px);
}

.start-p {
  font-size: 16px;
}

.btn {
  padding: 12px 36px;
  border-radius: 0;
  background: linear-gradient(to right, #3a90ff, #0768e7);
  color: #fff;
  border: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  position: relative;
  box-shadow: none !important;
}

.btn:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1.5px dotted #3a90ff;
  transform: translate(-6px, -6px);
  transition: ease 0.6s;
}

.btn:hover {
  background: transparent;
  border-color: #3a90ff !important;
  color: #3a90ff;
}

.btn:hover:after {
  transform: translate(0, 0);
}

.btn-dark {
  background: #222 !important;
  border: none !important;
}

.btn-dark:after {
  border-color: #222 !important;
}

.btn-dark:hover {
  background: #fff !important;
  border-color: #222 !important;
  color: #222;
}

input, textarea {
  padding: 12px 16px !important;
  border-radius: 0 !important;
}

input:focus, textarea:focus {
  /* box-shadow: none !important; */
  border-color: #3a90ff;
}

.form-check-trad input {
  border-radius: 50% !important;
  padding: 0 !important;
}

label {
  font-size: 16px;
  color: #565656;
  margin-bottom: 2px;
}

form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form-check-label {
  border-radius: 0 !important;
  font-size: 14px !important;
}

.form-check-trad input {
  position: absolute;
  left:12px;
  z-index: 3;
  top: 17px;
}

.form-check-trad label {
  display: flex;
  position:relative;
  align-items: center;
  gap: 8px;
  border: 1px solid #ced4da;
  padding: 12px 16px 12px 32px !important;
}

.form-check-trad input:checked label{
  background-color: #509cf8 !important;
}

.tab-title {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 8px 16px;
}

.tab-title .img-box img {
  max-width: 65px;
  filter: invert(0.5) brightness(2);
}

.cooperation_type.form-check-input {
  width: 14px;
  min-width: 14px;
  height: 14px;
  display: block;
}