body {
  font-family: 'Roboto', sans-serif !important;
}

.cp-text-center {
  text-align: center !important;
}

.cp-display-wrap {
  flex-wrap: wrap !important;
}

.cp-color-fff{
  color: #fff !important;
}

.cp-color-orange {
  color: #FAB680 !important;
}

.cp-color-green {
  color: #57C2B7 !important;
}

.cp-color-000 {
  color: #000 !important;
}

.cp-bgc-orange {
  background-color: #FAB680 !important;
}

.cp-bgc-orange1 {
  background-color: #EB9568 !important;
}

.cp-bgc-green {
  background-color: #77CDC4 !important;
}

.cp-border-radius {
  border-radius: 10px !important;
}

.cp-width-100 {
  width: 100% !important;
}

.cp-btn {
  display: inline-block !important;
  padding: 10px 20px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.cp-mt-40 {
  margin-top: 40px !important;
}

.cp-mb-20 {
  margin-bottom: 20px !important;
}

.cp-container {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto;
  display: flex !important;
}

.cpc-count{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-transform: lowercase;
}
.cpc-count .cpc-count-number{
  width: 100%;
  font-size: 140px;
  font-weight: 700;
}
.cpc-count .cpc-count-number p{
  text-align: center;
  margin: 0;
  line-height: 120px;
}

.cpc-count .cpc-count-description{
  width: 100%;
  font-size: 60px;
  font-weight: 700;
}
.cpc-count .cpc-count-description p{
  line-height: normal;
  text-align: center;
  margin: 0;
}
.cpc-stats{
  display: flex;
  width: 100%;
  font-weight: 700;
}
.cpc-stats p {
  font-weight: 400;

}

.cpc-stats .cpc-stats-item{
  width: 50%;


}

.cpc-stats-item-green{
  color: #57c2b7;

}

  .cpc-stats-item-green a:link {
   color: #57c2b7;
  }
  .cpc-stats-item-green a:visited {
   color: #57c2b7;
  }
  .cpc-stats-item-green a:active {
   color: #57c2b7;
  }

.cpc-stats-item-orange{
  color: #fab680;
}

  .cpc-stats-item-orange a:link {
   color: #fab680;
  }
  .cpc-stats-item-orange a:visited {
   color: #fab680;
  }
  .cpc-stats-item-orange a:active {
   color: #fab680;
  }




.cpc-stats .cpc-stats-item-number {
  font-size: 75px;

}
.cpc-stats .cpc-stats-item-description {
  font-size: 30px;
  font-size: 20px;
}

.cpc-stats p {
  line-height: normal;
  margin: 0;
  text-align: center;
}

/* cpp-buttons */
.cpp-buttons{
  display: flex;
  flex-wrap: wrap;
  font-size: 24px;
  width: 100%;
}

.cpp-buttons.cpp-buttons-big{
  width: 100%;
}


.cpp-buttons .cpp-card-big{
  width: 100%;
  display: block;
  background-color: #77CDC4;
  color: #fff;
  height: 170px;
  margin: 15px;
  overflow: hidden;
  border-radius: 10px;
  text-decoration: none;
  position: relative;
}
.cpp-card-big-individual{
  width: 100%;
  display: block;
  background-color: #eb9568;
  color: #fff;
  height: 170px;
  margin: 15px;
  overflow: hidden;
  border-radius: 10px;
  text-decoration: none;
  position: relative;

}

.cpp-card-big-individual small{
  font-size: 22px;

}

.cpp-buttons .cpp-card-big:hover{
  background-color: #5cb1a9;
}

.cpp-buttons .cpp-card-big::before{
  content: '';
  display: block;
  width: 100%;
  height: 28.24%;
  background-color: #B3E3DE;
  position: absolute;
  bottom: 0;
  left: 0;
}

.cpp-buttons .cpp-card-big-individual:hover{
  color: #fff;
  background-color: #eb9568;
}

.cpp-buttons .cpp-card-big-individual::before{
  content: '';
  display: block;
  width: 100%;
  height: 28.24%;
  background-color: #fab680;
  position: absolute;
  bottom: 0;
  left: 0;
}


.cpp-buttons .cpp-card-big .cpp-icon-house{
  height: 64%;
  position: absolute;
  bottom: 10px;
  left: 10px; 
}
.cpp-buttons .cpp-card-big-individual .cpp-icon-house{
  height: 100%;
  position: absolute;
  bottom: -10px;
  left: 0px; 
}

.cpp-buttons .cpp-card-big .cpp-icon-house-plane{
  height: 50%;
  position: absolute;
  bottom: 20px;
  right: 20px; 
}

.cpp-buttons .cpp-card-big-individual .cpp-icon-house-plane{
  height: 50%;
  position: absolute;
  bottom: 20px;
  right: 20px; 
}


.cpp-buttons .cpp-card-big span{
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
  font-weight: 700;
}

.cpp-buttons .cpp-card-big-individual span{
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 26px;
  font-weight: 700;
  text-align: right;
}


.cpp-buttons .cpp-card{
  width: -o-calc(50% - 30px);
  width: -moz-calc(50% - 30px);
  width: -webkit-calc(50% - 30px);
  width: calc(50% - 30px);
  display: block;
  color: #fff;
  height: 170px;
  margin: 15px;
  overflow: hidden;
  border-radius: 10px;
  text-decoration: none;
  position: relative;
}

.cpp-buttons .cpp-card.cp-bgc-orange1:hover{
  background-color: #da885b !important;
}

.cpp-buttons .cpp-card.cp-bgc-orange:hover{
  background-color: #e7a36d !important;
}

.cpp-buttons .cpp-card.cp-bgc-green:hover{
  background-color: #5cb1a9 !important;
}

.cpp-buttons .cpp-card .cpp-icon-prop-house{
  height: 30%;
  position: absolute;
  bottom: 20px;
  left: 20px; 
}

.cpp-buttons .cpp-card span{
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 18px;
  font-weight: 700;
  text-align: right;
}

/* cpp-links */
.cpp-links{
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
}

.cpp-links h3 {
  width: 100%;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}

.cpp-links .cpp-btn-link{
  /* width: -o-calc((100% / 3) - 34px);
  width: -moz-calc((100% / 3) - 34px);
  width: -webkit-calc((100% / 3) - 34px);
  width: calc((100% / 3) - 34px);
  margin: 15px; */
  width: -o-calc((100% / 3) - 10px);
  width: -moz-calc((100% / 3) - 10px);
  width: -webkit-calc((100% / 3) - 10px);
  width: calc((100% / 3) - 10px);
  margin: 5px;
  overflow: hidden;
  border-radius: 10px;
  text-decoration: none;
  border: 2px solid #CCC;
  text-align: center;
  display: inline-flex; /* Изменено с inline-block на inline-flex */
  align-items: center; /* Добавлено для вертикального выравнивания */
  justify-content: center; /* Добавлено для горизонтального выравнивания */
  box-sizing: border-box;
  line-height: 22px; /* Изменено с 20px на normal */
  height: 60px;
  padding: 0 10px; /* Изменено с 19px 5px на 0 5px */
  font-size: 16px;
}

.cpp-links .cpp-btn-link.cpp-btn-link-hidden-md{
  display: none;
}
.cpp-links .cpp-btn-link.cpp-btn-link-hidden-sm,
.cpp-links .cpp-btn-link.cpp-btn-link-hidden{
  visibility: hidden;
}

.cpp-links .cpp-btn-link.cppbl-border-orange{
  border-color: #FAB680;
  color: #FAB680;
}
.cpp-links .cpp-btn-link.cppbl-border-orange:hover{
  border-color: #e0a16d;
  color: #e0a16d;
}

.cpp-links .cpp-btn-link.cppbl-border-green{
  border-color: #77CDC4;
  color: #77CDC4;
}
.cpp-links .cpp-btn-link.cppbl-border-green:hover{
  border-color: #5caea6;
  color: #5caea6;
}

.cp-icons-contacts{
  width: 60px;
}

@media (min-width: 960px) {

  .cpc-count{
    width: -o-calc((100% / 3) * 2);
    width: -moz-calc((100% / 3) * 2);
    width: -webkit-calc((100% / 3) * 2);
    width: calc((100% / 3) * 2);
    display: flex;
    flex-wrap: nowrap;
    text-transform: uppercase;
    height: 118px;
  }

  .cpc-count .cpc-count-number{
    width: auto;
    font-size: 80px;
    font-weight: 500;
  }
  .cpc-count .cpc-count-number a:link {
   color: #fab680;
  }
  .cpc-count .cpc-count-number a:visited {
   color: #fab680;
  }
  .cpc-count .cpc-count-number a:active {
   color: #fab680;
  }

  .cpc-count .cpc-count-number p{
    text-align: left;
    margin: 0;
  }
  .cpc-count .cpc-count-description{
    width: 420px;
    font-size: 40px;
    font-weight: 500;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
  }
  .cpc-count .cpc-count-description a:link {
   color: #fab680;
  }
  .cpc-count .cpc-count-description a:visited {
   color: #fab680;
  }
  .cpc-count .cpc-count-description a:active {
   color: #fab680;
  }

  .cpc-count .cpc-count-description p{
    line-height: normal;
    padding-left: 20px;
    text-align: left;
    margin: 0;
  }

  .cpc-stats{
    width: -o-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    display: flex;
    flex-wrap: wrap;
    text-transform: uppercase;
  }

  .cpc-stats{
    flex-wrap: wrap;
  }
  
  .cpc-stats .cpc-stats-item{
 /*   display: flex; */
    width: 50%;
  }
  
  .cpc-stats .cpc-stats-item-number {
    font-size: 85px;
    min-width: 105px;
    margin-left: 15px;


  }
  .cpc-stats .cpc-stats-item-description {
    font-size: 16px;
    margin-top: -10px;
    margin-left: 25px;
    text-transform: lowercase;
  }

  .cpc-stats .cpc-stats-item:nth-child(1) .cpc-stats-item-description {
    width: 136px;
  }

  .cpc-stats .cpc-stats-item:nth-child(2) .cpc-stats-item-description {
    width: 195px;
  }
  
  .cpc-stats p {
    line-height: normal;
    margin: 0;
    text-align: left;
  }

  .cpc-stats p span{
    font-weight: 700;
  }

  .cpp-buttons.cpp-buttons-big{
    width: -o-calc((100% / 3) * 2) !important;
    width: -moz-calc((100% / 3) * 2) !important;
    width: -webkit-calc((100% / 3) * 2) !important;
    width: calc((100% / 3) * 2) !important;
  }

  .cpp-buttons .cpp-card-big{
    width: -o-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
  }

  .cpp-buttons:nth-child(2){
    width: -o-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
  }

  .cpp-buttons:nth-child(3) .cpp-card,
  .cpp-buttons:nth-child(4) .cpp-card{
    width: -o-calc((100% / 6) - 30px);
    width: -moz-calc((100% / 6) - 30px);
    width: -webkit-calc((100% / 6) - 30px);
    width: calc((100% / 6) - 30px);
  }

  .cpp-links .cpp-btn-link{
    width: -o-calc((100% / 6) - 30px);
    width: -moz-calc((100% / 6) - 30px);
    width: -webkit-calc((100% / 6) - 30px);
    width: calc((100% / 6) - 30px);
    padding: 0 15px; /* Изменено с 19px 5px на 0 5px */
    font-size: 18px;
    margin: 15px;
  }

  .cpp-links .cpp-btn-link.cpp-btn-link-hidden-sm{
    display: none;
  }
  .cpp-links .cpp-btn-link.cpp-btn-link-hidden-md,
  .cpp-links .cpp-btn-link.cpp-btn-link-hidden{
    display: block;
    visibility: hidden;
  }

}