@charset "utf-8";


/*  
     ⤵︎                                         MOBILE DEVICES
*/
@media (pointer: coarse), (max-width: 980px) {

}
/* 
     ⤵︎                                         
*/
@media (min-width: 1920px) {
    /*
         ⤵︎ =============  HOMEPAGE
    */
    #home-hero video,
    #home-hero img.bg {
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        width: 100vw;
        height: 100vh;
    }
    section.case-studies .slider {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
}
/* 
     ⤵︎                                         
*/
@media (min-width: 1440px) {
    /*
         ⤵︎ =============  HOMEPAGE
    */
    #home-hero .col.images {
        overflow: inherit;
    }
}
/*  
     ⤴︎ =============  end HOMEPAGE
*/
/*
     ⤵︎                                         1800px >=x
*/
@media screen and (max-width:1960px) {
    section.services .slider .swiper-button-next{right:77px;}
}

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

}
/*
     ⤴︎
*/
/*
     ⤵︎                                         1579px >=x
*/
@media screen and (max-width:1579px) {
    /*
         ⤵︎ =============  SERVICES page
    */
    .services-pg .intro .d-img .img {
        width: 50vw;
    }
    /*
         ⤴︎ =============  end SERVICES page
    */
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         1399px >=x
*/
@media screen and (max-width:1399px) {
    /*
         ⤵︎ =============  SERVICES page
    */
    .img-w-text .outer-wrapper {
        padding-left: 0;
    }
    .memb-profile .avatar .bg-img {
        margin-left: 0;
    }
    .img-w-text .single.row {
        width: 86%;
    }
    .img-w-text .single.row.row-cols-1>* {
        max-width: 1098px;
        padding-left: 0;
        padding-right: 0;
    }
    .services-pg .intro .d-img {
        right: -10vw;
    }
    /*
         ⤴︎ =============  end SERVICES page
    */
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         1366px >=x
*/
@media screen and (max-width:1366px) {
    .img-w-text .single.row {
        width: 100%;
    }
    .img-w-text .single.row.row-cols-1>* {
        max-width: 1082px;
    }
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         1280px >=x
*/
@media screen and (max-width:1280px) {
    .img-w-text .single.row.row-cols-1>* {
        max-width: 1040px;
    }

    /*
         ⤵︎ =============  SERVICES page
    */
    .services-pg .intro .d-img .img {
        width: 55vw;
    }
    /*
         ⤴︎ =============  end SERVICES page
    */
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         1279px >=x
*/
@media screen and (max-width:1279px) {
    /*
         ⤵︎ =============  HOMEPAGE
    */
    #home-hero .col.text {
        max-width: 608px;
        font-size: 0.875em;
    }
    section.services .slider,
    section.case-studies {
        padding-left: 48px;
    }
    section.case-studies .slider .text-col {
        width: 520px;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
    /*
         ⤵︎ =============  FOOTER
    */
    #footer .top .col.logo {
        width: 26%;
    }
    /*
         ⤴︎ =============  end FOOTER
    */

    section.services .slider .swiper-button-next{right:48px;}
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         1199px >=x
*/
@media screen and (max-width:1199px) {
    /*
         ⤵︎ =============  HOMEPAGE
    */
    #home-hero .col.text {
        left: 2%;
    }
    #home-hero h1 {
        font-size: 4.5em;
    }
    #home-hero h2 {
        font-size: 3.125em;
    }
    section.case-studies .slider .d-img video,
    section.case-studies .slider .d-img img {
        height: 478px;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
    /*
         ⤵︎ =============  SERVICES page
    */
    .services-list .container-fluid {
        max-width: 1032px;
    }
    .img-w-text .single.row.row-cols-1>* {
        max-width: 1000px;
    }
    /*
         ⤴︎ =============  end SERVICES page
    */
    /*
         ⤵︎ =============  DIRECTORY page
    */
    .dir-search {
        --bs-gutter-x: 8px;
    }
    .dir-list .row {
        --bs-gutter-x: 1rem;
    }
    .dir-list .col {
        margin-bottom: 1.125rem;
    }
    /*
         ⤴︎ =============  end DIRECTORY page
    */
    /*
         ⤵︎ =============  NEWS page
    */
    .posts-entries .feat-post a h1 {
        font-size: 2em;
    }
    .posts-entries .feat-post a p {
        font-size: 1.125em;
    }
    .posts-entries .entries .post a h1 {
        font-size: 1.375em;
    }
    .posts-entries .options .filters nav a {
        padding: 19px 20px;
    }
    .posts-entries .options .search {
        flex: 0 0 302px;
    }
    /*
         ⤴︎ =============  end NEWS page
    */
    /*
         ⤵︎ =============  SINGLE POST page
    */
    .single-post .intro {
        padding: 42px 0 66px;
    }
    /*
         ⤴︎ =============  end SINGLE POST page
    */
    /*
         ⤵︎ =============  CAREERS page
    */
    .careers-pg .main {
        background-position: right 20vw;
    }
    /*
         ⤴︎ =============  end CAREERS page
    */
    /*
         ⤵︎ =============  CONTACT page
    */
    .img-w-text h2 {
        font-size: 1.75em;
    }
    /*
         ⤴︎ =============  end CONTACT page
    */
    /*
         ⤵︎ =============  FOOTER
    */
    #footer .top .col.logo {
        width: 20%;
    }
    #footer .top .col:nth-child(2), #footer .top .col:nth-child(3) {
        padding: 0 1.5rem;
    }
    #footer .top .col:nth-child(4) {
        padding-left: 1.5rem;
        width: 25%;
    }
    /*
         ⤴︎ =============  end FOOTER
    */
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         1096px >=x
*/
@media screen and (max-width:1096px) {
    /*
         ⤵︎ =============  HEADER
    */
    #header .col.logo {
        flex: 0 1 96px;
        padding: 3px 0;
    }
    /*
         ⤴︎ =============  end HEADER
    */
    /*
         ⤵︎ =============  HOMEPAGE
    */
    #home-hero .col.images {
        left: 0;
        flex: 0 0 488px;
        height: 568px;
    }
    #home-hero .col.images .img-1 {
        left: 0;
        width: 328px;
        height: 328px;
    }
    #home-hero .col.images .img-2 {
        width: 224px;
        height: 224px;
    }
    #home-hero .col.images .img-3 {
        width: 248px;
        height: 248px;
    }
    section.about {
        padding: 48px 0 84px;
    }
    /*section.about .intro {*/
    /*     margin: -55px auto 76px;*/
    /*}*/
    section.about .intro {
        margin: 0 auto 76px;
    }
    section.about .intro p {
        max-width: 918px;
        font-size: 1.5em;
    }
    section.about .intro p.feat {
        font-size: 1.125em;
    }
    section.about div.feat a.item {
        margin-bottom: 3rem;
        max-width: 296px;
        font-size: 0.875em;
    }
    section.about div.feat .item .num {
        padding-bottom: 12px;
        margin-bottom: 14px;
        font-size: 3.5em;
    }
    section.about div.feat .item .num small {
        font-size: 0.5em;
    }
    section.services .slider {
        padding-bottom: 72px;
    }
    section.services .slider a.item .bg-img {
        top: 11px;
        bottom: 11px;
        left: 11px;
        right: 11px;
    }
    section.services .slider a.item {
        width: 296px;
    }
    section.services .slider a.item h1 {
        font-size: 1.5em;
    }
    section.case-studies {
        padding-top: 60px;
    }
    section.case-studies .slider .text-col {
        width: 432px;
    }
    section.case-studies .slider .d-img video,
    section.case-studies .slider .d-img img {
        height: 386px;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
    /*
         ⤵︎ =============  SERVICES page
    */
    .services-list .container-fluid {
        max-width: 972px;
    }
    .services-pg .intro .d-img {
        right: -5vw;
    }
    .services-pg .intro .d-img .img {
        width: 54vw;
    }
    /*
         ⤴︎ =============  end SERVICES page
    */
    /*
         ⤵︎ =============  DIRECTORY page
    */
    .dir-list .item {
        padding: 18px 18px 66px 18px;
    }
    .dir-list .item .footer {
        position: absolute;
        bottom: 18px;
        left: 18px;
        right: 18px;
    }
    /*
         ⤴︎ =============  end DIRECTORY page
    */
    /*
         ⤵︎ =============  PROFILE page
    */
    .profile-pg .body {
        font-size: 1em;
    }
    /*
         ⤴︎ =============  end PROFILE page
    */
    /*
         ⤵︎ =============  CAREERS page
    */
    .careers-pg .main {
        padding: 72px 0 66px;
    }
    .careers-pg .intro {
        margin-bottom: 72px;
    }
    /*
         ⤴︎ =============  end CAREERS page
    */
    /*
         ⤵︎ =============  FOOTER
    */
    #footer .top .col.logo {
        width: 20%;
    }
    #footer .top .col.logo img {
        width: 78px;
    }
    /*
          ⤴︎ =============  end FOOTER
    */

}
/*
     ⤴︎
*/
/*
     ⤵︎                                         1024px >=x
*/
@media screen and (max-width:1024px) {
    .img-w-text .single.row {
        padding-top: 0;
    }
    .img-w-text .single.row.row-cols-1>* {
        max-width: 912px;
    }
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         991px >=x
*/
@media screen and (max-width:991px) {
    /*
         ⤵︎ =============  HEADER
    */
    #header .navbar-nav {
        --bs-navbar-nav-link-padding-x: 6px;
        margin-right: 30px;
    }
    .navbar-brand {
        margin-right: 12px;
    }
    #header .col.logo {
        flex: 0 1 76px;
    }
    #header .navbar-nav .nav-item.dropdown {
        padding-right: 16px;
    }
    #header .navbar-nav .nav-item {
        position: relative;
        margin: auto 4px;
    }
    /*
         ⤴︎ =============  end HEADER
    */
    /*
         ⤵︎ =============  HOMEPAGE
    */
    #home-hero .col.images {
        flex: 0 0 387px;
        height: 480px;
    }
    #home-hero h1 {
        font-size: 4.125em;
    }
    #home-hero .slide h2 {
        font-size: 2.5em;
    }
    #home-hero .col.images .img-1 {
        width: 260px;
        height: 260px;
    }
    #home-hero .col.images .img-2 {
        width: 196px;
        height: 196px;
    }
    #home-hero .col.images .img-3 {
        width: 212px;
        height: 212px;
    }
    section.about .intro p {
        max-width: 716px;
        font-size: 1.375em;
    }
    section.about div.feat a.item {
        margin-bottom: 2.25rem;
        font-size: 0.75em;
    }
    section.case-studies .slider .text-col {
        width: 368px;
    }
    section.case-studies .slider h1 {
        font-size: 2em;
    }
    section.services .slider,
    section.case-studies {
        padding-left: 0.75rem;
    }
    /*section.services .slider .swiper-button-next, */
    /*section.services .slider .swiper-button-prev,*/

    section.case-studies .slider .swiper-button-next,
    section.case-studies .slider .swiper-button-prev {
        width: 60px;
        height: 60px;
    }
    /*section.services .slider .swiper-button-next:after, */
    /*section.services .slider .swiper-button-prev:after, */
    section.case-studies .slider .swiper-button-next:after,
    section.case-studies .slider .swiper-button-prev:after {
        width: 18px;
        height: 18px;
    }
    /*section.services .slider .swiper-button-next {*/
    /*     top: calc(50% - 62px);*/
    /*}*/
    /*section.services .slider .swiper-button-prev {*/
    /*     bottom: calc(50% - 62px);*/
    /*}*/
    section.case-studies .slider .swiper-button-prev {
        bottom: calc(50% - 172px);
    }
    section.case-studies .slider .d-img video,
    section.case-studies .slider .d-img img {
        height: 396px;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
    /*
         ⤵︎ =============  SERVICES page
    */
    .img-w-text .outer-wrapper {
        max-width: inherit;
    }
    .img-w-text .single.row.row-cols-1>* {
        max-width: inherit;
    }
    .services-list .col.list {
        max-width: 362px;
    }
    .services-list .col.info .item {
        padding-left: 12%;
    }
    .services-pg .gallery {
        padding: 72px 0;
    }
    .gallery .swiper-button-next,
    .gallery .swiper-button-prev {
        left: 1.875rem;
        width: 60px;
        height: 60px;
    }
    .gallery .swiper-button-next {
        top: calc(50% - 62px);
    }
    .gallery .swiper-button-prev {
        bottom: calc(50% - 62px);
    }
    .gallery .swiper-button-next:after,
    .gallery .swiper-button-prev:after {
        width: 18px;
        height: 18px;
    }
    .memb-profile.container-fluid,
    .comp-profile.container-fluid {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .memb-profile .info .box {
        padding: 36px 24px;
        margin-left: 0;
    }
    .memb-profile .avatar {
        flex: 0 0 254px;
    }
    .comp-profile .info .outer-wrapper {
        padding-left: 0;
    }
    /*
         ⤴︎ =============  end SERVICES page
    */
    /*
         ⤵︎ =============  DIRECTORY page
    */
    .dir-search {
        --bs-gutter-x: 6px;
        padding: 3rem 0 0;
    }
    .dir-search .col {
        flex: 0 0 calc((100% - 58px) / 4);
    }
    .dir-search .form-control {
        padding: 14px 12px;
    }
    .dir-search .dropdown-item {
        padding: 6px 12px;
    }
    .dir-search .dropdown-header {
        padding-left: 12px;
        padding-right: 12px;
    }
    .dir-search .form-control.dropdown-toggle {
        padding-right: 24px;
    }
    .dir-search .dropdown-toggle:after {
        right: 9px;
    }
    .dir-search button.btn {
        width: 52px;
        height: 52px;
    }
    .dir-search .col.button {
        flex: 0 0 58px;
    }
    /*
         ⤴︎ =============  end DIRECTORY page
    */
    /*
         ⤵︎ =============  PROFILE page
    */
    .profile-pg .hero {
        padding-bottom: 48px;
    }
    .profile-pg .hero .col.info {
        font-size: 0.938em;
    }
    .profile-pg .hero .col.img {
        flex: 0 0 312px;
        padding-right: 0;
    }
    .profile-pg .body .box {
        padding: 36px 0 36px 24px;
    }
    .profile-pg .body .box:first-child {
        padding-top: 60px;
    }
    .profile-pg .body aside.col {
        flex: 0 0 272px;
        padding-top: 60px;
    }
    .profile-pg aside .link-options a {
        margin-bottom: 6px;
    }
    /*
         ⤴︎ =============  end PROFILE page
    */
    /*
         ⤵︎ =============  NEWS page
    */
    .posts-entries .feat-post a {
        padding: 15px 9px;
        margin-bottom: 66px;
    }
    .posts-entries .feat-post .img.col {
        flex: 0 1 54%;
    }
    .posts-entries .feat-post a p.date,
    .posts-entries .entries .post a p.date {
        margin-bottom: 6px;
        font-size: 0.938em;
    }
    .posts-entries .feat-post a h1 {
        font-size: 1.5em;
    }
    .posts-entries .feat-post a p {
        font-size: 1em;
    }
    .posts-entries .options .filters nav a {
        padding: 17px 14px;
    }
    .posts-entries .options .search {
        flex: 0 0 224px;
    }
    #search-posts {
        padding: 18px 20px 18px 44px;
    }
    .posts-entries .entries {
        --bs-gutter-x: 0.75rem;
    }
    .posts-entries .entries .col {
        margin-bottom: 0.75rem;
    }
    .posts-entries .entries .post a {
        padding: 9px 9px 24px 9px;
    }
    .posts-entries .entries .post a h1 {
        font-size: 1.125em;
    }
    .posts-entries .entries .post a p.date,
    .posts-entries .entries .post a h1 {
        padding: 0 6px;
    }
    /*
         ⤴︎ =============  end NEWS page
    */
    /*
         ⤵︎ =============  SINGLE POST page
    */
    .related-posts .posts-entries .entries .post a {
        padding: 9px 9px 24px 9px;
    }
    /*
         ⤴︎ =============  end SINGLE POST page
    */
    /*
         ⤵︎ =============  CAREERS page
    */
    .img-w-text .reversed .outer-wrapper {
        max-width: inherit;
        margin-left: 0;
    }
    /*
         ⤴︎ =============  end CAREERS page
    */
    /*
         ⤵︎ =============  CONTACT page
    */
    .contact-pg .main {
        padding: 60px 0 72px;
        background-size: 80vw auto;
    }
    .contact-pg .img-w-text .outer-wrapper {
        max-width: inherit;
        margin: auto;
        padding-bottom: 1rem;
    }
    /*
         ⤴︎ =============  end CONTACT page
    */
    /*
         ⤵︎ =============  SERVICES LANDING page
    */
    .services_landing-pg .services-list .wrapper .row {
        --bs-gutter-x: 1.5rem;
    }
    /*
         ⤴︎ =============  end SERVICES LANDING page
    */
    /*
         ⤵︎ =============  ABOUT page
    */
    .about-pg .content {
        padding-top: 74px;
        background-position: right 23vw;
    }
    .about-pg .img-w-text .reversed .outer-wrapper {
        margin-left: auto;
    }
    .about-pg .img-w-text .outer-wrapper {
        max-width: inherit;
        margin-right: auto;
    }
    .about-pg .img-w-text {
        padding-bottom: 96px;
    }
    .about-pg .feat-text .wrapper {
        max-width: 680px;
        padding-bottom: 72px;
        font-size: 1.5em;
    }
    section.industries .container-fluid {
        padding-top: 72px;
    }
    section.industries a.item .overlay,
    section.industries a.item .hover-state .inner-wrapper {
        padding: 24px;
    }
    section.industries a.item .overlay h1,
    section.industries a.item .hover-state h2 {
        font-size: 1.5em;
    }
    section.industries a.item .hover-state p {
        font-size: 1.125em;
    }
    /*
         ⤴︎ =============  end ABOUT page
    */
    /*
         ⤵︎ =============  FOOTER
    */
    #footer .container-fluid {
        padding-top: 2rem;
        background-size: 640px auto;
    }
    #footer .top .col.logo {
        width: 100%;
        padding-bottom: 2rem;
    }
    #footer .top .col.logo img {
        width: 72px;
    }
    #footer .top .col:nth-child(2),
    #footer .top .col:nth-child(3) {
        padding: 0 calc(var(--bs-gutter-x) * .5);
    }
    #footer .top .col:nth-child(4) {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    /*
         ⤴︎ =============  end FOOTER
    */

    section.services .slider .swiper-button-next{right:12px;}
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         767px >=x
*/
@media screen and (max-width:767px) {
    /*
         ⤵︎ =============  HEADER
    */
    .navbar-toggler {
        border: 1px solid #008B9C;
        background-color: rgba(0,0,0,0.3);
        border-radius: 2px;
        padding: 1.5rem 1rem;
        margin-right: 24px;
        display: block;
        -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .navbar-toggler:hover {
        border: 1px solid #fff;
        background-color: rgba(0,0,0,0.5);
    }
    .navbar-toggler-icon {
        display: block;
        position: relative;
        width: 36px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
    }
    .navbar-toggler-icon:before,
    .navbar-toggler-icon:after {
        position: absolute;
        left: 0;
        width: 36px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        content: '';
    }
    .inner-page .navbar-toggler-icon,
    .inner-page .navbar-toggler-icon:before,
    .inner-page .navbar-toggler-icon:after {
        background: #000;
    }
    .navbar-toggler-icon:before {
        top: -9px;
    }
    .navbar-toggler-icon:after {
        bottom: -9px;
    }
    #header .offcanvas {
        --bs-offcanvas-color: #fff;
        --bs-offcanvas-bg: rgba(0, 0, 0, 0.97);
        --bs-offcanvas-width: 480px;
        --bs-offcanvas-padding-x: 1rem;
        --bs-offcanvas-padding-y: 1rem;
        --bs-offcanvas-border-width: 0;
        --bs-offcanvas-box-shadow: var(--bs-box-shadow-lg);
        width: 100vw;
        max-width: var(--bs-offcanvas-width);
    }
    #header .btn-close {
        --bs-btn-close-color: #fff;
        --bs-btn-close-bg: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-x-lg" viewBox="0 0 16 16"%3E%3Cpath d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/%3E%3C/svg%3E');
        --bs-btn-close-opacity: 1;
        --bs-btn-close-hover-opacity: 0.75;
        --bs-btn-close-focus-shadow: none;
        width: 1em;
        height: 1em;
        padding: 0.25em 0.25em;
        border: 0;
        background-size: contain;
    }
    #header .navbar-nav {
        max-width: 244px;
        margin: auto auto 24px auto;
        border: 0;
        padding-bottom: 24px;
        padding-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    #header .navbar-nav .nav-link {
        display: inline-block;
    }
    #header .navbar-nav .nav-item {
        margin: 6px 9px;
    }
    #header .dropdown-menu {
        --bs-dropdown-min-width: 100%;
        background: transparent;
        box-shadow: none;
    }
    #header .dropdown-item {
        display: inline-block;
        width: 100%;
        background-color: transparent !important;
    }
    #header .ftr {
        max-width: 244px;
        margin: auto;
    }
    #header .ftr a.submit.btn-primary {
        display: block;
    }
    /*
         ⤴︎ =============  end HEADER
    */
    /*
         ⤵︎ =============  DIRECTORY page
    */
    .dir-search {
        --bs-gutter-x: 12px;
        padding: 1.875rem 0 0;
    }
    .directory-pg .hero {
        padding-bottom: 1.25rem;
    }
    .directory-pg .hero h1 {
        padding-top: 1.5rem;
    }
    .dir-search .col {
        flex: 0 0 50%;
        margin-bottom: 12px;
    }
    .dir-search .dir-name-col {
        flex: 0 0 100%;
    }
    .dir-search .col.button {
        flex: 0 0 100%;
    }
    .dir-search button.btn {
        display: block;
        width: 100%;
        height: auto;
        padding: 14px 12px;
        border-radius: 10px;
        font-size: 1em;
        line-height: 1.5;
        text-align: center;
    }
    .dir-search button.btn img {
        position: static !important;
        transform: none !important;
        width: 16px;
        margin-right: 6px;
    }
    /*
         ⤴︎ =============  end DIRECTORY page
    */
    /*
         ⤵︎ =============  HOMEPAGE
    */
    #home-hero .col.text {
        flex: 1 1 100%;
        max-width: inherit;
        padding: 3rem 1.5rem 1.5rem;
        text-align: center;
    }
    #home-hero .col.images {
        overflow: initial;
        margin: auto auto 12px auto;
    }
    /*section.about .intro {*/
    /*     margin: -42px auto 72px;*/
    /*}*/
    section.about .intro {
        margin: 0 auto 72px;
    }
    section.services .slider {
        padding-bottom: 66px;
    }
    section.services .slider a.item {
        width: 260px;
    }
    section.services .slider a.item h1 {
        padding: 24px 30px;
    }
    section.case-studies .slider h1 {
        font-size: 1.75em;
    }
    section.case-studies {
        padding-top: 48px;
    }
    section.case-studies .slider .swiper-button-next {
        bottom: calc(50% - 78px);
    }
    section.case-studies .slider .swiper-button-prev {
        bottom: calc(50% - 146px);
    }
    section.case-studies .slider .d-img video,
    section.case-studies .slider .d-img img {
        height: 360px;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
    /*
         ⤵︎ =============  SERVICES page
    */
    .hero {
        min-height: 368px;
        padding: 120px 0 60px;
    }
    .hero h1 {
        font-size: 2.25em;
    }
    .services-pg .intro {
        padding: 66px 0 96px;
    }
    .img-w-text .single.row {
        padding-top: 2.25rem;
    }
    .img-w-text .outer-wrapper {
        padding-bottom: 2rem;
        text-align: center;
    }
    .img-w-text .col.img .image {
        right: -30px;
    }
    .services-list {
        background-size: 85vw auto;
    }
    .services-list .col.list {
        display: none;
    }
    .services-list .col.info {
        max-width: inherit;
    }
    .services-list .col.info .item {
        display: block;
        max-width: 518px;
        margin: auto;
        padding-right: 0;
        padding-left: 0;
    }
    .services-list .col.info .item .wrapper {
        display: none
    }
    .services-list .col.info .item h2.title {
        display: block;
        padding: 24px 0;
        margin-bottom: 0;
        border-bottom: 2px solid #F26511;
        font-size: 1.2em;
        line-height: 1.2em;
        font-weight: 400;
        color: #293A31;
        cursor: pointer;
    }
    .services-list .col.info .item h2.title span {
        position: relative;
        display: block;
        padding-right: 48px;
        /*background: url(../images/icon-arrow-link.svg) right top no-repeat;*/
        /*background-size: 19px auto;*/
    }


    .services-list .col.info .item h2.title span::after {
        content:'';
        height:19px;
        width:19px;
        display: block;
        position: absolute;
        top:50%;
        right:0;
        transform:translate(0, -50%) rotate(0deg);
        background-image: url(../images/icon-plus-teal.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out;
    }

    .services-list .col.info .item.opened h2.title span::after {
        transform:translate(0, -50%) rotate(45deg);
    }



    .services-list .col.info .item .wrapper {
        padding: 2rem 0;
    }
    .gallery .swiper-slide img {
        height: 336px;
    }
    .gallery .swiper-slide video {
        height: 336px !important;
    }
    .gallery .swiper-button-next, .gallery .swiper-button-prev {
        left: 1.125rem;
    }
    .memb-profile .avatar {
        flex: 1 1 100%;
    }
    .memb-profile .avatar .bg-img {
        position: relative;
        width: 196px;
        height: 196px;
        margin-left: 3rem;
        margin-bottom: 12px;
    }
    .memb-profile.container-fluid {
        padding-top: 12px;
    }
    .comp-profile .logo {
        flex: 0 0 272px;
    }
    /*
         ⤴︎ =============  end SERVICES page
    */
    /*
         ⤵︎ =============  PROFILE page
    */
    .profile-pg .hero {
        min-height: 450px;
        padding-bottom: 36px;
    }
    .profile-pg .hero .col.img {
        flex: 0 0 260px;
        padding-right: 0;
    }
    .profile-pg .body aside.col {
        flex: 1 0 100%;
        padding-top: 60px;
        padding-bottom: 60px;
        border-right: 0;
    }
    .profile-pg .body .main.col {
        flex: 1 0 100%;
        border-bottom: 1px solid #DDD;
    }
    .profile-pg .body .box {
        padding: 30px 0;
    }
    .profile-pg .body .box:after {
        display: none;
    }
    .profile-pg .body .box:last-child {
        padding-bottom: 60px;
    }
    .profile-pg .body aside.col .outer-wrapper {
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        column-gap: 1.5rem;
    }
    .profile-pg .body aside.col .m-title {
        width: 100%;
    }
    .profile-pg .body aside.col .item {
        flex: 0 1 calc(50% - 1.5rem);
    }
    .profile-pg .body aside.col .link-options .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: auto;
    }
    /*
         ⤴︎ =============  end PROFILE page
    */
    /*
         ⤵︎ =============  NEWS page
    */
    .posts-entries .options .filters nav {
        display: block;
    }
    .posts-entries .options .filters nav li {
        flex: 1 1 0%;
        text-align: center;
    }
    .posts-entries .options .search {
        margin-top: 12px;
        flex: 0 0 100%;
        text-align: right;
    }
    .posts-entries .options .search form {
        display: inline-block;
    }
    .posts-entries .options .search form input {
        text-align: left;
    }
    .posts-entries .feat-post a {
        padding: 30px 5% 36px;
        margin-bottom: 60px;
        text-align: center;
    }
    .posts-entries .entries .post .bg-img {
        margin-bottom: 18px;
    }
    /*
         ⤴︎ =============  end NEWS page
    */
    /*
         ⤵︎ =============  SINGLE POST page
    */
    .single-post .intro {
        padding: 30px 0 60px;
    }
    .related-posts .posts-entries .entries .post a p.date,
    .related-posts .posts-entries .entries .post a h1 {
        padding: 0 3px;
    }
    .related-posts .posts-entries .entries .post a p.date {
        margin-bottom: 9px;
        font-size: 14px;
    }
    .related-posts .posts-entries .entries .post a h1 {
        font-size: 1.125em;
    }
    /*
         ⤴︎ =============  end SINGLE POST page
    */
    /*
         ⤵︎ =============  ASSIGNMENT page
    */
    .assignment-pg .content .container-fluid {
        padding-bottom: 60px;
    }
    .asgn-box .m-title {
        font-size: 1.5em;
    }
    fieldset.location-box {
        padding: 24px 18px;
    }
    /*
         ⤴︎ =============  end ASSIGNMENT page
    */
    /*
         ⤵︎ =============  CAREERS page
    */
    .careers-pg .main {
        padding: 54px 0 48px;
    }
    .careers-pg .intro {
        margin-bottom: 48px;
    }
    .img-w-text .reversed .outer-wrapper {
        padding-bottom: 2.25rem;
        text-align: center;
    }
    .img-w-text .reversed .col.img .image {
        right: 30px;
    }
    /*
         ⤴︎ =============  end CAREERS page
    */
    /*
         ⤵︎ =============  CONTACT page
    */
    .contact-pg .main {
        background-position: right 0;
    }
    /*
         ⤴︎ =============  end CONTACT page
    */
    /*
         ⤵︎ =============  SERVICES LANDING page
    */
    .services_landing-pg.services-pg .intro {
        padding: 66px 0 60px;
    }
    .services_landing-pg .services-list .container-fluid .row {
        --bs-gutter-x: 1.5rem;
    }
    /*
         ⤴︎ =============  end SERVICES LANDING page
    */
    /*
         ⤵︎ =============  ABOUT page
    */
    section.industries a.item .overlay,
    section.industries a.item .hover-state .inner-wrapper {
        padding: 24px 12px;
    }
    .about-pg .hero h1 .animation span {
        --ttl_width: -520px;
    }
    .about-pg .hero h1 {
        font-size: 2.125em;
    }
    /*
         ⤴︎ =============  end ABOUT page
    */
    /*
         ⤵︎ =============  FOOTER
    */
    #footer .top .col.logo {
        width: 100%;
        padding-bottom: 2rem;
    }
    #footer .top.row {
        max-width: 524px;
        margin: auto;
    }
    #footer .top .col:nth-child(2) {
        width: 50%;
    }
    #footer .top .col:nth-child(3) {
        width: 50%;
    }
    #footer .top .col:nth-child(4) {
        flex: 1 1 100%;
        width: 100%;
    }
    #footer .top .col.logo img {
        width: 66px;
    }
    #footer .newsletter {
        max-width: 380px;
        margin-bottom: 2rem;
    }
    .f-social {
        margin-bottom: 2.25rem;
    }
    #footer nav.col li {
        padding-bottom: 0.75rem;
    }
    .f-title {
        margin-bottom: 1rem;
    }
    #footer .bottom .col {
        flex: 1 1 100%;
        text-align: center;
    }
    /*
         ⤴︎ =============  end FOOTER
    */
}
/*
     ⤴︎
/*
/*
     ⤵︎                                         640px >=x
*/
@media screen and (max-width:640px) {
    /*
         ⤵︎ =============  HEADER
    */
    #header {
        padding: 12px 0;
    }
    /*
         ⤴︎ =============  end HEADER
    */
    /*
         ⤵︎ =============  SERVICES page
    */
    .img-w-text .col.img .image,
    .d-img,
    section.case-studies .slider .img-col .d-img,
    section.case-studies .slider .d-img {
        padding: 9px;
        border-width: 1px;
    }
    section.case-studies .slider .d-img video,
    section.case-studies .slider .d-img img,
    .gallery .swiper-slide img {
        height: 296px;
    }
    .gallery .swiper-slide video {
        height: 296px !important;
    }
    .comp-profile .info {
        flex: 1 1 100%;
        text-align: center;
    }
    .comp-profile .logo {
        flex: 0 0 248px;
        margin: auto auto 1.5rem auto;
    }
    .comp-profile.container-fluid {
        padding-top: 30px;
        padding-bottom: 36px;
    }
    section.services .slider a.item .bg-img {
        top: 9px;
        bottom: 9px;
        left: 9px;
        right: 9px;
    }
    /*
         ⤴︎ =============  end SERVICES page
    */
    /*
         ⤵︎ =============  HOMEPAGE
    */
    #home-hero .col.text {
        font-size: 0.75em;
    }
    section.about {
        padding: 36px 0 60px;
    }
    section.services .slider a.item .bg-img {
        top: 9px;
        bottom: 9px;
        left: 9px;
        right: 9px;
    }
    section.services .slider a.item {
        border-width: 1px;
    }
    /*section.about .intro {*/
    /*     margin: -5% auto 72px;*/
    /*}*/
    section.about .intro {
        margin: 0 auto 72px;
    }
    section.about div.feat {
        background-size: 100vw auto;
    }
    section.about div.feat .col.map {
        flex: 0 0 100%;
        max-width: 436px;
        padding-bottom: 2rem;
    }
    section.about div.feat .col.info {
        flex: 1 0 100%;
    }
    section.about div.feat a.item {
        margin: 1.5rem auto;
    }
    section.case-studies {
        padding-top: 36px;
    }
    section.case-studies .img-title {
        padding-top: 0 !important;
    }
    section.case-studies .slider .text-col {
        width: 278px;
    }
    section.case-studies .slider h1 {
        font-size: 1.65em;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
    /*
         ⤵︎ =============  DIRECTORY page
    */
    .dir-search {
        --bs-gutter-x: 6px;
        padding: 3rem 0 0;
    }
    .dir-search .dropdown-menu .wrapper {
        max-height: 320px;
    }
    /*
         ⤴︎ =============  end DIRECTORY page
    */
    /*
         ⤵︎ =============  PROFILE page
    */
    .profile-pg .hero {
        padding-top: 160px;
    }
    .profile-pg .hero .row {
        justify-content: center !important;
    }
    .profile-pg .hero .col.info {
        flex: 1 0 100% !important;
        text-align: center;
        padding-bottom: 30px;
    }
    .profile-pg .body aside.col .link-options {
        flex: 1 0 100%;
    }
    /*
         ⤴︎ =============  end PROFILE page
    */
    /*
         ⤵︎ =============  SINGLE POST page
    */
    .single-post .intro {
        padding: 24px 0 48px;
    }
    .single-post .intro .col {
        width: 100%;
    }
    .single-post .intro .share {
        padding-top: 1rem;
    }
    .related-posts .posts-entries.container-fluid {
        padding-top: 48px;
        padding-bottom: 66px;
    }
    /*
         ⤴︎ =============  end SINGLE POST page
    */
    /*
         ⤵︎ =============  ASSIGNMENT page
    */
    /*.assignment-pg .content {*/
    /*     background: url(../images/assignment-bg.svg) no-repeat right 0;*/
    /*     background-size: 70vw auto;*/
    /*}*/
    /*
         ⤴︎ =============  end ASSIGNMENT page
    */
    /*
         ⤵︎ =============  ABOUT page
    */
    .about-pg .hero h1 {
        font-size: 1.875em;
    }
    .about-pg .hero h1 .animation span {
        --ttl_width: -428px;
    }
    /*
         ⤴︎ =============  end ABOUT page
    */
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         575px >=x
*/
@media screen and (max-width:575px) {
    body {
        --bs-body-font-size: .938rem;
    }

    section.case-studies .slider .d-img video,
    section.case-studies .slider .d-img img {
        height: 255px;
    }
    /*
         ⤵︎ =============  SERVICES page
    */
    .services-pg .intro .d-img .img {
        width: 100%;
    }
    .services-pg .intro .d-img {
        right: -42px;
        width: 100%;
        margin-right: 0;
        margin: 2rem 0 0;
    }
    /*
         ⤴︎ =============  end SERVICES page
    */
    /*
         ⤵︎ =============  PROFILE page
    */
    .profile-pg .body aside.col .item {
        flex: 0 1 100%;
        padding-bottom: 12px !important;
    }
    .profile-pg .body .box {
        padding: 18px 0;
    }
    /*
         ⤴︎ =============  end PROFILE page
    */
    /*
         ⤵︎ =============  NEWS page
    */
    .posts-entries.container-fluid {
        padding-top: 60px;
        padding-bottom: 84px;
    }
    .posts-entries .options {
        padding-bottom: 30px;
    }
    .posts-entries .options .filters {
        flex: 0 0 224px;
    }
    .posts-entries .options .filters nav {
        padding: 0;
        overflow: visible;
        background-color: transparent;
        border-radius: 0;
    }
    .posts-entries .options .filters .dropdown-menu {
        background: transparent;
        border: 0;
        padding: 0;
        overflow: hidden;
        box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.15);
        --bs-dropdown-border-radius: 20px;
        --bs-dropdown-min-width: 100%;
    }
    .posts-entries .options .filters nav .btn.dropdown-toggle {
        display: block;
        width: 100%;
        padding: 18px 44px 18px 20px;
        font-size: 14px;
        line-height: 19px;
        font-weight: 375;
        color: #008B9C;
        font-weight: 500;
        text-align: left;
        background-color: #fff;
        border: 0;
        border-radius: 100px;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    .posts-entries .options .filters nav .dropdown-toggle:after {
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translateY(-50%);
        display: inline-block;
        border: 0;
        background: url('data:image/svg+xml,%3Csvg width="9" height="5" viewBox="0 0 9 5" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8.82102 1.02051L4.9321 4.82491C4.69346 5.05836 4.30654 5.05836 4.0679 4.82491L0.178983 1.02051C-0.0596609 0.787057 -0.0596609 0.408549 0.178983 0.175092C0.417625 -0.0583645 0.804543 -0.0583645 1.04319 0.175092L4.5 3.55678L7.95681 0.175092C8.19546 -0.0583642 8.58237 -0.0583642 8.82102 0.175092C9.05966 0.408549 9.05966 0.787057 8.82102 1.02051Z" fill="%236D737A"/%3E%3C/svg%3E') no-repeat center center;
        background-size: contain;
        width: 9px;
        height: 9px;
    }
    .posts-entries .options .filters .dropdown-item {
        display: block;
        padding: 6px 20px;
        background-color: #fff;
        font-weight: 500;
        color: #008B9C;
        text-align: left;
    }
    .posts-entries .options .filters .dropdown-item:focus,
    .posts-entries .options .filters .dropdown-item:hover {
        color: #fff;
        background-color: #008B9C;
    }
    .posts-entries .options .filters nav a.disabled {
        display: none;
    }
    .posts-entries .options .search {
        flex: 0 0 224px;
        margin-top: 0;
    }
    /*
         ⤴︎ =============  end NEWS page
    */
    /*
         ⤵︎ =============  SINGLE POST page
    */
    .posts-entries .entries .col:last-child {
        display: none
    }
    /*
         ⤴︎ =============  end SINGLE POST page
    */
    /*
         ⤵︎ =============  ASSIGNMENT page
    */
    .assignment-pg .content .container-fluid {
        padding-top: 48px;
    }
    .assignment-pg .content .intro {
        margin-bottom: 48px;
    }
    .asgn-box .row {
        --bs-gutter-x: 0.75rem;
    }
    .asgn-box .form-control,
    .asgn-box .form-select,
    .asgn-box .form-check label,
    .default .form-control,
    .default .form-select,
    .default .form-check label,
    .contact-form .upload-box,
    form .select {
        font-size: 14px;
    }
    .asgn-box .form-check-input {
        width: 20px;
        height: 20px;
    }
    .asgn-box .form-check label {
        padding-left: 5px;
    }
    /*
         ⤴︎ =============  end ASSIGNMENT page
    */
    /*
         ⤵︎ =============  CONTACT page
    */
    .contact-pg .intro {
        padding-bottom: 66px;
    }
    .contact-form.container-fluid .row {
        --bs-gutter-x: .75rem;
    }
    .contact-form form .outer-wrapper {
        padding: 36px 15px 48px;
    }
    /*
         ⤴︎ =============  end CONTACT page
    */
    /*
         ⤵︎ =============  SERVICES LANDING page
    */
    .services_landing-pg .services-list .col {
        flex: 1 0 100%;
        max-width: 462px;
    }
    .services_landing-pg .services-list {
        padding-bottom: 66px;
    }
    /*
         ⤴︎ =============  end SERVICES LANDING page
    */
    /*
         ⤵︎ =============  ABOUT page
    */
    .about-pg .hero {
        min-height: 100vh;
        padding: 120px 0 !important;
    }
    .about-pg .hero h1 .animation span {
        --ttl_height: -54px;
        --ttl_width: -90vw !important;
        text-align: center;
        height: calc(var(--ttl_height) * -1);
        transform: translateY(var(--ttl_height));
    }
    .about-pg .hero h1 {
        display: block !important;
        font-size: 1.875em;
    }
    .about-pg .hero h1 strong {
        display: block;
        font-size: 1.5em;
        padding-right: 0;
        /*padding-right: 8px;*/
    }
    @-webkit-keyframes appear {
        0% {
            -webkit-transform: translateY(var(--ttl_height));
            transform: translateY(var(--ttl_height));
        }
        18% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        92% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            -webkit-transform: translateY(var(--ttl_height));
            transform: translateY(var(--ttl_height));
        }
    }
    @keyframes appear {
        0% {
            -webkit-transform: translateY(var(--ttl_height));
            transform: translateY(var(--ttl_height));
        }
        18% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        92% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            -webkit-transform: translateY(var(--ttl_height));
            transform: translateY(var(--ttl_height));
        }
    }
    /*
         ⤴︎ =============  end ABOUT page
    */
    /*
         ⤵︎ =============  FOOTER
    */
    #footer .top .col:nth-child(2) {
        width: 40%;
    }
    #footer .top .col:nth-child(3) {
        width: 60%;
    }
    /*
        ⤴︎ =============  end FOOTER
   */
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         480px >=x
*/
@media screen and (max-width:480px) {
    body {
        --bs-body-font-size: .875rem;
    }
    /*
         ⤵︎ =============  HEADER
    */
    #header .navbar-brand {
        width: 68px;
    }
    #header a.submit.btn-primary.lg {
        display: none
    }
    /*
         ⤴︎ =============  end HEADER
    */
    /*
         ⤵︎ =============  HOMEPAGE
    */
    #home-hero .col.images {
        flex: 0 0 332px;
        height: 448px;
    }
    #home-hero .col.images .img-1 .wrapper,
    #home-hero .col.images .img-2 .wrapper, #home-hero .col.images .img-3 .wrapper {
        top: 4px;
        bottom: 4px;
        left: 4px;
        right: 4px;
    }
    #home-hero .col.images .img-1 {
        width: 242px;
        height: 242px;
    }
    #home-hero .col.images .img-2 {
        width: 160px;
        height: 160px;
        right: -36px;
    }
    #home-hero .col.images .img-3 {
        width: 172px;
        height: 172px;
        right: -24px;
    }
    #home-hero a.more span.icon {
        display: none;
    }
    /*section.services .slider .swiper-button-next, */
    /*section.services .slider .swiper-button-prev,*/
    section.case-studies .slider .swiper-button-next,
    section.case-studies .slider .swiper-button-prev {
        width: 54px;
        height: 54px;
    }
    /*section.services .slider .swiper-button-next:after, */
    /*section.services .slider .swiper-button-prev:after, */
    section.case-studies .slider .swiper-button-next:after,
    section.case-studies .slider .swiper-button-prev:after {
        width: 18px;
        height: 18px;
    }
    section.about div.feat .item .icon {
        top: 10px;
        width: 18px;
    }
    /*section.services .slider .swiper-button-next {*/
    /*     top: calc(50% - 56px);*/
    /*}*/
    /*section.services .slider .swiper-button-prev {*/
    /*     bottom: calc(50% - 56px);*/
    /*}*/
    section.case-studies .slider .swiper-button-prev {
        bottom: calc(50% - 134px);
    }
    section.case-studies .slider .text-col .outer-wrapper {
        padding-bottom: 18px;
    }
    section.services .slider a.item {
        width: 248px;
    }
    section.services .slider a.item .bg-img {
        top: 6px;
        bottom: 6px;
        left: 6px;
        right: 6px;
    }
    section.case-studies .slider h1 {
        font-size: 1.5em;
    }
    section.case-studies .slider .d-img video {
        width: 90vw;
        aspect-ratio: inherit;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
    /*
         ⤵︎ =============  SERVICES page
    */
    .hero {
        min-height: 320px;
        padding: 120px 0 30px;
    }
    .hero h1 {
        font-size: 2.125em;
    }
    .img-w-text .col.img .image,
    .d-img,
    section.case-studies .slider .img-col .d-img,
    section.case-studies .slider .d-img {
        padding: 6px;
    }
    .services-pg .intro {
        padding: 66px 0 96px;
    }
    .services-list .col.info .item h2.title {
        display: block;
        padding: 24px 0;
        margin-bottom: 0;
        border-bottom: 2px solid #F26511;
        font-size: 1.375em;
        line-height: 1.2em;
        font-weight: 400;
        color: #293A31;
        cursor: pointer;
    }
    .services-list .col.info .item h2.title span {
        background-size: 18px auto;
        background-position: right top;
    }
    .services-pg .gallery {
        padding: 60px 0;
    }
    .gallery .swiper-button-next,
    .gallery .swiper-button-prev {
        width: 54px;
        height: 54px;
    }
    .gallery .swiper-button-next {
        top: calc(50% - 56px);
    }
    .gallery .swiper-button-prev {
        bottom: calc(50% - 56px);
    }
    .memb-profile .avatar .bg-img {
        width: 144px;
        height: 144px;
    }
    .memb-profile .info .box {
        padding: 36px 12px;
    }
    .comp-profile .logo {
        flex: 0 0 202px;
    }
    section.services .slider a.item .bg-img {
        top: 6px;
        bottom: 6px;
        left: 6px;
        right: 6px;
    }
    /*
         ⤴︎ =============  end SERVICES page
    */
    /*
         ⤵︎ =============  DIRECTORY page
    */
    .dir-search {
        --bs-gutter-x: 6px;
        padding: 2.25rem 0 0;
    }
    .dir-list .row-cols-2>* {
        flex: 0 0 auto;
        width: 50%
    }
    /*
         ⤴︎ =============  end DIRECTORY page
    */
    /*
         ⤵︎ =============  PROFILE page
    */
    .profile-pg .hero .col.img {
        flex: 0 0 220px;
        padding-right: 0;
    }
    /*
         ⤴︎ =============  end PROFILE page
    */
    /*
         ⤵︎ =============  NEWS page
    */
    .posts-entries .entries {
        --bs-gutter-x: 0.5rem;
    }
    .posts-entries .entries .post a p.date,
    .posts-entries .entries .post a h1 {
        padding: 0 3px;
    }
    .posts-entries .options {
        --bs-gutter-x: 0.5rem;
    }
    .posts-entries .options .search form {
        display: block;
    }
    .posts-entries .options .filters,
    .posts-entries .options .search {
        flex: 0 0 50%;
    }
    /*
         ⤴︎ =============  end NEWS page
    */
    /*
         ⤵︎ =============  SINGLE POST page
    */
    .posts-entries .entries .col:last-child {
        display: none
    }
    /*
         ⤴︎ =============  end SINGLE POST page
    */
    /*
         ⤵︎ =============  ASSIGNMENT page
    */
    .asgn-box .row.row-cols-2>* {
        width: 100%;
    }
    .asgn-box .outer-wrapper {
        padding: 36px 24px;
    }
    /*
         ⤴︎ =============  end ASSIGNMENT page
    */
    /*
         ⤵︎ =============  CONTACT page
    */
    .contact-pg .main {
        padding: 48px 0 60px;
        background-size: 100vw auto;
    }
    .contact-pg .intro {
        padding-bottom: 48px;
    }
    .contact-form .row-cols-2>* {
        flex: 0 0 auto;
        width: 100%;
    }
    /*
         ⤴︎ =============  end CONTACT page
    */
    /*
         ⤵︎ =============  ABOUT page
    */
    .about-pg .hero h1 {
        font-size: 2.25em
    }
    .about-pg .hero h1 .animation span {
        --ttl_width: -318px;
    }
    .about-pg .content {
        padding-top: 60px;
    }
    .about-pg .img-w-text {
        padding-bottom: 78px;
    }
    .about-pg .feat-text .wrapper {
        padding-bottom: 60px;
    }
    section.industries .row {
        --bs-gutter-x: 0.5rem;
    }
    section.industries a.item {
        margin-bottom: 0.75rem;
    }
    section.industries a.item .overlay,
    section.industries a.item .hover-state .inner-wrapper {
        padding: 18px 6px 18px 12px;
    }
    section.industries a.item .hover-state p {
        font-size: 1em;
        margin-bottom: 3px;
    }
    section.industries a.item .hover-state h2 {
        margin-bottom: 0.5rem;
    }
    section.industries a.item .overlay h1,
    section.industries a.item .hover-state h2 {
        font-size: 1.375em;
    }
    /*
         ⤴︎ =============  end ABOUT page
    */
    /*
         ⤵︎ =============  FOOTER
    */
    #footer .row {
        --bs-gutter-x: .75rem;
    }
    #footer .top .col:nth-child(2),
    #footer .top .col:nth-child(3) {
        width: 50%;
    }
    #footer .newsletter button {
        padding: 0.5rem 0.375rem;
    }
    #f-newsletter {
        padding: 0.5rem 84px 0.5rem 0;
    }
    /*
         ⤴︎ =============  end FOOTER
    */
}
/*
     ⤴︎
*/
/*
     ⤵︎                                         380px >=x
*/
@media screen and (max-width:380px) {
    /*
         ⤵︎ =============  HOMEPAGE
    */
    /*section.about .intro {*/
    /*     margin: -10% auto 72px;*/
    /*}*/
    section.about .intro {
        margin: 0 auto 72px;
    }
    section.about .intro p {
        font-size: 1.375em;
    }
    section.about {
        padding: 18px 0 36px;
    }
    section.services .slider a.item {
        width: 218px;
    }
    section.services .slider a.item h1 {
        padding: 18px 24px;
        font-size: 1.75em;
    }
    section.services .slider {
        padding-bottom: 48px;
    }
    section.case-studies {
        padding-top: 24px;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
    /*
         ⤵︎ =============  DIRECTORY page
    */
    .dir-list .item {
        padding: 18px 12px 66px 12px;
    }
    .dir-list .item .footer {
        position: absolute;
        left: 12px;
        right: 12px;
    }
    /*
         ⤴︎ =============  end DIRECTORY page
    */
    /*
         ⤵︎ =============  PROFILE page
    */
    .profile-pg .body .box:last-child {
        padding-bottom: 48px;
    }
    .profile-pg .body aside.col {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    /*
         ⤴︎ =============  end PROFILE page
    */
    /*
         ⤵︎ =============  NEWS page
    */
    .posts-entries .options .filters,
    .posts-entries .options .search {
        flex: 0 0 100%;
    }
    .posts-entries .options .filters {
        margin-bottom: 9px;
    }
    .posts-entries .entries .col {
        flex: 1 0 auto;
        width: 100%;
    }
    .posts-entries .entries .post a {
        padding: 14px 5% 24px;
    }
    /*
         ⤴︎ =============  end NEWS page
    */
    /*
         ⤵︎ =============  SINGLE POST page
    */
    .posts-entries .entries .col:last-child {
        display: block
    }
    /*
         ⤴︎ =============  end SINGLE POST page
    */
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         360px >=x
*/
@media screen and (max-width:360px) {
    /*
         ⤵︎ =============  HOMEPAGE
    */
    section.case-studies .slider .text-col {
        width: 204px;
        padding-right: 12px;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
    /*
         ⤵︎ =============  DIRECTORY page
    */
    .dir-search .col {
        flex: 0 0 100%;
    }
    .dir-list .row-cols-2>* {
        flex: 0 0 auto;
        width: 100%
    }
    /*
         ⤴︎ =============  end DIRECTORY page
    */
    /*
         ⤵︎ =============  ASSIGNMENT page
    */
    .asgn-box .outer-wrapper {
        padding: 36px 12px;
    }
    fieldset.location-box {
        padding: 18px 12px;
    }
    /*
         ⤴︎ =============  end ASSIGNMENT page
    */
    /*
         ⤵︎ =============  ABOUT page
    */
    section.industries .row.row-cols-2>* {
        width: 100%;
    }
    section.industries a.item .overlay h1,
    section.industries a.item .hover-state h2 {
        font-size: 1.5em;
    }
    section.industries a.item .hover-state p {
        font-size: 1.125em;
        margin-bottom: 6px;
    } 
    section.industries a.item .hover-state h2 {
        margin-bottom: 0.75rem;
    }
    section.industries a.item .overlay,
    section.industries a.item .hover-state .inner-wrapper {
        padding: 24px 12px;
    }
    .about-pg .feat-text .wrapper {
        font-size: 1.375em;
    }
    /*
         ⤴︎ =============  end ABOUT page
    */
}
/* 
     ⤴︎
*/
/*  
     ⤵︎                                         320px >=x
*/
@media screen and (max-width:320px) {
    /*
         ⤵︎ =============  HOMEPAGE
    */

    section.case-studies .slider .d-img video {
        width: 85vw;
    }
    /*
         ⤴︎ =============  end HOMEPAGE
    */
    /*
         ⤵︎ =============  FOOTER
    */
    #footer .container-fluid {
        font-size: 13px;
    }
    /*
         ⤴︎ =============  end FOOTER
    */
}
/* 
     ⤴︎
*/