#fortris-page-builder #content {padding: 50px 0 30px;}
#fortris-page-builder #content .btn-gradient { background-color: #fff; }

#fortris-page-builder .side-image {height: 100%; object-fit: cover; width: 50vw; max-width: 130% !important; margin-left: 4vw; max-height: 28vw;}
#fortris-page-builder .side-image.left {margin-left: calc(-30% - 30px);}

#fortris-page-builder .side-image.large {min-height: 600px; max-width: 150% !important; margin-left: calc(-50% - 30px);}
#fortris-page-builder .side-image.small {max-height: 350px;}
#fortris-page-builder .constrain .side-image {max-width: 100% !important; margin-left: 0; min-height: 0;}

#fortris-page-builder .callout { background-color: #0193D8; padding: 140px 0; position: relative; }
#fortris-page-builder .callout > img { height: 100%; width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; object-fit: cover; }
#fortris-page-builder .callout h2 { color: #0193D8;  }
#fortris-page-builder .callout-box { padding: 30px; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.81) 100%); }
#fortris-page-builder .callout p {color: inherit; margin-bottom: 20px;}

#fortris-page-builder .hero img.small {max-height: 40vh; }
#fortris-page-builder .hero img.medium {max-height: 70vh; }
#fortris-page-builder .hero .title {position: absolute; width: 100%; height: 100%; top: 0; display: flex; align-items: center; align-content:center; flex-direction: column; justify-content: center}
#fortris-page-builder .hero { color: #fff; background: #000; position: relative; }
#fortris-page-builder .hero h1 { margin-bottom: 0; }
#fortris-page-builder .hero > img { width: 100%; object-fit: cover;}
.home #fortris-page-builder .hero > img { width: 100%; min-height: calc(100svh - 110px); object-fit: cover; opacity: .8; }
#fortris-page-builder .hero .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#fortris-page-builder .hero p { max-width: 650px; margin: auto; }

#fortris-page-builder .links a { position: relative; overflow: hidden; background-color: #000; }
#fortris-page-builder .links a:hover .link-img { opacity: .5; }
#fortris-page-builder .links .link-icon { width: 70px; height: 70px; object-fit: contain; margin-bottom: 20px; }
#fortris-page-builder .links .link-img { width: 100%; object-fit: cover; opacity: .4; transition: opacity .3s ease; height: 100%; position: absolute; top: 0; left: 0; }
#fortris-page-builder .links .link-inner { padding: 20px; color: #fff; align-items: center; font-family: "Roboto", sans-serif; font-size: 34px; font-weight: 300; display: flex; flex-direction: column; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; }
#fortris-page-builder .links .link-container { position: relative; width: 100%; padding-top: 66.67%; /* 3:2 aspect ratio */ }
#fortris-page-builder .links .link-item { display: flex; }

#fortris-page-builder .logos { margin: 60px auto 40px; }
#fortris-page-builder .logos a { margin: 0 15px 20px; }
#fortris-page-builder .logos img { max-height: 100px; max-width: 170px; }


.about img { position: absolute; left: 20px; top: -25%; }

.unipen { color: #fff; padding-bottom: 60px; background: linear-gradient(180deg, rgba(15, 45, 70, 0.00) 65.67%, rgba(15, 45, 70, 0.50) 100%), linear-gradient(90deg, #008FD9 0%, #00ECBC 100%); }
.unipen .btn { margin-top: 40px; }
.unipen p {width: 120%;}

.icons { padding-top: 60px; }
.icons [data-toggle="collapse"] { display: inline-block; position: relative; transition: color .3s ease; cursor: pointer; font-weight: inherit; color: #0193D8; outline: 0; padding: 0; padding-right: 34px; background: transparent; margin: 0; border: none; }
.icons [data-toggle="collapse"].p-n { pointer-events: none; }
.icons [data-toggle="collapse"].p-n:after { content: none !important; }
.icons [data-toggle="collapse"]:after { content: ''; transition: .3s ease; width: 24px; height: 24px; right: 0; top: 50%; transform: translateY(-50%); position: absolute; background-size: 24px; background-position: center center; background-repeat: no-repeat; background-image: url('../img/arrow-expand.svg'); }
.icons [data-toggle="collapse"]:hover:after { top: 60%; }
.icons [aria-expanded="true"]:after { transform: translateY(-50%) scaleY(-1); }
.icons [aria-expanded="true"]:hover:after { top: 40%; }
.icons #collapse-select { position: absolute; left: 0; top: 100%; list-style-type: none; color: #0193D8; }
.icons #collapse-select button { transition: color .3s ease; outline: 0; color: inherit; padding: 0; margin: 0; border: 0; background: transparent; font-weight: inherit; }
.icons #collapse-select button:hover { color: #00ECBC; }
.icons #collapse-select [aria-selected="true"] { display: none; }
.icons-item { margin-bottom: 80px; }
.icons-item p { margin-bottom: 10px; max-width: 240px; }
.icons-item img { margin-bottom: 15px; height: 40px; width: 40px; object-fit: contain; }

#fortris-page-builder .news { overflow: hidden; }
#fortris-page-builder .news-slider .slick-arrow { display: none }
#fortris-page-builder .news-slider .slick-list { overflow: visible; margin: 0 -35px; }
#fortris-page-builder .news-slider .slick-slide { padding: 0 35px; transition: opacity .3s ease; }
#fortris-page-builder .news-slider .slick-slide:not(.slick-active) { opacity: .2; }


#fortris-page-builder #accordion {padding: 45px 0;}
#fortris-page-builder #accordion .card {margin-bottom: 10px; border: none}
#fortris-page-builder #accordion .card-header {background: #EFEFEF; border: none; box-shadow: none; outline: none; position: relative; outline: none;}
#fortris-page-builder #accordion h2 {font-size: 20px; margin-bottom: 0;  margin: 0; padding: 0; }
#fortris-page-builder #accordion h2 button {display: block; color: #222; font-size: 22px; margin: 0; padding: 0; text-decoration: none; position: relative;}
#fortris-page-builder #accordion h2 button:hover {}
#fortris-page-builder #accordion .card i {position: absolute; color: #222; right: 0; top: 5px; font-size: 20px; transform: rotate(-90deg); }
#fortris-page-builder #accordion .card .collapsed i {transform: rotate(90deg); top: 5px; }



@media (min-width: 768px) and (max-width: 991px) {
	/* Tablet-specific styles for links */
	#fortris-page-builder .links .link-item {width: 50%; max-width: 50%; flex: 0 0 50%;}
	#fortris-page-builder .links .link-inner {font-size: 28px;}
}

@media (max-width: 767px) {
	#fortris-page-builder #content {padding: 30px 0;}

	/* Responsive links for mobile */
	#fortris-page-builder .links .link-item {width: 100%; max-width: 100%; flex: 0 0 100%;}
	#fortris-page-builder .links .link-inner {font-size: 24px;}
}