.main_title {
    font-weight: 300;
    font-size: 48px;
    text-align: center;
    vertical-align: middle;
 color: var(--text-black);
    margin-bottom: 26px;
}

.crm_btn:hover {
    background: var(--btn-bg-hover);
    color: var(--text-white);
}

.header_vh {
    /* min-height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center; */
    margin-top: 120px;
    margin-bottom: 120px;
}

.header_flex {
    display: flex;
}

.header_left {
    max-width: 750px;
    width: 100%;
    position: relative;
    z-index: 10;
}

.header_title {
    color: var(--text-white);
    font-weight: 300;
    font-size: 48px;
    line-height: 100%;
    margin-top: 25px;
    margin-bottom: 28px;
}

.header_text {
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: var(--text-white);
}

.header_button {
max-width: 500px;
width: 100%;
margin-top: 60px;
}

.header_btn {
width: 100%;
height: 60px;
font-size: 24px;
border-radius: 10px;
}

.header_button_flex {
display: flex;
gap: 7px;
margin-top: 7px;
}

.header_sub_btn img {
width: auto;
}

.header_sub_btn {
max-width: 100%;
width: 100%;
height: 53px;
gap: 15px;
border-radius: 10px;
}

.crm_link {
    color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    font-weight: 300;
    font-size: 24px;
    line-height: 28.13px;
    margin-top: 20px;
    display: inline-block;
    padding-bottom: 7px;
}

.crm_link:hover {
    color: var(--text-white);
}

.header_img {
    position: relative;
    min-height: 475px;
    width: 95%;
}

.header_img img {
    position: absolute;
    top: -66px;
    bottom: 0;
    right: 0%;
    width: 870px;
    height: auto;
    margin: auto;
}

.header_img img:nth-child(2) {
    width: auto;
    left: -38%;
    z-index: -1;
    top: -130px;
}

.crm_btn_text {
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: var(--text-white);
    padding-top: 60px;
}

.crm_page_head {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.header_info {
    margin-top: 40px;
}

.crm_head_content {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}


.crm_head_blog {
    position: relative;
    z-index: 10;
    background: rgb(255 255 255 / 55%);
    border-radius: 77px;
    backdrop-filter: blur(10px);
    box-shadow: 81px 32px 102.4px 0px rgba(57, 142, 180, 0.1);
    padding: 5px 80px;
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    margin-top: -30px;
}

.crm_page_icon {
    position: absolute;
    right: 5px;
    max-width: 70px;
    width: 100%;
    height: 70px;
    border-radius: 50%;
    font-size: 28px;
    color: rgba(0, 0, 0, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 81px 32px 102.4px 0px rgba(57, 142, 180, 0.1);
}

.crm_page_title {
    font-size: 22px;
    text-align: center;
    line-height: 33.18px;
    font-weight: 400;
    color: rgba(68, 68, 68, 1);
    margin-bottom: 0;
}

.filtr_block {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 20px;
cursor: pointer;
background: white;
padding: 15px;
border-radius: 15px;
}

.tariffs_bottom_text{
margin-bottom: 20px;
}

.integrations_content {
position: relative;
background: #C9EFFF;
border-radius: 20px;
padding: 15px;
padding-bottom: 280px;
}

.integrations_title{
font-weight: 400;
font-size: 48px;
text-align: center;
}

.integrations_title span {
color: #339DC7;
font-weight: 600;
}

.official_partner, .tariffis_section {
background: #FFFFFF;
border-radius: 20px;
padding: 15px;
margin-bottom: 50px;
margin-top: 50px;
}

.tariffis_section {
padding-bottom: 50px;
}

.integrations {
position: relative;
}

.integrations_text {
font-weight: 300;
font-size: 24px;
text-align: center;
color: var(--text-black);
line-height: 100%;
margin-bottom: 38px;
margin-top: 10px;
}

.integrations_info {
display: flex;
justify-content: center;
gap: 74px;
}

.integrations_item {
background: #000000CC;
border-radius: 20px;
padding: 20px;
max-width: 310px;
width: 100%;
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 4px 0px #00000040;
transition: 0.2s ease;
}

.integrations_item:hover {
box-shadow: 0px 4px 4px 0px #FFC50C;
transition: 0.2s ease;
}

.integrations_item_title {
font-weight: 600;
font-size: 48px;
line-height: 100%;
text-align: center;
color: #FFC50C;
margin-bottom: 15px;
}

.integrations_item_text {
font-weight: 600;
font-size: 20px;
line-height: 100%;
color: var(--text-white);
}

.integrations_item_text span {
    color: #339DC7;
    font-weight: 700;
}

.integrations_director_img {
position: relative;
 max-width: 230px;
 width: 100%;
}

.integrations_director_img img {
position: absolute;
left: -32px;
bottom: -2px;
margin: auto;
width: 263px;
}

.integrations_director{
position: absolute;
left: 0;
right: 0;
bottom: -88px;
max-width: 1154px;
width: 100%;
display: flex;
background: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 20px;
margin: auto;
}

.integrations_director_text {
padding: 20px;
font-weight: 300;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
}

.integrations_director_text b{
font-weight: 500;
font-size: 25px;
}

.integrations_director_text span {
font-weight: 100;
font-style: Italic;
font-size: 18px;
line-height: 100%;
color: #575757;
display: block;
}

.integrations_brands {
width: 100%;
height: 335px;
display: flex;
justify-content: center;
align-items: end;
background: #000000;
margin-top: -80px;
border-radius: 20px;
}

.integrations_brands_list {
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
}

.integrations_brands_item {
 width: auto;
}

.sales_content {
background: #FFFFFF;
padding: 20px;
border-radius: 20px;    
}

.sales_title {
font-weight: 300;
font-size: 40px;
line-height: 100%;
text-align: center;
}

.sales_title span {
color: #339DC7;
font-weight: 600;
}

.sales_title b {
font-weight: 700;
}

.sales_text {
font-weight: 400;
font-size: 18px;
line-height: 100%;
text-align: center;
margin-top: 20px;
}

.sales_flex {
display: flex;
align-items: center;
justify-content: center;
gap: 100px;
margin-top: 20px;
}

.sales_img {
max-width: 550px;
width: 100%;
}

.sales_info {
max-width: 450px;
width: 100%;
background: #F6F9FB;
padding: 15px;
border-radius: 15px;
padding-left: 40px;
}

.sales_item {
margin-bottom: 10px;
}

.sales_item_title{
position: relative;
font-size: 18px;
font-weight: 700;
}

.sales_item_title span {
position: absolute;
top: 0;
bottom: 0;
right: 102%;
margin: auto;
color: rgba(28, 163, 69, 1);
}

.sales_item_text {
color: var(--color-text-grey);
font-size: 16px;
}

.sales_bottom {
display: flex;
justify-content: center;
margin-top: 30px;
margin-bottom: 40px;
}

.sales_link {
font-weight: 500;
font-size: 24px;
line-height: 100%;
text-align: center;
color: var(--text-blue);
border-bottom: 1px solid var(--text-blue);
margin: auto;
}

.official_partner .main_title {
font-size: 40px;
color: var(--text-black);
}

.official_partner_info {
display: flex;
gap: 15px;
}

.official_partner_img {
max-width: 420px;
width: 100%;
}
.official_partner_blog {
display: flex;
flex-direction: column;
justify-content:space-between;
}

.official_partner_text {
font-weight: 300;
font-size: 20px;
padding-top: 20px;
}

.official_partner_text b {
font-weight: 700;
}

.official_partner_text span, .official_partner_text a {  
color: var(--text-blue);
font-weight: 600;
}



.official_partner_link {
background: #11304D;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
color: var(--text-white);
font-weight: 600;
font-size: 20px;
height: 50px;
margin-top: 15px;
}

.official_partner_link:hover {
color: var(--text-white);
}

.steep {
    margin-bottom: 50px;
}

.steep_content {
    background: var(--text-white);
    border-radius: 20px;
    padding: 20px;
    padding-bottom: 50px;
}

.steep_title {
    font-weight: 300;
    font-size: 48px;
    text-align: center;
}

.steep_text {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
}

.steep_row {
display: flex;
gap: 80px;
justify-content: center;
margin-top: 48px;
}

.steep_col {
max-width: 340px;
width: 100%;
flex: 1;
}

.steep_number {
position: relative;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(28, 163, 69, 1);
border-radius: 50%;
font-weight: 400;
font-size: 48px;
color: var(--text-white);
margin-bottom: 27px;
}


.steep_number img{
position: absolute;
left: 100%;
top: 0;
bottom: 0;
margin: auto;
width: 294px;
}

.widgets{
margin-top: 30px;
}

.widgets_list {
display: flex;
flex-wrap: wrap;
gap: 15px;
}

.widgets_item{
background: rgba(21, 48, 67, 1);
border-radius: 10px;
padding: 15px;
color: var(--text-white);
max-width: 330px;
width: 100%;
display: flex;
gap: 15px;
}
.widgets_img {
background: var(--text-white);
width: 80px;
height: 80px;
border-radius: 10px;
}

.widgets_title {
font-size: 18px;
font-weight: 500;
}

.widgets_link {
border: 1px solid var(--text-white);
padding: 5px 15px;
color: var(--text-white);
margin-top: 10px;
display: inline-flex;
opacity: 0;
visibility: hidden;
transition: 0.2s ease;
}

.widgets_link:hover {
color: #000000;
background: var(--text-white);
}

.widgets_item:hover .widgets_link {
opacity: 1;
visibility: visible;
transition: 0.2s ease;
}

/* 
.integrations_item {
display: block;
max-width: 330px;
width: 100%;
height: 375px;
}

.integrations_slider .integrations_item {
max-width: unset;
}

.integrations_item:hover img{
transform: scale(1.2);
transition: 0.2s ease;
}


.integrations_item_content {
border-radius: 20px;
padding: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
} */

.documents_bg {
background: linear-gradient(180deg, #8E2952 0%, #E5317A 100%);

}

.call_bg {
background: linear-gradient(180deg, #191919 0%, #638A5C 100%);

}

.analytics_bg {
background: linear-gradient(180deg, #68AC18 0%, #87D728 100%);
}

.bot_bg {
background: linear-gradient(180deg, #506700 0%, #E2FF78 100%);
}

.sms_bg {
background: linear-gradient(180deg, #F9C734 0%, #DFBA4F 100%);
}

.retail_bg {
background: linear-gradient(180deg, #E143EF 0%, #8D0296 100%);
}

.control_bg {
background: rgba(71, 95, 227, 1);
}

.messengers_bg {
background: linear-gradient(180deg, #0F5FFF 0%, #D8DCE3 100%);

}

/* .integrations_item_title {
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    color: var(--text-white);
    line-height: 100%;
}

.integrations_item_img {
max-width: 200px;
width: 100%;
margin: auto;
transition: 0.2s ease;
} */

.scholl_img {
max-width: 400px;
width: 100%;
margin: auto;
}


.modal-dialog-tarif{
    max-width: 900px;
    margin: 32vh auto;
}

.modal-content-tarif{
    height: auto;
}

@media (min-width: 576px) {
    .documents_dialog {
        max-width: 67vh !important;
    }

    .pay_status_dialog {
        max-width: 1100px !important;
    }
}

.pay_table_total{
display: flex;
justify-content: space-between;
}

.pay_table_title {
font-weight: 600;
font-size: 20px;
color: rgba(153, 153, 153, 1);
}

.pay_total{
font-weight: 600;
font-size: 20px;
}

.pay_table_status {
background: rgba(0, 176, 85, 1);
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
color: var(--text-white);
font-size: 25px;
}

.pay_table_check{
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}

.pay_check {
display: flex;
align-items: center;
gap: 10px;
background: rgba(234, 234, 234, 1);
font-size: 20px;
color: #000000;
border-radius: 10px;
padding: 10px;
}