/* Start:/bitrix/templates/utes/css/pages/deti-do-12.css?17744304035059*/
   .offer {
    margin-bottom: 40px !important;
   }
   
   .text p {
       margin-bottom: 6px !important;
   }

   .offer__benefit {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 20px;
       margin-bottom: 16px;
   }

   .offer__benefit-card {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       row-gap: 6px;
       padding: 20px 18px;
       border-radius: 10px;
       text-align: center;
       background-color: #EAF3DE;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   }

   .offer__benefit-price {
       font-size: 30px;
       font-weight: bold;
       color: #3B6D11;
   }

   .offer__benefit-text {
       font-size: 16px;
       font-weight: 400;
   }

   @media (max-width: 790px) {
       .offer__benefit {
           grid-template-columns: repeat(1, 1fr);
       }
   }

   .offer-description-kids {
       display: flex;
       flex-direction: column;
       row-gap: 40px;
       padding-bottom: 40px;
       font-family: 'CoreRhino', sans-serif;
       font-weight: 400;
   }

   .offer-description-kids h2 {
       padding-bottom: 10px;
       font-size: 30px;
       font-weight: 700;
   }

   .benefit h2,
   .benefit h2+p {
       text-align: center;
   }

   .benefit h2+p {
       padding-bottom: 16px;
       font-size: 18px;
   }

   .benefit ul {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 20px;
   }

   .benefit ul li {
       list-style: none;
       padding: 20px;
       border-radius: 16px;
       border: 1px solid #0f6e5626;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       transition: 0.3s;
   }

   .benefit ul li:hover {
       transform: translateY(-5px);
       box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
   }

   .benefit h3 {
       margin-bottom: 10px;
   }

   .benefit ul li p {
       font-weight: 400;
   }

   .benefit div:has(svg) {
       width: 52px;
       height: 52px;
       background-color: var(--color--light-yellow);
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 14px;
       margin-bottom: 16px;
       transition: 0.3s;
   }

   .benefit svg {
       width: 26px;
       height: 26px;
   }

   .offer-description-kids__conditions {
       padding: 20px;
       border-radius: 20px;
       background-color: var(--color-black-0);
   }

   .offer-description-kids__conditions ul {
       padding-left: 15px;
       margin-top: 5px;
       margin-bottom: 16px;
       list-style: disc;
   }

   .offer-description-kids__conditions ul li {
       position: relative;
       font-size: 16px;
       line-height: 25px;
       margin-bottom: 8px;
       padding-left: 24px;
       list-style: none;
       margin-left: 0;
   }

   .offer-description-kids__conditions ul li:before {
       content: '';
       position: absolute;
       width: 12px;
       height: 12px;
       border-radius: 6px;
       background-color: #fbba00;
       top: 6px;
       left: 0;
   }


   @media (max-width: 1014px) {
       .benefit ul {
           grid-template-columns: repeat(2, 1fr);
       }
   }

   @media screen and (max-width: 790px) {
       .offer-description-kids {
           row-gap: 30px;
       }
   }

   @media (max-width: 576px) {
       h2 {
           font-size: 24px;
       }

       .benefit ul {
           grid-template-columns: repeat(1, 1fr);
       }

       .offer-description-kids__conditions {
        padding: 20px 10px;
       }
   }

   .btn-promo {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       padding: 14px 28px;
       border-radius: 50px;
       font-size: 15px;
       font-weight: 700;
       text-decoration: none;
       cursor: pointer;
       transition: transform 0.15s, box-shadow 0.15s;
       border: none;
   }

   .btn-promo:hover {
       transform: translateY(-2px);
       box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
   }

   a.btn-promo-primary {
       background: #fff;
       color: #1d5c38;

   }

   .cta-block {
       background: linear-gradient(135deg, #0F6E56 0%, #2a7a4b 100%);
       border-radius: 16px;
       padding: 40px 32px;
       text-align: center;
       color: #fff;      
   }

   .cta-block h2 {
       color: #fff;
       font-size: 24px;
       margin: 0 0 8px;
   }

   .cta-block p {
       color: rgba(255, 255, 255, 0.85);
       font-size: 15px;
       margin: 0 0 28px;
   }

   .cta-buttons {
       display: flex;
       flex-wrap: wrap;
       gap: 14px;
       justify-content: center;
   }

   @media (max-width: 480px) {
       .cta-block {
           padding: 28px 18px;
       }

       .cta-block h2 {
           font-size: 20px;
       }

       .btn-promo {
           width: 100%;
           justify-content: center;
       }
   }
/* End */
/* /bitrix/templates/utes/css/pages/deti-do-12.css?17744304035059 */