/* =================zamp_int_det_hero_sec css start ================= */
.zamp_int_det_hero_sec{
    padding-top: 4.5rem;
    padding-bottom: 3rem;
}
.zamp_int_det_hero_sec .int_det_hero_left .int_det_hero_title{
    max-width: 620px;
}
@media only screen and (max-width:64rem){
    .zamp_int_det_hero_sec{
        padding-block: 3.125rem;
    }
}
@media only screen and (max-width:47.9375rem){
    .zamp_int_det_hero_sec{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}
/* ================= zamp_int_det_hero_sec css start ================= */

/* ================= zamp_int_det_overview_sec css start ================= */

.zamp_int_det_overview_sec .int_det_ov_container .i_d_ov_title{
    font-weight: 400;
    margin-bottom: 3.5rem;
    text-align: center;
    color: var(--color-bg-black);
}

.int_det_ov_container .i_d_ov_inner{
    display: flex;

    gap: 2rem;
}
.i_d_ov_inner .i_d_ov_inner_box{
    width: calc(33.33% - 1rem);
    background-color: var(--color-bg-550);
    border: .0625rem solid #0000000D;
    position: relative;
    min-height: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 0 !important; 
    gap: 1.25rem;
}

.i_d_ov_title_wrapper .i_d_ov_in_title{
    color: var(--color-bg-black);
    font-weight: 500;
    letter-spacing: 0;
}
.i_d_ov_title_wrapper .i_d_ov_in_desc{
    margin-bottom: 0;
    margin-top: .75rem;
    font-weight: 400;
    color: #000000E0;
}

.i_d_ov_inner .i_d_ov_inner_box:first-child{
    padding: 3rem 1.125rem 3.75rem 1.125rem;
}

.i_d_ov_inner .i_d_ov_inner_box:nth-child(2){
    padding: 3rem 1.4375rem 1.4375rem 1.4375rem;
}
.i_d_ov_inner .i_d_ov_inner_box:first-child .i_d_ov_in_img_wrapper{
    width: 100%;
    position: static;
    padding-top: 0rem;

}
.i_d_ov_inner .i_d_ov_inner_box:nth-child(3){
    padding: 3rem 1.75rem 2.75rem 1.6875rem;
}

.i_d_ov_inner .i_d_ov_inner_box:nth-child(2) .i_d_ov_in_img_wrapper{
    bottom: 3.625rem;
    width: 100%;
}
.i_d_ov_inner .i_d_ov_inner_box:nth-child(2)  img{
   width: 100%;
}
.i_d_ov_inner .i_d_ov_inner_box:nth-child(3) .i_d_ov_in_img_wrapper{
   left: 2.5rem;
   bottom: 0rem;
   transform: unset;
}
.i_d_ov_inner .i_d_ov_inner_box:nth-child(3) img{
  width: 100%;
  margin-top: 0;
}
.i_d_ov_inner_box a{
    width: max-content;
    margin-top: 1.6875rem;
    font-family: var(--season-sans);
    font-size: .8125rem;
    font-weight: 550;
    color: #111111;

}
.i_d_ov_title_wrapper{
    display: inline-flex;
    flex-direction: column;
}
@media only screen and (max-width:64rem){
    .zamp_int_det_overview_sec{
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
    }
    .zamp_int_det_overview_sec .int_det_ov_container .i_d_ov_title{
        margin-bottom: 2.5rem;
    }
    .int_det_ov_container .i_d_ov_inner{
        gap: 1.25rem;
        align-items: unset;
    }
    .i_d_ov_inner .i_d_ov_inner_box{
        width: calc(33.33% - .625rem);
        min-height: 22.5rem;
    }
 
    .i_d_ov_inner .i_d_ov_inner_box:first-child .i_d_ov_in_img_wrapper{
        bottom: 3.125rem;
    }
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(2) .i_d_ov_in_img_wrapper{
        bottom: 2.625rem;
    }
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(3) .i_d_ov_in_img_wrapper{
        left: 1.875rem;
    }
    .i_d_ov_inner .i_d_ov_inner_box:first-child ,
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(2), 
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(3)
    {
        padding: 2.25rem 1rem 2.5rem 1rem;
    }
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(2) img ,
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(3) img
    {
            width: 100%;
    height: 12.5rem;
    object-fit: contain;
    }
    .i_d_ov_inner_box a{
        margin-top: 1rem;
    }
   
}

@media only screen and (max-width:61.9375rem){
    .int_det_ov_container .i_d_ov_inner{
        gap: 1rem;
    }
    .i_d_ov_inner .i_d_ov_inner_box{
        width: calc(33.33% - .5rem);
         min-height: 20rem;
    }

    .i_d_ov_inner .i_d_ov_inner_box:first-child .i_d_ov_in_img_wrapper{
        bottom: 2.875rem;
        padding: 0rem 1.375rem;
    }
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(2) .i_d_ov_in_img_wrapper{
        bottom: 2.5rem;
    }
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(3) .i_d_ov_in_img_wrapper{
        left: 1.5rem;
    }
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(2){
        gap: 1.875rem;
    }
}

@media only screen and (max-width:47.9375rem){
    .zamp_int_det_overview_sec{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .zamp_int_det_overview_sec .int_det_ov_container .i_d_ov_title{
        margin-bottom: 1.875rem;
    }
    .int_det_ov_container .i_d_ov_inner{
        flex-wrap: wrap;
    }
    .i_d_ov_inner .i_d_ov_inner_box{
        width: 100%;
    }
  
    .i_d_ov_inner .i_d_ov_inner_box{
        min-height: 100%;
        display: flex;
        flex-direction: column;
        gap: 1.875rem;

    }
    .i_d_ov_title_wrapper .i_d_ov_in_title br{
        display: none;
    }
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(3) .i_d_ov_in_img_wrapper{
        text-align: right;
    }
    .i_d_ov_inner_box .i_d_ov_in_img_wrapper{
        position: unset;
        transform: unset;
        width: unset;
    }
    .i_d_ov_inner .i_d_ov_inner_box:first-child .i_d_ov_in_img_wrapper , 
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(2) .i_d_ov_in_img_wrapper, 
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(3) .i_d_ov_in_img_wrapper
    {
        width: unset;
        margin: 0 auto;
    }
    .i_d_ov_inner .i_d_ov_inner_box:first-child, .i_d_ov_inner .i_d_ov_inner_box:nth-child(2), .i_d_ov_inner .i_d_ov_inner_box:nth-child(3){
        padding: 1.25rem;
    }
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(3) .i_d_ov_in_img_wrapper{
        margin: unset;
    }
    .i_d_ov_inner .i_d_ov_inner_box:nth-child(3){
        gap: .625rem;
    }
    .i_d_ov_inner_box a{
        margin-top: 1.25rem;
    }
    
}

/* ================= zamp_int_det_overview_sec css End ================= */

/* ================= zamp_int_det_about_sec css Start ================= */

.i_d_a_title{
    text-align: center;
    font-weight: 400;
    color: var(--color-bg-black);
    margin-bottom: 3.5rem;
}
.int_det_about_container .i_d_a_inner_container{
    display: flex;
    /* align-items: center; */
    gap: 1.3125rem;
    
}
.i_d_a_inner_container .i_d_a_inner_wrapper{
    width: calc(25% - .6563rem);
    padding: 20PX;
    background-color: var(--color-bg-550);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40PX;

    justify-content: flex-start;
    
}
.i_d_a_inner_wrapper .inner_icon_wrapper{
    max-width: 3.25rem;
    width: 100%;
    height: 3.25rem;
    background-color: #0B0A0A;
    display: flex;
    align-items: center;
    justify-content: center;
}
.i_d_a_inner_wrapper .inner_icon_wrapper img{
    height: 2rem;
    width: 2rem;
    object-fit: cover;
}
/* .i_d_a_inner_wrapper .inner_info_wrapper{
    min-height: 10rem;
} */
.inner_info_wrapper .inner_info_heading{
    margin-bottom: .75rem;
    font-weight: 500;
    max-width: 15.5rem;
    text-wrap: pretty;
}
.inner_info_wrapper .inner_info_desc{
    font-weight: 400;
    color: #000000E0;
    margin-bottom: 0rem;
}
.i_d_a_inner_container .i_d_a_inner_wrapper:nth-child(3) .inner_info_wrapper .inner_info_heading{
    max-width: 15.5rem;
}

@media only screen and (max-width:64rem){
    .int_det_about_container .i_d_a_inner_container{
        gap: .875rem;
    }
    
    .i_d_a_inner_container .i_d_a_inner_wrapper{
        gap: 1.875rem;
        padding: 1rem;
        min-height: 15.625rem;
        width: calc(25% - .4375rem);
    }
    .i_d_a_inner_wrapper .inner_icon_wrapper{
        max-width: 2.625rem;
        width: 100%;
        height: 2.625rem;
    }
    .i_d_a_inner_wrapper .inner_icon_wrapper img{
        height: 1.5rem;
        width: 1.5rem;
        object-fit: cover;
    }
}
@media only screen and (max-width:61.9375rem){
    .int_det_about_container .i_d_a_inner_container{
        gap: 1.25rem;
        flex-wrap: wrap
    }
    .i_d_a_inner_container .i_d_a_inner_wrapper{
        width: calc(50% - .625rem);
        padding: 1.375rem;
        min-height: 17.5rem;
        gap: 2.5rem;
    }
    .i_d_a_inner_wrapper .inner_info_wrapper{
        min-height: 7.5rem;
    }
    }

@media only screen and (max-width:47.9375rem){
    .i_d_a_title{
        margin-bottom: 2.5rem;
    }
    .i_d_a_inner_container .i_d_a_inner_wrapper{
        width: 100%;
        min-height: 13.125rem;
        gap: 1.25rem;
  
    }
    .i_d_a_inner_wrapper .inner_icon_wrapper{
        max-width: 2.375rem;
        height: 2.375rem;
    }
    .i_d_a_inner_wrapper .inner_info_wrapper{
        min-height: unset;
        margin-top: auto;
    }
    .i_d_a_inner_container .i_d_a_inner_wrapper:nth-child(3) .inner_info_wrapper .inner_info_heading{
        max-width: unset;
    }
    .inner_info_wrapper .inner_info_heading{
        max-width: unset;
    }
     
}

/* ================= zamp_int_det_about_sec css End ================= */

/* ================= zamp_int_det_timeline_sec css start ================= */   
.zamp_int_det_timeline_sec{
    background-image: url('https://zamp.betademowork.com/wp-content/uploads/2026/01/Group-2087328206.svg');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: auto;
}
.zamp_int_det_timeline_sec .int_det_timeline_outer_container{
    display: flex;
    align-items: flex-start;
    gap: 5rem;
}
.int_det_timeline_outer_container .int_det_tl_left{
    width: calc(47% - 2.5rem);
    position: sticky;
    top: 7.5rem;
}
.int_det_tl_left .i_d_tl_title{
    font-weight: 400;
    color: var(--color-bg-black);
}
.int_det_timeline_outer_container .int_det_tl_right{
    width: calc(53% - 2.5rem);
    display: flex;
    align-items: stretch;
    gap: 5rem;
}
.int_det_tl_right .i_d_tl_line_container{
    position: relative;
    height: auto;
    min-height: 55rem;
    display: flex;
    justify-content: center;
    margin-top: 0;
    align-items: stretch;
}
.i_d_tl_line_container .timeline-line {
    position: relative;
    width: .125rem;
    height: 100%;
    background: #E5E1DA;
}
.i_d_tl_line_container .timeline-line .timeline-progress{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0f766e;
    transition: height 0.1s linear;
    z-index: 1;
}
.i_d_tl_line_container .timeline-dots{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
    pointer-events: none;
}
.i_d_tl_line_container .timeline-dots .dot{
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--color-bg-hover-50);
    border: 0.125rem solid #d1d5db;
    color: #0B0A0A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    transition: background-color 0.15s ease,
                border-color 0.15s ease,
                color 0.15s ease;
    will-change: background-color, border-color, color;
}

.i_d_tl_line_container .timeline-dots .dot p{
    margin-bottom: 0rem;
}
.i_d_tl_line_container .timeline-dots .dot.active{
    background: #0f766e;
    border-color: #0f766e;
    color: #fff;
}
.int_det_tl_right .timeline-steps{
    display: flex;
    flex-direction: column;
    height: auto;
}
.int_det_tl_right .timeline-steps .step{
    padding: 0 1.25rem 1.25rem 0rem;
    opacity: 1;
    transition: opacity 0.3s ease;
    min-height: var(--timeline-step-gap, 220px);
}
.timeline-steps .step .timeline_step_heading{
    font-weight: 500;
    margin-bottom: .625rem;
    color: var(--color-bg-black);
}
.timeline-steps .step .timeline_step_desc{
    font-weight: 400;
    color: #000000E0;
    max-width: 26.625rem;
    margin-bottom: 0;
}
@media only screen and (max-width: 47.9375rem) {

    .zamp_int_det_timeline_sec .int_det_timeline_outer_container{
        flex-wrap: wrap;
        gap: 3.125rem;
    }
    .int_det_timeline_outer_container .int_det_tl_left{
        width: 100%;
        position: unset;
    }
    .int_det_timeline_outer_container .int_det_tl_right{
        width: 100%;
        gap: 3rem;
    }
    .int_det_tl_right .i_d_tl_line_container{
        padding-left: 20px;
    }
    .i_d_tl_line_container .timeline-dots{
        left: auto;
        transform: unset;
    }
    .zamp_int_det_timeline_sec{
        background-size: 50%;
    }
}

/* ================= zamp_int_det_timeline_sec css End ================= */


/* ================= zamp_int_det_faq_sec css start ================= */

.zamp_init_det_faq_sec .faq_title_discption{
    font-weight: 500;
}
/* ================= zamp_int_det_faq_sec css End ================= */


/* ================= zamp_int_det_support_sec css Start ================= */
.zamp_init_det_support_sec{
    padding-bottom: 0;
    /* margin-bottom: -80px; */
}
.init_det_support_main_wrapper .init_det_support_upper {
   display: flex;
   align-items: center;
   flex-direction: column;
   margin-bottom: 4.25rem;
}
.init_det_support_upper .i_d_s_u_heading{
    font-weight: 400;
    color: var(--color-bg-black);
   margin-bottom: 1.4375rem;
}
.init_det_support_upper .i_d_s_u_desc{
    max-width: 41.75rem;
    text-align: center;
    color: #181818;
    margin-bottom: 0rem;
    font-weight: 500;
}
.page-template-integration-details .integrations-listing-section {
    padding-top: 0;
}
@media only screen and (max-width:64rem){
    .init_det_support_main_wrapper .init_det_support_upper{
        margin-bottom: 2.875rem;
    }
}

@media only screen and (max-width:47.9375rem){
    /* .zamp_init_det_support_sec{
        margin-bottom: -50px;
    } */
}
/* ================= zamp_int_det_support_sec css Start ================= */