.section-outer-wrap{
  width: 100%;
  position: relative;
}

.main-group {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.main-group .content-group {
    flex: 0 50%;
   /** color: #003560;
    max-width: 698px;
    margin-left: auto;
    padding: 30px 25px 30px 0;**/
}

.main-group .img-cover {
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center;
    flex: 0 50%;
    position: relative;
}

.main-group .img-cover:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.page-center-content {
/*  padding-right: 150px;**/
    margin: 20px 80px 120px;
    max-width: 500px;
    float: right;
}
.arrow-group .left-arrow-link {
    text-decoration: none;
    background-image: url(https://www.ppc-online.com/hubfs/2020_ppc/Case%20Study%202020/Icon%20feather-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: left center;
}
.arrow-group svg {
    width: 13px;
    vertical-align: middle;
    padding-bottom: 3px;
    fill: #003560;
}

.main-group .content-group .arrow-group .arrow-text {
    padding-left: 20px;
    color: #003560;
}

.sub-group .check-item {
    padding: 0 15px;
    font-size: 18px;
   font-family: 'Arimo', sans-serif!important;
}
.content-group .content-title {
    font-size: 40px;
    margin: 0;
    padding-top: 50px;
    line-height: 55px;
    font-weight: 400;
    letter-spacing: -0.4px;color: #003560;
   font-family: 'Arimo', sans-serif!important;
}
.content-group .sub-title {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;color: #003560;
   font-family: 'Arimo', sans-serif!important;
}
.content-group .content-para {
    font-size: 19px;
    padding: 20px 0;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: .38px;color: #003560;
   font-family: 'Arimo', sans-serif!important;
  
}

.sub-group ul {
  margin: 0px;
  padding: 0px;
}

.sub-group li {
  list-style: none;
  background-image: url(https://www.ppc-online.com/hubfs/2020_ppc/Case%20Study%202020/Check.svg);
  padding: 20px 0 20px 33px;
  border-top: 1px solid #dcdcdc;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
  font-size: 19px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: .38px;color: #003560;
   font-family: 'Arimo', sans-serif!important;
}



.main-group .content-group .arrow-group{
    display: flex;
    align-items: center;
   font-family: 'Arimo', sans-serif!important;
}


.sub-group .single-sub-group {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid #DCDCDC;
}




/* .arrow-group .left-arrow-link:hover svg path ,
.arrow-group .left-arrow-link:hover .arrow-text {
    color: #7af6c6;
    fill:  #7af6c6 !important;
} */




/************** ipad ***************/
@media (max-width: 1080px) {
.main-group .content-group {
    flex: 100%;
    order: 2;
    padding: 0;
    margin: 0 auto;
    max-width: 1100px;
}
  
  .main-group .img-cover {
    flex: 0 100%;
    order: 1;
    width: 100%;
    height: 500px;
}
  
  .content-group .page-center-content {
    max-width: 100%;
    padding: 30px 25px 30px 30px;
    margin: 0px;

}
  
  .content-group .content-title {
    padding-top: 0px;
    margin-top: 20px;
}
  
  .content-group .content-para {
    margin-top: 0px;
}
}


@media (max-width: 1069px) {
  .content-group .page-center-content {
    padding-right: 0px;
}
  .main-group .content-group {
    max-width: 530px;
    padding: 30px 25px 30px 25px;
}
  
}
@media (min-width: 1079px) and (max-width: 1280px) {
 /** .main-group .content-group {
    flex: 0 54%;
  }**/
  .page-center-content {
    margin: 20px 50px 120px;
    max-width: 550px !important;
}
} 

@media (max-width: 1079px) {
  /*.content-group .page-center-content {
    padding-right: 0px;
}*/
  .main-group .content-group {
    max-width: 1100px;
    padding: 30px 25px 30px 25px;
}
  
}

@media (max-width: 1039px) {
  .content-group .page-center-content {
    padding-right: 0px;
}
  .main-group .content-group {
    max-width: 1100px;
    padding: 30px 25px 30px 25px;
}
  
}


@media (max-width: 1029px) {
  .content-group .page-center-content {
    padding-right: 0px;
}
  .main-group .content-group {
    max-width: 1100px;
    padding: 30px 25px 30px 25px;
}
  
}

/************** ipad nd tab ***************/
@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation : portrait){
  .main-group .content-group {
    flex: 100%;
    order: 2;
    padding: 0;
    margin: 0 auto;
    max-width: 1000px;
}
  
  .main-group .img-cover {
    flex: 0 100%;
    order: 1;
    width: 100%;
    height: 500px;
}
  
  .content-group .page-center-content {
    max-width: 100%;
    padding: 30px 25px 30px 30px;

}
  
  .content-group .content-title {
    padding-top: 0px;
    margin-top: 20px;
}
  
  .content-group .content-para {
    margin-top: 0px;
}
}

/************** iphone roatate***************/
@media (max-width: 767px) {
  .main-group .content-group {
    flex: 100%;
    order: 2;
    padding: 0;
    margin: 0 auto;
    max-width: 700px;
}
  
  .main-group .img-cover {
    flex: 0 100%;
    order: 1;
    width: 100%;
    height: 500px;
}
  
  .content-group .page-center-content {
    max-width: 100%;
    padding: 30px 25px 30px 30px;
}
  
    
  .content-group .content-title {
    padding-top: 0px;
    margin-top: 20px;
}
  
  .content-group .content-para {
    margin-top: 0px;
}

/************** iphone ***************/
@media (max-width: 479px) {}

@media (max-width: 320px){}