.email-section{
    padding: 80px 0;
    margin-top: 62px;
   
}

.bg_banner_section {    
  
    background: url(../img/email-channel/bg-banner.png) ;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
   
}
.content_box_inner .text_hed_main{
    font-size: 50px;
    line-height: 65px;
    font-weight: 800;
    color: #000000;
    margin-bottom: 12px;
}

.content_box_inner .text_hed_second  {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 12px;
}
.par_text{
    font-size: 18px;
    color: #484848;
    line-height: 29px;
    font-weight: 400;
  
}
.button_main{
    padding: 15px 40px;
    background: linear-gradient(342deg, rgb(145 50 248) 0%, rgb(81 6 163) 100%);
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    font-weight: 600;
}
.button_main:hover{
    cursor: pointer;
    background: #480a8d;
}
 .button_box{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.text_violet{
    color:#9132F8 ;
}
.text_par_inte{
    font-size: 16px;
    color: #000000;
    line-height: 29px;
    font-weight: 500;
 
}
.text_grey_com{
    color: #484848;

}
.integrates_box_outer{
    padding: 15px 30px;
    display: inline-block;
    background: #ffff;
    border-radius: 69px;
    box-shadow: 0 1px 23px 0 rgb(50 57 66 / 5%);
}
.integrates_content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    min-width: 100px;
    -webkit-transition: ease .3s;
    transition: ease .3s;

}
.integrates_outer_box{
    display: flex;
    gap: 10px;
}
.img_render_img{
    width: 40px;
    height: 40px;
    padding: 0;
}
.smtp_icon{
    background: url(../img/email-channel/integrates-icon.png) -13px -11px;

}
.email_icon{
    background: url(../img/email-channel/integrates-icon.png) -73px -11px;

}
.amazon_icon{
    background: url(../img/email-channel/integrates-icon.png) -129px -11px;

}
.sengrid_icon{
    background: url(../img/email-channel/integrates-icon.png) -182px -11px;

}
.inter_text{
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-size: 18px;

}
.signup_integrate_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}
.image_outer_box{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.image_outer_box img{
    max-width: 100%;
    width: 100%;
}
.outer_box_segment{
    display: inline-flex;

    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    background: #ffff;
    border-radius: 30px;
    box-shadow: 0 1px 23px 0 rgb(50 57 66 / 9%);

}
.outer_box_segment:hover{
    cursor: pointer;
    background: #f2f4fd;
}
.feature_box_mail{
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.automation_icon{
    background: url(../img/email-channel/integrates-icon.png) -236px -11px;

}
.Segmentation_icon{
    background: url(../img/email-channel/integrates-icon.png) -292px -11px;

}
.Chrome_Extension_icon{
    background: url(../img/email-channel/integrates-icon.png) -127px -59px;
 
}
.Personslation_icon{
    background: url(../img/email-channel/integrates-icon.png) -340px -11px;

}
.Drag_Email_Builder_icon{
    background: url(../img/email-channel/integrates-icon.png) -396px -11px;

}
.Template_Gallery_icon{
    background: url(../img/email-channel/integrates-icon.png) -452px -11px;

}
.Email_Iteration_icon{
    background: url(../img/email-channel/integrates-icon.png) -10px -59px;

}
.Unsubscribe_Management_icon{
    background: url(../img/email-channel/integrates-icon.png) -70px -59px;

}
.integrates_content:hover{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;

}
.hover_botton{
    -webkit-transition: ease .3s;
    transition: ease .3s;
    
}
.hover_botton:hover{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;
}
.bg_dark{
    background-color: #1B1E22;
}
.email_section2{
    padding: 80px 0;

}
.section_content_box .text_white_inner{
    color: #fff;
}
.bold-500{
    font-weight: 500!important;
}
.bold-800{
    font-weight: 700!important;
}
.section_content_box .par_text{
    color: rgb(255 255 255);

}
.mar_btm_20{
    margin-bottom: 20px;
}
.button_block{
    display: flex;
    color: #fff;
    gap: 10px;
    font-size: 18px;
    padding: 15px 20px;
    align-items: center;
    line-height: 23px;
    font-weight: 500;
    border: 2px solid #12151A;
    background: #12151A;;
    border-radius: 12px;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    opacity: 0.5;
    
   
}
.text_btn_bhsdg{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text !important;
    font-weight: 600;
    background: #fff;

}
.btn_bg_1.button_block_active .text_btn_bhsdg{
    background-image: linear-gradient(90deg, #577FC6 -20%, #8458CD 115%);

}
.btn_bg_2.button_block_active .text_btn_bhsdg{
    background: linear-gradient(128deg, rgb(242, 5, 117) 0%, rgb(111, 0, 248) 100%);
}
.btn_bg_3.button_block_active .text_btn_bhsdg{
    background: linear-gradient(225deg, rgb(74, 243, 195) 0%, rgb(10 127 147) 100%);
}
.btn_bg_4.button_block_active .text_btn_bhsdg{
    background-image: linear-gradient(315deg, #fd7702 0%, rgb(215 0 86) 100%);
}
.btn_bg_5.button_block_active .text_btn_bhsdg{
    background-image: linear-gradient(90deg, #577FC6 -20%, #8458CD 115%);
}
.btn_bg_6.button_block_active .text_btn_bhsdg{
    background-image: linear-gradient(150deg,#F97794 0%,#623AA2 100%);
}
.btn_bg_7.button_block_active .text_btn_bhsdg{
    background-image: linear-gradient(130deg,rgb(211 155 234) 10%,rgb(201 183 239) 82%);
}
.btn_bg_8.button_block_active .text_btn_bhsdg{
    background-image: linear-gradient(180deg, #43d6df 0%, #37e5bd 100%);
}
.btn_bg_9.button_block_active .text_btn_bhsdg{
    background-image: linear-gradient(180deg, #ff73a5 0%, #ff9393 100%);
}
.btn_bg_10.button_block_active .text_btn_bhsdg{
    background-image: linear-gradient(180deg, #c38bf2 0%, #f5a4c5 100%);
}
.button_block:hover{
    background-color: #000000;
    cursor: pointer;
    opacity: 1;

}
.button_block_active{
    opacity: 1;
}
.btn_bg_1.button_block_active{
    border: 2px solid transparent;
    background: linear-gradient(to right, #12151A, #12151A), linear-gradient(to right, #577FC6 , #8458CD);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-weight: 600;
   
}
.btn_bg_2.button_block_active{
    border: 2px solid transparent;
    background: linear-gradient(to right, #12151A, #12151A), linear-gradient(to right, rgb(242 5 117) , rgb(111 0 248));
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-weight: 600;
   
}
.btn_bg_3.button_block_active{
    border: 2px solid transparent;
    background: linear-gradient(to right, #12151A, #12151A), linear-gradient(to right, rgb(74 243 195) , rgb(10 127 147));
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-weight: 600;
   
}
.btn_bg_4.button_block_active{
    border: 2px solid transparent;
    background: linear-gradient(to right, #12151A, #12151A), linear-gradient(to right, #fd7702 , rgb(215 0 86));
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-weight: 600;
}
.btn_bg_5.button_block_active{
    background: linear-gradient(to right, #12151A, #12151A), linear-gradient(to right, #577fc6 , #8458cd);
    border: 2px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-weight: 600;
}
.btn_bg_6.button_block_active{
    border: 2px solid transparent;
    background: linear-gradient(to right, #12151A, #12151A), linear-gradient(to right, #f97794 , #623aa2);

    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-weight: 600;
}
.btn_bg_7.button_block_active{
    border: 2px solid transparent;
    background: linear-gradient(to right, #12151A, #12151A), linear-gradient(to right, rgb(210 156 234) , rgb(230 255 233 / 65%));

    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-weight: 600;
}
.btn_bg_8.button_block_active{
    border: 2px solid transparent;
    background: linear-gradient(to right, #12151A, #12151A), linear-gradient(to right, #43d6df , #37e5bd);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-weight: 600;
}
.btn_bg_9.button_block_active{
    border: 2px solid transparent;
    background: linear-gradient(to right, #12151A, #12151A), linear-gradient(to right, #ff73a5 , #ff9393);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-weight: 600;
}
.btn_bg_10.button_block_active{
    border: 2px solid transparent;
    background: linear-gradient(to right, #12151A, #12151A), linear-gradient(to right, #c38bf2 , #f5a4c5);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    font-weight: 600;
}
.btn_bg_1.button_block_active .text_btn_bhsdg{
    font-weight: 600;

}
.outer_pint_block{
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.row_flex{
    display: flex;
    align-items: center;
}
.img_left{
    display: none;
}
.right_block{
    justify-content: flex-end;
}
.right_block svg{
    transform: rotate(180deg);
}
.aroow_left, .arrow_right{
    -webkit-transition: ease .3s;
    transition: ease .3s;
    line-height: 15px;
}

.button_block:hover .aroow_left{
    transform: translateX(10px);
}
.button_block:hover .arrow_right{
    transform: translateX(-10px);
}
.dd_flex_jc{
    display: flex;
    justify-content: center;
}
.send_email_section{
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    /* align-items: flex-start; */
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 0;
}
.bg_light_grey{
    background-color: #EFEEEA;
}
.w-50{
    width: 50%;
}
.content_box_send_email_section{
    padding: 100px 70px;
}
.content_full_width{
    max-width: 50rem;
}
.just_cont_end{
    justify-content: end;
}
.integrates_btn{
    background-color: #9132f814;
    color: #9132F8;
    display: inline-flex;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 16px;
    border: 1px dashed #913af98a;
    margin-bottom: 25px;

    
}
.bg_darkblue{
    background-color: #212832;
}
    
.btn_personalize{
  
}
.personalisation_tab  .swiper-slide{
    width: auto;
}
.personalisation_tab .swiper-wrapper{
    gap: 10px;
}

.personalisation_window {
    /* overflow: visible!important; */
}
.mar_30px{
    margin-bottom: 50px;
}
.easy_per_box{
    padding: 30px;
    background: #2f353c;
    border-radius: 16px;
}
.jujstify_content_start{
    justify-content: flex-start;
}
.button_next, .button_prev {
    width: 55px!important;
    height: 55px!important;
    font-size: 8px;
    border-radius: 50%;
   
    background-color: #fff!important;
    box-shadow: 0 5px 10px 0 rgb(27 45 69 / 10%);
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 15px!important;
    font-weight: 600;
    color: black;
}
.Mobile_Responsive_icon{
    background: url(../img/email-channel/integrates-icon.png) -183px -59px;
}
.Super_Easy_to_Build_icon{
    background: url(../img/email-channel/integrates-icon.png) -235px -57px;

}
.bg_light_blue{
    box-shadow: none;
    background-color: #EBF1FA;
}
.template_ing_outer{
    -webkit-box-shadow: 0 3px 20px rgb(12 8 51 / 7%);
    box-shadow: 0 3px 20px rgb(12 8 51 / 7%);
    /* margin-right: 35px; */
    margin-bottom: 20px;
    background: white;
    border-radius: 20px;
}
.template_ing_outer:hover{
    -webkit-box-shadow: 0 3px 20px rgb(12 8 51 / 10%);
    box-shadow: 0 3px 20px rgb(12 8 51 / 10%);
    cursor: pointer;
}
.pad-20px{
    padding: 20px;
}
.template_ing_outer img , .content_box_send_email_section img{
    border-radius: 20px;
    max-width: 100%;
    
}
.content_box_send_email_section img{
    box-shadow: 0 19px 70px 0 rgb(163 159 176 / 10%);
}
.template_swiper .swiper-slide:nth-child(even){
    margin-top: 20px;
}
.sign_in_box_outer{
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: -240px;
    margin-bottom: 0px;
    padding: 80px 80px 80px 80px;
    border-radius: 24px 24px 24px 24px;
    max-width: 1170px;
    background-image: linear-gradient(147deg,#9132f8,#280158);
    position: relative;
}
.sign_in_text h1{
    font-size: 45px;
    line-height: 65px;
    font-weight: 600;
    color: #f7b844;
    margin-bottom: 8px;
}
.sign_in_text h4{
    font-size: 25px;
    line-height: 40px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 12px;
}
.text-white{
    color: #ffff!important;
}
.img_waing{
    display: block;
    position: absolute;
    top: 0;
    right: 10%;
}
.img_waing img{
    width: 295px;
    margin-top: 32px;
}
.btn_clor_white{
    background: #ffff;
    color: #882eeb;
}
.btn_clor_white:hover{
    background: #e7e7e7;

}
.bg_light_grey{
    background-color: #fbfbfc;;
}
.desClimer_box_outer{
    padding: 20px;
    /* background-color: #ffff; */
    /* background-color: #FDF2F2; */
    background-color: #66dbc91a;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    display: inline-flex;
    gap: 20px;
    align-items: center;
    border-radius: 12px;
    /* min-width: 177px; */
    min-width: 360px;
    margin-bottom: 20px;
}
.dd_flex_just{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.icon_desc {
    color: #66dbc9;
    min-width: 30px;
}
.danger_icon{
    color: #ff6854;
}
.bg_dange{
    background-color: #fff1f1;
}

.what_is_chat_bot_sec_box {
    /* background-color: #fff;
    box-shadow: 0 19px 70px 0 rgb(163 159 176 / 10%);
    padding: 15px 15px;
    border-radius: 10px; */
    margin-bottom: 15px;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid transparent;
}
.active_sect_chat {
    /* background-color: #F4F6FA;
    border: 1px solid #e3ecff; */
}
.acc-btn {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.Collpse_window {
    display: none;
}
.para_graph_active {
    display: block;
}
.Paragraph_sec p {
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 1.4;
    color: #1c1c1c;
  
}
.display_outer {
    display: flex;
    align-items: center;
}

.Paragraph_sec h1 {
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
}
.arrow_sec {
   
    width: 40px;
    min-width: 40px;
    height: 40px;
    /* background-color: #eeeeee; */
    vertical-align: middle;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #ffffff;
}
.active_sect_chat .Paragraph_sec h1{
    color: #9132f8;

}
.arrow_sec_active {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #9132f8;

}
.bg_collapse_outer{
    background: #1b1e22;
    padding: 15px 15px;
    border-radius: 6px;
}
.collpased_window_new{
    padding: 20px 15px;
    background: #f7f7f7;
    border-radius: 10px;
    margin-top: 10px;
}
.img_grad_box{
    position: absolute;
    left: 0px;
    border-radius: 18px;
    top: -30px;
    background: #9132f8;
    bottom: -30px;
    width: 60%;
}

.imgGrad_1{
    background-image: linear-gradient(90deg, #577FC6 -20%, #8458CD 115%);
}
.imgGrad_2{
    background-image: linear-gradient(150deg,#F97794 0%,#623AA2 100%);
}
.imgGrad_3{
    background-image: linear-gradient(130deg,rgb(255 225 225 / 60%) 10%,rgb(230 255 233 / 65%) 82%);
}
.imgGrad_4{
    background-image: linear-gradient(180deg, #43d6df 0%, #37e5bd 100%);
}
.imgGrad_5{
    background-image: linear-gradient(180deg, #ff73a5 0%, #ff9393 100%);
}
.imgGrad_6{
    background-image: linear-gradient(180deg, #c38bf2 0%, #f5a4c5 100%);
}
.imgGrad_41{
    background: linear-gradient(128deg, rgb(175 12 89) 0%, rgb(111, 0, 248) 100%);
}
.imgGrad_61{
    background: linear-gradient(225deg, rgb(74, 243, 195) 0%, rgb(10 127 147) 100%);
}
.imgGrad_51{
    background-image: linear-gradient(315deg, #fd7702 0%, rgb(215 0 86) 100%);
    /* background: linear-gradient(315deg, (#fd7702) 0%, (rgb(255, 0, 102)) 100%); */

}
.img_position{
    position: relative;

}
.img_border{
    position: relative;
    /* background: #fbfbfc; */
    padding: 20px;
    border-radius: 22px;
    /* box-shadow: rgb(0 0 0 / 5%) 0px 20px 40px 0px, rgb(102 0 255 / 15%) 0px 0px 0px 0px; */
}
.img_border video{
    border-radius: 22px;

}
.righT_img_box{
    right: 0;
    left: auto;
}
.mar_50px{
    margin-bottom: 50px;
}

.d-block{
    display: block;
}
.video_outer video{
    margin-top: -4px;
    margin-left: -1px;
}
.video_outer {
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 5%) 0px 20px 40px 0px, rgb(102 0 255 / 15%) 0px 0px 0px 0px;
    padding: -2px;
    background: white;
    overflow: hidden;
    border-radius: 20px;
    border: 4px solid #e9d5ff;
}




.load-2 .line:nth-last-child(1) {
    animation: loadingB 1.5s 1s infinite;
  }
  .load-2 .line:nth-last-child(2) {
    animation: loadingB 1.5s 0.5s infinite;
  }
  .load-2 .line:nth-last-child(3) {
    animation: loadingB 1.5s 0s infinite;
  }

  .line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #212832;
  }
.loader_bg{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background: azure;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video_outer_over{
    width: 713px;
    height: 430.5px;

}
.bg_tranparent{
    background-color: transparent;
    padding: 30px 0px;
    padding-bottom: 0;
}
.img_small_outer{
    width: 515px;
    height: 540px;
}




  @keyframes loadingB {
    0 {
      width: 15px;
    }
    50% {
      width: 35px;
    }
    100% {
      width: 15px;
    }
  }


  @media only screen and (max-width: 992px) {
    html{
      width: 100%;
      overflow-x: hidden;
    }  
    .content_box_inner .text_hed_main{
        font-size: 35px;
        line-height: 45px;
        text-align: center;
    }
    .content_box_inner .text_hed_second {
        font-size: 22px;
        line-height: 30px;
        text-align: center;
    }
    .par_text{
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 15px;
        text-align: center;
    }
    .signup_integrate_box{
        display: block;
        text-align: center;
    }
    .integrates_content{
        width: 76px;
    min-width: 76px;
    }
    .integrates_outer_box{
        gap: 5px;
    }
    .integrates_box_outer{
        padding: 15px 5px;
        border-radius: 30px;
        margin-top: 15px;
    }
    .row_flex ,.send_email_section{
        display: flex;
        flex-direction: column-reverse;
    }
    .img_small_outer{
        width: 320px;
        height: 336px;
        padding: 0;
    }
  .mob_mar_btm{
      margin-bottom: 60px;
  }
  .row_comman{
      
    flex-direction: column;

  }
  .send_email_section .w-50{
      width: 100%;
  }
  .content_box_send_email_section{
    padding: 30px;
  }
  .text_par_inte{
    font-size: 13px;
  }
  .img_border{
      padding: 0;
  }
  .video_outer_over{
    width: 300px;
    height: 190px;
  }
  .easy_per_box{
    padding: 15px;
  }
  .button_next, .button_prev{
    width: 35px!important;
    height: 35px!important;
    top: 27px!important;
}
  
  .button_block{
      padding: 10px;
      font-size: 14px;
  }
  .img_waing{
      position: relative;
      right: auto;
  }
  .sign_in_box_outer{
    padding: 25PX;

  }
  .button_main{
    font-size: 15px;
    padding: 10px 20px;
  }
  .sign_in_text h1{
    font-size: 35px;
    line-height: 47px;
    text-align: center;
  }
  .sign_in_text h4{
    font-size: 20px;
    line-height: 32px;
    text-align: center;
  }
  .dd_flex_just{
      display: block;
  }
  .desClimer_box_outer{
      width: 100%;
      min-width: 100%;
  }
  .img_border video{
      border-radius: 6px;
  }
 
  .mobile_section{
      padding-top: 0;
  }
  .button_box{
      text-align: center;
      text-align: center;
      flex-direction: column;
      align-items: center;
      width: 100%;
  }
  .desClimer_box_outer .par_text {
      text-align: start;
  }
  .mobile_sction_btn{
    padding-bottom: 40px;
  }
  .swiper{
      padding: 15px!important;
  }
}