:root {
    --bs-fw-600: 600; 
    --font-inter: 'Inter';  
    --bg-trans: transparent;
}

.g-4{
    --bs-gutter-y: 30px !important;
    --bs-gutter-x: 30px !important;
}

.mb-6 {margin-bottom: 60px;}

.container {
    max-width: 1222px !important;
}

.tariffs  .container {
    padding: 80px 0 110px;
}
.info  .container,
.about  .container,
.footer  .container {
    padding-top: 110px;
    padding-bottom: 110px;
}

.header .container {
    padding-top: 0 ;
    padding-bottom: 0 ;
}

.login .container {
    padding-top: 52px;
    padding-bottom: 52px;
}
.intro .container  {
    padding-top: 0 ;
    padding-bottom: 52px;
}

.link-dark {
    color:  #1C1C1C !important;
}
.text-secondary {
    color: #585757 !important;
}

body {
    font-family: var(--font-inter), sans-serif;
    
}
 ul {
    padding-left: 1rem;
}

.main-shadow {position: relative;}
.main-shadow:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  z-index: 2;
} 

.navbar-toggler:focus {
    box-shadow: 0 0 0 0 !important;
  }

.navbar-toggler {
    border-color: transparent !important;
  }

.fw-600 {
    font-weight: var(--bs-fw-600) !important;
}

.tariffs__table {
    max-width: 1222px ;
}

.text-success,
.tariffs__table-price,
.tariff-title {
    color: #75A141;
}


.btn-toggler {
    padding: 0 !important;
}

.btn-success {
    width: 164px;
    font-size: 15px;
    line-height: 22px;
    padding: 11px 16px;
    border-radius: 6px !important;
    font-weight: 600 !important;
    color: #1C1C1C !important;
    background-color:  #FFCB00 !important;
    border-color:  #FFCB00 !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 1px rgba(0, 0, 0, 0.03), 0px 1px 1px rgba(0, 0, 0, 0.04) !important;
}
.intro .btn-success, .intro .link-success {
    font-size: 20px !important;}

.btn-success--main {
    padding: 8px 12px;
  font-size: 15px !important;
  line-height: 147%  !important;
  letter-spacing: -0.1px;
}

.btn-success.btn-lg span{
  line-height:  130% ;
  letter-spacing: -0.2px;
}

.btn-success:hover {
    color: #1C1C1C !important;
    background-color:  #eb0 !important;
    border-color:  #eb0 !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 1px rgba(0, 0, 0, 0.03), 0px 1px 1px rgba(0, 0, 0, 0.04) !important;

}

.btn-check:focus + .btn-success, .btn-success:focus {
    color: #1C1C1C !important;
    background-color:  #eb0 !important;
    border-color:  #eb0 !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 1px rgba(0, 0, 0, 0.03), 0px 1px 1px rgba(0, 0, 0, 0.04) !important;
  }

  .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
    color: #1C1C1C !important;
    background-color:  #eb0 !important);
    border-color:  #eb0 !important;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 1px rgba(0, 0, 0, 0.03), 0px 1px 1px rgba(0, 0, 0, 0.04) !important;

  }

  .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 2px 1px rgba(0, 0, 0, 0.03), 0px 1px 1px rgba(0, 0, 0, 0.04) !important;
  }

.img-btn {
    margin-left: -3px;
    margin-right: 3px;
  }

.header {
    background: #fff;
}

.header-link {
    line-height: 147% ;
    letter-spacing: -0.1px;
    color: #1C1C1C !important;
}

.header-link:hover {
    color:  #75A141 !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #1C1C1C !important;
}

.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: #75A141 !important;
}

.intro-title {
    font-size: 48px;
    line-height: 125%;
    letter-spacing: -1.2px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.intro-subtitle {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.3px;
    color: #585757;
}

.link-success {
    color:  #75A141 !important;
}

.intro .link-success {
    font-size: 20px;
    line-height: 26px;
}

.link-success:hover {
    color: #573 !important;
}

.advantages,
.lawyers,
.questions {
    background: #F7F7F7;
}

.block-title {
    line-height: 128% ;
    letter-spacing: -0.8px;
    color: #1C1C1C;
}

.block-subtitle {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.3px;
    color: #585757;
}

.info {
    background: url("https://pravosites.ru/templates/2017/themes/rshb-msb/assets/images/Image02.png") no-repeat;
    /* background: url("https://pravosites.ru/templates/2017/themes/rshb-vup/assets/images/businessman-hands-using-cell-phone-with-laptop-at-office-desk.jpg") no-repeat; */
    background-size: cover;
}

.info-title {
    line-height: 128%;
    letter-spacing: -0.8px;
}

.info-subtitle {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.3px;
    color: #F7F7F7;
}

.info-text  {
    line-height: 150%;
    letter-spacing: -0.3px;
    color: #F7F7F7;
}

.text-black {
    color: #1C1C1C;;
}

.main-icon {
    width: 96px;
    height: 96px;
    background: rgba(117, 161, 65, 0.2);
    border-radius: 50%;
}

.advantages__item  p{
    max-width: 100%;
}

.advantages-title {
    line-height: 133%;
    text-align: center;
    letter-spacing: -0.4px;
    color: #1C1C1C;
}

.advantages-text {
    font-size: 15px;
    line-height:  147%;
    letter-spacing: -0.2px;
}

.lawyers--card {
    background-color:  var(--bg-trans);
    border: none;
    border-radius: 8px !important;
}

.lawyers-img {
    background: #fff;
    border-radius: 8px !important;
    max-height: 390px;
}

.card-img-overlay {
    background: #fff !important;
    opacity: 0;
    border: 1px solid #75A141 !important;
    border-radius:  8px !important;
}

.card-img-overlay:hover  {
    opacity: 1;
}
.card-title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.4px;
    margin-bottom: 5px !important;
}
.card-subtitle {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 109%;
    letter-spacing: 1px;
}
.card-text {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.2px;
    color: #2D2D2D;
}

.card-body {
    padding: 20px 0 0 0  !important;
}

.card-text.small {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.2px;
}

.questions-tem {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.3px;
    margin-top: 24px;
    padding-bottom: 13px;

}

.video {
    height: 390px;
    background: #DBDBDB url("../images/video-icon.svg") no-repeat center;
    border-radius: 8px !important;
}

.border-rounded {border-radius: 8px !important;}



/* table */

table.optimal p {
    max-width: 252px;
}

tbody td {
    color: #585757;
}

.tariffs__card {
    padding: 30px 48px;
    height: 100%;
    position: relative;
    border-radius: 8px !important;
}
.tariffs__card:last-vhild .btn {
    margin-top: 4rem  !important;
}

.tariffs__table-mark {
    position: absolute;
    top: 0;
    right: 0;
    background-color:  var(--bs-mark);
    border-color: var(--bs-mark);
    color: #fff;
    font-size: 13px;
    line-height: 18px;
}

.tariffs__table-period {
    font-size: 15px;
    color: #585757;
}

.tariffs__mobile-title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 133%;
    letter-spacing: -0.4px;
}

.tariffs__mobile-price   {
    color: var(--bs-red);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 133%;
    letter-spacing: -0.4px;
}

.tariffs__table-info {
    max-width: 90%;
    font-weight: 600;
}

.tariffs__table  > tbody > tr:hover {
    background-color: #d9d9d9;
  }


.tariffs__table tbody td {
    width: 20%;
}
.tariffs__table thead td {
    width: 20%;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.1px;
    color: #75A141;
}
.tariffs__table th {
    width: 40%;
}

.tariffs__table th,
.tariffs__table td {
    padding: 32px 16px;
}
.tariffs__table tr {
    border-bottom: 1px solid #DBDBDB;
}
.tariffs__tabletfoot tr {
    border-bottom: none;
}
.tariffs__table thead.border-bottom tr{
    border-bottom: 1px solid #75A141 !important;
}

 .tariff-mobile .link-success {
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #1C1C1C !important;
    padding-bottom: 11px;
}

.tariff-mobile .link-success.active {
    color:#75A141 !important;
    border-bottom: 2px solid #75A141;
    
}
#tariffModalMobile .modal-header {
    border-bottom: none  !important;
}
#tariffModalMobile .modal-body h5 {
    font-size: 1rem !important;
}
.modal-title { font-weight: bold;}
.table-mobile--lite .py-4 {
    padding-top: 1.25rem!important;
    padding-bottom: 1.25rem!important;
}
.table-mobile--lite p {margin-bottom: 0 !important;}

.tariff-title {
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

      
.tariffs__table-period {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.2px;
    color: #585757;  
}

.tariffs__table-price {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.4px;
}
td .tariffs__table-price,
td .tariffs__table-period {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.1px;

}

.marker-success ::marker {
    color: #75A141;
}

  /* footer */

.footer-text {
    color: #969696;
    margin-bottom: 0.25rem;
    font-size: 13px;
    line-height: 138%;
    letter-spacing: -0.1px;
}

.footer-info {
    color: #585757;
    font-size: 15px;
    line-height: 147%;
    letter-spacing: -0.2px;
}

.footer-link {
    font-size: 13px;
    line-height: 138% ;
    letter-spacing: -0.1px;
    color: #969696;
    margin-right: 10px;
}

  .footer-link:hover {
      color: white;
  }

  .bar1, .bar2, .bar3 {
    display: block;
    width: 22px;
    height: 3px;
    background-color: #969696;
    margin: 6px 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
  }
  
  .active .bar1 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg) translateX(4px);
    transform-origin: 10% 10%;
    -webkit-transform-origin: 10% 10%;
  }

  .active .bar2 {
    opacity: 0;
  }
  .active .bar3 {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
    -webkit-transform: rotate(-45deg) translateX(4px);
    -webkit-transform-origin: 10% 90%;
  }
  
  .tariffs__table .modal-header { border-bottom: none  !important; padding-bottom: 0; }
  .tariffs__table .modal-body {padding-top: 0;}
    
  @media screen and (max-width: 1050px) {
  
     .intro  .link-success {margin-top: 30px;display: inline-block;}
  }

@media screen and (max-width: 992px) {
    .card-title {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.4px;
        margin-bottom: 5px !important;
    }
    .mb-6 {margin-bottom: 30px;}
    
    .tariffs  .container,
    .info  .container,
    .about  .container,
    .footer  .container  {
        padding-top: 40px !important;
        padding-bottom: 48px !important;
    }

    .header .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .login .container {
        padding-top: 40px !important;
        padding-bottom: 48px !important;
    }
    
    .intro .container  {
        padding-bottom: 48px !important;
    }
    
    .intro-title {
        font-size: 36px;
        line-height: 46px;
        letter-spacing: -0.8px;
    }

    .info-subtitle {
        font-size: 15px;
        line-height: 22px;
        letter-spacing: -0.2px;
    }

    .intro-header {
        font-size: 2.25rem;
    }

    .block-subtitle,
    .subtitle {
        font-size: 15px;
        line-height: 22px;
        letter-spacing: -0.2px;
    }

    .info {
        background: #75A141;
    }
    .card-title {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: -0.2px;
    }
  }

@media screen and (max-width: 768px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .tariffs__card:last-vhild .btn {
        margin-top: 3rem  !important;
    }
    .header.py-2 {
        padding-top: 0.6rem !important;
        padding-bottom: 0.6rem !important;
    }
}
@media screen and (max-width: 575px) {
    .footer-link {width: 100%;}
}

@media (min-width: 768px){
    .mb-md-6 { margin-bottom: 4rem;}
    .btn-success.w-100 {width: 164px !important;}
}

.btn-tariffs { 
    overflow-x: scroll;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    }
    
.btn-tariffs::-webkit-scrollbar { width: 0; height: 0; }
.about {background: #F7F7F7;}

.cases {
    padding: 5rem 0;
}
.cases__item {
    height: 100%;
    padding: 2rem 2rem 1.5rem;
    border: 2px solid #64a70b;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}