/* 
  &:before {
    content: '\e900';
    @include icons-pseudo;
  }
*/
/* 
    @include hover-supported() {
        background-color: white;
    }
*/
/* Examples: 
    @include user-select(none);
    @include user-select(all);
*/

a.big_read_btn{font-family: Montserrat;font-weight: 600;font-size: 16px;line-height: 24px;text-align: center;vertical-align: middle;text-transform: uppercase; text-decoration: none; color: #248384; display: inline-block; padding: 12px 24px; border-radius: 8px; border: 2px solid #248384; margin:60px auto 0; display: table;}

.customer_success {
    padding: 100px 0 117px;
}

.customer_success h2 {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
}

.customer_success p {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    padding-top: 24px;
    text-align: center;
}

.customer_success_total {
    display: flex;
    padding-top: 107px;
    gap: 32px;
}

.customer_success_box {
    display: flex;
    align-items: center;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 10px 8px 0px #0000001A;
}

.customer_success_left {
    max-width: 640px;
}
.blog_box_image {
    height: 300px;
    max-width: 640px;
}

.blog_box_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog_box {
    box-shadow: 0px 10px 8px 0px #0000001A;
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 119px;
}

.blog_box_text {
    padding: 24px;
}

.blog_box_text h3, .blog_box_text h3 a {
    font-weight: 500;
    font-size: 32px;
    line-height: 140%;
    color: #248384;
}

.customer_success .blog_box_text p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #060821;
    padding-top: 32px;
    text-align: left;
}

a.readmore {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #248384;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.customer_success_box+.customer_success_box {
    margin-top: 32px;
}

.customer_success_text h3, .customer_success_text h3 a {
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    color: #060821;
}

.customer_success_right_image {
    height: 250px;
    min-width: 250px;
}

.customer_success_right_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.customer_success_text {
    padding: 24px 24px 24px 29px;
}

.hideondesktop {
    display: none !important;
}
@media (max-width:1366px) {

    .customer_success_right_image {
        height: 164px;
        min-width: 200px;
    }

    .customer_success_text h3 {
        font-size: 15px;
    }

    a.readmore {
        font-size: 14px;
    }

    .blog_box {
        padding-bottom: 0;
    }
}
@media (max-width:1200px) {
   
    .customer_success_left {
        max-width: unset;
        width: 50%;
    }

    .customer_success_right {
        width: 50%;
    }
}

@media (max-width:1024px) {

    .customer_success p br,
    .customer_success h2 br {
        display: none;
    }

    .banner_btm_box_part_text_box {
        max-width: unset;
        width: 70%;
    }
}

@media (max-width:991px) {
    
    .customer_success_total {
        flex-wrap: wrap;
    }

    .customer_success_left,
    .customer_success_right {
        width: 100%;
    }

    .blog_box_image {
        max-width: unset;
    }
}
@media (max-width:575px) {
    .hideondesktop {
        display: block !important;
    }

    a.big_read_btn{ margin: 40px auto 0; width: 100%;}

    .hidemobile {
        display: none !important;
    }

    .customer_success>.container .enhance__AI>.container {
        padding: 0 24px !important;
    }
    .customer_success {
        padding: 40px 0 100px;
    }

    .customer_success p {
        padding-top: 40px;
    }

    .customer_success_total {
        padding-top: 42px;
    }

    .blog_box_image {
        height: 166px;
    }

    .blog_box_text h3 {
        font-size: 20px;
    }

    .blog_box_text {
        padding: 13px;
    }

    .customer_success .blog_box_text p {
        padding-top: 9px;
    }

    a.readmore {
        margin-top: 16px;
    }

    .customer_success_right_image {
        display: none;
    }

    .customer_success_text {
        padding: 24px;
    }

    a.big_read_btn {
        margin: 40px auto 0;
        width: 100%;
    }
}