/* ====================banner=============================== */
.banner{ 
  background-image: linear-gradient( 45deg, rgb(0,97,184) 0%, rgb(0,108,254) 100%); 
  padding: 140px 0 40px 0;
}
.banner .section_text h1,.banner .section_text p { color: #fff; }
.banner .section_text h1{margin-bottom: 18px; margin-top: 10px;}
.banner .section_img { justify-content: center; margin-top: 0px;}
.banner .section_text { text-align: center; padding-left: unset; margin-top: unset;}
.banner .section_text p { margin: auto; max-width: 47ch;}
.banner .section_text p:first-child{ font-size: 16px; font-weight: 500;}
.banner .design_1 { top: 20px; right: 230px; }
.banner .design_2 { top: 225px; left: 170px; }
.banner .section_text .btn_div:hover{
  background-color: #ddd;
  color: #000;
}

/* ====================tracking_roi=============================== */
section.tracking_roi{
  margin-top: unset;
  background-color: #fff;
  padding: 24px 0 34px 0;
}
section.tracking_roi .card_1 .img_div_1{
  background: none;
}
section.tracking_roi .card_1:hover {
  box-shadow: 0px 3px 25px 2px #00000025;
}
section.tracking_roi .card_container {
  padding: 30px 0 44px;
  gap: 50px;
}
section.tracking_roi .card_1{
  border-radius: 20px;
  box-shadow: 0px 0px 31.36px 0.64px rgba(0, 0, 0, 0.07);
  width: 320px;
  height: 359px;
  padding: 26px;
}
section.tracking_roi .card_1 h6{
  font-size: 19px;
  margin-bottom: 34px;
  /* height: 2em; */
}
section.tracking_roi .card_1 p{
  line-height: 1.5;
}
section.tracking_roi .card_1 .img_div_1{
  height: 52px;
  margin-bottom: 20px;
}


/* ====================enhance_experience=============================== */
.enhance_experience{
  background-image: linear-gradient( 135deg, rgb(0,97,184) 0%, rgb(80,164,253) 100%);
  padding: 52px 0 86px;
}
.enhance_experience .wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.enhance_experience .section_p{
  max-width: 95ch;
  margin-top: 42px;
  margin-bottom: 40px;
}
.enhance_experience .section_title_1{
  max-width: 30ch;
}
.enhance_experience .section_title_1 span{
  font-weight: 600;
}
.enhance_experience,
.enhance_experience .section_title_1,
.enhance_experience .section_title_1 span,
.enhance_experience .section_title_2 {color: #fff;}


/* ====================we_served=============================== */
.we_served {
  background-color: #f7f7f7;
  padding: 30px 0 0;
  margin-top: 0;
}

.we_served .card_container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 20px;
  padding: 50px 0 40px;
}
.we_served .card_1 p{
  max-width: 35ch;
}
.we_served .card_1 .img_div_1{
  border-radius: 68px;
  background-color: #fff;
  width: 137px;
  height: 137px;
  margin-bottom: 34px;
}

/* ====================media_queries=============================== */
@media only screen and (max-width:1025px){
.banner .design_1 { top: 0px; right: 0px; }
.banner .design_2 { top: 225px; left: 0px; }
.banner .section_text p { font-size: 18px; }
.banner .section_text h1 { font-size: 27px; }
.we_served .card_container { gap: 10px; }
.we_served .card_1 .img_div_1 { margin-bottom: 12px;   width: 117px; height: 117px;}
.we_served .card_1 .img_div_1 img{ transform: scale(.9);}
.we_served .card_1 p { max-width: 30ch;}
section.tracking_roi .card_container { gap: 20px; }
.enhance_experience { padding-bottom: 52px; }
}

@media only screen and (max-width:767px){
.banner { padding: 120px 0 20px 0; }
.banner .section_text h1 { font-size: 18px; }
.banner .section_text p { font-size: 14px; }
.we_served .card_container { gap: 10px; padding: 20px 0; }
.we_served .card_1 .img_div_1 { width: 97px; height: 97px; }
section.tracking_roi .card_container { padding: 8px 0; }
section.tracking_roi .card_1 { width: 300px; height: unset; }
section.tracking_roi .card_1 .img_div_1 { margin-bottom: 10px; }
section.tracking_roi .card_1 h6 { margin-bottom: 14px; }
.enhance_experience { padding: 32px 0; }
.enhance_experience .section_p{max-width: 90%; margin: 20px auto;}
}