:root {
--color-primary:#2D645F;
}
body{ font-family: 'Nunito' !important}
h1,h2,h3,h4,h5,h6{ font-family: 'Nunito' !important}

.fbox-txt h2, 
h2.h2-xl { font-size: 38px;}
@media (max-width:540px) {
  .fbox-txt h2, 
  h2.h2-xl { font-size: 30px;}
}


 

#loading { z-index: 9999 }
.cta { overflow: hidden}
.hero-section { overflow: hidden}

section { padding: 100px 10px}
@media (max-width:991px) { section { padding: 50px 10px 0px 10px; scroll-margin: 40px;} }
.wsmenu > .wsmenu-list > li > a { padding: 10px}
@media (min-width: 1200px) {
    .wsmenu > .wsmenu-list > li a.btn {         padding: 6px 22px 6px; }}


.hero-8-txt h2 { font-size: 48px; line-height: 1.2 }
@media (max-width: 990px) { .hero-8-txt h2 { font-size: 38px; line-height: 1.2 }}


@media (min-width:991px) { .features-2 .fb-2 { padding-bottom: 30px} }
@media (max-width:990px) { .features-2 .fb-2 { margin: 10px} }

#about .fbox-2 img { width:70px !important}

.towork .fbox-2  { flex-flow: column}
.towork .fbox-ico-wrap { text-align: center; margin-right: 0px; margin-bottom: 20px}
/*.towork .fbox-txt p { font-size: 16px; }*/
.towork .fbox-ico-wrap img { max-width: 100px}
/*.towork h5 { font-size: 16px; }*/

.integration .fbox-2  { flex-flow: column}
.integration .fbox-ico-wrap { text-align: center; margin-right: 0px; margin-bottom: 20px}
.integration .fbox-ico-wrap img { max-width:60px}
.integration h5 { font-size: 16px !important; text-align: center;}
.integration .fb-2 { border-radius: 15px; box-shadow: 1px 1px 20px rgba(0,0,0,0.08); padding: 20px; margin: 10px; height: calc(100% - 20px);}
.integration .fbox-wrapper .row { justify-content: center}
@media (max-width:991px) { 
  .integration .fb-2 {  margin: 0px;} 
  .cta .shape-ico img { max-width: 100%}
}

@media (max-width:580px) {
  .integration .fbox-ico-wrap img { max-width: 40px}
  .integration h5 { font-size: 12px !important; text-align: center;}
}


.faq  .accordion-thumb { margin: 0; padding: 25px 0; cursor: pointer; position: relative;}
.faq  .accordion-thumb h5 { margin-bottom: 0px !important}
.faq .accordion-thumb h5 { font-size: 22px; padding-right: 50px}
.faq .accordion-1 .accordion-item { padding: unset}
.faq .accordion-1 .accordion-item .accordion-thumb:after, 
.faq .accordion-1 .accordion-item.is-active .accordion-thumb:after { top: calc(50%  - 15px)}
@media (min-width: 414px) and (max-width: 479.98px) {
    .txt-block .accordion-1 .accordion-thumb h5 {
        font-size: 20px;;
        padding-left: 0;
    }
}

/* відгуки */
.owl-carousel .owl-item img { width: 46px !important; height: 46px !important}


/* тарифи */
.prices .fb-2 {  border: 1px solid #ddd; padding: 30px 40px; border-radius: 15px; height: 100%; margin-bottom: 20px;
                 display: flex;
                 flex-flow: column;
                -webkit-box-shadow: 4px 8px 20px 0 rgba(20, 20, 20, .05);
                -moz-box-shadow: 4px 8px 20px 0 rgba(20, 20, 20, .05);
                box-shadow: 4px 8px 20px 0 rgba(20, 20, 20, .05);}
.prices .fbox-2 { flex-grow: 1}
.prices .fb-2 p { font-size: 14px; color:#dc3545; font-weight: 600}
.prices .fbox-txt h5 { color: var(--color-primary); text-align: center; font-size: 30px}
.prices .fbox-txt h5 span { display: block; margin: 20px auto; color: var(--header-color); font-size: 36px}
.prices .fbox-txt ul li { padding: 10px 0px; font-weight: 600;     font-size: 16px; line-height: 1.2;}
.prices .fbox-wrapper .row { justify-content: center}
.prices .fbox-txt ul li:before {
 
      content: '✓'; /* Unicode код для іконки Instagram з Font Awesome */
       font-weight: 900; /* Вага іконки (залежить від встановленого шрифту) */
      font-size: 18px; /* Розмір іконки */
      color: var(--color-primary); /* Колір іконки */
      margin-right: 10px; /* Відступ від тексту (якщо потрібно) */
    } 
.prices-more .fb-2 { text-align: center}
.prices .trail { color: red !important; font-size: 18px !important; padding: 0px !important; margin-top: -17px !important;}



.for ul li {    display: inline-block;
    width: fit-content !important;
    color: unset;
    border: 1px solid #ddd;
    border-left: 2px solid var(--color-primary);
    padding: 3px 10px !important;
    margin: 2px !important;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.5s ease;
    user-select: none;}
 
.contact p { margin-bottom: 0px}





.animate__animated.animate__delay-1 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-2 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-3 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-4 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-5 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-6 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-7 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-8 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-9 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-10 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-11 {  -webkit-animation-delay: 0s; animation-delay: 0s;}
.animate__animated.animate__delay-12 {  -webkit-animation-delay: 0s; animation-delay: 0s;}