a:hover {
    color: #12a786 !important;
}

/* .main_container_tech_comp {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
} */

.techcomp-hero_maintech {
    padding: 60px 100px;
    background-image: url("../images/Group 1771_backgroung.png");
    height: 100%;
    background-size: cover;
    background-position: center;
}

.techcomp-hero-content_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    max-width: 1440px;
}

.techcomp-hero-text_heading h1 {
    max-width: 699px;
    width: 100%;
    font-size: 60px;
    font-weight: 700;
    line-height: 100%;
    color: #21242d;
    margin-bottom: 28px;
}

.techcomp-hero-text_heading p {
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #21242d99;
    margin-bottom: 0;
    max-width: 1036px;
}

.crmsearch_container {
    width: 73%;
    margin: 0 auto 80px auto;
}

.crmsearch_link {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.crmsearch_link:hover {
    color: #127e98;
}

.crmsearch_link.active {
    color: #127e98;
}

.crmsearch_searchbar_wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 80px;
    max-width: 911px;
    width: 100%;
    margin: 0 auto;
}

.crmsearch_searchbar_wrapper form {
    width: 100%;
}

.crmsearch_searchbar img {
    width: 36px;
    height: 36px;
    padding-left: 3px;
}

.crmsearch_searchbar {
    display: flex;
    align-items: center;
    border: 3px solid #ebb42e;
    border-radius: 30px;
    overflow: hidden;
    background-color: #fff;
}

.crmsearch_search_icon {
    padding: 0 12px;
    font-size: 18px;
    color: #ebb42e;
}

.crmsearch_input {
    border: none;
    outline: none;
    flex: 1;
    padding: 0 12px;
    font-size: 16px;
    font-weight: 400;
}

.crmsearch_search_btn {
    background-color: #ebb42e;
    border: none;
    padding: 12px 64px;
    border-radius: 28px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    color: #000;
}

.crmsearch_filter_btn {
    border: 3px solid #ebb42e;
    border-radius: 30px;
    padding: 10px 20px;
    background: white;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    gap: 8px;
    max-width: 113px;
    text-align: center;
    width: 100%;
}

.crmsearch_filter_icon img {
    width: 20px;
    height: auto;
}

.crmsearch_heading {
    font-size: 34px;
    font-weight: 600;
    color: #21242d;
    text-align: left;
    margin-bottom: 60px;
}

.adcard_container_bizsoft {
    max-width: 1440px;
    width: 73%;
    margin: 0 auto;
    padding: 48px 0;
    border-top: 1px solid #ebb42e61;
    border-bottom: 1px solid #f1f1f1;
}

.adcard_content_bizsoft {
    display: flex;
    gap: 54px;
    align-items: flex-start;
    justify-content: space-between;
}

.adcard_logo_area_bizsoft {
    position: relative;
    max-width: 150px;
    width: 100%;
    height: 100%;
}

.adcard_logo_area_bizsoft .sponser_tech {
    max-width: 141px;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 32px;
    left: -12px;
}

.adcard_logo_wrapper_bizsoft {
    width: 100%;
    /* height: 100%; */
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adcard_logo_wrapper_bizsoft img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}

.adcard_title_bizsoft {
    font-size: 34px;
    line-height: 41px;
    font-weight: 500;
    margin-bottom: 16px;
    color: #21242d;
}

.adcard_brand_bizsoft {
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

.stars_bizsoft {
    display: inline-flex;
    gap: 4px;
    font-size: 22px;
    cursor: pointer;
}

.stars_bizsoft .star {
    color: #ccc;
    transition: color 0.3s;
}

.stars_bizsoft .star.filled {
    color: #ebb42e;
}

.adcard_brand_bizsoft span {
    color: #21242d;
    font-weight: 500;
    font-size: 20px;
}

.adcard_rating_bizsoft {
    font-size: 14px;
    display: flex;
    gap: 12px;
    align-items: center;
    /* margin-bottom: 14px; */
}

.rating_value_bizsoft {
    color: #333;
    margin-bottom: 39px;
}

.adcard_desc_bizsoft {
    font-size: 20px;
    color: #21242d99;
    max-width: 480px;
    font-weight: 400;
    margin-bottom: 16px;
}

.adcard_knowmore_bizsoft {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #127e98;
    text-decoration: none;
}

.adcard_side_bizsoft {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 68px;
    height: auto;
}

.adcard_compare_bizsoft {
    font-size: 16px;
    font-weight: 400;
    color: #444;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    display: block;
}

.plan-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.adcard_price_bizsoft {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #000;
}

.adcard_price_bizsoft span {
    font-size: 12px;
    color: #666;
}

.adcard_viewplans_bizsoft {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #1e88e5;
    text-decoration: none;
    margin-bottom: 20px;
}

.adcard_demo_btn_bizsoft {
    padding: 8px 18px;
    background-color: #12a786;
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s;
    white-space: nowrap;
    max-width: 164px;
    width: 100%;
}

.adcard_demo_btn_bizsoft:hover {
    background-color: #12a786;
}

.promoSlider_techcomp {
    position: relative;
    max-width: 540px;
    margin: auto;
    overflow: hidden;
}

.promoToggle_techcomp {
    display: none;
}

.promoTrack_techcomp {
    display: flex;
    width: 200%;
    transition: margin-left 0.5s ease;
}

#promoSlide2_techcomp:checked ~ .promoTrack_techcomp {
    margin-left: -100%;
}

.promoCard_techcomp {
    width: 50%;
    min-height: 180px;
    box-sizing: border-box;
    padding: 28px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.cardOne_techcomp {
    background: #fffedd;
}

.cardTwo_techcomp {
    background: #fdf5e6;
}

.promoText_techcomp {
    flex: 1 1 120px;
    color: #000;
}

.promoText_techcomp h2 {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 500;
    max-width: 176px;
}

.promoText_techcomp small {
    font-size: 14px;
    display: block;
    margin-bottom: 6px;
    color: #444;
}

.promoBtn_techcomp {
    display: inline-block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #009e72;
    text-decoration: none;
}

.promoArt_techcomp img {
    width: 250px;
    height: auto;
}

.promoNav_techcomp {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 2px solid #009e72;
    border-radius: 50%;
    background: #fff;
    font-size: 18px;
    color: #009e72;
    cursor: pointer;
    user-select: none;
}

.prev_techcomp {
    left: 0px;
}

.next_techcomp {
    right: 0px;
}

#promoSlide1_techcomp:checked ~ .prev_techcomp,
#promoSlide2_techcomp:checked ~ .next_techcomp {
    visibility: hidden;
}

.faq_container_unique {
    box-shadow: 0px 0px 6px 0px #00c99c;
}

.faq_container_unique {
    background: url("../images/setting.png") no-repeat,
        url("../images/side-bubble.png") no-repeat,
        url("../images/bubble-cream.png") no-repeat;

    background-size: 5rem, 7rem, 7rem;
    background-position: 10rem 12rem, 98% 20%, 0 60%;
    scroll-margin-top: 120px;
}

.faq_container_unique .faq__inner__secction {
    max-width: 1440px;
    width: 73%;
    margin: 0 auto;
    display: flex;
    gap: 80px;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    border-radius: 12px;
    padding: 80px 0 0 0;
}

.faq_heading_unique {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 16px;
}

.faq_subheading_unique {
    font-size: 16px;
    font-weight: 400;
    color: #21242d99;
    margin: 0;
}

.faq_image_unique {
    width: 365px;
    height: 365px;
}

.faq_item_unique {
    padding: 20px 0;
    border-radius: 12px;
    position: relative;
    max-width: 435px;
    /* box-shadow: 0px 0px 6px 0px #ebb42e; */
    background-color: #f7f7f7;
    margin-bottom: 15px;
    border: 1px solid #e4e4e4;
}

.faq_item_unique:last-child {
    box-shadow: none;
}

.faq_question_unique {
    font-size: 20px;
    font-weight: 500;
    color: #21242d;
    gap: 5px;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
}

.faq_answer_unique p {
    padding: 0;
    margin: 0;
    font-size: 20px;
    padding-left: 10px;
}

.faq_question_unique::-webkit-details-marker {
    display: none;
}

.faq_item_unique summary::after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: 10px;
    transition: transform 0.3s ease;
    background: #127e98 url(../images/arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
}

.faq_item_unique[open] summary::after {
    transform: rotate(180deg);
}

.faq_answer_unique {
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
    color: #21242dde;
    line-height: 1.5;
}

.review_container_techcomp {
    max-width: 700px;
    margin: 0 auto;
}

.review-button-wrapper {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.review_heading_techcomp {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #21242d;
}

.review_description_techcomp {
    font-size: 20px;
    font-weight: 400;
    color: #21242d99;
    line-height: 28px;
    margin-bottom: 34px;
}

.review_card_techcomp {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.reviewer_name_techcomp {
    font-weight: 500;
    font-size: 16px;
    color: #21242d;
    margin-bottom: 16px;
}

.rating_score_techcomp {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}

.nav_button_techcomp {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #007b8a;
    background-color: #ffffff;
    color: #007b8a;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
}

.nav_button_techcomp.active {
    background-color: #007b8a;
    color: white;
}

.guide_section_unique {
    max-width: 1440px;
    width: 73%;
    margin: 0 auto;
    padding: 80px 0;
}

.guide_container_unique {
    display: flex;
    flex-direction: column;
}

.guide_title_unique {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 60px;
    text-align: center;
    color: #21242d;
}

.guide_heading_unique {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #21242d;
}

.guide_text_unique {
    font-size: 20px;
    font-weight: 400;
    color: #21242dde;
    line-height: 25px;
    margin-bottom: 12px;
}

/* Main slider container */
.promoSlider_techcomp {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1100px;
    margin: 40px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Moving track */
.promoTrack_techcomp {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

/* A single slide holding a pair of banners */
.ad-pair-slide {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    gap: 20px;
}

/* Individual banner card styling (IMAGE ONLY) */
.promoCard_techcomp {
    flex: 1;
    min-width: 0;
    border-radius: 12px;
    overflow: hidden;
}

/* Image area inside the banner card */
.promoCard_techcomp .promoArt_techcomp {
    width: 100%;
    height: 100%;
}

.promoCard_techcomp .promoArt_techcomp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Hide radio buttons */
.promoToggle_techcomp {
    display: none;
}

/* Navigation arrows */
.promoNav_techcomp {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.promoNav_techcomp.prev_techcomp {
    left: 0px;
}

.promoNav_techcomp.next_techcomp {
    right: 0px;
}

#promoPair_1_2:checked ~ .promoTrack_techcomp,
#promoPair_2_2:checked ~ .promoTrack_techcomp,
#promoPair_3_2:checked ~ .promoTrack_techcomp,
#promoPair_4_2:checked ~ .promoTrack_techcomp {
    transform: translateX(-100%);
}

#promoPair_1_3:checked ~ .promoTrack_techcomp,
#promoPair_2_3:checked ~ .promoTrack_techcomp,
#promoPair_3_3:checked ~ .promoTrack_techcomp,
#promoPair_4_3:checked ~ .promoTrack_techcomp {
    transform: translateX(-200%);
}

/* .promoSlider_js {
    position: relative;
    width: 73%;
    margin: 40px auto;
}

.promoTrack_js {
    transition: transform 0.5s ease-in-out;
}

.ad-pair-slide-js {
    display: flex;
    box-sizing: border-box;
}

.promoCard_js {
    flex: 1;
    min-width: 0;
    border-radius: 12px;
    overflow: hidden;
}

.promoCard_js img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.promoNav_js {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    padding: 0;
    font-size: 20px;
} */

/* .promoNav_js.prev {
    
} */

.promoSlider_js {
    position: relative;
    width: 73%;
    overflow: hidden;
    margin: 0 auto;
}

.promoTrack_js {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.ad-pair-slide-js {
    display: flex;
    box-sizing: border-box;
    min-width: 100%;
    gap: 20px;
}

/* Individual banner card. */
.promoCard_js {
    flex: 1;
    border-radius: 12px;
    overflow: hidden;
    min-width: 0;
}

/* Image inside the banner. */
.promoCard_js img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Navigation buttons. */
.promoNav_js {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    padding: 0;
    font-size: 20px;
}

.promoNav_js.prev {
    left: 0;
}

.promoNav_js.next {
    right: 0;
}

.promo-link-wrapper {
    flex: 1;
    min-width: 0;
    text-decoration: none;
    color: inherit;
    display: block;
}

.promoNav_js.next {
    right: 0;
}

.promo-link-wrapper {
    flex: 1;
    min-width: 0;
    text-decoration: none;
    display: block;
}

.promo-link-wrapper {
    text-decoration: none;
    color: inherit;
}

.promoCard_js {
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.pagination .page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #16a085;
    color: #16a085;
    background-color: transparent;
    font-size: 16px;
    transition: all 0.3s ease;
}

.pagination .page-item.active .page-link {
    background-color: #16a085;
    color: #fff;
    border-color: #16a085;
}

.pagination .page-item .page-link:hover:not(.active) {
    background-color: #16a085;
    color: #fff;
}

.pagination .page-item.disabled .page-link {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination .page-link:focus {
    box-shadow: none;
}

.pagination-links {
    max-width: 1440px;
    width: 73%;
    margin: 0 auto;
    padding: 80px 0;
    display: flex;
    justify-content: end;
}

.pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.5rem;
    right: 2%;
    padding-top: 11px;
    justify-content: center;
}

.page-item {
    display: inline-block;
}

.page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.page-item:hover .page-link {
    background-color: #12a786;
    color: #fff;
    border-color: #12a786;
}

.page-item.active .page-link {
    background-color: #12a786;
    color: #fff;
    font-weight: bold;
    border-color: #12a786;
}

.page-item.disabled .page-link {
    background-color: #f2f2f2;
    color: #999;
    border-color: #ddd;
    cursor: not-allowed;
    pointer-events: none;
}

.detail_hero_main {
    background-image: url("../images/Vector 9.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}

.software-details-container {
    max-width: 1440px;
    width: 87%;
    margin: 0 auto;
    display: flex;
    gap: 40px;
    padding: 40px 0;
}

.banner-slider-box {
    position: relative;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.main-image-view {
    background-color: #e6f0fa;
    padding: 62px;
    width: 100%;
}

.main-image-view .inner__images {
    width: 100%;
}

.main-image-view img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main-image-view .img-container {
    max-width: 275px;
    width: 100%;
    margin: 0 auto;
}

.main-image-view .img-container img {
    width: 100%;
    height: 114px;
    object-fit: cover;
}

.arrow-btn {
    height: 40px;
    width: 40px;
    position: absolute;
    top: 25%;
    transform: translateY(50%);
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.15);
    border: none;
}
.arrow-btn img {
    width: 16px;
}
.arrow-left img {
    width: 7px;
}
.arrow-left {
    left: -20px;
}

.arrow-right {
    right: -20px;
}

button.arrow-btn.arrow-right {
    background-color: #127e98;
}

.thumbnail-row {
    margin-top: 20px;
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}

.thumbnail-row img {
    width: 80px;
    height: auto;
    object-fit: contain;
    cursor: pointer;
}

.software-info-box {
    flex: 1.5;
    min-width: 18.75rem;
    max-width: 100%;
}

.breadcrumb {
    font-size: clamp(0.875rem, 1.111vw, 1rem);
    font-weight: 400;
    color: #999;
}
.share__product__comp {
    max-width: 76%;
    width: 100%;
}
.share__product__comp .software-title {
    font-size: 22px;
    font-weight: 700;
    color: #21242d;
    margin-bottom: 16px;
    width: 100%;
}

.brand-text {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #777;
    margin-bottom: 16px;
}

.rating-review {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.border_tech_comp {
    border: solid 1px #ebb42e61;
    width: 100%;
    max-width: 64.25rem;
}

.rating-badge {
    background-color: #12a786;
    color: white;
    font-weight: 400;
    padding: 0.25rem 0.5rem;
    border-radius: 50px;
    font-size: 14px;
}

.review-links {
    font-size: 14px;
    font-weight: 500;
    color: #127e98;
    cursor: pointer;
}

.price-section {
    margin: 11px 0;
    font-size: clamp(1rem, 1.389vw, 1.25rem);
}

.price-section-2 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 4px;
}

.price-section del {
    color: #21242d61;
    margin-left: 0.625rem;
    font-size: clamp(1rem, 1.389vw, 1.25rem);
    font-weight: 500;
}

.right_slider_tech img {
    border-radius: 50%;
    width: 1.25rem;
}

.view-plans-link {
    color: #0077cc;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    margin-top: 16px;
    display: block;
}

.action-buttons {
    display: flex;
    gap: 36px;
    margin-top: 1.25rem;
    flex-wrap: wrap;
}

.btn-demo,
.btn-quote {
    padding: 20px 67px;
}

.btn-demo {
    background-color: #fff;
    border: 2px solid #12a786;
    color: #12a786;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50px;
}

.btn-quote {
    background-color: #12a786;
    color: white;
    font-size: 17px;
    font-weight: 500;
    border-radius: 50px;
    border: none;
}

.cotting_tech_comp {
    position: relative;
}

.custome__tab__cutome {
    padding: 60px 0;
    max-width: 1440px;
    width: 90%;
    margin: 0 auto;
}

.crmsearch_navbar {
    display: flex;
    gap: 48px;
    /* justify-content: center; */
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.cotting_image img {
    position: absolute;
    right: 0;
    width: 100px;
}

.cotting_image_tech img {
    position: absolute;
    width: 100px;
    top: 402px;
}

.cotting_img_tech_2 img {
    position: absolute;
    top: 17px;
    left: 100px;
}

.crmsearch_link {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    position: relative;
}

.crmsearch_link:hover {
    color: #127e98;
}

.crmsearch_link.active {
    color: #127e98;
}

.highlights {
    display: flex;
    gap: 80px;
    margin-top: 1.875rem;
    font-size: clamp(0.75rem, 0.972vw, 0.875rem);
    color: #555;
    flex-wrap: wrap;
    margin: 44px 0;
}

.highlight-item {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    gap: 12px;
    font-weight: 400;
    font-size: 15px;
    max-width: 211px;
    width: 100%;
    margin: 0 auto;
}

.busy_desc_section {
    max-width: 56.25rem;
    margin: 2.5rem auto;
    color: #222;
    padding: 0 1.25rem;
}

.busy_desc_title {
    font-size: clamp(1.75rem, 2.361vw, 2.125rem);
    font-weight: 500;
    margin-bottom: 0.625rem;
    display: flex;
    justify-content: center;
}

.busy_desc_subtitle {
    font-size: clamp(0.875rem, 1.111vw, 1rem);
    color: #555;
    margin-bottom: 1.875rem;
}

.busy_section_heading {
    font-size: clamp(1rem, 1.389vw, 1.25rem);
    font-weight: 600;
    margin-bottom: 0.625rem;
    margin-top: 1.5625rem;
}

.busy_section_paragraph {
    font-size: clamp(1rem, 1.389vw, 1.25rem);
    font-weight: 400;
    color: #21242dde;
    line-height: 1.6;
    margin-bottom: 0.9375rem;
}

.busy_features_list {
    padding-left: 1.25rem;
    color: #21242dde;
}

.busy_features_list li {
    font-size: clamp(1rem, 1.389vw, 1.25rem);
    font-weight: 400;
    color: #21242dde;
    margin-bottom: 0.625rem;
    line-height: 1.5;
}

.busy_video_section {
    display: flex;
    position: relative;
    gap: 1.25rem;
    margin-top: 1.875rem;
    flex-wrap: wrap;
}

.busy_video_section {
    position: relative;
}

.busy_image img {
    position: absolute;
    left: -134px;
    top: 70px;
}

.busy_image_tech img {
    position: absolute;
    right: -210px;
    top: 50px;
}

.busy_video_card {
    flex: 1 1 18.75rem;
}

.busy_video_thumb {
    width: 100%;
    border-radius: 0.625rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}

.busy_software_section {
    position: relative;
    padding: 2.5rem 1.25rem;
    max-width: 68.75rem;
    margin: 0 auto;
    color: #21242dde;
}

.busy_software_image img {
    position: absolute;
    left: -110px;
    top: 200px;
}

.busy_software_tech img {
    position: absolute;
    right: -35px;
    width: 50px;
    top: 355px;
}

.busy_software_info h4 {
    font-size: clamp(1rem, 1.389vw, 1.25rem);
    margin-bottom: 0.625rem;
    font-weight: 700;
}

.busy_software_info ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 1.25rem;
}

.busy_software_info li {
    margin-bottom: 0.5rem;
    font-size: clamp(1rem, 1.389vw, 1.25rem);
    font-weight: 400;
    line-height: 1.5;
}

.busy_offer_banner {
    position: relative;
    background-color: #fff8cb;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.875rem;
    margin-top: 1.875rem;
    flex-wrap: wrap;
}

.banner_image_offer img {
    position: absolute;
    width: 100px;
    right: -174px;
}

.banner_image_tech img {
    position: absolute;
    left: -183px;
    bottom: 88px;
}

.busy_offer_text h3 {
    font-size: clamp(1.75rem, 2.778vw, 2.5rem);
    margin-bottom: 0.625rem;
    font-weight: 500;
}

.busy_offer_text h2 {
    font-size: clamp(3rem, 5.556vw, 5rem);
    color: #21242d;
    font-weight: 500;
    margin-top: 1.25rem;
}

.busy_offer_image img {
    width: 27.8125rem;
    height: 27.8125rem;
    object-fit: contain;
}

.planSection_custom {
    position: relative;
    background: #fff;
    text-align: center;
}

.plan_section_image img {
    position: absolute;
    right: 0;
    width: 146px;
}

.plansection_techcomp_img img {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 146px;
}

.plan_tech_img img {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 146px;
}

.planSection_custom-heading {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 32px;
}

button.planSection_custom-btn_01 {
    width: 100%;
    padding: 0.75rem;
    background-color: #00b386;
    color: #fff;
    border: none;
    border-radius: 1.5625rem;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
    margin-top: 2.5rem;
}

.planSection_custom-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px;
}

.planSection_custom-card {
    border-radius: 11px;
    padding: 28px;
    max-width: 396px;
    width: 100%;
    background: #fff;
    text-align: left;
    display: flex;
    flex-direction: column;
    min-height: 397px;
    justify-content: space-between;
    border: 1px solid #808080bd;
}
.planSection_custom-card:hover {
    box-shadow: 0px 0px 6px 0px gray;
}
.planSection_custom-card h3 {
    margin-bottom: 28px;
    line-height: 25px;
    color: #21242d;
    font-size: 20px;
    font-weight: 500;
}

.planSection_custom-card ul {
    list-style: none;
    padding: 0;
    margin-bottom: 1.25rem;
    min-height: 320px;
    margin-bottom: 60px;
}

.planSection_custom-card ul li {
    position: relative;
    color: #21242d99;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    padding-left: 20px;
}

.planSection_custom-card ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #21242d99;
    border-radius: 50%;
}

.planSection_custom-counter {
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 111px;
}

.planSection_custom-counter .inc_dec {
    display: flex;
    align-items: center;
    gap: 4rem;
    font-size: 16px;
    font-weight: 400;
}

.user__inc {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.products-and-accessories .card-img-top {
    max-width: 200px;
    height: 200px;
    margin-bottom: 16px;
}

.main-card-continer {
    display: flex;
    gap: 28px;
}

.products-and-accessories .row {
    gap: 28px;
}

.products-and-accessories .row .card-body {
    padding: 0;
}

.products-and-accessories .accessories-card {
    padding: 0;
}

.product-card-container {
    display: flex;
    gap: 28px;
    align-items: center;
}

.product-card-container .image-wrapper {
    margin-bottom: 16px;
}

.planSection_custom-counter button {
    width: 2.75rem;
    height: 2.75rem;
    border: none;
    cursor: pointer;
    font-weight: 400;
    border-radius: 0.25rem;
    background-color: #12a786;
    color: #fff;
    font-size: 20px;
    display: flex;
    align-items: center;
    padding-left: 8px;
}

.planSection_custom-price {
    font-weight: bold;
    margin-bottom: 28px;
    color: #000;
}

.planSection_custom-price span {
    font-weight: normal;
    color: #666;
    font-size: clamp(0.75rem, 0.972vw, 0.875rem);
}

.planSection_custom-btn {
    font-size: 16px;
    width: 100%;
    padding: 20px 0;
    background-color: #00b386;
    color: #fff;
    border: none;
    border-radius: 50px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
    max-width: 340px;
    width: 100%;
    margin: 0 auto;
}

.planSection_custom-btn:hover {
    background-color: #009f76;
}

.specs_section_container {
    position: relative;
    padding: 3.75rem 2.5rem;
    max-width: 76.5rem;
    color: #121212;
    margin: 0 auto;
    border-bottom: 1px solid #ebb42e61;
}

.speces_img_tech img {
    position: absolute;
    left: -69px;
    top: 148px;
    width: 55px;
}

.speces_techcomp_img img {
    position: absolute;
    bottom: 300px;
    left: -44px;
}

.speces_imag_tech_3 img {
    position: absolute;
    right: 0px;
    bottom: 279px;
    width: 70px;
}

.speces_img_4 img {
    position: absolute;
    right: 0px;
    bottom: 0;
}

.specs_heading {
    font-size: clamp(1.25rem, 1.528vw, 1.375rem);
    font-weight: 600;
    margin-bottom: 1.875rem;
    display: flex;
    justify-content: center;
}

.specs_item {
    margin-bottom: 1.5625rem;
}

.specs_title {
    font-size: clamp(0.875rem, 1.111vw, 1rem);
    font-weight: 500;
    margin-bottom: 0.5rem;
    padding-left: 3.125rem;
}

.specs_list {
    list-style-type: disc;
    padding-left: 5.625rem;
    color: #444;
    font-size: clamp(0.875rem, 1.111vw, 1rem);
    font-weight: 400;
}

.specs_list li {
    line-height: 1.6;
}

.package_recommendation_container {
    padding: 3.75rem 5rem;
    background: #fff;
}

.section_title {
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 60px;
    text-align: center;
}

.package_section .package_box {
    display: flex;
    align-items: center;
    gap: 1.875rem;
    margin-bottom: 1.875rem;
    flex-wrap: wrap;
}

.package_item {
    text-align: center;
    font-size: clamp(0.875rem, 1.111vw, 1rem);
}

.package_logo {
    width: 12.5rem;
    height: auto;
    object-fit: contain;
}

.package_title {
    font-weight: 600;
    margin-top: 0.625rem;
}

.package_subtitle {
    font-size: clamp(0.75rem, 0.903vw, 0.8125rem);
    font-weight: 500;
    color: #00000099;
}

.package_price {
    margin-top: 0.5rem;
    font-weight: 600;
    font-size: clamp(0.875rem, 1.111vw, 1rem);
}

.package_price span {
    font-size: clamp(0.75rem, 0.972vw, 0.875rem);
    font-weight: 100;
}

.package_plus {
    padding-bottom: 2.1875rem;
}

.package_total {
    padding-left: 8.9375rem;
    padding-top: 7.6875rem;
    align-items: center;
    max-width: 18.75rem;
    margin-bottom: 3.75rem;
}

.total_label {
    color: #888;
    font-size: clamp(0.75rem, 0.972vw, 0.875rem);
}

.total_price {
    font-size: clamp(1rem, 1.389vw, 1.25rem);
    font-weight: bold;
}

.total_price span {
    font-size: clamp(0.75rem, 0.972vw, 0.875rem);
    font-weight: normal;
}

.buy_now_btn {
    background: #0aad7d;
    color: #fff;
    padding: 0.75rem 1.875rem;
    border: none;
    border-radius: 0.25rem;
    font-weight: 600;
    cursor: pointer;
}

.recommendation_section .recommendation_cards {
    background: #ffffff;
}

.recommendation_section {
    position: relative;
}

.recommendation_card {
    padding: 1.25rem;
    border-radius: 0.75rem;
    text-align: center;
    position: relative;
    flex: 1;
    min-width: 15.625rem;
    min-height: 470px;
}

.rec_logo {
    width: 12.5rem;
    height: 12.5rem;
    object-fit: contain;
    margin-bottom: 0.625rem;
}

.rec_title {
    font-family: "Rethink Sans";
    font-weight: 500;
    margin-bottom: 16px;
    /* font-size: clamp(0.875rem, 1.111vw, 1rem); */
    font-size: 14px;
}

.rec_desc {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    margin-bottom: 28px;
    max-width: 370px;
    width: 100%;
}

.rec_price {
    margin-bottom: 36px !important;
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 400;
}

.buy_subscribe_btn {
    background: #12a786;
    color: white;
    padding: 20px 0;
    border: none;
    border-radius: 4.0625rem;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    max-width: 316px;
    width: 100%;
}

.review_section_techcomp {
    padding: 60px 0;
    text-align: center;
    position: relative;
    background-color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 0px 6px 0px #00cc99;
    background-image: url("../images/Vector 9.png");
}

.review_section_techcomp {
    background: url("../images/styles-arrow.png") no-repeat,
        url("../images/styled-folder.png") no-repeat;

    background-size: 5rem, 6rem;
    background-position: 5% 50%, 97% 85%;
    scroll-margin-top: 120px;
}

.image_review_section img {
    position: absolute;
    right: 37px;
    top: 75px;
    width: 70px;
}

.review_container_techcomp {
    max-width: 592px;
    width: 100%;
    margin: 0 auto;
}

button.review_button_section {
    background-color: #12a786;
    color: #fff;
    padding: 10px 25px;
    border-radius: 28px;
    border-color: #12a786;
    text-transform: uppercase;
    border: none;
    position: absolute;
    top: 60px;
    right: 30px;
}

.image_secton_review_2 img {
    position: absolute;
    left: 100px;
    bottom: 100px;
    width: 100px;
}

.review_container_techcomp .review_heading_techcomp {
    font-size: 34px;
    font-weight: 500;
    color: #21242d;
}

.review_card_techcomp {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.reviewer_image_techcomp {
    margin-bottom: 20px;
}

.review_card_techcomp img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.review_rating_techcomp {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 60px;
}

.review_nav_buttons_techcomp {
    /* margin-top: 60px; */
    display: flex;
    justify-content: center;
    gap: 16px;
}

.nav_button_techcomp {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #007b8a;
    background-color: #ffffff;
    color: #007b8a;
    font-size: clamp(0.875rem, 1.111vw, 1rem);
    cursor: pointer;
    transition: 0.3s;
}

.nav_button_techcomp.active {
    background-color: #007b8a;
    color: white;
}

.reports-section-rishabh {
    position: relative;
    padding: 3.75rem 1.25rem;
    text-align: center;
}

.report_img_techee img {
    position: absolute;
    right: -14px;
    top: 45px;
    width: 80px;
}

reports__page .card {
    max-width: 210px;
    width: 100%;
    margin: 0 auto;
    border: none;
    padding: 30px 0;
}

.reports__page .card__conatiner {
    display: flex;
    align-items: start;
    justify-content: center;
    /* gap: 96px; */
    flex-wrap: wrap;
}

.image_review_section_3 img {
    position: absolute;
    bottom: 20px;
    right: 5px;
}

/* reports-section start */
.reports__page {
    max-width: 1440px;
    width: 69%;
    margin: 0 auto;
}

.reports__page .main__heading {
    font-size: 34px;
    font-weight: 500;
    line-height: 41px;
    color: #21242d;
    margin-bottom: 32px;
}

.reports__page .card__conatiner {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-wrap: wrap;
}

reports__page .card {
    max-width: 210px;
    width: 100%;
    margin: 0 auto;
    border: none;
    padding: 30px 0;
}

.reports__page .card .card-img {
    margin-bottom: 12px;
    padding: 8px 22px;
    /* max-width: 210px; */
    /* max-height: 210px; */
}

.reports__page .card img {
    max-width: 210px;
    width: 100%;
    margin: 0 auto;
    object-fit: cover;
    min-height: 210px;
    max-height: 210px;
}

.reports__page .card .card__heading {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #21242d;
    min-height: 38px;
}

.reports__page .card .card_detail {
    font-size: 13px;
    color: #21242d61;
    margin-bottom: 36px;
    min-height: 78px;
}

.reports__page .card .download__btn {
    padding: 11px 27px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #ffffff;
    background-color: #12a785;
    border: none;
    border-radius: 28px;
    cursor: pointer;
}

/* reports-section end */

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-size: 20px !important;
}

.d-flex.justify-content-end.mb-3 {
    margin-top: 30px;
}

.rating {
    --star-size: 6.5rem;
    --star-clr-inactive: rgba(128, 128, 128, 0.7);
    --star-clr-active: rgb(245, 158, 11);
    --star-clr-hover: rgba(167, 253, 136, 0.2);
    --star-clip-path: polygon(
        50% 0%,
        61% 35%,
        98% 35%,
        68% 57%,
        79% 91%,
        50% 70%,
        21% 91%,
        32% 57%,
        2% 35%,
        39% 35%
    );
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: start;
    width: 280px;
}

ol.breadcrumb.custom-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 600;
    list-style: none;
    padding: 0px;
    margin: 30px 0px 15px 9%;
    font-family: "Rethink Sans", sans-serif;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    filter: invert(1);
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    filter: invert(1);
}

.custom-breadcrumb li + li::before {
    content: ">" !important;
    color: #888;
    margin: 0 8px;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.sub-wrapper_comp_set {
    max-width: 1000px;
    margin: 60px auto;
    padding: 0 20px;
    position: relative;
}

.sub-title_comp_set {
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 40px;
}

.sub-card_comp_set {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ebb42e61;
    padding: 20px 0;
}

.sub-card-left_comp_set {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sub-logo_comp_set {
    width: 80px;
    height: 80px;
    border-radius: 12px;
    padding: 5px;
}

.sub-name_comp_set {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.sub-info_comp_set {
    margin: 4px 0 0;
    font-size: 14px;
    color: #555;
}

.sub-button_comp_set {
    background-color: #12a786;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 28px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
}

.image_comp_right_tech img {
    position: absolute;
    right: 0;
    top: 50px;
    width: 100px;
}

.image_comp_left_tech img {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100px;
}

.setting_comp_tech img {
    position: absolute;
    left: 88px;
    top: 110px;
    width: 75px;
}

.side_component_vector img {
    width: 38px;
    position: absolute;
    top: 70rem;
}

.left_side_component_vector img {
    width: 45px;
    position: absolute;
    top: 105rem;
}

.setting_component_tech img {
    height: 90px;
    width: 80px;
    position: absolute;
    top: 26%;
    left: 50px;
}

.plansection_techcomp_img img {
    display: none;
}

.plan_tech_img img {
    display: none;
}

.plan_section_image img {
    display: none;
}

div:where(.swal2-container) {
    z-index: 10000 !important;
}

.guide_block_unique h3 {
    margin-bottom: 20px;
    font-weight: 500;
}

.guide_block_unique h3 strong {
    font-family: "Rethink Sans";
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: #21242d;
}

.guide_block_unique p {
    font-family: "Rethink Sans";
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #21242dde;
}

.plus_sign_logo_comp {
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.main-card-continer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.border-bottom_tech {
    border-bottom: 5px solid #656262;
    max-width: 275px;
    padding-bottom: 15px;
}

.left_side_component_vector_comp img {
    position: absolute;
    top: 50%;
    bottom: 20%;
    left: -20%;
    width: 10rem;
    height: auto;
}

.side_component_vector_comp img {
    position: absolute;
    right: -20%;
    width: 10rem;
}

.setting_component_tech_comp img {
    position: absolute;
    width: 7rem;
    left: -10%;
    top: 15%;
}

.left_side_component_vector_comp_tech img {
    position: absolute;
    left: 0%;
    top: 74%;
    width: 10rem;
}

.main__heading-section {
    max-width: 1440px;
    width: 73%;
    margin: 0 auto;
}

.side_component_vector_comp_tech {
    position: absolute;
    right: 0;
    top: 68%;
    width: 10rem;
    height: auto;
}

.setting_component_tech_comp_tech img {
    position: absolute;
    width: 7rem;
    left: 9%;
}

.product-overview-tab-content .tab-pane {
    padding: 80px 0;
}

.description_tab {
    max-width: 1440px;
    width: 73%;
    margin: 0 auto;
}

.bredcrab-share-tech {
    display: flex;
    align-items: center;
    gap: 64px;
    justify-content: space-between;
}

.product__shere__section .share-btn {
    padding: 13px 20px;
    display: flex;
    gap: 16px;
    align-items: center;
    background-color: #12a786;
    border: none;
    border-radius: 28px;
    height: 45px;
}

.product__shere__section .share-btn .share-icon {
    width: 20px;
    height: 24px;
}

.product__shere__section .share-btn .share-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #fff;
    text-transform: uppercase;
}

.breadcrumb-list-unique {
    top: 65px !important;
    left: 5px !important;
    z-index: 1000;
    padding: 4px 8px;
    font-size: 15px;
}

a.compare-card-clear-button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #e63946;
    border-radius: 50%;
    color: #fff;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    margin-top: 30px;
}

.price-section p {
    font-size: 16px;
    font-weight: 500;
    color: #21242d61;
}

.breadcrumb-unique {
    font-size: 14px;
}

.breadcrumb-list-unique {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 6px;
    padding-top: 19px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.crmsearch_link {
    color: #333;
    /* default */
    text-decoration: none;
    display: inline-block;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.crmsearch_link.active {
    color: #12a785;
}

.row.align-items-center {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.planSection_custom-counter div {
    display: flex;
    align-items: center;
    gap: 4rem;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 28px;
}

.responsive-tab #myTab {
    display: flex;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    gap: 48px;
    justify-content: center;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
    border: none;
    margin-top: 60px;
}

section.responsive-tab {
    max-width: 1440px;
    width: 60%;
    margin: 0 auto;
}

.responsive-tab #myTab .nav-item {
    flex: 0 0 auto;
}

.responsive-tab #myTab::-webkit-scrollbar {
    height: 6px;
}

.responsive-tab #myTab::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.services {
    background: url("../images/setting.png") no-repeat,
        url("../images/side-bubble.png") no-repeat,
        url("../images/bubble-cream.png") no-repeat,
        url("../images/styles-arrow.png") no-repeat,
        url("../images/styled-folder.png") no-repeat;
    background-size: 5rem, 7rem, 7rem, 5rem, 5rem;
    background-position: 5rem 1rem, 100% 0, 0 50%, 5rem 100%, 97% 97%;
    scroll-margin-top: 120px;
}
.review_section_techcomp {
    position: relative;
    padding-bottom: 80px; /* नीचे space ताकि buttons overlap न करें */
}

.review_section_techcomp .swiper-button-next,
.review_section_techcomp .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 15px;
    width: 50px;
    height: 50px;
    background: #127e98;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    opacity: 1;
    z-index: 10;
}

/* Disabled (inactive) भी same दिखे */
.review_section_techcomp .swiper-button-next.swiper-button-disabled,
.review_section_techcomp .swiper-button-prev.swiper-button-disabled {
    opacity: 1 !important;
    background: #127e98 !important;
    color: #ffffff !important;
    cursor: not-allowed;
}

/* Default - large screen (1440px+) */
.review_section_techcomp .swiper-button-prev {
    left: 50%;
    transform: translateX(-60px);
}

.review_section_techcomp .swiper-button-next {
    left: 50%;
    transform: translateX(24px);
}

@media (max-width: 1024px) {
    .software-details-container {
        width: 90%;
        gap: 36px;
        padding: 32px 0;
    }
}

@media (max-width: 767px) {
    .software-details-container {
        flex-direction: column;
        gap: 32px;
        width: 94%;
        padding: 24px 0;
    }
}

@media (max-width: 768px) {
    html,
    body {
        overflow-x: hidden;
    }

    .banner-slider-box,
    .software-info-box {
        flex: 1 1 100%;
        min-width: unset;
    }

    .thumbnail-row img {
        width: 4rem;
        height: 4.125rem;
    }

    .border_tech_comp {
        max-width: 100%;
    }

    .busy_offer_banner {
        flex-direction: column;
        align-items: center;
    }

    .busy_offer_image img {
        width: 100%;
        max-width: 18.75rem;
        height: auto;
    }

    .package_section .package_box {
        flex-direction: column;
        align-items: center;
    }

    .package_total {
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 1.875rem;
        max-width: 100%;
    }

    .planSection_custom-card {
        width: 88%;
        max-width: 100%;
    }
}

@media (max-width: 30rem) {
    .thumbnail-row img {
        width: 3.75rem;
        height: 3.875rem;
    }

    .action-buttons {
        flex-direction: column;
        gap: 0.625rem;
    }

    .btn-demo,
    .btn-quote {
        width: 100%;
    }

    .crmsearch_navbar {
        gap: 1.3rem;
    }

    .recommendation_section {
        position: relative;
        max-width: 144rem;
        margin: 0 auto;
    }

    .recommendation_card {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .image_recommendation_tech img {
        position: absolute;
        right: 0px;
        top: -31px;
        width: 100px;
    }

    .busy_offer_text h2 {
        font-size: clamp(2rem, 6.667vw, 3rem);
    }

    .package_logo,
    .rec_logo {
        width: 9.375rem;
        height: auto;
    }

    .buy_subscribe_btn {
        max-width: 15.625rem;
        width: 100%;
        margin: 0 auto;
    }

    .package_total {
        padding-left: 0;
        padding-top: 0;
    }
}

@media (max-width: 1366px) {
    .btn-demo,
    .btn-quote {
        padding: 18px 56px;
    }

    .techcomp-hero-text_heading h1 {
        font-size: 56px;
    }

    .adcard_content_bizsoft {
        gap: 52px;
    }

    .crmsearch_container {
        margin: 0 auto 64px auto;
    }

    .highlights {
        gap: 4px;
        margin: 42px 0;
    }

    .btn-demo,
    .btn-quote {
        padding: 13px 46px;
    }

    .bredcrab-share-tech {
        gap: 56px;
    }

    .product-overview-tab-content .tab-pane {
        padding: 32px 0;
    }

    .pagination-links {
        padding: 64px 0;
    }

    section.responsive-tab {
        width: 70%;
    }
    .review_section_techcomp .swiper-button-prev {
        transform: translateX(-80px);
    }
    .review_section_techcomp .swiper-button-next {
        transform: translateX(30px);
    }
}
/* 1280px */
@media (max-width: 1280px) {
    .review_section_techcomp .swiper-button-prev {
        transform: translateX(-75px);
    }
    .review_section_techcomp .swiper-button-next {
        transform: translateX(25px);
    }
}

@media (max-width: 1024px) {
    .product-overview-tab-content .tab-pane {
        padding: 64px 0;
    }

    .product-overview-tab .product-name h2 {
        font-size: 32px;
        margin-bottom: 28px;
    }

    .highlights {
        gap: 16px;
        margin: 36px 0;
    }

    .adcard_title_bizsoft {
        font-size: 32px;
    }

    .main__heading-section {
        width: 90%;
    }

    .faq_container_unique .faq__inner__secction {
        width: 90%;
        gap: 56px;
        padding: 56px 0 0 0;
    }

    .promoSlider_js {
        width: 90%;
    }

    .techcomp-hero_maintech .review_nav_buttons_techcomp {
        margin-top: 42px;
        gap: 52px;
    }

    .techcomp-hero_maintech {
        padding: 17px 13px;
        background-size: contain;
    }

    .techcomp-hero-text_heading h1 {
        font-size: 52px;
        margin-bottom: 24px;
    }

    .techcomp-hero-text_heading p {
        max-width: 100%;
        font-size: 18px;
    }

    .crmsearch_container {
        max-width: 90%;
    }

    .crmsearch_searchbar {
        width: 100%;
    }

    button.review_button_section {
        top: 56px;
        right: 30px;
        font-size: 13px;
        padding: 8px 20px;
    }

    .crmsearch_search_btn {
        width: 120px;
        padding: 12px 46px;
    }

    .adcard_content_bizsoft {
        gap: 42px;
    }

    .adcard_logo_area_bizsoft,
    .adcard_text_area_bizsoft,
    .adcard_side_bizsoft {
        width: 100%;
        text-align: left;
    }

    .adcard_desc_bizsoft {
        max-width: 100%;
    }

    .adcard_side_bizsoft {
        text-align: left;
    }

    .faq_container_unique {
        flex-direction: column;
        max-width: 100%;
        background-image: none;
    }

    .faq_leftside_unique,
    .faq_rightside_unique {
        width: 100%;
        padding-bottom: 15px;
    }

    .faq_item_unique {
        max-width: 100%;
    }

    .review_container_techcomp {
        max-width: 90%;
    }

    .guide_section_unique {
        max-width: 90%;
    }

    .crmsearch_search_btn {
        padding: 12px 46px;
    }

    .slide .slide-contents .techno-button {
        margin-bottom: 4rem;
    }

    .planSection_custom-card {
        width: 90%;
        max-width: 100%;
    }

    .arrow-right {
    }

    .arrow-left {
    }

    .software-info-box {
    }

    .slide-detail h2 {
        margin-top: 2rem;
    }

    a.clear-button {
        position: absolute;
        right: 35%;
        margin-top: 13px;
    }

    .clients .swiper-slide img {
        margin: 0 auto;
    }

    .why-us {
        background-image: none !important;
    }

    .guide_section_unique {
        width: 90%;
        padding: 64px 0;
    }

    .guide_title_unique {
        font-size: 32px;
        margin-bottom: 42px;
    }

    .guide_block_unique p {
        font-size: 18px;
        margin-bottom: 13px;
    }

    .guide_block_unique h3 strong {
        font-size: 18px;
    }

    .crmsearch_container {
        width: 90%;
    }

    .custome__tab__cutome {
        padding: 42px 0;
    }

    .adcard_container_bizsoft {
        width: 90%;
    }

    .faq_heading_unique {
        font-size: 32px;
    }

    .review_heading_techcomp {
        font-size: 32px;
    }

    .review_description_techcomp {
        margin-bottom: 32px;
        font-size: 18px;
    }

    .crmsearch_container {
        width: 90%;
        margin: 0 auto 56px auto;
    }

    .description_tab {
        width: 90%;
    }

    .crmsearch_heading {
        font-size: 32px;
        margin-bottom: 46px;
    }

    .promoSlider_js {
        width: 90%;
    }

    .software-details-container {
        padding: 24px 0;
        gap: 24px;
    }

    .bredcrab-share-tech {
        gap: 42px;
    }

    .software-title {
        font-size: 32px;
    }

    .brand-text {
        font-size: 18px;
        margin-bottom: 13px;
    }

    .breadcrumb-list-unique {
        top: 100px !important;
        left: 5px !important;
        z-index: 1000;
        padding: 4px 8px;
        font-size: 15px;
    }

    .pagination-links {
        width: 90%;
        padding: 54px 0;
    }

    section.responsive-tab {
        width: 90%;
    }

    .review_container_techcomp .review_heading_techcomp {
        font-size: 32px;
    }

    .review_heading_techcomp {
        font-size: 24px;
        margin-bottom: 24px;
    }
    .review_section_techcomp .swiper-button-prev {
        transform: translateX(-70px);
    }
    .review_section_techcomp .swiper-button-next {
        transform: translateX(20px);
    }
}

@media (max-width: 991px) {
    .navbar-collapse {
        max-height: 80vh;
        overflow-y: auto;
    }

    .product-overview-tab-content .tab-pane {
        padding: 56px 0;
    }

    .techcomp-hero-text_heading h1 {
        font-size: 46px;
    }

    .adcard_content_bizsoft {
        gap: 36px;
    }

    .crmsearch_heading {
        font-size: 28px;
        margin-bottom: 36px;
    }

    .bredcrab-share-tech {
        gap: 36px;
    }

    .breadcrumb-list-unique {
        top: 105px !important;
        left: 5px !important;
        z-index: 1000;
        padding: 4px 8px;
        font-size: 15px;
    }

    .pagination-links {
        padding: 42px 0;
    }
    .review_section_techcomp .swiper-button-prev {
        transform: translateX(-65px);
    }
    .review_section_techcomp .swiper-button-next {
        transform: translateX(15px);
    }
}

@media (max-width: 768px) {
    .product-overview-tab-content .tab-pane {
        padding: 46px 0;
    }

    .review_description_techcomp {
        margin-bottom: 24px;
        font-size: 16px;
    }

    .product-overview-tab .product-name h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .crmsearch_navbar {
        gap: 15px;
    }

    .crmsearch_searchbar,
    .crmsearch_search_btn,
    .crmsearch_filter_btn {
        justify-content: center;
    }

    .promoSlider_techcomp {
        max-width: 90%;
    }

    .promoText_techcomp h2 {
        max-width: 100%;
    }

    .promoArt_techcomp img {
        width: 200px;
    }

    .review_description_techcomp {
        max-width: 100%;
    }

    .sub-card_comp_set {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .sub-card-left_comp_set {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .sub-button_comp_set {
        align-self: flex-end;
        width: 100%;
        text-align: center;
    }

    .sub-title_comp_set {
        font-size: 28px;
    }

    .adcard_content_bizsoft {
        gap: 16px;
        flex-direction: column;
    }

    .adcard_side_bizsoft {
        gap: 16px;
    }

    .sub-name_comp_set {
        font-size: 18px;
    }

    .sub-info_comp_set {
        font-size: 13px;
    }

    .sub-logo_comp_set {
        width: 60px;
        height: 60px;
    }

    .image_comp_right_tech img,
    .image_comp_left_tech img {
        width: 70px;
    }

    .guide_section_unique {
        width: 92%;
        padding: 42px 0;
    }

    .guide_block_unique p {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .guide_block_unique h3 strong {
        font-size: 16px;
    }

    .guide_title_unique {
        font-size: 28px;
        margin-bottom: 32px;
    }

    .guide_block_unique h3 {
        margin-bottom: 18px;
        font-weight: 500;
    }

    .techcomp-hero-text_heading h1 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .techcomp-hero-text_heading p {
        font-size: 16px;
    }

    .pagination-links {
        width: 94%;
        padding: 32px 0;
    }

    .faq_container_unique .faq__inner__secction {
        gap: 42px;
        flex-direction: column;
    }

    .faq_heading_unique {
        font-size: 24px;
        margin-bottom: 13px;
    }

    .faq_question_unique {
        font-size: 16px;
    }

    .faq_answer_unique p {
        font-size: 18px;
    }

    .faq_answer_unique {
        margin-top: 13px;
    }

    .crmsearch_heading {
        font-size: 24px;
        margin-bottom: 32px;
    }

    .review_section_techcomp {
        padding: 15px 0;
        background-image: none;
    }

    .review_nav_buttons_techcomp {
        margin-top: 36px;
        gap: 42px;
    }

    .nav_button_techcomp {
        width: 36px;
        height: 36px;
    }

    .review_heading_techcomp {
        font-size: 28px;
        margin-bottom: 36px;
    }

    .crmsearch_container {
        margin: 0 auto 36px auto;
    }

    .main-image-view {
        background-color: #e6f0fa;
        padding: 92px 42px;
    }

    .breadcrumb-list-unique {
        top: 110px !important;
        left: 5px !important;
        z-index: 1000;
        padding: 4px 8px;
        font-size: 15px;
    }

    .bredcrab-share-tech {
        gap: 32px;
        margin-bottom: 24px;
    }

    .review-links {
        font-size: 18px;
    }

    .breadcrumb {
        margin: 0;
    }

    .software-title {
        font-size: 24px;
        margin-bottom: 13px;
    }

    .brand-text {
        font-size: 16px;
        margin-bottom: 13px;
    }

    .arrow-btn {
        height: 42px;
        width: 42px;
    }

    button.review_button_section {
        top: 32px;
        right: 20px;
        position: absolute;
        top: 6%;
        right: 25%;
        height: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .image_review_section {
        display: none;
    }

    .image_secton_review_2 {
        display: none;
    }

    .image_review_section_3 {
        display: none;
    }

    .crmsearch_searchbar_wrapper {
        flex-wrap: wrap;
    }

    section.responsive-tab {
        width: 94%;
    }

    .review_container_techcomp .review_heading_techcomp {
        font-size: 24px;
    }

    .review_heading_techcomp {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .review_section_techcomp .swiper-button-prev {
        transform: translateX(-55px);
    }
    .review_section_techcomp .swiper-button-next {
        transform: translateX(5px);
    }
    .main-card-continer {
        flex-wrap: wrap;
    }

    .ck-content .ckeditor_card_wrapper img {
        display: block;
        margin: 10px auto;
        max-width: 100%; /* by default responsive */
        height: auto;
        float: none !important;
    }
}

@media only screen and (max-width: 576px) {
    ol.breadcrumb.custom-breadcrumb {
        margin: 30px 0px 15px 12%;
    }
    .product-overview-tab .product-name h2 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .product-overview-tab-content .tab-pane {
        padding: 36px 0;
    }

    .crmsearch_heading {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .review-links {
        font-size: 16px;
    }

    .guide_section_unique {
        width: 96%;
        padding: 32px 0;
    }

    .guide_title_unique {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .guide_block_unique h3 {
        margin-bottom: 16px;
    }

    .techcomp-hero-text_heading h1 {
        font-size: 32px;
        margin-bottom: 16px;
    }

    .pagination-links {
        padding: 24px 0;
    }

    .pagination .page-item .page-link {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    .adcard_rating_bizsoft {
        margin-bottom: 0px;
    }

    .faq_container_unique .faq__inner__secction {
        gap: 32px;
        background-image: none;
    }

    .faq_question_unique {
        font-size: 16px;
    }

    .faq_answer_unique p {
        font-size: 16px;
    }

    .review_nav_buttons_techcomp {
        margin-top: 0;
        gap: 36px;
    }

    .review_heading_techcomp {
        font-size: 24px;
        margin-bottom: 32px;
    }

    .custome__tab__cutome {
        padding: 32px 0;
    }

    .crmsearch_link {
        font-size: 15px;
    }

    .adcard_title_bizsoft {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 8px;
    }

    .adcard_brand_bizsoft {
        margin-bottom: 13px;
    }

    .adcard_desc_bizsoft {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .adcard_side_bizsoft {
        gap: 8px;
    }

    .adcard_price_bizsoft {
        margin-bottom: 4px;
    }

    .adcard_viewplans_bizsoft {
        margin-bottom: 13px;
    }

    .adcard_container_bizsoft {
        padding: 24px 0;
    }

    .crmsearch_container {
        margin: 0 auto 32px auto;
    }

    .main-image-view {
        padding: 36px;
        max-width: 80%;
        margin: 0 auto;
    }

    .bredcrab-share-tech {
        gap: 16px;
        flex-direction: column;
        position: absolute;
        top: 95px;
    }

    .software-title {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .highlight-item {
        max-width: unset;
        width: 100%;
        margin: 0 auto;
        gap: 16px;
    }

    .arrow-btn {
        height: 30px;
        width: 30px;
        margin: 0px 37px 0px 37px;
    }

    .review_container_techcomp .review_heading_techcomp {
        font-size: 20px;
    }

    button.review_button_section {
        position: unset;
        display: inline-block;
    }

    .mobile-deivse {
        display: flex;
        flex-direction: column;
        flex-direction: column-reverse;
    }

    .review_button_section {
        margin-bottom: 20px;
    }
    .review_section_techcomp .swiper-button-prev {
        transform: translateX(-50px);
    }
    .review_section_techcomp .swiper-button-next {
        transform: translateX(0px);
    }

    /* new code */
}

@media (max-width: 480px) {
    .gear {
        width: 60px;
        display: none;
    }

    .crmsearch_input {
        flex: unset;
        width: 100%;
    }

    .crmsearch_search_btn {
        padding: 8px 15px;
    }

    .crmsearch_filter_btn {
        padding: 8px 20px;
    }

    .promoText_techcomp h2 {
        font-size: 23px;
    }

    .faq_item_unique summary::after {
        width: 21px;
        height: 21px;
    }

    .techcomp-hero-text_heading h1,
    .faq_heading_unique {
        font-size: 20px;
    }

    .techcomp-hero_maintech {
        background-size: cover;
    }

    .faq_image_unique {
        width: 100%;
        height: auto;
        max-width: 250px;
    }

    .promoArt_techcomp img {
        width: 150px;
    }

    .sub-title_comp_set {
        font-size: 22px;
    }

    .sub-name_comp_set {
        font-size: 16px;
    }

    .sub-info_comp_set {
        font-size: 12px;
    }

    .sub-button_comp_set {
        font-size: 14px;
        padding: 8px 16px;
        width: 100%;
    }

    .setting_comp_tech img {
        display: none;
    }

    .sub-logo_comp_set {
        width: 50px;
        height: 50px;
    }

    .setting_comp_tech img {
        width: 50px;
        top: 80px;
        left: 40px;
    }

    .image_comp_right_tech img,
    .image_comp_left_tech img {
        width: 50px;
    }

    .sub-card-left_comp_set {
        gap: 8px;
    }
    .review_section_techcomp .swiper-button-prev {
        transform: translateX(-60px);
    }
    .review_section_techcomp .swiper-button-next {
        transform: translateX(0px);
    }
    .swiper-button-next,
    .swiper-button-prev {
        padding: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 10px !important;
    }
    .test-btn .swiper-button {
        min-width: unset !important;
        width: 30px;
        height: 30px;
    }
    .swiper-button {
        min-width: unset !important;
        width: 30px !important;
        height: 30px !important;
    }
    .share__product__comp .software-title {
        font-size: 20px;
    }
    .price-section-2 {
        font-size: 15px;
    }
    .main-card-continer {
        flex-direction: column;
    }
    .buy_subscribe_btn {
        padding: 12px 0px;
        font-size: 13px;
    }
    .responsive-tab #myTab {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        overflow-y: unset;
        white-space: nowrap;
        gap: 33px;
        justify-content: unset !important;
        margin-top: 20px;
    }
    .product__shere__section .share-btn {
        padding: 5px 15px;
        gap: 10px;
        height: unset;
    }
    .product__shere__section .share-btn .share-text {
        font-size: 12px;
    }
    .share-btn img {
        width: 12px;
    }
    .user_image_tech img {
        width: 40px;
    }
    .software-details-container {
        padding-top: 50px;
    }
}