.adaptability{ background:url("./trend-banner-2025.webp") no-repeat right center #000; background-size:cover; height:579px  }
.adaptability .banner-container{ padding:3.5rem 0;}
.featured-image{ padding-left:6%}
.adaptability .tile{ width:100%; color:#FFF}
.adaptability .sub-header{ padding-bottom:2.5rem; border-bottom:4px solid #FFF; margin-bottom:2.2rem}
.adaptability .sub-header .sub-title{ font-size: 1.25rem;font-weight: 600; letter-spacing: 1.125px; line-height: 1.3; text-transform: uppercase;}
.adaptability.banner .tile h1{font-size: 3rem; font-weight: 600; line-height: 1.25; margin-bottom: 0;}
.adaptability p.sub-title {
    font-size: 1.4rem;
    margin: 0 0 1.25rem;
}
.adaptability .sub_head_text{ margin-bottom:30px}
.adaptability .sub_head_text p, .adaptability .sub_head_text ul li{ font-size:1rem; margin-bottom:0px; padding-bottom:0}
.adaptability.services img{ width:auto; margin: 120px 0 0;}
.adaptibility_content p{ margin-bottom:25px}
.adaptibility_content .card{ padding: 1.25rem; text-align: center;}
.adaptibility_content .card img { border-radius: .875rem; display: inline-block; width: 100%;}
.featurette-section.gray { background-color: #efefef; background-image: none !important;}
.featurette-section {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3.5rem 0;
}
.calloutbar-section.downloads {
    background-position: 50%;
    background-size: 100% 100%;
    padding: 6rem 0;
}
.calloutbar-section.dark {
    background-color: #282a32;
}
.featurette-section.quote .featurette-body {
    padding-left: 2.5rem;
    position: relative;
    z-index: 3;
}
.featurette-section .row{ display:flex; align-items: center;}
.calloutbar-section.downloads h2.title {
    font-weight: 400;
    margin-bottom: 1.5rem;
	color:#FFF;
	font-size:1.5rem;
	text-align:center
}
.adaptibility_content .row{ margin-bottom:0}
.contact_social_wrapper{ position:relative !important; text-align:left !important; padding-top:10px}
.contact_social_wrapper a { width: 28px !important; height: 28px !important; background-size: 28px 28px !important; }
section.card-block.uf-embed { padding: 3.5rem 0; background-color: #efefef;}
section.uf-embed .section-header{ display:flex; justify-content: space-between; margin-bottom: 1.25rem;}
section.uf-embed .section-header .title {
    color: #67696f;
    font-family: Inter, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.23;
    text-transform: uppercase;
}
.button-text.blue{ display:inline-block; color: #386097; text-transform: uppercase;letter-spacing: 1.2px; font-size: 1.125rem; font-weight: 700; text-decoration:none}
.button-text.blue:hover{ color:#000}
.blog-listing{ margin-bottom:30px; display:flex; justify-content:center; height:350px; padding:0px; margin-left:-5px; margin-right:-5px}
.blog-listing li{ position:relative; display:inline-block; margin:0px 10px; border: 1px solid #979797; border-radius: 6px; width: 265px!important; height: 350px!important; overflow:hidden; }
.blog-listing li .img_container{position:relative;}
.blog-listing li .img_container img{ float: none; max-width: none; width: 100%;}
.blog-listing li .description {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 62%;
    background-color: #FFF;
	padding:20px 15px; -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
}
.blog-listing li .description a{ display:block; height:100%; text-decoration:none}
.blog-listing li:hover .description{ background-color:rgba(255,255,255,0.92); width:100%; height: 100%; bottom:0}
.blog-listing li .description h3{ margin-bottom:20px; font-size: 20px; line-height: 26px; font-weight: 400; color: #466ea5; text-decoration:none}
.blog-listing li .description h5.catagory{ margin-bottom:5px; font-size:14px; color: #c25700}
.blog-listing li .description p{opacity:0.3; transition:0.5s; font-size:16px; color:#000;}
.blog-listing li:hover .description p{opacity:1}
.blog-listing li .pagelink{top: auto; bottom: 0; width: 100%; display: block; position: absolute; background-color:#4d79ad; padding:18px 15px; font-size:16px; line-height:20px; font-weight:400; color:#FFF; text-decoration:none}
.blog-listing li .pagelink:hover{ background-color: #2d4970; color: #FFF;}
.workforcebtn {
    display: inline-block;
    position: relative;
    background: #e0690a;
    color: #FFF !important;
    font-size: 14px;
    line-height: 1.77;
    font-weight: 600 !important;
    padding: 12px 40px 12px 20px;
    border-radius: 35px;
    text-decoration: none !important;
    text-shadow: none;
    text-transform: uppercase;
    margin-right: 10px;
	transition: 0.3s;
}
.workforcebtn:hover{ background:#c25700}
.workforcebtn::after {
    content: "\2192" !important;
    display: inline-block;
    position: absolute;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    line-height: 22px;
    right: 17px;
    transition: 0.3s;
}
.workforcebtn:hover::after {
    padding-left: 12px;
}

.mb-4{ margin-bottom:2rem !important}
@media (max-width: 1200px) {
.adaptability{ height:635px}
.featured-image{ padding-left:0; text-align:center}
.adaptability .tile{ max-width:600px; margin:0px auto !important;}
.banner.services .banner-wrapper{ transform:none; top:0px; left:0px}
.adaptability .sub-header {
    padding-bottom: 1rem;
    border-bottom: 1px solid #FFF;
    margin-bottom: 0.5rem;
}
.adaptability.banner .tile h1 {font-size: 2.4rem;}
.adaptability p.sub-title{ font-size:1rem; margin:0}
.contact_social_wrapper{text-align:right !important; top: -34px; padding-top:0px}
.adaptability .banner-container { padding: 1rem 0;}
.adaptability .sub_head_text{ margin-bottom:10px}
.adaptability.services img{ margin:0px}
}
@media (max-width: 1024px) {
  .adaptability.banner.services .banner-wrapper {
        position: absolute;
        display: block;
        width: 100%;
        top: 0px;
        left: 0px;
        transform: none;
        background-color: transparent;
        border-bottom: none;
    }
	.banner.services .banner-wrapper .tile{ background-color:transparent; padding: 0px;}
	.adaptability.banner .tile h1, .adaptability p.sub-title, .home .banner .tile p{color:#FFF !important}
}
@media (min-width: 992px) {
    .offset-lg-1 { margin-left: 8.3333333333%;}
}
@media (max-width: 991px){
.service-link{font-size:14px; line-height:1.2 !important;}
.blog-listing{ flex-wrap:wrap; height:auto}
.blog-listing li{width: 50%!important; margin-bottom:20px}
}
@media (max-width: 767px){
.featurette-section .row{ display:block; text-align:center}
}
@media (max-width: 580px){
.blog-listing li{width: 100%!important;}

}