p span{font-weight: bold;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-weight: bold;}

/* ====================banner=============================== */
.banner {
  background: url(../banner_bg.html) no-repeat 50% 100px, linear-gradient( 180deg , rgb(179,229,251) 39%, rgb(255,255,255) 100%);
  padding: 193px 0 170px 0;
}
.banner h1{
  font-size: 37px;
  color: rgb(71, 71, 71);
  font-weight: bold;
  letter-spacing: 1.48px;
}
.banner p{
  font-size: 22px;
  color: rgb(71, 71, 71);
  line-height: 1.5;
  text-align: center;
  max-width: 48ch;
  letter-spacing: .88px;
  font-weight: 300;
}
.banner p span{
  font-weight: 600;
}
.banner_div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ====================what_is=============================== */
.what_is {
  padding-top: 20px;
  overflow-x: hidden;
}
.what_is .design_1{ top: 0; left: 0; }
.what_is .design_2{ top: 0; left: 100%; }
.what_is .design_3 { top: 85%; left: -30px; }
.what_is .design_4 { top: 80%; left: 40%; }


/* ====================how_it_works=============================== */
.how_it_works {
  background-image: linear-gradient( -138deg, rgb(20,102,213) 0%, rgb(93,195,241) 100%);
}
.how_it_work_card .count_1_div {
    flex-direction: column;
}
.how_it_work_card .count_1 {
    height: 45px;
    width: 45px;
}
.how_it_works .row{
  /* padding-top: 80px; */
  padding: 80px 0px 60px 0px;
}
.how_it_work_card h4 {
    margin-top: 1em;
}
.how_it_work_card{
  border-radius: 24px;
  background-color: rgba(0, 97, 184, .302);
  border: 2px dotted transparent;
}
.how_it_work_card:hover{
  border: 2px dotted #fff;
}
.how_it_work_card h4 {
  font-weight: 700;
  letter-spacing: 0.92px;
}
.how_it_work_card p {
  margin-top: 22px;
  margin-bottom: 44px;
  letter-spacing: 0.8px;
  line-height: 1.6;
  font-size: 20px;
  font-weight: 500;
}

/* ====================uses=============================== */
.uses_app2app{
  padding-bottom: 50px;
  padding-top: 30px;
}
.uses_app2app .card_container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px 20px;
  padding: 40px 0;
}
.uses_app2app .card_1{
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 8px 16.74px 1.26px rgba(0, 0, 0, 0.05);
  max-width: 395px;
  align-items: start;
  text-align: left;
}
.uses_app2app .card_1:hover{
  box-shadow: 0px 8px 16.74px 1.26px rgba(0, 0, 0, 0.09);
}
.uses_app2app .card_1 .img_div_1{
  margin: auto;
  height: 87px;
  margin-bottom: 22px;
}
.uses_app2app .card_1 p{
  margin-bottom: 3em;
}

/* ====================e_book=============================== */
.e_book{
  background-image: linear-gradient( -45deg, rgb(169,226,251) 0%, rgb(0,108,254) 100%);
  height: 391px;
  text-align: center;
  color: #fff;
  padding: 60px 110px;
  overflow-x: hidden;
}
.e_book .section_title_1 {
  text-align: center;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: 1.6px;
}
.e_book p {
  font-size: 23px;
  font-weight: 300;
  line-height: 1.43;
  letter-spacing: 1.38px;
  margin-top: 16px;
  max-width: 51ch;
  margin-left: auto;
  margin-right: auto;
}
.e_book .design_1 { top: -80px; left: -176px; }
.e_book .design_2 { top: -80px; left: 100%; }

/* ====================why_sdk_fit=============================== */
.why_sdk_fit{
  position: relative;
  margin-top: -160px;
  padding-bottom: 40px;
}


/* ====================media_queries=============================== */
@media only screen and (max-width: 1025px){
.what_is .design_1 { top: 60px; left: -10px; }
.what_is .section_img img { margin: auto; }
.what_is { padding-top: 0px; padding-bottom: 0; }
.how_it_works .row { padding-top: 30px; }
.uses_app2app .card_1 { max-width: 325px; }
.e_book .section_title_1 { font-size: 30px; }
.e_book p { font-size: 18px; }
.e_book .design { transform: scale(0.7); }
.what_is .btn_div { margin-bottom: 48px; }
.banner { padding: 163px 0 70px 0; }
.what_is .section_p { max-width: 90%; }

}

@media only screen and (max-width: 767px){
.banner h1 { font-size: 22px; }
.banner p { font-size: 14px; }
.banner { padding: 143px 0 50px 0; }
.what_is .section_text { padding-bottom: 30px; }
.how_it_work_card p { font-size: 13px; }
.uses_app2app .card_container { padding: 10px 0; gap: 40px 20px; }
.how_it_works { padding-top: 40px; }
.what_is .btn_div { margin-bottom: 0; }
.e_book {
    height: unset;
}
.why_sdk_fit {
    margin-top: unset;
}
}