@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400italic,500,500italic,700,700italic,300,300italic&subset=latin,greek,cyrillic-ext,latin-ext,cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');

body {
    background: #f3f5f9 !important;
}

.navbarheader {
    background: #000000 !important;
}

.breadcrumb {
    padding-bottom: 36px;
    padding-top: 15px;

}

.iconnavik {
    width: 24px;
    height: 24px;
}

.logo {
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif;
    text-decoration: none;
    transition: color 0.3s ease;
    color: #000000;
    font-size: 24px;
}

.logo:hover {
    color: #706f6f;
    text-decoration: none;

}

.dropdown-item {

    font-size: 15px;
}

.dropdown-menu {

    border: 0px solid var(--tblr-dropdown-border-color);
    border-radius: 4px;
    box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.07), 0px 6px 30px 5px rgba(0, 0, 0, 0.06), 0px 8px 10px -5px rgba(0, 0, 0, 0.1);
}

a:hover {

    text-decoration: none;
}

.logoimg {
    width: 25px;
    height: 25px;
}

.imgbig {
    width: 100px;
    height: 100px;
}

.number__number {
    width: 52px;
    height: 52px;
    background-color: #ffd95300 !important;
    color: #222;
    text-transform: uppercase;
    font-family: 'Fira Sans', sans-serif;
    font-size: 23px;
    padding-top: 28px;
}

.customcpay {
    /* background: linear-gradient(to bottom, #ffffff, #fdfefe) !important; */
    border-radius: 6px;
    /* grid-gap: 40px; */
    padding: 28px 26px;
    /* box-shadow: 0 2px 12px rgb(232 236 242 / 40%); */
    margin-bottom: 50px;
    background: #ffffff;

}

.table thead th {
    color: var(--tblr-muted);
    background: #ffffff;
    font-size: .725rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    line-height: 2rem;
    color: #000000;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    white-space: nowrap;

}

.itebllllod {
    /* padding: 13px 13px; */
    /* border: 1px dashed #c9c9c9; */
    padding: 13px 13px;
    border: 1px dashed #c9c9c9;
    font-family: 'Fira Sans', sans-serif;
    font-size: 17px;
    line-height: 1.65em;
    color: #534e4e !important;
}

.list-group-transparent .list-group-item.active {

    background: #f5f6f7;
}

.linia {
    padding-bottom: 40px;
}

.card {
    border-radius: 6px !important;
    box-shadow: 0 10px 36px 8px rgb(0 0 0 / 0%) !important;
    border: 0px solid #04204524 !important;
    /* box-shadow: 0 10px 29px 8px rgba(0, 0, 0, .06) !important; */
    /* border-radius: 24px !important; */
    /* background-color: #f6f5f4; */
    background: #ffffff;
}

.card-header {
    border-bottom: 1px solid #dadfe5 !important;
    background: #fafafa;
    background-color: #ffffff;

}

.mainbloc1 {
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
}

.bg-soft {
    background-color: #f9f7f200 !important;
    padding-bottom: 8rem !important;
}

.mainblock {
    padding-top: 140px;

}

.titletext {
    color: #222;
    font-family: 'Fira Sans', sans-serif;
    padding-bottom: 28px;
    font-size: 55px !important;
    line-height: 5.0rem;
    font-weight: 900;
    /* font-size: 4.5rem; */
}

.titletexttwoo {
    color: #222;
    font-family: 'Fira Sans', sans-serif;
    padding-bottom: 28px;
    font-size: 53px !important;
    line-height: 3.5rem;
    font-weight: 600;
    /* font-size: 4.5rem; */
}

.titletexttree {
    color: #222;
    /* text-transform: uppercase; */
    font-family: 'Fira Sans', sans-serif;
    padding-bottom: 0px;
    font-size: 50px !important;
    line-height: 5.0rem;
    font-weight: 700;
    font-size: 4.5rem;
}

.title_des {
    color: #000000;
    font-size: 19px;
    line-height: 32px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}

.titemaintwoo {
    margin-bottom: 0px;
    font-size: 31px;
    font-weight: 600;
    line-height: 4.978rem;
    padding: 0px 22px;
    color: #ffffff;
    /* font-family: 'Raleway', sans-serif; */
    font-family: "Roboto", sans-serif;
    /* background: #040238; */
    background: linear-gradient(90deg, #041E42 20%, #9b1c2c 100%);
    border-radius: 24px !important;
}

.chapter {
    font-size: 40px;
    line-height: 1.2;
    margin-top: 180px;
    margin-bottom: 180px;
}

.color-product {
    color: #2291FF;
}

.infirmatext {
    font-size: 1.75rem !important;
    font-weight: 500;
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: #192433 !important;
}

.blockcalkmain {
    margin-top: 70px;
}

.tiitlleew {
    color: #222;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif;
    padding-bottom: 0px;
    padding-top: 0px;
}

.linktoooo {
    text-decoration: none;
    display: inline-block;
    color: #222222d1;
    padding: 12px 12px 12px 12px;
    background-color: #f9f7f2;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    border-radius: 16px;
}

.title {
    margin-top: 10px;
    margin-bottom: 36px;
    font-size: 40px;
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
}

.text {
    font-size: 1.2rem !important;
    font-weight: 400;
    font-family: "Fira Sans", sans-serif;
    color: #000000;
}

.itemplyxi {
    grid-row-gap: 56px;
}

.item_title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    font-family: 'Fira Sans', sans-serif;
}

.dist_des {
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-size: 17px;
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
    padding: 12px 10px 12px 14px;
    border-radius: 10px;
    background-color: #fbfbfb;
    background-position: 6px 50%;
    background-size: 22px;
    background-repeat: no-repeat;
    color: #222;
    /* box-shadow: 0 10px 36px 8px rgba(0, 0, 0, .06) !important; */
    /* border-radius: 24px !important; */
    background: #ffffff;
}

.breadcrumb a {
    color: #216bc4;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;

}


.chat-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}


.chat-container.mt16 {
    margin-top: 28px;
}


.message-container.start {
    color: #5199ff;
}


.message-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 80%;
    margin-right: 0px;
    margin-left: auto;
    padding: 6px 16px 6px 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-radius: 10px 10px 0px;
    background-color: #e2f8cc;
    text-align: left;
}


.message-container.text-left {
    -webkit-box-direction: normal;
    text-align: left;
}


.message-container.bot {
    margin-right: auto;
    margin-left: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 10px;
    background-color: #ebf1fc;
}


.chat-text {
    margin-bottom: 0rem;
    font-size: 16px !important;
    font-weight: 500;
}

.navbar {
    border-width: 1px;
    color: #182433;
    border-color: #ffffff;
    align-items: stretch;
    min-height: 3.5rem;
    box-shadow: inset 0 calc(-1 * 1px) 0 0 #ffffff;
    background: #ffffff;
    background: #f6f5f4;

}

.card-footer {
    margin-top: auto;
    background: #ffffff;

}





.titemainttree {


    margin-bottom: 0px;
    font-size: 31px;
    font-weight: 600;
    line-height: 4.978rem;
    padding: 0px 22px;
    color: #ffffff;
    /* font-family: 'Raleway', sans-serif; */
    font-family: "Roboto", sans-serif;
    background: #0163d1;
    /* background: linear-gradient(360deg, #edeef0, #f6f5f4 87.39%); */

}

.titletexttree_footer_twoo {
    color: #ffffff;
    /* text-transform: uppercase; */
    /* font-family: 'Fira Sans', sans-serif; */
    padding-bottom: 38px;
    font-size: 50px !important;
    line-height: 3.8rem;
    font-weight: 700;
    font-size: 4.5rem;
}



.breadcrumb a {
    color: #424242ff !important;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #42424233;

}

.breadcrumb a:hover {
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);

}




.fondev {
    padding: 5px;
    color: #fff !important;
    background: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-decoration: none;
}

.ilpetrakovlink {
    text-transform: uppercase;
}

.il {
    text-transform: capitalize;
    font-style: italic;
}


.kontrbody {
    padding-top: 25px;
}

.main_intro_body {
    background-color: rgba(255, 255, 255, 1) !important;
    padding: 3rem !important;
}

.blockmaintree {
    /* box-shadow: 0 10px 36px 8px rgba(0, 0, 0, .06) !important; */
    border-radius: 24px !important;

}

.blockmaintree_title {
    font-size: 28px !important;
    line-height: 1.25 !important;
    margin-top: 28px !important;
    margin-bottom: 24px !important;
    font-weight: 700 !important;

}




























.dotted-underline {
    text-decoration: underline dotted !important;
}










.iconblock1 {
    width: 80px;
    height: 80px;
}


.titletexttree_footer {
    color: #222;
    /* text-transform: uppercase; */
    /* font-family: 'Fira Sans', sans-serif; */
    padding-bottom: 38px;
    font-size: 50px !important;
    line-height: 3.8rem;
    font-weight: 700;
    font-size: 4.5rem;
}




.block_1 {
    padding-bottom: 238px;

}

.block_3 {
    padding-top: 238px;
    padding-bottom: 238px;
}

.block_4 {
    padding-bottom: 238px;
}

.block_5 {
    padding-bottom: 238px;
}

.block_6 {
    padding-bottom: 0px;

}



.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--tblr-breadcrumb-item-padding-x);
    color: #cccccc;
    content: var(--tblr-breadcrumb-divider, "/");
}

.breadcrumb-item.active {
    font-weight: 500;
    color: rgba(52, 52, 52, 0.8);
}


.navbar {
    /* background: #ffffff; */
    color: #000000;
    background: #ffffff;
}

.nav-link {
    color: #000000;
    font-weight: 500;
    font-size: 17px;

}

.lonav-link:hover {
    color: #ffffff;
    text-decoration: none;
}


.nav-link:focus,
.nav-link:hover {
    color: #1d1d1d;
    text-decoration: none;

}

.card-header {

    display: grid;
    align-items: center;

}

@media (max-width: 768px) {
    .titletext {
        text-transform: uppercase;
        line-height: 3.9rem;
        font-family: 'Fira Sans', sans-serif;
        padding-bottom: 28px;
        font-weight: 700;
        font-size: 3.1rem !important;
    }

    .title_des {
        color: #505050;
        font-size: 19px;
        line-height: 32px;
        font-weight: 400;
        font-family: 'Fira Sans', sans-serif;
    }

    .titletexttree {
        color: #222;
        /* text-transform: uppercase; */
        font-family: 'Fira Sans', sans-serif;
        padding-bottom: 0px;
        font-size: 50px !important;
        line-height: 4.0rem;
        font-weight: 700;
        font-size: 4.5rem;
    }

    .titletexttree_footer {
        color: #222;
        /* text-transform: uppercase; */
        /* font-family: 'Fira Sans', sans-serif; */
        padding-bottom: 38px;
        font-size: 50px !important;
        line-height: 3.8rem;
        font-weight: 700;
        font-size: 4.5rem;
    }

    .title {
        margin-top: 36px;
        margin-bottom: 36px;
        font-size: 31px !important;
        font-family: 'Fira Sans', sans-serif;
        text-transform: uppercase;
        line-height: 2.4rem !important;
    }

    .chapter {
        font-size: 29px !important;
        line-height: 1.5;
        margin-top: 56px;
        margin-bottom: 50px !important;
    }

    .imgbig {
        width: 150px;
        height: 150px;
    }
}