/* ====================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; }

/* ====================what_is=============================== */
.what_is{padding-top: 20px;}
.what_is .section_text { padding-top: 35px; padding-right: 60px;}
.what_is .section_p { max-width: 62ch; }
.what_is .section_img img { margin: 12px 0px 0 0px; }

/* ====================popular_use_cases=============================== */
.popular_use_cases {
  padding: 30px 0;
  background-image: linear-gradient( 135deg, rgb(63,146,217) 0%, rgb(134,208,241) 100%);
}
.popular_use_cases .container{
  max-width: 1140px;
}
.popular_use_cases .section_title_1,
.popular_use_cases .section_title_1 span,
.popular_use_cases .section_title_2{
  color: #fff;
}
.popular_use_cases .card_container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
  padding: 20px 0 70px;
}
.popular_use_cases .card_1{
  background-color: #fff;
  box-shadow: 0px 0px 20px 0.64px rgba(0, 0, 0, 0.07);
  border-radius: 0;
  width: 320px;
}
.popular_use_cases .card_1:hover{
  box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 20%);
}
.popular_use_cases .card_1 h6 {
  height: 2em;
  margin-top: 14px;
  font-size: 19px;
  font-weight: 400;
}
.popular_use_cases .card_1 p{
  margin-bottom: 44px;
}
.popular_use_cases .img_div_1{
  height: 60px;
}

/* ====================we_served=============================== */
.we_served{
  padding: 40px 0;
}
.we_served .card_container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 30px;
  padding: 50px 0;
}
.we_served .card_1 {
  width: 380px;
}
.we_served .card_1:hover .img_div_1{
  background-color: rgba(0, 108, 254, 0.05);
}
.we_served .card_1 .img_div_1{
  border-radius: 68px;
  background-color: rgba(0, 108, 254, 0.02);
  width: 137px;
  height: 137px;
  margin-bottom: 34px;
}

/* ====================instant_quote=============================== */
.instant_quote_section { margin-bottom: 70px; }
.instant_quote_section .price { padding: 0 20px; }
.instant_quote_section .price span{ letter-spacing: 1.6px; }

/* ====================media_queries=============================== */
@media only screen and (max-width:1025px){
.what_is .section_text { padding: 0px; }

.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: 30px 0px; }
.we_served .card_1 { width: 330px; padding: 22px 16px;}
.we_served .card_1 p { max-width: 90%; margin: auto; margin-bottom: 1em;}
.we_served .card_1 .img_div_1 { margin-bottom: 12px; }

.instant_quote_section { margin-bottom: 0px; }
}

@media only screen and (max-width:767px){
.banner { padding: 160px 0 0px 0; }
.banner { padding: 120px 0 20px 0; }
.banner .section_text h1 { font-size: 18px; }
.banner .section_text p { font-size: 14px; }

.what_is .section_p { max-width: 90%; }

.we_served .card_container { gap: 10px; padding: 20px 0; }
.we_served .card_1 .img_div_1 { width: 97px; height: 97px; }

.popular_use_cases .card_container { gap: 20px; padding-bottom: 10px; }
.we_served{padding-bottom: 20px;}
}