.four_col_section { background: #f7f7f7; display: inline-block; padding: 50px 0; width: 100%; }
.four_col_section .title { display: block; margin: 0 auto; max-width: 75%; text-align: center; width: 100%; }
.four_col_section .title h2 { color: #484848; display: inline-block; width: 100%; }
.four_col_section .caption { display: block; margin: 0 auto; max-width: 90%; text-align: center; width: 100%; }
.four_col_section .caption p { color: #383838; display: inline-block; width: 100%; }
.four_col_section .wrap { align-items: stretch; display: flex; flex-wrap: wrap; justify-content: center; margin: 80px -10px 0; width: calc(100% + 20px); position: relative; z-index: 9; }
.four_col_section .wrap .col_box { background: #fff; border: 3px solid #8072c3; border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(119, 120, 237, .2), 0 6px 20px 0 rgba(128, 143, 221, .4); display: inline-block; margin: 0 10px; padding: 40px 15px; width: calc(25% - 20px); position: relative; }
.four_col_section .wrap .col_box .icon_image { display: inline-block; text-align: center; width: 100%; }
.four_col_section .wrap .col_box .icon_image img { display: inline-block; line-height: 0; object-fit: cover; object-position: center; vertical-align: top; width: 75px; }
.four_col_section .wrap .col_box:before { background: linear-gradient(4deg, #0e7ce1, #e968a7); border-radius: 7px; content: ""; display: inline-block; height: 185px; left: -10px; position: absolute; top: -10px; width: 140px; z-index: -1; }
.four_col_section .wrap .col_box:after { background: linear-gradient(4deg, #0e7ce1, #e968a7); border-radius: 7px; content: ""; display: inline-block; height: 185px; right: -10px; position: absolute; width: 140px; z-index: -1; bottom: -10px; }
.four_col_section .wrap .col_box .box_title { width: 100%; display: inline-block; text-align: center; margin-top: 15px; }
.four_col_section .wrap .col_box .box_title h4 { font-size: 20px; line-height: 30px; color: #484848; text-transform: capitalize; font-weight: 600; }
.four_col_section .wrap .col_box .content { width: 100%; display: inline-block; text-align: center; }
.four_col_section .wrap .col_box .content p { font-size: 18px; color: #383838; line-height: 28px; }


@media(max-width: 991px){

  .four_col_section .title { max-width: 100%; }
  .four_col_section .title h2 { font-size: 35px; line-height: 45px; }
  .four_col_section .caption { max-width: 100%; }
  .four_col_section .wrap .col_box { width: calc(100% / 2 - 30px); margin-bottom: 30px; }


}

@media(max-width: 767px){
  .four_col_section .title h2 { font-size: 30px; line-height: 40px; }
  .four_col_section .caption p { font-size: 18px; line-height: 28px; }

}

@media(max-width: 550px){
  .four_col_section .wrap .col_box { width: calc(100% / 1 - 30px); margin-bottom: 30px; }
}


@media(max-width: 450px){

 .four_col_section .title h2 { font-size: 25px; line-height: 35px; }
  .four_col_section .caption p { font-size: 16px; line-height: 26px; }