@charset "utf-8";

  @font-face {
      font-family: "Pelinka";
      src:url(../fonts/Pelinka-Bold.otf);
  }

  @font-face {
      font-family: "Montserrat Bold";
      src:url(../fonts/Montserrat-Bold.ttf);
  }

  @font-face {
      font-family: "Montserrat Medium";
      src:url(../fonts/Montserrat-Medium.ttf);
  }

  @font-face {
      font-family: "Montserrat Regular";
      src:url(../fonts/Montserrat-Regular.ttf);
  }
  .grid {
    position: sticky!important;
    display: grid;
    grid-template-columns: 1.1fr repeat(3, 1fr);
    
  }

  .head {
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 160px;
  }

  .price-head-position {
    bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 31px;
    font-weight: 700;
    font-family: "Montserrat Bold";
  }

  .cell {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .land-am-price-h3 {
    font-family: "Pelinka";
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 10vh;
    margin-bottom: 1vh;
  }

  .divider {
    display: flex;
    align-items: end;
  }

  .main-limits {
    display: flex;
    font-family: "Pelinka";
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0;
  }

  .main-limits-arrow {
    display: flex;
    width: 25px;
  }


  /* .dividerAnim{
    background-color: transparent;
    gap:10px;
    border-bottom: 1px solid  #0B1956;
    cursor:pointer; 
  } */
  /* 
  .grid  {
    display:grid;
    grid-template-columns: 1.1fr repeat(3, 1fr);
    position:sticky;
    top: 100px;
  } */

  .feature {
    display: flex;
    flex-direction: row;
    align-items: start;
    padding-top: 2vh;
    padding-bottom: 2vh;
  }

  .sub {
    font-size: 12px;
    font-weight: 700;
    font-family: "Montserrat Bold";
  }

  .dividerAnim {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 20px 0 0px!important;
    padding-left: 0;
  }

  #id-content-for-divider-position {
    background-color: #0b1957;
    /* position: fixed;
    bottom: 20px;
    width: 69.4%; */
    position: sticky;
    top: 28%;
  }

  .section-hidden { display: none !important; }
  .dividerAnim .main-limits-arrow{ transition: transform .2s ease; }
  .dividerAnim[aria-expanded="true"] .main-limits-arrow{ transform: rotate(-90deg); }
  .dividerAnim[aria-expanded="false"] .main-limits-arrow{ transform: rotate(-180deg); }

  .grid {
    background-color: white;
    position: sticky;
    top: 10%;
  } 

  .price-table {
    margin-top: 10vh;
  }

  .navigation-tarif {
    margin-top: 5vh;
  }
  .about-price-navigation-a {
    border: 1px solid #0B1956;
    border-radius: 10px;
    padding: 10px 15px;
    color: #0B1956;
    font-family: "Montserrat Regular";
    margin-right: 1vw;
    text-decoration: none;
    user-select: none;
  }
  /* packet */
  .h2-about-price-packet {
    font-family: "Pelinka";
    font-size: 30px;
    font-weight: 700;
    margin-top: 3vh;
  }
  .div-packet-terif {
    margin-top: 2vh;
    border: 1px solid #0B1956;
    border-radius: 20px;
    padding: 30px;
  }
  .ol-price-packet {
    padding: 0;
  }
  .ol-price-packet li {
    list-style-type: none; 
    color: #0B1956;
    font-family: "Montserrat Regular";
    font-size: 16px;
    margin-bottom: 10px;
  }
  .h3-price-packet {
    font-size: 35px;
    margin-bottom: 0;
    color: #0B1956;
    font-family: "Montserrat Bold";
  }
  .p-packet {
    font-size: 25px;
    color: #0B1956;
    font-family: "Montserrat Regular";
  }
  .p-price-pachet {
    font-size: 25px;
    color: #0B1956;
    font-family: "Montserrat Regular";
  }
    @media only screen and (max-width: 576px) {
    .about-price-navigation-a {
      padding: 7px;
      font-size: 13px;
    }
    .navigation-tarif {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-self: start;
    }
    .sub {
      font-size: 5px;
      font-weight: 700;
      font-family: "Montserrat Bold";
    }
    .grid {
      position: relative!important;
    }
    .sm-nav-block {
      display: block;
    }
    .site-header {
      padding: 0;
    }
    .navbar-brand {
      margin-right: 0;
    }
    .nav-link:hover, .dropdown:hover .nav-link {
      border-radius: 0;
      box-shadow: none!important;
      background: transparent!important;
      color: #0B1956;
      transition: 0.3s;
    }
    .navbar {
      padding-top: 0;
    }
    .nav {
      display: none!important;
    }
    .dropdown {
      display: flex;
      flex-direction: column;
    }
      .main-limits {
        font-size: 8px;
      }
      .main-limits-arrow {
        width: 10px;
      }
      .land-am-price-h3 {
        font-size: 20px;
        margin-bottom: 2vh;
      }
      #id-content-for-divider-position {
        position: relative;
      }
      .price-table {
        margin-top: 3vh;
      }
      .head {
        height: 100px;
      }
      .price-head-position {
        bottom: 8px;
        width: 100%;
      }
      .col-p-land-amo-price p, .col-p-land-amo-price span {
        font-size: 8px;
      }
      .dividerAnim {
        padding-bottom: 5px!important;
      }
      .feature {
        font-size: 7px;
      }
      .head .chip {
        margin-bottom: 0;
      }
    }
    @media only screen and (min-width: 577px) and (max-width: 992px) {
      .grid {
        position: relative!important;
      }
      .price-head-position {
        bottom: 15px!important;
      }
      .price-table {
        width: 100%;
        margin-top: 3vh;
      }
      .navigation-tarif {
        margin-top: 2vh;
      }
      .land-am-price-h3 {
        margin-bottom: 6vh!important;
      }
      #id-content-for-divider-position {
        position: relative;
      }
      .head {
        width: 160px!important;
        height: 170px!important;
      }
      .sm-nav-block {
      display: block;
      }
      .site-header {
        padding: 0;
        height: 60px;
      }
      .navbar-brand {
        margin-right: 0;
      }
      .logo img {
        max-height: 40px!important;
      }
      .nav-link-sm {
        font-size: 20px;
      }
      .nav-link {
        font-size: 20px;
      }
      .nav-link:hover, .dropdown:hover .nav-link {
        border-radius: 0;
        box-shadow: none!important;
        background: transparent!important;
        color: #0B1956;
        transition: 0.3s;
      }
      .nav {
        display: none!important;
      }
      .dropdown {
        display: flex;
        flex-direction: column;
      }
      .dropdown-content-sm a {
        font-size: 20px;
      }
      .land-am-price-h3 {
        margin-bottom: 2vh;
      }
      .price-sell {
        margin-top: 0;
      }
      .head .chip {
        font-size: 16px;
      }
    }
  @media only screen and (min-width: 993px) and (max-width: 1365px) {
    .grid {
      position: relative!important;
    }
    /* .price-head-position {
      display: flex!important;
      justify-content: center!important;
      align-items: center!important;
      bottom: 15px;
    } */
    .price-table {
      width: 100%;
      margin-top: 3vh;
    }
    #id-content-for-divider-position {
      position: relative;
    }
    .sm-nav-block {
      display: block;
    }
    .site-header {
      padding: 0;
      height: 60px;
    }
    .navbar-brand {
      margin-right: 0;
    }
    .logo img {
      max-height: 40px!important;
    }
    .nav-link-sm {
      font-size: 24px!important;
    }
    .nav-link {
      font-size: 24px!important;
    }
    .nav-link:hover, .dropdown:hover .nav-link {
      border-radius: 0;
      box-shadow: none!important;
      background: transparent!important;
      color: #0B1956;
      transition: 0.3s;
      border-radius: 0;
    }
    .nav {
      display: none!important;
    }
    .dropdown {
      display: flex;
      flex-direction: column;
    }

    .dropdown-content-sm a {
      font-size: 24px!important;
    }
    .land-am-price-h3 {
      margin-bottom: 2vh;
    }
    .hot {
      display: flex;
      justify-content: start;
      align-items: center;
    }
    .head .chip {
      font-family: "Montserrat Bold";
      font-size: 21px;
    }
    .price-sell {
      margin-top: 0;
      font-size: 12px;
    }
    .head {
      width: 230px!important;
      height: 190px;
    }
  }