html, body {   
    color: #333;
    font-family: 'benton-sans', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
body, wrapper {
    min-height: 100vh;
}
wrapper {
    overflow: hidden;
}





/*------------------------------
            Global        
------------------------------*/
a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a:hover {
    color: #1b1449;
    text-decoration: none;
}
.trans {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}





/*------------------------------
            Navbar
------------------------------*/
.navbar {
    z-index: 99;
    padding: 1.25rem 0;
    background-color: transparent;
    margin-bottom: -8.2rem;
}
.navbar .navbar-brand {
    width: 18rem;
}
.navbar .navbar-toggler {
    cursor: pointer;
    border: none;
    outline: none;
}
.navbar .fas {
    color: #fff;
    transform: scale(1.5, 1.5);
    padding: 0.5rem;
}
.navbar .nav-item.nav-link {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.5rem;
    margin: 0 0.5rem 1rem;
}
.navbar .nav-item.nav-link:hover,
.navbar .nav-item.nav-link.active {
    color: #ffb200;
}





/*------------------------------
            Header        
------------------------------*/
header {
    position: relative;
    background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(../images/header/about.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
}
header .col {
    min-height: 48rem;
}
header h6 {
    display: inline-block;
    color: #ffb200;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #0077be;
    margin: 17.5rem 0 1rem;
}
header h2 {
    color: #fff;
    font-size: 3.5rem;
    font-weight: 600;
}
header .symbol {
    position: absolute;
    top: 0;
    right: -22rem;
    opacity: 0;
    width: 65rem;
}
#team header {
    background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(../images/header/team.jpg) center center no-repeat;
    background-size: cover;
}
#portfolio header {
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url(../images/header/portfolio.jpg) center center no-repeat;
    background-size: cover;
}
#approach header {
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url(../images/header/portfolio.jpg) center center no-repeat;
    background-size: cover;
}
#terms header {
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)), url(../images/header/portfolio.jpg) center center no-repeat;
    background-size: cover;
}
#terms header .col {
    min-height: 30rem;
}





/*------------------------------
        Home Carousel       
------------------------------*/
#carouselHome {
    overflow: hidden;
}
#carouselHome .carousel-inner .container {
    position: relative;
    z-index: 10;
}
#carouselHome .carousel-item:nth-child(1) {
    background: url(../images/home/home-1.jpg) center bottom 15% no-repeat;
    background-size: cover;
}
#carouselHome .carousel-item:nth-child(2) {
    background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(../images/home/home-2.jpg) center bottom 15% no-repeat;
    background-size: cover;
}
#carouselHome .carousel-item:nth-child(3) {
    background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url(../images/home/home-3.jpg) center bottom 15% no-repeat;
    background-size: cover;
}
#carouselHome .symbol {
    z-index: 9;
    opacity: 0;
    position: absolute;
    top: 0;
    right: -22rem;
    width: 65rem;
}
#carouselHome .d-flex {
    height: 100vh;
    min-height: 40rem;
}
#carouselHome .d-flex h1 {
    color: #fff;
    font-size: 4.375rem;
    font-weight: 600;
    line-height: 1.07;
    padding: 0 0 1rem;
    margin: auto 0;
}
#carouselHome .d-flex h1 i {
    opacity: 0;
    position: relative;
    top: 1rem;
    font-style: normal;
}
#carouselHome .d-flex h1 span  {
    color: #ffb200;
}
#carouselHome ol {
    left: 0.375rem;
    right: auto;
    bottom: 33vh;
    margin: 0;
}
#carouselHome ol li {
    opacity: 0.8;
    width: 3rem;
    height: 1px;
    margin: 0 0.75rem;
}
#carouselHome ol li.active {
    background-color: #ffd841;
}
#carouselHome ol li.active span {
    color: #ffb200;
}
#carouselHome ol li span {
    display: block;
    width: 0rem;
    position: relative;
    top: -1.7rem;
    left: -1rem;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    text-indent: 1rem;
}





/*------------------------------
           Snapshot        
------------------------------*/
.snapshot {
    background-color: #002b5e;
    padding: 3.75rem 0;
}
.snapshot .content {
    position: relative;
    padding: 2.5rem 0;
}
#about .snapshot .content {
    padding: 0 0 1rem;
}
.snapshot .col-md-3:not(:last-child) .content::after {
    content: '';
    position: absolute;
    top: 0;
    right: -1.5rem;
    display: block;
    height: 100%;
    width: 1px;
    background-color: #0077bc;
    transform: skewX(-16deg);
}
.snapshot img {
    margin: -0.5rem 0 0.5rem;
}
.snapshot h2 {
    color: #f4ab09;
    font-size: 1.625rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2.5rem;
}
.snapshot h3 {
    position: absolute;
    top: 4.3rem;
    left: -6.7rem;
    color: #0077bc;
    font-family: 'Lato', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    transform: rotate(-90deg);
}
.snapshot h4 {
    color: #ffb200;
    font-size: 2.8125rem;
    font-weight: 300;
    line-height: 0.89;
    text-align: center;
    margin: 0 0 0.5rem;
}
.snapshot h4 i {
    position: relative;
    top: -1rem;
    font-size: 1.5rem;
    font-style: normal;
}
.snapshot h5 {
    height: 1rem;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.0;
    text-align: center;
    margin: 0;
}
.snapshot ul li:first-child {
    color: #ffb200;
    font-weight: 600;
}
.snapshot ul li {
    color: #fff;
    font-size: 0.9375rem;
    margin: 0 auto;
}





/*------------------------------
          Experience        
------------------------------*/
.exp {
    overflow: hidden;
}
.exp.two {
    background-color: #f6f9fb;
}
.exp .img-outter {
    overflow: hidden;
    height: 100%;
    margin-left: -25vw;
    transform: skewX(-16deg);
    transform-origin: 50% 15%;
}
.exp .img-inner {
    height: 100%;
    min-height: 16rem;
    background: url(../images/home/experience.jpg) center center no-repeat;
    background-size: cover;
    transform: skewX(16deg);
    margin-left: -20vw;
    margin-right: -4.5vw;
}
.exp .name {
    display: inline-block;
    color: #0077bc;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #0077bc;
    margin-bottom: 1rem;
}
.exp .content {
    padding: 7.875rem 0;
}
.exp .desc {
    color: #002b5e;
    font-size: 1.625rem;
}
.exp .info {
    color: #000;
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
}
.learn-more {
    display: block;
    color: #000;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.learn-more:hover {
    color: #e8a411;
}
.learn-more i {
    color: #e8a411;
    padding-left: 0.3rem;
}
.img-holder-1 {
    width: 26%;
    height: 20.5rem;
    margin: auto auto 0;
    transform: skewX(-16deg);
    transform-origin: 50% 60%;
    overflow: hidden;
}
.img-holder-1 .img {
    height: 100%;
    background: url(../images/home/focus-1.jpg) center center no-repeat;
    background-size: cover;
    transform: skewX(16deg);
    margin: 0 -6vw;
}
.img-holder-2 {
    width: 26%;
    height: 100%;
    margin: auto auto 0;
    transform: skewX(-16deg);
    transform-origin: 50% 74%;
    overflow: hidden;
}
.img-holder-2 .img {
    height: 100%;
    background: url(../images/home/focus-2.jpg) center center no-repeat;
    background-size: cover;
    transform: skewX(16deg);
    margin: 0 -6vw;
}
.img-holder-3 {
    width: 26%;
    height: 23rem;
    margin: auto auto 0;
    transform: skewX(-16deg);
    transform-origin: 50% 60%;
    overflow: hidden;
}
.img-holder-3 .img {
    height: 100%;
    background: url(../images/home/focus-3.jpg) center center no-repeat;
    background-size: cover;
    transform: skewX(16deg);
    margin: 0 -6vw;
}





/*------------------------------
        Meet the Team        
------------------------------*/
.meet {
    padding: 4.75rem 0;
}
.meet h6 {
    color: #002b5e;
    font-size: 1.625rem;
}
.meet p {
    font-size: 1.125rem;
    line-height: 1.3;
    margin-bottom: 1.25rem;
}
.meet p span {
    color: #0077bc;
}





/*------------------------------
            About        
------------------------------*/
.about {
    padding: 4.75rem 0;
}
.about ul li:first-child {
    color: #f4ab09;
    font-size: 1.375rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}
.about ul li:not(:first-child) {
    font-size: 1.625rem;
    font-weight: 600;
    background: linear-gradient(to right, #0178bb 0%, #b6e4ff 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about h5 {
    color: #002b5e;
    font-size: 1.625rem;
    margin: 3rem 0 0.5rem;
}
.about p {
    font-size: 1.125rem;
}





/*------------------------------
            Team        
------------------------------*/
.team {
    padding: 4.75rem 0;
}
.team .d-flex {
    cursor: pointer;
}
.team .d-flex img {
    width: 100%;
}
.team .name {
    color: #002b5e;
    font-size: 1.5rem;
    margin: 0.75rem 0 0.25rem;
}
.team .title {
    margin-bottom: 2rem;
}





/*------------------------------
         Team Modal        
------------------------------*/
#teamModal .carousel-item {
    overflow: hidden;
}
#teamModal .modal-dialog {
    max-width: 800px;
}
#teamModal .modal-content {
    border: none;
    border-radius: 0;
    background: transparent;
}
#teamModal .modal-header {
    border: none;
}
#teamModal .modal-body {
    background: #fff;
    padding: 0;
    border: none;
}
#teamModal .col-md-5,
#teamModal .col-md-7 {
    padding-top: 3.75rem;
}
#teamModal .content {
    position: relative;
    height: 100%;
    padding: 0 2rem 2rem;
}
#teamModal .name {
    z-index: 9;
    position: relative;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
}
#teamModal .title {
    z-index: 9;
    position: relative;
    color: #ffb200;
    font-weight: 600;
}
#teamModal .blue {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 25rem;
    width: 25rem;
    background: #002b5e;
    transform: skewX(-16deg);
}
#teamModal img {
    width: 21.875rem;
}
#teamModal button {
    opacity: 1;
    padding: 0.5rem 2rem;
    margin-right: -1.9rem;
    transition: all 0.3s;
}
#teamModal button:hover {
    opacity: 0.7;
}
#teamModal button i {
    display: inline-block;
    height: 3rem;
    width: 0.25rem;
    background-color: #fff;
    margin: 0 -0.125rem;
}
#teamModal button i:first-child {
    transform: rotate(-45deg);
}
#teamModal button i:last-child {
    transform: rotate(45deg);
}
#teamModal .carousel-control-prev {
    opacity: 1;
    left: -5rem;
}
#teamModal .carousel-control-prev:hover {
    opacity: 0.7;
}
#teamModal .carousel-control-prev i {
    display: block;
    width: 2rem;
    height: 2rem;
    border-top: 0.2rem solid #fff;
    border-left: 0.2rem solid #fff;
    transform: rotate(-45deg);
}
#teamModal .carousel-control-next {
    opacity: 1;
    right: -5rem;
}
#teamModal .carousel-control-next:hover {
    opacity: 0.7;
}
#teamModal .carousel-control-next i {
    display: block;
    width: 2rem;
    height: 2rem;
    border-top: 0.2rem solid #fff;
    border-left: 0.2rem solid #fff;
    transform: rotate(135deg);
}





/*------------------------------
            Portfolio        
------------------------------*/
.portfolio {
    padding: 4.75rem 0;
}
.portfolio .row:first-child {
    margin-bottom: 3rem;
}
.portfolio .dropdown {
    font-size: 0.9375rem;
    border-bottom: 1px solid #acacac;
}
.portfolio .dropdown .btn {
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.25rem;
}
.portfolio .dropdown .btn:hover {
    color: #0077be;
}
.portfolio .dropdown .btn:focus {
    outline: none;
    box-shadow: none;
}
.portfolio .dropdown .btn i {
    color: #0077be;
    font-size: 1.5rem;
}
.portfolio .btn-custom {
    color: #afaeae;
    background-color: transparent;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0.25rem 0;
    border: none;
    margin: 0.5rem 0.25rem 0;
    border-radius: 0;
}
.portfolio .btn-custom:hover {
    color: #0077be;
}
.portfolio .btn-custom:focus {
    color: #0077be;
    background-color: transparent;
    outline: none;
    box-shadow: none;
}
.portfolio .btn-custom label {
    font-size: 0.9375rem;
    padding: 0;
}
.portfolio .dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.1);
    margin: 0;
}
label {
    cursor: pointer;
    width: 100%;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.25rem 1.5rem;
    margin: 0.25rem 0;
    transition: all 0.3;
}
label.active,
label:hover {
    color: #0077be;
}
label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.portfolio a:hover > .img-container .overlay {
    opacity: 1;
}
.portfolio .img-container {
    color: #fff;
    position: relative;
    height: 14.375rem;
    padding: 3rem;
    border: 1px solid #d9d9d9;
    margin-bottom: 2rem;
}
.portfolio .img-container img {
    max-height: 100%;
}
.portfolio .overlay {
    background-color: #0077be;
    text-align: center;
    padding: 3rem 1rem;
    opacity: 0;
}
.portfolio .name {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.25rem;
    margin-bottom: 0.25rem;
}
.portfolio .desc {
    line-height: 1.3;
}
.portfolio .site {
    font-family: 'Lato', sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: auto 0 0;
}
.portfolio .site i {
    color: #ffb200;
    margin-left: 0.5rem;
}
.portfolio .info {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.15;
    text-align: center;
    margin: auto 0;
}
#sci-med-grp {
    background: url(../images/portfolio/portfolio-img.jpg) center center no-repeat;
    background-size: cover;
}





/*------------------------------
            Approach        
------------------------------*/
.approach {
    overflow: hidden;
}
.approach .img-container {
    height: 100%;
    min-height: 12rem;
    overflow: hidden;
}
.approach .row:nth-child(2n-1) .img-container {
    margin-left: -25vw;
    margin-right: -1rem;
    transform: skewX(-16deg);
}
.approach .row:nth-child(2n) .img-container {
    margin-left: -1rem;
    margin-right: -25vw;
    transform: skewX(17deg);
}
.approach .img-inner {
    height: 100%;
    background: url(../images/approach/approach-1.jpg) center center no-repeat;
    background-size: cover;
}
.approach .row:nth-child(2) .img-inner {
    background: url(../images/approach/approach-2.jpg) center center no-repeat;
    background-size: cover;
}
.approach .row:nth-child(3) .img-inner {
    background: url(../images/approach/approach-3.jpg) center center no-repeat;
    background-size: cover;
}
.approach .row:nth-child(4) .img-inner {
    background: url(../images/approach/approach-4.jpg) center center no-repeat;
    background-size: cover;
}
.approach .row:nth-child(2n-1) .img-inner {
    margin-left: -25vw;
    transform: skewX(16deg);
    transform-origin: 0 0;
}
.approach .row:nth-child(2n) .img-inner {
    margin-right: -25vw;
    transform: skewX(-17deg);
    transform-origin: 0 0;
}
.approach .content {
    padding: 7.5rem 0;
}
.approach .row:nth-child(2n-1) .content {
    margin-left: 4rem;
}
.approach .row:nth-child(2n) .content {
    margin-left: -4rem;
    margin-right: 2rem;
}
.approach .name {
    display: inline-block;
    color: #0077bc;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 0.125rem;
    border-bottom: 1px solid #0077bc;
    margin-bottom: 1.25rem;
}
.approach .desc {
    color: #002b5e;
    font-size: 1.625rem;
    line-height: 1.1;
    margin: 0;
}
.approach .row:nth-child(2n-1) .desc {
    width: 120%;
}





/*------------------------------
            Contact        
------------------------------*/
.contact {
    position: relative;
    overflow: hidden;
}
.contact .desc {
    margin: 0 auto;
}
.contact h6 {
    display: inline-block;
    color: #ffb200;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #0077be;
    margin: 30vh 0 1rem;
}
.contact ul li {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.2;
    /* text-shadow: 3px 3px 8px rgba(0,0,0,0.8); */
}
.contact ul li a {
    color: #fff;
}
.contact ul li a:hover {
    color: #ffb200;
}
.contact .content {
    /* transform: skewX(-16deg); */
    overflow: hidden;
}
.contact .content:nth-child(1) {
    display: none;
    width: 40%;
    padding-left: 8%;
    margin-left: -8%;
}
.contact .content:nth-child(2) {
    width: 100%;
    margin: 0;
}
.contact .content:nth-child(3) {
    display: none;
    width: 40%;
    padding-right: 8%;
    margin-right: -8%;
}
.contact .content:nth-child(4) {
    display: none;
    width: 32%;
    padding-right: 8%;
    margin-right: -8%;
}
.contact .content .d-flex {
    height: 100vh;
    min-height: 35rem;
    max-height: 58rem;
    /* transform: skewX(16deg); */
    margin: 0 -20vw;
    padding: 0 20vw;
}
.contact .content:nth-child(1) .d-flex {
    background: linear-gradient(rgba(0,43,94,0),rgba(0,43,94,0)), url(../images/contact/contact-shanghai.jpg) center center no-repeat;
    background-size: cover;
}
.contact .content:nth-child(2) .d-flex {
    background: linear-gradient(rgba(0,43,94,0.3),rgba(0,43,94,0.3)), url(../images/contact/contact-dc.jpg) center center no-repeat;
    background-size: cover;
}
.contact .content:nth-child(3) .d-flex {
    background: linear-gradient(rgba(0,43,94,0.3),rgba(0,43,94,0.3)), url(../images/contact/contact-hk.jpg) center center no-repeat;
    background-size: cover;
}
.contact .content:nth-child(4) .d-flex {
    background: linear-gradient(rgba(0,43,94,0.3),rgba(0,43,94,0.3)), url(../images/contact/contact-ny.jpg) center center no-repeat;
    background-size: cover;
}





/*------------------------------
            Terms        
------------------------------*/
.terms {
    padding: 4.75rem 0;
}
.terms p {
    font-size: 1rem;
    margin-bottom: 1.75rem;
}
.terms .name {
    display: inline-block;
    color: #ffb200;
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #0077be;
    margin: 0 0 2rem;
}





/*------------------------------
            Footer        
------------------------------*/
footer {
    background: linear-gradient(rgba(0,43,94,0.6),rgba(0,43,94,0.6)), url(../images/footer-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 4.375rem 0;
}
footer .col-md:nth-child(2),
footer .col-md:nth-child(4),
footer .col-md:nth-child(5) {
    display: none;
}
footer img {
    width: 19rem;
}
footer .nav {
    margin: 1.75rem 0 2.25rem;
}
footer .nav-item {
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.5rem;
    margin: 0 0.25rem;
}
footer .nav-item:hover {
    color: #ffb200;
}
footer ul li {
    color: #fff;
    font-size: 0.8125rem;
    text-align: center;
}
footer ul li:first-child {
    color: #ffb200;
    font-weight: 600;
    text-transform: uppercase;
}
footer li a {
    color: #fff;
}
footer li a:hover {
    color: #ffb200;
}
footer p {
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
    margin: 2.25rem 0 0;
}
footer p a {
    color: #fff;
}
footer p a:hover {
    color: #ffb200;
}





/*------------------------------
          Media Query        
------------------------------*/
@media (max-height: 638px) {
    #carouselHome ol {
        bottom: 12rem;
    }
    .contact h6 {
        margin: 12rem 0px 1rem;
    }
}
@media (max-width: 1250px) {
    .contact ul li {
        font-size: 1rem;
    }
}
@media (min-width: 1200px) {
    .navbar .container {
        max-width: 100%;
        padding: 0 4rem;
    }
}
@media (max-width: 1300px) {
    .approach .desc {
        font-size: 1.375rem;
    }
    .approach .row:nth-child(2n-1) .desc {
        width: 100%;
    }
    .approach .row:nth-child(2n) .content {
        margin-left: 0;
    }
}
@media (max-width: 1199px) {
    /* .contact .content:nth-child(1) {
        width: 60%;
        padding: 0 0 0 10%;
        margin: 0 0 0 -10%;
    }
    .contact .content:nth-child(2) {
        width: 60%;
        padding: 0 10% 0 0;
        margin: 0 -10% 0 0;
    }
    .contact .content:nth-child(3) {
        width: 60%;
        padding: 0 0 0 10%;
        margin: 0 0 0 -10%;
    }
    .contact .content:nth-child(4) {
        width: 60%;
        padding: 0 10% 0 0;
        margin: 0 -10% 0 0;
    } */
    .contact .d-flex {
        max-height: 51rem;
    }
}
@media (max-width: 1199px), (max-height: 800px) {
    header .col {
        min-height: 40rem;
    }
    header h6 {
        margin: 15rem 0 1rem;
    }
    header h2 {
        font-size: 3.25rem;
    }
    #carouselHome .d-flex h1 {
        font-size: 3.25rem;
    }
    #carouselHome .symbol {
        width: 50rem;
        margin-right: 3rem;
    }
    .exp .content {
        padding: 3rem 0;
    }
    .exp .desc {
        font-size: 1.25rem;
    }
    .exp .info {
        font-size: 1rem;
    }
    .img-holder-1 {
        height: 14rem;
    }
    .img-holder-3 {
        height: 16rem;
    }
    .meet {
        padding: 3rem 0 1.5rem;
    }
    .meet h6 {
        font-size: 1.5rem;
    }
    .meet p {
        font-size: 1rem;
        margin-bottom: 1rem;
    }
    .meet .learn-more {
        margin-bottom: 1.5rem;
    }
    .about {
        padding: 2rem 0 1rem;
    }
    .about ul li:first-child {
        font-size: 1.25rem;
    }
    .about ul li:not(:first-child) {
        font-size: 1.375rem;
    }
    .about h5 {
        font-size: 1.375rem;
        margin: 2.5rem 0 0.5rem;
    }
    .about p {
        font-size: 1rem;
    }
    .team {
        padding: 3rem 0;
    }
    footer {
        padding: 3rem 0;
    }
}
@media (max-width: 991px) {
    .navbar {
        background-color: #002b5e;
        padding: 0.75rem 0;
        margin: 0;
    }
    .navbar .navbar-brand {
        width: 12rem;
        padding-left: 0.9375rem;
    }
    .navbar .navbar-nav {
        text-align: center;
        padding-bottom: 0.5rem;
        margin: 0;
    }
    .navbar .nav-item.nav-link {
        font-size: 0.9375rem;
        padding: 0.125rem;
        margin: 0;
    }
    header .col,
    #terms header .col {
        min-height: 20rem;
    }
    header h6 {
        margin: 5rem 0 1rem;
    }
    header h2 {
        font-size: 2rem;
    }
    header .symbol {
        width: 28rem;
        margin-right: 14rem;
    }
    #carouselHome .d-flex {
        height: calc(100vh - 5.1rem);
    }
    .snapshot h4 {
        font-size: 2.5rem;
    }
    .snapshot h4 i {
        font-size: 1.25rem;
        top: -0.9rem;
    }
    .snapshot h5 {
        font-size: 0.875rem;
    }
    .team .name {
        font-size: 1.125rem;
        margin: 0.25rem 0;
    }
    .team .title {
        font-size: 0.875rem;
        margin-bottom: 1.5rem;
    }
    .approach .content {
        padding: 3rem 0;
    }
    .approach .name {
        font-size: 0.75rem;
        margin-bottom: 0.75rem;
    }
    .approach .desc {
        font-size: 1.125rem;
    }
    .contact .content {
        width: 100%;
    }
    .contact .content .d-flex {
        width: auto;
    }
    /* .contact .content:nth-child(1) {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    .contact .content:nth-child(2) {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    .contact .content:nth-child(3) {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    .contact .content:nth-child(4) {
        width: 100%;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    } */
    .contact h6 {
        margin: 13vh 0 1rem;
    }
    .terms p {
        font-size: 1rem;
        margin-bottom: 1.25rem;
    }
    .terms .col-lg-6:last-child  .name {
        margin: 2rem 0;
    }
    .p-tablet {
        padding: 3.5rem 0 !important;
    }
}
@media (max-width: 767px) {
    header .col, #terms header .col {
        min-height: 14rem
    }
    header h6 {
        margin: 3.5rem 0 1rem;
    }
    header h2 {
        font-size: 1.25rem;
    }
    header .symbol {
        width: 20rem;
        margin-right: 14rem;
    }
    #carouselHome .d-flex {
        min-height: 20rem;
    }
    #carouselHome .d-flex h1 {
        font-size: 2rem;
        padding-bottom: 4rem;
    }
    #carouselHome .symbol {
        width: 32rem;
        margin-right: 10rem;
    }
    .snapshot {
        padding: 1rem 0;
    }
    .snapshot img {
        margin: -0.5rem 0;
    }
    .snapshot h2 {
        font-size: 1.375rem;
        margin: 1.5rem 0 2rem;
    }
    .snapshot h3 {
        position: static;
        text-align: center;
        transform: rotate(0);
        margin-bottom: 2rem;
    }
    .snapshot .col-md-3:not(:last-child) .content {
        padding-bottom: 0;
    }
    .snapshot .col-md-3:not(:last-child) .content::after {
        content: '';
        display: none;
    }
    .exp .img-outter {
        width: 120vw;
        margin: 0 -20vw;
        transform: skewX(0);
    }
    .exp .img-inner {
        transform: skewX(0);
    }
    .img-holder-1 {
        height: 9rem;
    }
    .img-holder-2 {
        height: 15rem;
    }
    .img-holder-3 {
        height: 12rem;
    }
    .about ul li:first-child {
        font-size: 1rem;
    }
    .about ul li:not(:first-child) {
        font-size: 1.125rem;
    }
    .about h5 {
        font-size: 1.125rem;
        margin: 0.5rem 0;
    }
    .team .col-md-4 {
        max-width: 24rem;
        margin: 0 auto;
    }
    #teamModal .col-md-5, #teamModal .col-md-7 {
        padding-top: 1rem;
    }
    #teamModal .content {
        padding: 0 1rem 0.5rem;
    }
    #teamModal .blue {
        left: -2rem;
        right: auto;
        width: 200vw;
    }
    #teamModal .name {
        font-size: 1.25rem;
    }
    #teamModal .title {
        font-size: 0.875rem;
    }
    #teamModal img {
        margin: 0 1rem;
        padding-right: 1rem;
    }
    #teamModal .carousel-control-prev {
        left: 0;
        bottom: auto;
        height: 30rem;
    }
    #teamModal .carousel-control-prev i {
        border-top: 0.2rem solid #002b5e;
        border-left: 0.2rem solid #002b5e;
    }
    #teamModal .carousel-control-next {
        right: 0;
        bottom: auto;
        height: 30rem;
    }
    #teamModal .carousel-control-next i {
        border-top: 0.2rem solid #002b5e;
        border-left: 0.2rem solid #002b5e;
    }
    .approach {
        padding-top: 3rem;
    }
    .approach .row:nth-child(2n) .img-container {
        margin: 0;
        transform: skewX(0);
    }
    .approach .row:nth-child(2n-1) .img-container {
        margin: 0;
        transform: skewX(0);
    }
    .approach .row:nth-child(2n-1) .img-inner {
        margin-left: 0;
        transform: skewX(0);
    }
    .approach .row:nth-child(2n) .img-inner {
        margin-right: 0;
        transform: skewX(0);
    }
    .approach .content {
        padding: 0.25rem 0 3rem;
    }
    .approach .row:nth-child(2n-1) .content,
    .approach .row:nth-child(2n) .content {
        margin: 0;
    }
    .contact h6 {
        font-size: 1.25rem;
    }
    .contact ul li {
        font-size: 1.125rem;
    }
    .terms p {
        font-size: 1rem;
        margin-bottom: 1.25rem;
    }
    footer {
        padding: 1.5rem 0;
    }
    footer img {
        width: 15rem;
    }
    footer .nav {
        margin: 1.25rem 0;
    }
    footer .nav-item {
        font-size: 0.75rem;
        padding: 0 0.125rem;
        margin: 0 0.125rem;
    }
    footer p {
        margin: 0.75rem 0 0;
    }
    .p-mobile {
        padding: 2.5rem 0 !important;
    }
}
@media (max-width: 667px) {

}
@media (max-width: 575px) {
    
}
@media (max-width: 374px) {
    #carouselHome .d-flex h1 {
        font-size: 1.75rem;
    }
    #carouselHome ol {
        bottom: 9rem;
    }
}