html {
            scroll-behavior: smooth;
        }

        @media (max-width: 1024px) {
            .brand a, .brand a:visited {
                font-size: 24px;
            }
        }

        .wrapper {
            z-index: 1;
        }

        .btn-primary {
            background-color: #003359;
        }

        .btn-primary:hover {
            background-color: #00aeef;
        }

        .contact-area h2, .subsection .contact-area h2 {
            margin-bottom: 22px;
            font-size: 22px;
        }

        .row.display-flex > [class*='col-'] {
            -webkit-box-flex: 1;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        }

        h2, h3, p, figure {
            position: relative;
        }

        .cta-bar-wrapper {
            background-position: bottom !important;
        }

        .contact-area h2:after, .subsection .contact-area h2:after {
            margin-top: 4px;
        }

        @media screen and (min-width: 720px) {
            .item.contact-box {
                top: 0;
            }

            .subsection:before {
                height: 285px;
            }
        }

        @media only screen and (min-width: 768px) {
            .banner-container {
                padding: 0 90px;
            }

         
        }

        @media only screen and (max-width: 768px) {
       

            .banner-container {
                padding: 0 50px;
            }
        }

        @media only screen and (max-width: 425px) {
            .banner-container {
                padding: 0 20px;
            }

           
        }

      

        .l-page h1, h2.main-title, h2.main-title strong, h3.main-title, h3.main-title strong, .contact-area h2, h3.team-title, h3.job-title {
            position: relative;
            font-family: 'Crimson Text', 'Georgia', serif !important;
            font-weight: 700 !important;
        }

        .banner-image img {
            max-width: 100%;
                width: unset;
            height: unset;
        }

        .banner-two {
            height: 850px;
            position: relative;
            overflow: hidden
        }


        .banner-two .banner-inner {
            z-index: 2;
            position: relative;
            padding-top: 200px
        }

        .banner-two .banner-content h1 {
            color: #fff;
            margin-left: 0;
            padding-left: 0;
        }

        .banner-two .banner-content .sub-title {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 20px;
            color: #82c342;
        }

        .banner-content p {
            max-width: 455px;
            font-size: 20px;
        }


        .banner-two .dz-media {
            -webkit-mask-image: url(/test/heather/images/image-mask.png);
            mask-image: url(/test/heather/images/image-mask.png);
            -webkit-mask-position: bottom center;
            mask-position: bottom center;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: 100%;
            mask-size: 100%;
            position: absolute;
            top: 0;
            right: 0;
            width: 40vw
        }

        .banner-two .img1 {
            position: absolute;
            left: -180px;
            top: 150px
        }

        @media only screen and (max-width: 1400px) {
            .banner-two .dz-media {
                width: 65vw
            }
        }

        @media only screen and (max-width: 1199px) {
            .banner-two {
                height: 850px
            }
        }

        @media only screen and (max-width: 991px) {
            .banner-two {
                height: auto
            }

            .banner-two .dz-media {
                position: relative;
                width: 100%;
                -webkit-mask-image: unset !important
            }

            .banner-two .banner-content {
                margin-bottom: 30px
            }

            .banner-two .banner-content h1 {
                font-size: 42px
            }
        }

        @media only screen and (max-width: 767px) {
            .banner-two .banner-inner {
                padding-top: 120px
            }
        }

        @media only screen and (max-width: 575px) {
            .banner-two .banner-content h1 {
                font-size: 32px
            }

            .banner-two .img2 {
                display: none
            }
        }

        .gradient {
            background: rgb(0, 39, 68);
            background: -moz-linear-gradient(114deg, rgba(0, 39, 68, 1) 0%, rgba(0, 51, 89, 1) 38%, rgba(0, 108, 158, 1) 70%, rgba(0, 174, 239, 1) 100%);
            background: -webkit-linear-gradient(114deg, rgba(0, 39, 68, 1) 0%, rgba(0, 51, 89, 1) 38%, rgba(0, 108, 158, 1) 70%, rgba(0, 174, 239, 1) 100%);
            background: linear-gradient(114deg, rgba(0, 39, 68, 1) 0%, rgba(0, 51, 89, 1) 38%, rgba(0, 108, 158, 1) 70%, rgba(0, 174, 239, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002744", endColorstr="#00aeef", GradientType=1);
            background-size: 100%;
        }

        .program-box {
            padding: 20px;
            position: relative;
            transition: 0.5s;

        }

        .program-box .program-box-inside {
            position: relative;
            padding: 33px 30px 15px 35px;
            box-shadow: 6px 5px 30px 0px rgb(0 0 0 / 25%);
            border-radius: 10px 10px 10px 10px;
            background: #FFFFFF;
            transition: all .5s;
            z-index: 1;
        }

        .program-box .program-box-inside .icon {
            width: 50px;
        }

        .program-box .program-box-inside h3.title {
            margin: 21px 0px 11px 0px;
            font-size: 30px;
            line-height: 36px;
            color: #222222;
            text-transform: none;
            transition: 0.4s;
            font-family: 'Crimson Text', 'Georgia', serif !important;
            font-weight: 700 !important;
        }

        p.stat-title {
            font-size: 30px;
            line-height: 36px;
            color: #fff;
            text-transform: none;
            transition: 0.4s;
            font-family: 'Crimson Text', 'Georgia', serif !important;
            font-weight: 700 !important;

        }

        .program-box .program-box-inside p {
            color: #616161;
            transition: 0.4s;
        }

        .program-box .program-box-inside p a {
            text-transform: uppercase;
            vertical-align: bottom;
            transition: .4s;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        .flex-column {
            justify-content: center;
            flex-direction: column;
        }


        .program-box:hover .program-box-inside {
            background: rgb(0, 39, 68);
            background: -moz-linear-gradient(114deg, rgba(0, 39, 68, 1) 0%, rgba(0, 51, 89, 1) 38%, rgba(0, 108, 158, 1) 70%, rgba(0, 174, 239, 1) 100%);
            background: -webkit-linear-gradient(114deg, rgba(0, 39, 68, 1) 0%, rgba(0, 51, 89, 1) 38%, rgba(0, 108, 158, 1) 70%, rgba(0, 174, 239, 1) 100%);
            background: linear-gradient(114deg, rgba(0, 39, 68, 1) 0%, rgba(0, 51, 89, 1) 38%, rgba(0, 108, 158, 1) 70%, rgba(0, 174, 239, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002744", endColorstr="#00aeef", GradientType=1);
            box-shadow: none;
        }

        .program-box:hover h3.title,
        .program-box:hover p,
        .program-box:hover p a {
            color: #fff;
        }

        .l-content .main-title:after {
            margin: 0 0 15px 0;
            border-bottom: 2px solid #00abeb;
        }

        .l-content .main-title.text-center:after {
            margin: 0px auto;
            border-bottom: 2px solid #00abeb;
        }

        .eyebrow {
            text-transform: uppercase !important;
            font-size: 14px;
            font-weight: bold;
            color: #000;
            letter-spacing: 2px;
        }

        .post-content p {
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .align-items-center {
            display: flex;
            align-items: center;

        }

        @media only screen and (max-width: 768px) {
            .align-items-center {
                display: block;
            }

            .row.display-flex {
                flex-direction: column;
            }
        }

        .team-item {
            margin-bottom: 90px;
        }

        .team-item .team-media img {
            border-radius: 10px 10px 10px 10px;
            position: relative;
            margin: auto;
            width: 100%;
            height: auto;
        }

        .team-item .team-info {
            padding: 20px 50px;
            transition: 0.4s;
            background: #fff;
            position: absolute;
            z-index: 1;
            left: 30px;
            bottom: -80px;
            width: calc(100% - 100px);
            min-height: 112px;
            border-radius: 5px;
            box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%);
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: 0.5s;
            flex-direction: column;
        }

        h3.team-title {
            font-size: 30px;
            line-height: 1.1;
            font-weight: 700;
            color: #222 !important;
        }

        .team-dept, p.team-dept {
            font-size: 14px;
            line-height: 1.4;
            font-weight: 700;
            transition: inherit;
            text-transform: uppercase;
            padding: 6px 0px 0px 0px;
            color: #5a5a5a !important;
            margin: 0;
            text-align: center;
        }

        @media only screen and (max-width: 1024px) {
            .team-item .team-info {
                padding: 20px;
            }

            h3.team-title {
                font-size: 26px;
            }
        }

        @media only screen and (max-width: 768px) {
            h3.team-title {
                font-size: 22px;
            }

            .team-item .team-info {
                width: 100%;
                left: 0;
				position: relative;
    bottom: 0;
	top:-10px;
            }
        }

        .job-box {
            margin-bottom: 30px;
            text-align: center;
        }

        .job-box-inner {
            width: 100%;
            position: relative;
            transition: .5s;
            z-index: 1;
			
            padding: 30px 20px;
            border: 1px solid #D6D6D6;
            border-radius: 10px;
            -webkit-transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
            transition: background .3s, border .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
            -o-transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
            transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
            transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-border-radius .3s, -webkit-box-shadow .3s;
        }
#joinus .job-box-inner {
		background:#fff;
		}
        h3.job-title {
            color: #232323;
            position: relative;
            z-index: 1;
            margin: 10px 0;
            font-size: 32px;
            line-height: 1.1;
            word-break: break-word;
            transition: 0.4s;
        }

        .job-box p {
            margin-bottom: 0;
        }

        .read-more-button {
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .read-more-button .fal {
            transform: rotate(-45deg);
            color: #00AEEF;
        }

        .job-box:hover .job-box-inner {
            border-color: rgba(0, 0, 0, 0);
            box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, 0.12);
        }

        section#joinus {
            padding-top: 65px;
        }

        .news-item figure img {
            border-radius: 10px;
        }

        a.link-tag {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 4;
        }

        .news-block.image-block .image img {
            display: none;
        }

        .news-block .lower-content {
            padding: 0 30px 10px 30px;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            align-content: end;
            align-self: flex-end;
            position: relative;
            z-index: 3;

        }

        .news-inner {
            width: 100%;
            position: relative;
            border-radius: 10px;
        }

        .news-block.image-block .news-inner:before {
            content: '';
            display: inline-block;
            width: 100%;
            top: 0;
            bottom: 0;
            right: 0;
            position: absolute;
            top: 0;
            border-radius: 5px;
            left: 0;
            background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgb(0 0 0 / 74%)), to(transparent));
            background: linear-gradient(to top, rgb(0 0 0 / 74%) 10%, transparent 100%);
            z-index: 1;
        }

        .news-block.image-block .lower-content {
            background: transparent;
        }

        .news-block h4, .news-block h4 a {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            opacity: 1;
            max-width: 400px;
        }

        .news-block.image-block h4, .news-block.image-block h4 a {
            color: #fff !important;
        }

        .news-block ul.post-info {
            list-style: none;
            padding-left: 0;
        }

        .news-block ul.post-info li {
            font-weight: bold;
        }

        .news-block ul.post-info li {
            color: #003359 !important;
        }

        .news-block.image-block ul.post-info li {
            color: #d0d0d0 !important;
        }

        .news-block .post-info li span {
            display: none;
        }

        .news-block .image {
            height: 250px;
        }

        h3.job-title span {
            display: block;
            line-height: 1;
            margin-bottom: 1rem;
            font-size: .6em;
            color: #00AEEF;
        }

        .team-profiles {
            margin-bottom: 2rem;
        }

        .team-profiles .eyebrow {
            letter-spacing: 0;
        }

        .team-profiles h3.job-title {
            font-size: 26px;
        }

        .divide30 {
            width: 100%;
            height: 15px;
        }

        .profile-img {
			position:relative;
            border-radius: 10px;
            overflow: hidden;
            height: 170px;
			aspect-ratio:1;
		    margin: 0 auto 20px auto;
			    z-index: 9;
        }

        ul.lab-items {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
        }

        .lab-items li a {
            display: inline-block;
            position: relative;
            z-index: 1;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            font-size: 24px;
            line-height: 50px;
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            vertical-align: middle;
            background: #ffffff;
            margin-left: 15px;
            box-shadow: 6px 5px 16px 0px rgb(0 0 0 / 15%);
            transition: 0.5s;
        }

        ul.lab-items:after {
            background-color: #00aee0;
            content: "";
            height: 1px;
            position: absolute;
            bottom: 25px;
            width: 87%;
            left: 20px;
			z-index:-1;

        }

        .lab-items i {
            color: #003359;
        }

        .lab-items li a:hover {
            background: #003359;
            box-shadow: none;
        }

        .lab-items li a:hover i {
            filter: grayscale(1) brightness(3.5);
        }

        p.quote {
            margin: 20px 0 0 0;
        }

        p.quote:before {
            font-family: 'Georgia';
            color: #ccc;
            content: "“";
            font-size: 4em;
            line-height: 0.1em;
            margin-right: 0.25em;
            vertical-align: -0.4em;
        }

        .profile-img img {

            height: 100%;
            object-fit: cover !important;
            object-position: top center;
            width: 100%;
        }

        .input-group {
            width: 100%;
            margin: 0 0 24px 0;
        }

        .quicksearch {
            border: 0;
            background: #fff;
            box-shadow: none;
            border-bottom: 3px solid #ddd;
            width: 100%;
            padding: 30px 20px;
            font-size: 18px;
        }

        .quicksearch:active, .quicksearch:focus {
            background: #fff;
            border-color: #00AEEF;
            box-shadow: none;
            outline: none;
        }
		ul.lab-items.no-line {margin-top:1rem;}
		ul.lab-items.no-line:after {
    display: none;
}
		#recruits .team-profiles .job-box-inner {
    background: #fff;
}
		
.Recruit .job-box-inner {
    background: #001f36;
}

.triba-ribbon {
position: absolute;
    padding: 3px 10px;
    background: #880e4f;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}