.card_1 p { font-size: 15px; }
.section_title_1 {
    letter-spacing: 1.15px;
    line-height: 1.35;
}

/* ====================nav_scroll_spy=============================== */
.nav_scroll_spy { background-color: #006cfe; }
.nav_scroll_spy a.nav-link { color: #fff; }
.nav_scroll_spy .nav-pills .nav-link.active, .nav_scroll_spy .nav-pills .nav-link:hover, .nav_scroll_spy .nav-pills .show>.nav-link {
    color: #006cfe;
    background-color: #fff;
}
.nav_scroll_spy .navbar-brand,
.nav_scroll_spy .fa-chevron-down:before{
  color: #fff;}

  
/* ====================banner=============================== */
.banner{ 
  background-image: linear-gradient( 180deg, rgb(0,97,184) 0%, rgb(109,188,224) 100%); 
  padding-bottom: 30px;
}
.banner .section_text h1,.banner .section_text p { color: #fff; }
.banner .section_img {
    justify-content: flex-end;
    margin-top: 26px;
    margin-left: 0;
}

/* ====================what_is=============================== */
.what_is { padding: 40px 0; }
.what_is .section_p { max-width: 61ch; }
.what_is .section_title_1{max-width: 30ch; line-height: 1.35;}


/* ====================how_it_works=============================== */
.how_it_works { padding: 23px 0 90px 0; background: linear-gradient( 145deg, rgb(40,119,226) 0%, rgb(109,188,224) 100%); }
.how_it_work_card { border: 2px dotted transparent; margin: 48px 0 0 0; }
.how_it_work_card .count_1 {
  background-color: #fff;
  position: relative;
  color: #474747;
}
.how_it_works .row { padding: 50px 80px 0px 80px; }
.how_it_work_card .count_1::after {
  position: absolute;
  content: "";
  border: 12px solid  transparent;
  border-right: none;
  border-left: 16px solid #fff;
  right: -8px;
  transition: .3s;
}
.how_it_work_card .count_1_div { align-items: flex-start; }
.how_it_work_card h4 { margin-top: 0.4em; max-width: 23ch; line-height: 1.35; }
.how_it_work_card p { margin-top: 22px; }
.how_it_work_card:hover .count_1::after{ border-left-color: var(--text_blue); }


/* ====================advantages=============================== */
.advantages { padding-top: 30px; }
.advantages .card_container { grid-template-columns: repeat(3,1fr); padding: 50px 0px 40px; }
.advantages .img_div_1 { 
  margin-bottom: 42px; 
  margin-left: 0px; 
  border-radius: 10px;
  background-color: rgba(0, 108, 254, .02);
  width: 136px;
  height: 136px;
}
.advantages .img_div_1 img{ 
  margin-left: 20px;
}
/* .advantages .card_1 h6 { height: 2em;} */
.advantages .card_1 p { max-width: 37ch; }


/* ====================how_use=============================== */
.uses{ background-image: linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(220,241,250) 100%); }
.uses .section_title_1, .uses .section_title_1 span, .uses .section_title_2 { color: #2b3650; }
.uses .row { padding: 30px 0px 0px; }
.uses .card_1 .img_div_1{ height: 65px; }
.uses .card_1 { padding: 35px 26px; }


/* ====================download_app=============================== */
.e_book { padding-bottom: 20px; }
.e_book p { font-size: 23px; margin-top: 0; max-width: 35ch; }
.e_book .section_img { margin-top: 10px; }


/* ====================media_queries=============================== */

@media only screen and (max-width:1025px){
.nav_scroll_spy a.nav-link { padding: 8px 4px; }
.banner .section_img { justify-content: center; }
.what_is .section_img img { margin: auto; }
.how_it_works .row { padding: 0px 24px 0px 24px; }
.how_it_works { padding-bottom: 40px; }
.how_it_work_card { margin: -60px 0 20px 0; text-align: center; }
.how_it_work_card h4 { max-width: unset; }
.how_it_work_card .count_1_div { justify-content: center; }
.advantages .card_container { grid-template-columns: 1fr; }
.uses .row { padding: 30px 60px 0px; }
.e_book { padding: 40px 40px; }
.e_book p { max-width: unset; }
}

@media only screen and (max-width:767px){
.how_it_works { padding-bottom: 0px; }
.how_it_works .row { padding: 10px 0px 0px 0px; }
.how_it_work_card .count_1_div { align-items: center; }
.how_it_work_card p { margin-top: 12px; }
.how_it_work_card { padding: 12px; margin-top: -20px; }
.how_it_work_card .count_1::after {
    border: 8px solid  transparent;
    border-left-color: transparent!important;
    border-bottom: none;
    border-top: 12px solid #fff;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
    bottom: -5px;
}
.how_it_work_card:hover .count_1::after{ 
  border-left-color: transparent; 
  border-top-color: var(--text_blue); 
}
.advantages .card_container { padding: 20px 0px 20px; }
.advantages .card_1 p { max-width: 90%; font-size: 14px; }
.advantages .img_div_1 { width: 90px; height: 90px!important; }
.uses .row { padding: 30px 12px 0px; }
.uses .card_1 .img_div_1 { margin-bottom: 12px; }
.e_book { padding: 12px; }
.e_book p { font-size: 14px; }

}