.clr_why_section {
  width: 100%;
  background: #ffffff;
  padding: 140px 0 140px 0;
  font-family: 'Presentation', sans-serif;
  font-weight: 500 !important;
}
.clr_why_inner {
  width: 1076px;
  margin: 0 auto;
}
.clr_why_header {
  text-align: center;
  margin-bottom: 70px;
}
.clr_why_title {
  font-family: 'Presentation', sans-serif;
  font-weight: 700 !important;
  font-size: 42px;
  line-height: 130%;
  color: #1c2035;
  margin: 0;
  padding: 0;
  border: none;
}
.clr_why_title * {
  font-family: 'Presentation', sans-serif;
  font-weight: 700 !important;
  font-size: 42px;
  line-height: 130%;
}
.clr_why_title_blue {
  color: #4a7cfe;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.clr_why_cards {
  display: flex;
  flex-direction: column;
  gap: 55px;
}
.clr_why_card {
  display: flex;
  width: 1076px;
  height: 306px;
  border-radius: 16px;
  overflow: hidden;
}
.clr_why_card_rev {
  flex-direction: row-reverse;
}
.clr_why_card_photo {
  width: 538px;
  height: 306px;
  flex-shrink: 0;
  background: #4D5472;
  overflow: hidden;
}
.clr_why_card_photo img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.clr_why_card:not(.clr_why_card_rev) .clr_why_card_photo {
  border-radius: 16px 0 0 16px;
}
.clr_why_card_rev .clr_why_card_photo {
  border-radius: 0 16px 16px 0;
}
.clr_why_card_body {
  flex: 1;
  height: 306px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clr_why_card:not(.clr_why_card_rev) .clr_why_card_body {
  border-radius: 0 16px 16px 0;
}
.clr_why_card_rev .clr_why_card_body {
  border-radius: 16px 0 0 16px;
}
.clr_why_body_light {
  background: #f2f3f7;
  border: 1px solid #eeeeee;
}
.clr_why_body_dark {
  background: #20325F;
}
.clr_why_card_inner {
  text-align: left;
  padding: 0px;
}
.clr_why_card_inner2 {
  text-align:right;
  padding: 0px;
}
.clr_why_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #4a7cfe;
  border-radius: 4px;
  color: #ffffff;
  font-family: 'Presentation', sans-serif;
  font-weight: 800 !important;
  font-size: 16px;
  margin-bottom: 12px;
}
.clr_why_card_title {
  font-family: 'Presentation', sans-serif;
  font-weight: 600 !important;
  font-size: 32px;
  line-height: 130%;
  margin: 0 0 18px 0;
  padding: 0;
  border: none;
  color:#20325F;
}
.clr_why_body_light .clr_why_card_title {color: 20325F;}
.clr_why_body_dark .clr_why_card_title { color: #ffffff; }
.clr_why_card_desc {
  font-family: 'Presentation', sans-serif;
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 150%;
  margin: 0;
  
  padding: 0;
}
.clr_why_body_light .clr_why_card_desc { color: #9096aa; }
.clr_why_body_dark .clr_why_card_desc { color: #f5f5f5;}
.clr_why_badge_mo { display: none; }






@media screen and (max-width: 1280px){
.clr_why_section {
  width: 100%;
  background: #ffffff;
  padding: 120px 0 120px 0;
  font-family: 'Presentation', sans-serif;
  font-weight: 500 !important;
}
  
}








@media (max-width: 1024px){
.clr_why_section {
  padding: 100px 0 100px 0;
}
  
  
}


@media screen and (max-width: 768px) {
.clr_why_section {
  overflow: hidden;
  padding-top: 80px;
  padding-bottom: 100px;
   
}  .clr_why_inner {   width :480px;; padding: 0;  margin: 0 auto;  }
  .clr_why_title {font-size: 32px;}
  .clr_why_header { margin-bottom: 40px; }
  .clr_why_cards { gap: 24px; }
  .clr_why_card,
  .clr_why_card_rev {
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 16px !important;
  }
  .clr_why_card_photo,
  .clr_why_card:not(.clr_why_card_rev) .clr_why_card_photo,
  .clr_why_card_rev .clr_why_card_photo {
    width: 100% !important;
    height: 220px !important;
    border-radius: 16px 16px 0 0 !important;
  }
  .clr_why_card_body,
  .clr_why_card:not(.clr_why_card_rev) .clr_why_card_body,
  .clr_why_card_rev .clr_why_card_body {
    width: auto !important;
    height: auto !important;
    border-radius: 0 0 16px 16px !important;
    padding: 40px !important;
    
  }
































.clr_why_badge {
  display: flex;
  margin: 0 auto 14px;
}
  
  .clr_why_card_title { font-size: 24px;    text-align: center;}
  .clr_why_card_desc { font-size: 16px;   text-align: center; }
  
}
@media (max-width: 480px){
  .clr_why_section {
    padding: 60px 24px;
  }
  .clr_why_inner { 
  padding: 0px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  box-sizing: border-box;  }
  .clr_why_title {
    font-size: 28px;
  }
  .clr_why_card_title { 
    font-size: 22px;    
    text-align: center;
    margin-bottom:12px;
  }
  .clr_why_card_desc { 
    width: 100%;
    box-sizing: border-box;
  }
  .clr_why_card_photo,
  .clr_why_card:not(.clr_why_card_rev) .clr_why_card_photo,
  .clr_why_card_rev .clr_why_card_photo {
    height: 180px !important;
  }
}


.clr_why_card_body {
  position: relative;
}
.clr_why_logo {
  width: 293px;
  height: 224px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  object-fit: contain;
  opacity: 0.05;
  pointer-events: none;
  z-index: 0;
}
.clr_why_card_inner {
  position: relative;
  z-index: 1;
}
.clr_why_card:not(.clr_why_card_rev) .clr_why_logo {
  right: 0;
  left: auto;
}
.clr_why_card_rev .clr_why_logo {
  left: 0;
  right: auto;
}
.clr_why_logo_white {
  opacity: 0.05;
}