/* ====================banner=============================== */
.banner .design_1{ left: 300px; top: 0; }
.banner .section_text{ margin-top: 96px }
.banner .section_img { justify-content: center; }

/* ====================Why_us=============================== */
.why_us{padding-top: 30px;}
.why_us .card_container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 50px 12px 30px;
  gap: 20px;
}
.why_us .img_div_1{ height: 140px; }
.why_us .card_1 h6 { margin-bottom: 26px; }
.why_us .card_1 p{ max-width: 35ch; }
.how_it_work_card{ border: none; }


/* ====================how_it_works=============================== */
.how_it_works {
  padding: 20px 0 60px;
  background-image: linear-gradient( 135deg, rgb(40,119,226) 0%, rgb(95,189,135) 100%);
}
.how_it_works .row { padding: 70px 60px 30px; }
.how_it_works .row:nth-child(2n+1) .how_it_work_card{ margin-left: 73px; }
.how_it_works .row:nth-child(2n) .how_it_work_card{ margin-right: 73px; }
.how_it_work_card p{margin-top: 22px;}
.how_it_works .section_title_1 span{display: block;}
.how_it_works .how_it_work_card{ border: 2px dotted transparent; }
.how_it_works .how_it_work_card:hover{ border-color: #fff; }


/* ====================automate_conversations=============================== */
.automate_conversations { padding: 40px 12px; }
.automate_conversations .section_title_1 { margin-bottom: 46px; }
.automate_conversations .section_text { padding: 16px 28px 0 28px; }
.automate_conversations .section_text p { font-size: 15px; font-weight: 500; }
.automate_conversations .card_container { margin: 28px 12px 23px 12px; }
.automate_conversations .card_1{ border: none; background-color: rgba(80, 164, 253, 0.102); padding: 24px 22px; }
.automate_conversations .card_1 h6 { margin-top: unset; margin-bottom: 16px; }
.automate_conversations .img_div_1{height: 113px; margin: auto;}
.automate_conversations .design_1 { top: 100px; left: -50px; }
.automate_conversations .design_2 { bottom: 0; left: 290px; transform: rotate(85deg); }


/* ====================whatsapp_messages=============================== */
.whatsapp_messages .card_container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 48px 0px;
  gap: 10px;
}
.whatsapp_messages .card_1{ align-items: flex-start; text-align: left; }
.whatsapp_messages .card_1 .img_div_1{ margin-bottom: 18px; }
.whatsapp_messages .card_1 p{ max-width: 37ch; }

/* ====================e_book=============================== */
.e_book { padding: 12px 110px; }
.e_book .section_title_1 { margin-top: -18px; }
.e_book .btn_div { margin-top: 16px; }
.e_book .section_text{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* ====================media_queries=============================== */
@media only screen and (max-width:1025px){
.section_img img { transform: scale(1); max-width: 500px; }
.banner { background-image: linear-gradient( 180deg, rgb(210,239,253) 100%, rgb(255,255,255) 0%); }
.banner .section_text { margin-top: 0px; }
.banner .section_img img{margin-top: 50px;}
.banner .design_1 { left: 0; top: 50px; }
.why_us .img_div_1 { height: 110px; }
.why_us .card_container { gap: 0px; }
.how_it_works { padding-top: 50px; }
.how_it_works .section_img img { margin-top: 0px; }
.how_it_works .how_it_work_card{text-align: center;}
.automate_conversations .card_container { gap: 30px 8px; }
.automate_conversations .card_1 { padding: 24px 30px; align-items: center; text-align: center; }
.automate_conversations .design_2 { left: 190px; } 
.whatsapp_messages{padding-top: 30px;}
.whatsapp_messages .card_1 { align-items: center; text-align: center; }
.e_book .section_title_1 { margin-top: 12px; font-size: 22px; }
.e_book .section_text { align-items: center; }
}

@media only screen and (max-width:767px){
.why_us .card_container { padding: 12px; }
.why_us .card_1{ padding: 12px 16px; }
.why_us .img_div_1 { height: 90px; }
.why_us .card_1 h6 { margin-bottom: 6px; }
.how_it_works .section_title_1 span { display: inline-block; }
.how_it_work_card { padding: 18px 12px; }
.how_it_works .section_img img { margin-top: 30px; margin-bottom: -10px; }
.automate_conversations { padding: 0px 12px; }
.automate_conversations .section_title_1 { margin-bottom: 16px; }
.automate_conversations .section_text p { max-width: 90%; margin: auto; }
.automate_conversations .card_container { gap: 24px; }
.automate_conversations .card_container h6 { margin-bottom: 8px; }
.automate_conversations .card_1 { padding: 14px 20px; }
.automate_conversations .img_div_1 { height: 93px; }
.automate_conversations .section_text p { font-size: 14px; }
.whatsapp_messages .card_container { padding: 28px 0px; }
.whatsapp_messages .card_1 .img_div_1 { margin-bottom: 8px; }
.whatsapp_messages .card_1{padding: 12px 26px;}
.e_book .section_title_1 { margin-top: 0px; font-size: 16px; }
}
