.module-28 {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-2494736c-a6f2-4dd7-a955-88db4ce2d960/hp_assets/img_STRATEGY_SESSION.jpg);
	background-size: cover;
	background-position: 60%;
	padding: 7em 0;
	margin-bottom: -1px;
}

.module-28 .ry-heading h4 {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
	 
    .module-28 {
      padding: 3em 1em !important;
      background-position: 84%;
      position: relative;
     } 

	  div.module-28 .ry-heading h4 {
		text-align: center;
	}

	div.module-28 .ry-heading:after {
		margin: 20px auto !important;
	}

	div.module-28 .ry-heading {
		margin-bottom:3em;
	}

	.module-28:before {
		content: '';
		background: linear-gradient(226deg, #fff, rgb(255 255 255 / 76%));
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	img#strategy-icon {
		margin: 0 auto 1em;
		max-width: 80px !important;
	}

	div#info-flex {
		max-width: 650px;
		margin: auto;
		float: none;
	}

}



.module-28 .ry-content {
    position: relative;
 }
    

img#strategy-icon {
    max-width: 150px;
    margin-bottom: 1.5em;
}

.module-28 .ry-flex {
    gap: 0 10%;
    align-items: center;
}

    @media (max-width: 1199px) {
      .module-28 .ry-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2em 0 !important;
        } }
	  
	  
  .module-28 .ry-section-title-wrapper {
    text-align: center; }
  .module-28 .ry-section-title {
    font-size: calc(30px + 30 * ((100vw - 320px) / 1600));
    font-weight: 600;
    line-height: 49px; }
    @media (max-width: 991px) {
      .module-28 .ry-section-title {
        line-height: 38px; } }
  .module-28 .ry-section-sub-title {
    font-size: calc(30px + 20 * ((100vw - 320px) / 1600));
    font-family: "Playfair Display", serif;
    display: block;
    font-weight: 400;
    font-style: italic;
	padding-top: 40px;
  }
  .module-28 .ry-generic-copy ul li {
    list-style: none;
    margin-bottom: 20px;
    }
    @media (max-width: 1199px) {
      .module-28 .ry-generic-copy {
        max-width: 750px;
        margin: auto;
        } }
  
    @media (max-width: 1300px) {
      .module-28 .ry-left {
        } }
    @media (max-width: 1199px) {
      .module-28 .ry-left {
        position: static !important;
        right: 0;
        background: #e6f4f8;
        max-width: 500px !important;
        margin: 2em auto 0;
        border-radius: 20px;
        padding: 2em 0em 0 2em;
        } }
    
      @media (max-width: 1440px) {
        .module-28 .ry-left img {
          /* left: 0; */
          /* max-width: 35%; */
          } }
      @media (max-width: 1199px) {
        .module-28 .ry-left img {
          position: static;
          /* max-width: 320px; */
          margin: auto;
          border-radius: 20px;
          } }
  .module-28 .ry-right {
    position: relative;
    width: 70%;
    }
    @media (max-width: 1300px) {
      .module-28 .ry-right {
        } }
    @media (max-width: 1199px) {
      .module-28 .ry-right {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 0;
        position: static !important;
        width: 100%;
        max-width: 100%;
        left: 0;
        } }
.module-28 .ry-flex .section-btn-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}

.module-28 .ry-generic-copy p{
	text-align: center;
}

.module-28  .section-btn-wrap a.ry-btn.ry-btn-primary {
    width: 100%;
    max-width: 370px;
    white-space: nowrap;
}


@media (min-width:1200px) and (max-width:1660px) {
	
    .module-28 .ry-left {
		max-width: 650px;
		right: 0em;
	}


	.module-28 .ry-right .ry-heading span {
		display: inline;
	}

	.module-28 .ry-left img {
		height: 700px;
		object-fit: cover;
		object-position: left;
	}
}


@media (min-width:1200px) and (max-width:1300px) {

   .module-28 .ry-left {
		max-width: 500px;
		right: 0em;
	}


	.module-28 .ry-left img {
		height: 620px;
		object-fit: cover;

	}

	  .module-28 .ry-left {
		max-width: 580px;
	}  

}



@media (max-width:1199px) {
    
	.module-28 .ry-right .ry-heading h2, .module-28 .ry-right p {
		text-align: center !important;
	}

	.module-28 .ry-right a.ry-btn {
		margin: auto;
	}

}