[space xs_id=”b24c5804″ height=”space-sm” display_desktop=”{"selected":"yes"}” display_medium=”yes” medium_height=”default” display_tablet=”yes” tablet_height=”default” display_phone=”yes” phone_height=”default” class=”” _array_keys=”{"display_desktop":"display_desktop"}” _made_with_builder=”true”][/space][image_box image=”{"attachment_id":"1553","url":"\/\/www.future.org\/wp-content\/uploads\/2023\/10\/global_network_header_img.jpg"}” title=”” desc=”” _array_keys=”{"image":"image"}” _made_with_builder=”true”][/image_box][space xs_id=”08a5ca33″ height=”20px” display_desktop=”{"selected":"yes"}” display_medium=”yes” medium_height=”default” display_tablet=”yes” tablet_height=”default” display_phone=”yes” phone_height=”default” class=”” _array_keys=”{"display_desktop":"display_desktop"}” _made_with_builder=”true”][/space]
[raw_code text=”<style>
/* Fixed width layout Starts */
body {
font-family: Segoe UI Regular WestEuropean, Segoe UI, Tahoma, Arial, sans-serif;
}
*::after,
*::before {
box-sizing: border-box;
}
.ms-Grid {
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.ms-Grid-row {
margin: 0 -20px;
box-sizing: border-box;
}
.ms-Grid-col {
padding-left: 20px;
padding-right: 20px;
}
.ava-main-container-fluid {
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
.ava-main-container-fluid .ms-Grid-col {
padding-left: 0px;
padding-right: 0px;
}
.ava-main-container {
margin-left: auto;
margin-right: auto;
}
.ava-main-container::after,
.ava-main-container::before {
clear: both;
content: " ";
display: table;
}
/* Fixed width layout Ends */
/* ————–Container border style starts here————- */
.ava-cont-wrapper {
padding: 0px;
margin: 0px;
width: 100%;
}
.ava-cont-wrapper .ava-cont-border {
border: 10px solid #f7f7fb;
padding: 15px;
}
/* ———–For large device only—————– */
@media (min-width: 1200px) {
.ava-cont-wrapper .ava-cont-border {
border: 20px solid #f7f7fb;
padding: 15px 25px;
}
}
/* ————–Container border style End here————- */
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt h1 {
font-size: 6vw;
font-weight: 300;
}
.ava-image-text-banner {
display: inline-block;
width: 100%;
background: #1c5075;
}
.ava-banner-image{
background-image: url('https://www.future.org/wp-content/uploads/2023/09/Reseach_banner.jpeg');
background-position: 15px -5px;
background-size: cover;
background-repeat: no-repeat;
height: 353.8px;
}
.ava-image-text-banner .ava-banner-image img {
width: 100%;
float: left;
}
.ava-image-text-banner .ava-banner-txt-wrap {
float: left;
}
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont {
display: table;
width: 100%;
min-height: 150px;
}
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt {
display: table-cell;
vertical-align: middle;
color: #ffffff;
padding: 15px;
}
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt h1 {
margin: 0px;
}
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt p {
max-height: 100%;
overflow: hidden;
font-size: 1.6vw;
margin-top: 0px;
color: #ededed;
}
.ava-image-text-banner .ava-banner-txt-wrap:before {
width: 135px;
height: 234px;
transform: skew(20deg);
background: #98c0d9;
content: "";
position: absolute;
right: -32%;
top: 120px;
}
.ava-image-text-banner .ava-banner-txt-wrap:after {
width: 100px;
height: 121px;
transform: skew(16deg);
background: #98c0d9;
content: "";
position: absolute;
right: -41%;
top: 0px;
}
.ava-image-text-banner .ava-banner-image:after {
width: 135px;
height: 200px;
transform: skew(20deg);
background: #00000036;
content: "";
position: absolute;
right: 62%;
top: 210px;
z-index: 9;
}
a.Explore-btn-box {
color: #fff;
text-decoration: none;
border: 1px solid #fff;
padding: 10px 20px;
border-radius: 20px;
font-weight: 500;
margin-top: 10px;
display: inline-block;
}
a.Explore-btn-box:hover {
background: #98c0d9;
color: #000;
}
@media (min-width: 768px) {
.ava-image-text-banner {
display: inline-block;
width: 100%;
background: #1c5075;
height: 260px;
}
.ava-image-text-banner .ava-banner-image {
border-right: 0;
float: right;
width: 64%;
height: 410px;
position: relative;
overflow: hidden;
}
.ava-image-text-banner .ava-banner-image img {
width: 100%;
float: left;
}
.ava-image-text-banner .ava-banner-txt-wrap {
float: left;
width: calc(50% – 20px) !important;
border-bottom: 354px solid #1c5075;
border-left: 0px solid transparent;
border-right: 95px solid transparent;
height: 0;
width: 45%;
position: absolute;
}
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont {
display: table;
width: 100%;
height: 410px;
}
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt {
display: table-cell;
vertical-align: middle;
padding: 0 35px 0 45px;
}
}
@media (min-width: 1200px) {
.ava-image-text-banner {
height: 354px;
}
.ava-image-text-banner .ava-banner-image {
height: 353.85px;
position: relative;
}
.ava-image-text-banner .ava-banner-image img {
width: 100%;
float: left;
}
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont {
height: 354px;
}
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt h1 {
font-size: 6vw;
font-weight: 300;
}
}
@media (max-width: 1170px) {
.ava-image-text-banner .ava-banner-txt-wrap:before {
width: 80px;
right: -28%;
}
.ava-image-text-banner .ava-banner-txt-wrap:after {
width: 60px;
right: -25%;
}
.ava-image-text-banner .ava-banner-image:after {
width: 80px;
right: 65%;
}
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt p {
font-size: 2vw;
}
}
@media (max-width: 1070px) {
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt p {
font-size: 2vw;
}
.ava-image-text-banner .ava-banner-txt-wrap:before {
width: 80px;
right: -30%;
}
.ava-image-text-banner .ava-banner-txt-wrap:after {
width: 60px;
right: -26%;
}
.ava-image-text-banner .ava-banner-image:after {
width: 80px;
right: 62%;
}
}
@media (max-width: 991px) {
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt p {
font-size: 2.4vw;
}
.ava-image-text-banner .ava-banner-txt-wrap:before {
width: 80px;
right: -34%;
}
.ava-image-text-banner .ava-banner-txt-wrap:after {
width: 60px;
right: -29%;
}
.ava-image-text-banner .ava-banner-image:after {
width: 80px;
right: 57%;
}
}
@media (max-width: 767px) {
.ava-image-text-banner .ava-banner-txt-wrap .ava-banner-txt-cont {
border-top: 20px solid #98c0d9;
}
.ava-image-text-banner .ava-banner-txt-wrap:before, .ava-image-text-banner .ava-banner-txt-wrap:after, .ava-image-text-banner .ava-banner-image:after{display:none;}
.ava-banner-image {
height: 100%;
overflow: hidden;
border-bottom: 20px solid #a3a3a3;
}
/*
.ava-banner-image {
height: 400px;
overflow: hidden;
}
.ava-image-text-banner .ava-banner-txt-wrap:before {
width: 60px;
right: 172px;
transform: skew(20deg);
rotate: -71deg;
margin-top: 119px;
height: 322px;
}
.ava-image-text-banner .ava-banner-txt-wrap:after {
width: 40px;
right: auto;
transform: skew(20deg);
rotate: -71deg;
margin-top: 181px;
left: 197px;
height: 361px;
}
.ava-image-text-banner .ava-banner-image:after {
width: 60px;
right: 19%;
transform: skew(20deg);
rotate: -71deg;
margin-top: 63px;
}
*/
}
@media (max-width: 550px) {
/*
.ava-image-text-banner .ava-banner-image:after {
width: 36px;
right: 19%;
transform: skew(20deg);
rotate: -71deg;
margin-top: -55px;
height: 141px;
}
.ava-image-text-banner .ava-banner-txt-wrap:before {
width: 40px;
right: 139px;
transform: skew(20deg);
rotate: -71deg;
margin-top: -1px;
height: 248px;
}
.ava-image-text-banner .ava-banner-txt-wrap:after {
width: 20px;
right: auto;
transform: skew(20deg);
rotate: -71deg;
margin-top: 111px;
left: 132px;
height: 224px;
}
.ava-banner-image {
height: 250px;
overflow: hidden;
}
}
*/
</style>
<div class="ava-main-container">
<div class="ms-Grid" style='padding-left:0 !important;padding-right:0 !important;'>
<div class="ms-Grid-row">
<div class="ms-Grid-col ms-u-sm12 ms-u-md12 ms-u-lg12" style='padding-left:0 !important;padding-right:0 !important;'>
<!– 1-column: –>
<div class="ava-image-text-banner">
<div class="ava-banner-image"></div>
<div class="ava-banner-txt-wrap">
<div class="ava-banner-txt-cont">
<div class="ava-banner-txt">
<h1 style="color: #fff !important;font-size: 5.5vw !important;text-align:left;">Research</h1>
<a class="Explore-btn-box" href="https://www.future.edu/research/" target='_blank' style='float:left;'>Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>” _made_with_builder=”true”][/raw_code]
[space xs_id=”f3354817″ height=”space-sm” display_desktop=”{"selected":"yes"}” display_medium=”yes” medium_height=”default” display_tablet=”yes” tablet_height=”default” display_phone=”yes” phone_height=”default” class=”” _array_keys=”{"display_desktop":"display_desktop"}” _made_with_builder=”true”][/space]
[raw_code text=”<style>
/* Fixed width layout Starts */
body {
font-family: Segoe UI Regular WestEuropean, Segoe UI, Tahoma, Arial, sans-serif;
}
.custom-btn2:hover {
background: #629fc4 !important;
}
*::after,
*::before {
box-sizing: border-box;
}
.ms-Grid {
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.ms-Grid-row {
margin: 0 -20px;
box-sizing: border-box;
}
.ms-Grid-col {
padding-left: 20px;
padding-right: 20px;
}
.ava-main-container-fluid {
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
.ava-main-container-fluid .ms-Grid-col {
padding-left: 0px;
padding-right: 0px;
}
.ava-main-container {
margin-left: auto;
margin-right: auto;
}
.ava-main-container::after,
.ava-main-container::before {
clear: both;
content: " ";
display: table;
}
/* Fixed width layout Ends */
/* ————–Container border style starts here————- */
.ava-cont-wrapper {
padding: 0px;
margin: 0px;
width: 100%;
}
.ava-cont-wrapper .ava-cont-border {
border: 10px solid #f7f7fb;
padding: 15px;
}
/* ———–For large device only—————– */
@media (min-width: 1200px) {
.ava-cont-wrapper .ava-cont-border {
border: 20px solid #f7f7fb;
padding: 15px 25px;
}
}
/* ————–Container border style End here————- */
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont .ava-banner-txt h1 {
font-size: 6vw;
font-weight: 300;
}
.ava-image-text-banner2 {
display: inline-block;
width: 100%;
background: #488f53;
}
.ava-banner-image2{
background-image: url('https://www.future.org/wp-content/uploads/2023/09/AdmissionsBanner.jpg');
background-position: 0 0;
background-size: cover;
background-repeat: no-repeat;
height: 353.8px !important;
}
.ava-image-text-banner2 .ava-banner-image2 img {
width: 100%;
float: left;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 {
float: right;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont {
display: table;
width: 100%;
min-height: 150px;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont .ava-banner-txt {
display: table-cell;
vertical-align: middle;
color: #ffffff;
padding: 15px;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont .ava-banner-txt h1 {
margin: 0px;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont .ava-banner-txt p {
max-height: 100%;
overflow: hidden;
font-size: 1.6vw;
margin-top: 0px;
color: #ededed;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:before {
width: 135px;
height: 234px;
transform: skew(-20deg);
background: #95e29a;
content: "";
position: absolute;
left: -26%;
top: 120px;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:after {
width: 100px;
height: 121px;
transform: skew(-16deg);
background: #95e29a;
content: "";
position: absolute;
left: -35%;
top: 0px;
}
.ava-image-text-banner2 .ava-banner-image2:after {
width: 135px;
height: 200px;
transform: skew(-20deg);
background: #00000036;
content: "";
position: absolute;
left: 67%;
top: 210px;
z-index: 9;
}
a.Explore-btn-box {
color: #fff;
text-decoration: none;
border: 1px solid #fff;
padding: 10px 20px;
border-radius: 20px;
font-weight: 500;
margin-top: 10px;
display: inline-block;
}
a.Explore-btn-box:hover {
background: #9cf19e;
color: #000;
}
@media (min-width: 768px) {
.ava-image-text-banner2 {
display: inline-block;
width: 100%;
background: #488f53;
height: 260px;
}
.ava-image-text-banner2 .ava-banner-image2 {
border-right: 0;
float: left;
width: 62%;
height: 410px;
position: relative;
overflow: hidden;
}
.ava-image-text-banner2 .ava-banner-image2 img {
width: 100%;
float: left;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 {
right: -20px;
width: calc(50% – 20px) !important;
border-bottom: 354px solid #488f53;
border-left: 95px solid transparent;
height: 0;
width: 45%;
position: absolute;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont {
display: table;
width: 100%;
height: 410px;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont .ava-banner-txt {
display: table-cell;
vertical-align: middle;
padding: 0 50px 0 70px;
}
}
@media (min-width: 1200px) {
.ava-image-text-banner2 {
height: 354px;
}
.ava-image-text-banner2 .ava-banner-image2 {
height: 410px;
position: relative;
}
.ava-image-text-banner2 .ava-banner-image2 img {
width: 100%;
float: left;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont {
height: 354px;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont .ava-banner-txt h1 {
font-size: 6vw;
font-weight: 300;
}
}
@media (max-width: 1170px) {
.ava-image-text-banner2 .ava-banner-txt-wrap2:before {
width: 80px;
right: -28%;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:after {
width: 60px;
right: -25%;
}
.ava-image-text-banner2 .ava-banner-image2:after {
width: 80px;
right: 65%;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont .ava-banner-txt p {
font-size: 2vw;
}
}
@media (max-width: 1070px) {
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont .ava-banner-txt p {
font-size: 2vw;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:before {
width: 80px;
right: -30%;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:after {
width: 60px;
right: -26%;
}
.ava-image-text-banner2 .ava-banner-image2:after {
width: 80px;
right: 62%;
}
}
@media (max-width: 991px) {
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont .ava-banner-txt p {
font-size: 2.4vw;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:before {
width: 80px;
right: -34%;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:after {
width: 60px;
right: -29%;
}
.ava-image-text-banner2 .ava-banner-image2:after {
width: 80px;
right: 57%;
}
}
@media (max-width: 767px) {
.ava-image-text-banner2 .ava-banner-txt-wrap2 .ava-banner-txt-cont {
border-top: 20px solid #9cf19e;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:before, .ava-image-text-banner2 .ava-banner-txt-wrap2:after, .ava-image-text-banner2 .ava-banner-image2:after{display:none;}
.ava-banner-image2 {
height: 100%;
overflow: hidden;
border-bottom: 20px solid #a3a3a3;
}
/*
.ava-banner-image2 {
height: 400px;
overflow: hidden;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:before {
width: 60px;
right: 172px;
transform: skew(20deg);
rotate: -71deg;
margin-top: 119px;
height: 322px;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:after {
width: 40px;
right: auto;
transform: skew(20deg);
rotate: -71deg;
margin-top: 181px;
left: 197px;
height: 361px;
}
.ava-image-text-banner2 .ava-banner-image2:after {
width: 60px;
right: 19%;
transform: skew(20deg);
rotate: -71deg;
margin-top: 63px;
}
*/
}
@media (max-width: 550px) {
/*
.ava-image-text-banner2 .ava-banner-image2:after {
width: 36px;
right: 19%;
transform: skew(20deg);
rotate: -71deg;
margin-top: -55px;
height: 141px;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:before {
width: 40px;
right: 139px;
transform: skew(20deg);
rotate: -71deg;
margin-top: -1px;
height: 248px;
}
.ava-image-text-banner2 .ava-banner-txt-wrap2:after {
width: 20px;
right: auto;
transform: skew(20deg);
rotate: -71deg;
margin-top: 111px;
left: 132px;
height: 224px;
}
.ava-banner-image2 {
height: 250px;
overflow: hidden;
}
}
*/
</style>
<div class="ava-main-container">
<div class="ms-Grid" style='padding-left:0 !important;padding-right:0 !important;'>
<div class="ms-Grid-row">
<div class="ms-Grid-col ms-u-sm12 ms-u-md12 ms-u-lg12" style='padding-left:0 !important;padding-right:0 !important;'>
<!– 1-column: –>
<div class="ava-image-text-banner2">
<div class="ava-banner-image2"></div>
<div class="ava-banner-txt-wrap2">
<div class="ava-banner-txt-cont">
<div class="ava-banner-txt">
<h1 style="color: #fff !important;font-size: 5.5vw !important;text-align: right;">Learning</h1>
<a class="Explore-btn-box custom-btn2" href="https://www.future.edu/admissions-and-aid/" target='_blank' style='float:right;'>Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>” _made_with_builder=”true”][/raw_code]
[space xs_id=”81b87625″ height=”space-sm” display_desktop=”{"selected":"yes"}” display_medium=”yes” medium_height=”default” display_tablet=”yes” tablet_height=”default” display_phone=”yes” phone_height=”default” class=”” _array_keys=”{"display_desktop":"display_desktop"}” _made_with_builder=”true”][/space]
[raw_code text=”<style>
/* Fixed width layout Starts */
body {
font-family: Segoe UI Regular WestEuropean, Segoe UI, Tahoma, Arial, sans-serif;
}
*::after,
*::before {
box-sizing: border-box;
}
.ms-Grid {
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
.ms-Grid-row {
margin: 0 -20px;
box-sizing: border-box;
}
.ms-Grid-col {
padding-left: 20px;
padding-right: 20px;
}
.ava-main-container-fluid {
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
.ava-main-container-fluid .ms-Grid-col {
padding-left: 0px;
padding-right: 0px;
}
.ava-main-container {
margin-left: auto;
margin-right: auto;
}
.ava-main-container::after,
.ava-main-container::before {
clear: both;
content: " ";
display: table;
}
/* Fixed width layout Ends */
/* ————–Container border style starts here————- */
.ava-cont-wrapper {
padding: 0px;
margin: 0px;
width: 100%;
}
.ava-cont-wrapper .ava-cont-border {
border: 10px solid #f7f7fb;
padding: 15px;
}
/* ———–For large device only—————– */
@media (min-width: 1200px) {
.ava-cont-wrapper .ava-cont-border {
border: 20px solid #f7f7fb;
padding: 15px 25px;
}
}
/* ————–Container border style End here————- */
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt h1 {
font-size: 6vw;
font-weight: 300;
}
.ava-image-text-banner3 {
display: inline-block;
width: 100%;
background: #949599;
}
.ava-banner-image3{
background-image: url('https://www.future.org/wp-content/uploads/2023/09/home-page-banner_img.jpg');
background-position: 15px 0;
background-size: cover;
background-repeat: no-repeat;
height: 353.8px;
}
.ava-image-text-banner3 .ava-banner-image3 img {
width: 100%;
float: left;
}
.ava-image-text-banner3 .ava-banner-txt-wrap {
float: left;
}
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont {
display: table;
width: 100%;
min-height: 150px;
}
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt {
display: table-cell;
vertical-align: middle;
color: #ffffff;
padding: 15px;
}
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt h1 {
margin: 0px;
}
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt p {
max-height: 100%;
overflow: hidden;
font-size: 1.6vw;
margin-top: 0px;
color: #ededed;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:before {
width: 135px;
height: 234px;
transform: skew(20deg);
background: #d4d4d2;
content: "";
position: absolute;
right: -32%;
top: 120px;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:after {
width: 100px;
height: 121px;
transform: skew(16deg);
background: #d4d4d2;
content: "";
position: absolute;
right: -41%;
top: 0px;
}
.ava-image-text-banner3 .ava-banner-image3:after {
width: 135px;
height: 200px;
transform: skew(20deg);
background: #00000036;
content: "";
position: absolute;
right: 62%;
top: 210px;
z-index: 9;
}
a.Explore-btn-box {
color: #fff;
text-decoration: none;
border: 1px solid #fff;
padding: 10px 20px;
border-radius: 20px;
font-weight: 500;
margin-top: 10px;
display: inline-block;
}
a.Explore-btn-box:hover {
background: #d4d4d2;
color: #000;
}
@media (min-width: 768px) {
.ava-image-text-banner3 {
display: inline-block;
width: 100%;
background: #949599;
height: 260px;
}
.ava-image-text-banner3 .ava-banner-image3 {
border-right: 0;
float: right;
width: 64%;
height: 410px;
position: relative;
overflow: hidden;
}
.ava-image-text-banner3 .ava-banner-image3 img {
width: 100%;
float: left;
}
.ava-image-text-banner3 .ava-banner-txt-wrap {
float: left;
width: calc(50% – 20px) !important;
border-bottom: 354px solid #949599;
border-left: 0px solid transparent;
border-right: 95px solid transparent;
height: 0;
width: 45%;
position: absolute;
}
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont {
display: table;
width: 100%;
height: 410px;
}
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt {
display: table-cell;
vertical-align: middle;
padding: 0 35px 0 45px;
}
}
@media (min-width: 1200px) {
.ava-image-text-banner3 {
height: 354px;
}
.ava-image-text-banner3 .ava-banner-image3 {
height: 353.85px;
position: relative;
}
.ava-image-text-banner3 .ava-banner-image3 img {
width: 100%;
float: left;
}
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont {
height: 354px;
}
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt h1 {
font-size: 6vw;
font-weight: 300;
}
}
@media (max-width: 1170px) {
.ava-image-text-banner3 .ava-banner-txt-wrap:before {
width: 80px;
right: -28%;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:after {
width: 60px;
right: -25%;
}
.ava-image-text-banner3 .ava-banner-image3:after {
width: 80px;
right: 65%;
}
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt p {
font-size: 2vw;
}
}
@media (max-width: 1070px) {
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt p {
font-size: 2vw;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:before {
width: 80px;
right: -30%;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:after {
width: 60px;
right: -26%;
}
.ava-image-text-banner3 .ava-banner-image3:after {
width: 80px;
right: 62%;
}
}
@media (max-width: 991px) {
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont .ava-banner-txt p {
font-size: 2.4vw;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:before {
width: 80px;
right: -34%;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:after {
width: 60px;
right: -29%;
}
.ava-image-text-banner3 .ava-banner-image3:after {
width: 80px;
right: 57%;
}
}
@media (max-width: 767px) {
.ava-image-text-banner3 .ava-banner-txt-wrap .ava-banner-txt-cont {
border-top: 20px solid #d4d4d2;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:before, .ava-image-text-banner3 .ava-banner-txt-wrap:after, .ava-image-text-banner3 .ava-banner-image3:after{display:none;}
.ava-banner-image3 {
height: 100%;
overflow: hidden;
border-bottom: 20px solid #a3a3a3;
}
/*
.ava-banner-image3 {
height: 400px;
overflow: hidden;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:before {
width: 60px;
right: 172px;
transform: skew(20deg);
rotate: -71deg;
margin-top: 119px;
height: 322px;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:after {
width: 40px;
right: auto;
transform: skew(20deg);
rotate: -71deg;
margin-top: 181px;
left: 197px;
height: 361px;
}
.ava-image-text-banner3 .ava-banner-image3:after {
width: 60px;
right: 19%;
transform: skew(20deg);
rotate: -71deg;
margin-top: 63px;
}
*/
}
@media (max-width: 550px) {
/*
.ava-image-text-banner3 .ava-banner-image3:after {
width: 36px;
right: 19%;
transform: skew(20deg);
rotate: -71deg;
margin-top: -55px;
height: 141px;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:before {
width: 40px;
right: 139px;
transform: skew(20deg);
rotate: -71deg;
margin-top: -1px;
height: 248px;
}
.ava-image-text-banner3 .ava-banner-txt-wrap:after {
width: 20px;
right: auto;
transform: skew(20deg);
rotate: -71deg;
margin-top: 111px;
left: 132px;
height: 224px;
}
.ava-banner-image3 {
height: 250px;
overflow: hidden;
}
}
*/
</style>
<div class="ava-main-container">
<div class="ms-Grid" style='padding-left:0 !important;padding-right:0 !important;'>
<div class="ms-Grid-row">
<div class="ms-Grid-col ms-u-sm12 ms-u-md12 ms-u-lg12" style='padding-left:0 !important;padding-right:0 !important;'>
<!– 1-column: –>
<div class="ava-image-text-banner3">
<div class="ava-banner-image3"></div>
<div class="ava-banner-txt-wrap">
<div class="ava-banner-txt-cont">
<div class="ava-banner-txt">
<h1 style="color: #fff !important;font-size: 5.5vw !important;text-align:left;">Action</h1>
<a class="Explore-btn-box" href="https://www.future.org/" target='_blank' style='float:left;'>Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>” _made_with_builder=”true”][/raw_code]
