/*
Theme Name: dreamhub child
Tags:  custom-menu, editor-style, featured-images
Template: dreamhub
Version: 1.0.0
*/


@import '../dreamhub/style.css';



/*---------------------------------
      write your css from here
------------------------------------*/
.dreamit-slick-slider .hero-text-wrap p {
    width: 82% !important;
}

.testi_title h2:before {
    background-image: url(https://solutions.stvega.net/wp-content/uploads/2022/11/testi-img-icon.png);
}

.single_protfolio:hover .prot_content {
    bottom: 20px;
}

h3.elementor-heading-title.elementor-size-default:after {
    bottom: -7px !important;
    background: #000000 !important;
}


a.dtbtn {
    text-transform: uppercase;
}

a.dtbtn:after {
    width: 23% !important;
}



/* custom list */
/* ROOT */
.custom-list {
    counter-reset: item;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* MAIN ITEMS */
.custom-list>li {
    counter-increment: item;
    position: relative;
    padding: 22px 10px 10px 60px;
    margin-bottom: 9px;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e8edf2;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}

/* NUMBER CIRCLE */
.custom-list>li::before {
    content: counter(item);
    position: absolute;
    left: 20px;
    top: 22px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #2dc55f;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Make the first line (title) look like a heading, without changing HTML */
.custom-list>li {
    color: #111827;
    /* font-size: 18px; */
    line-height: 1.35;
}

/* Sublist */
.custom-list>li>ul {
    margin: 10px 0 15px;
    padding: 0;
    list-style: none;
}

/* Subitems */
.custom-list>li>ul>li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    color: #000000;
    line-height: 1.5;
    font-size: 1rem;
}

/* Bullet */
.custom-list>li>ul>li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.65em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2dc55f;
}

/* Labels */
.custom-list b {
    color: #111827;
}

.custom-list h1,
.custom-list h2,
.custom-list h3,
.custom-list h4,
.custom-list h5,
.custom-list h6 {
    margin-top: 0;
}

/* MOBILE */
@media (max-width: 640px) {
    .custom-list>li {
        padding: 18px 16px 18px 56px;
        /* font-size: 16px; */
    }

    .custom-list>li::before {
        left: 16px;
        width: 28px;
        height: 28px;
        /* font-size: 13px; */
    }

    .custom-list>li>ul>li {
        /* font-size: 14px; */
    }
}


/* Кастомний unordered list */
ul.custom-list-unordered {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

ul.custom-list-unordered li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    color: #000000;
    line-height: 1.5;
    /* font-size: 15px; */
}

ul.custom-list-unordered li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.65em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2dc55f;
}


/* Кастомний ordered list */
.custom-list-ordered {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    counter-reset: item;
}

.custom-list-ordered>li {
    counter-increment: item;
    position: relative;
    padding-left: 2.25rem;
    margin: 0.5rem 0;
    line-height: 1.4;
}

.custom-list-ordered>li::before {
    content: counter(item);
    position: absolute;
    left: 0;
    top: 0.1em;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border: 1px solid #2dc55f;
    color: #2dc55f;
    line-height: 1rem;
}


/* Стилі для ВСІХ інших ul, крім .custom-list-unordered */
ul:not(.custom-list-unordered) {
    margin: 10px 0;
    padding-left: 20px;
    list-style: disc;
}

ul:not(.custom-list-unordered) li {
    margin-bottom: 8px;
    color: #000000;
    line-height: 1.5;
    font-size: 15px;
}


/* Стилі для ВСІХ інших ol, крім .custom-list-ordered */
ol:not(.custom-list-ordered) {
    margin: 10px 0;
    padding-left: 20px;
    list-style: decimal;
}

ol:not(.custom-list-ordered) li {
    margin-bottom: 8px;
    color: #000000;
    line-height: 1.5;
    font-size: 15px;
}




#ready-made-solutions .pricing_body {
    padding: 0 18px !important;
}



/* END custom list */




/* custom table */
/* Бордер таблиці */
#jerky-packages {
    border: 2px solid #2dc55f;
    border-collapse: collapse;
    /* щоб бордери виглядали рівно */
}

/* Бордери клітинок + падінги */
#jerky-packages th,
#jerky-packages td {
    border: 1px solid #2dc55f;
    padding: 14px 16px;
    vertical-align: middle;
    font-size: 1rem;
}

/* Хедер: фон */
#jerky-packages thead th {
    background: #2dc55f;
    color: #fff;
    font-weight: 700;
}

/* Зебра: кожен 2-й рядок */
#jerky-packages tbody tr:nth-child(even) {
    background: #DDF6E5;
}

/* Перша колонка (характеристики) — жирніше */
#jerky-packages tbody th[scope="row"] {
    font-weight: 700;
    width: 28%;
}

/* Мобайл: скрол + читабельність */
@media (max-width: 576px) {

    #jerky-packages th,
    #jerky-packages td {
        padding: 12px 12px;
        font-size: 14px;
    }
}


.elementor-element h4 {
    margin-bottom: 10px;
}

.mobile_menu_logo a img {
    max-height: 44px;
}

/* END custom table */



.single_pricing .order_now a {
    text-transform: uppercase;
    font-weight: 600;
}

a.singinp:after {
    width: 23% !important;
}

.single-counter.style-one .counter-content.counter h6 {
    text-transform: none;
    color: #000000;
    font-family: 'Roboto', sans-serif;
}


.dreamit-button a,
.buttons input {
    font-weight: 600;
    text-transform: uppercase;
}

.dreamit-button a:after {
    width: 23% !important;
}

/* menu */
/*sticky*/
.dreamhub-main-menu .dreamhub_nav_area.scroll_fixed.prefix {
    background: #fff !important;
}

.dreamhub_nav_area.prefix .dreamhub_menu>ul>li>a {
    color: #000000 !important;
}

.prefix a.dtbtn {
    background: #2dc55f;
    color: #fff;
    border: none;
}

.prefix a.dtbtn:before {
    color: #2dc55f;
}

.prefix a.dtbtn:after {
    background: #fff;
}

/* END menu */

.style3 .dreamit-button i {
    color: #2dc55f;
}

.order_now a i {
    position: absolute;
    right: 23px !important;
}

.pricing_body {
    padding: 0 20px;
}

@media screen and (max-width: 480px) {
    .form-group .buttons {
        width: 100%;
    }
}

.dreamhub-main-menu::before {
    display: none !important;
}

.top-address p a,
.top-right-menu ul.social-icons li a,
.top-address p span {
    font-weight: 500;
    font-size: 15px;
}

#business-benefits .elementor-section .elementor-widget-container .icon-box-content .description p {
    text-align: left;
    ;
}

#business-benefits .style-two {
    padding: 45px 20px 36px 20px !important;
}


.equipment .icon-box {
    padding: 45px 15px 36px 15px !important;
}

#profit .profit-item .icon-box {
    min-height: 319px !important;
}



/* ordered block */
.custom-ordered-block {
    padding: 20px;
    border-radius: 14px;
    border: 1px solid #e8edf2;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
    /* margin-bottom: 20px; */
}

.custom-ordered-block .custom-ordered-block-title-num-item {
    font-weight: 600;
    display: inline-block;
    width: 32px;
    text-align: center;
}

.custom-ordered-block .custom-ordered-block-title-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.custom-ordered-block .custom-ordered-block-title-wrapper .custom-ordered-block-title h5 {
    margin-top: 0;
    margin-bottom: 0;
}

.custom-ordered-block .custom-ordered-block-title-num {
    height: 32px;
    border-radius: 50%;
    background: #2dc55f;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #fff;
}

/* END  ordered block */




@media screen and (min-width: 768px) {
    #solutions .elementor-widget-container .icon-box.style-two {
        min-height: 353px !important;
    }

    #solutions .icon-box-content .title {
        min-height: 45px;
    }

    #solutions .icon-box-content .description p {
        text-align: left;
    }

}