/* =========================================================
   Home Page Template — home-page.css
   Depends on: style.css, main.css (CSS variables, .btn,
   .text-label, .h1/.h2, .work-card, .sect-dark, etc.)
   ========================================================= */


/* ── Hero ──────────────────────────────────────────────── */

.hp-hero {
    position: relative;
    min-height: 700px;
    overflow: hidden;
    background: #002923;
}
.hp-hero-slider {
    position: absolute;
    inset: 0;
    z-index: 0;
}
.hp-hero-slider .swiper,
.hp-hero-slider .swiper-wrapper,
.hp-hero-slider .swiper-slide {
    width: 100%;
    height: 100%;
}
.hp-hero-slider .swiper-slide {
    position: relative;
    overflow: hidden;
}
.hp-hero-slider .swiper-slide > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hp-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.15);
    pointer-events: none;
}
.hp-hero-slider .container {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.hp-hero-inner {
    min-height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.hp-hero-text {
    max-width: 1200px;
    margin: 0 auto;
}
.hp-hero-text .text-label {
    margin-bottom: 20px;
}
.hp-hero-text .h1 {
    margin-bottom: 24px;
	display: block;
    text-shadow: 0 0 10px #000;
    font-weight: 700;
    font-size: clamp(
        40px,
        calc(40px + 60 * ((100vw - 767px) / 673)),
        100px
    );
}
.hp-hero-text .text-hero {
    max-width: 700px;
    margin: 0 auto 32px;

    text-shadow: 0 0 10px #000;
}
.hp-hero-text .text-hero p:not(:last-child) {
    margin-bottom: 20px;
}
.hp-hero-button {
    display: flex;
    justify-content: center;
}

.hexagon {
    background: #002923;
    clip-path: polygon(
        50% 0%,
        100% 25%,
        100% 75%,
        50% 100%,
        0% 75%,
        0% 25%
    );
    aspect-ratio: 1 / 1.15;
}


/* ── Ticker ────────────────────────────────────────────── */

.hp-ticker {
    padding: 0 !important;
    background: #F4F4F4;
    overflow: hidden;
}
.hp-ticker-inner {
    overflow: hidden;
    padding: 22px 0;
}
.hp-ticker-track {
    display: flex;
    animation: hp-ticker 20s linear infinite;
}
.hp-ticker .swiper-wrapper {
    transition-timing-function: linear !important;
}
.hp-ticker-item-img {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hp-ticker-item {
    display: inline-flex;
    flex-direction: column;
    flex-basis: 20%;
    align-items: center;
    gap: 20px;
    color: var(--color-dark-teal);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0 28px;
    min-width: 20vw;
    text-align: center;
}
.hp-ticker-item svg {
    transform: scale(1.6);
}
.hp-ticker-item img {
    max-height: 120px;
}
@keyframes hp-ticker {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
.hp-ticker-item span {
    position: relative;
    top: 2px;
}

/* ── Services ──────────────────────────────────────────── */

.hp-services {
    padding: 96px 0 240px;
}
.hp-services .container {
    max-width: 1590px;
}
 
.hp-services-header {
    margin: 0 0 32px;
} 
 
.hp-services-header .text-label {
    color: var(--color-bright-green);
    margin-bottom: 16px;
}
.hp-services-header .h2 {
    margin-bottom: 10px;
}
.hp-services-desc {
    line-height: 1.5;
}
 
.hp-services-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px 146px;
}
 
.hp-service-item {
    flex-basis: calc(25% - 110px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    cursor: default;
}
.hp-service-hex-wrap {
    aspect-ratio: 1 / 1.15;
    clip-path: polygon(
        50% 0%,
        100% 25%,
        100% 75%,
        50% 100%,
        0% 75%,
        0% 25%
    );
    padding: 1px;
    background: rgba(255,255,255,0.4);
}
.hp-service-hex {
    width: 100%;
    position: relative;
    clip-path: polygon(
        50% 0%,
        100% 25%,
        100% 75%,
        50% 100%,
        0% 75%,
        0% 25%
    );
    aspect-ratio: 1 / 1.15;
    background: #053A31;
    overflow: hidden;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.35s ease;
}
.hp-service-hex svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all 0.35s ease;
  }
 
/* .hp-service-item:hover .hp-service-hex svg {
    opacity: 1;
    transform: translate(-50%,-50%) scale(1.7);
} */
 
.hp-service-hex img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    filter: brightness(0.82) saturate(0.9);
    transition: filter 0.35s ease, transform 0.5s ease;
}
 
.hp-service-item:hover .hp-service-hex img {
    /* filter: brightness(0.2) saturate(1.05); */
    transform: scale(1.06);
    /* opacity: 0; */
}
 
.hp-service-item.is-active .hp-service-hex {
    outline: 3px solid #3dff5c;
    outline-offset: 4px;
}
.hp-service-item.is-active .hp-service-hex img {
    filter: brightness(0.95) saturate(1.1);
}
.hp-service-hex-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1e3528 0%, #2a4a38 100%);
}
.hp-service-name {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    max-width: 220px;
    position: relative;
    padding-bottom: 14px;
    text-transform: none;
}
.hp-service-name::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 110px;
    height: 2px;
    background: var(--color-bright-green);
    border-radius: 2px;
    transition: width 0.3s ease;
}
.hp-service-item:hover .hp-service-name::after,
.hp-service-item.is-active .hp-service-name::after {
    width: 48px;
}
.hp-service-item.is-active .hp-service-name {
    color: #3dff5c;
}


/* ── Green Banner ──────────────────────────────────────── */

.hp-banner {
    background: var(--color-bright-green);
    text-align: center;
    background-attachment: fixed;
    background-image: url('../../../../wp-content/uploads/2026/05/reXtore_BrandMark_LightGreen-scaled.png');
    background-size: cover;
    min-height: 525px;
    display: flex;
    align-items: center;
}
.hp-banner .text-label {
    margin-bottom: 20px;
}
.hp-banner-text {
    font-size: 50px;
    line-height: 1.15;
    color: var(--color-dark-teal);
    font-weight: 400;
    max-width: 1000px;
    margin: 0 auto !important;
}


/* ── Selected Work ─────────────────────────────────────── */

.hp-work {
    background: #fff;
    color: var(--color-dark-teal);
    padding-bottom: 140px;
}
.hp-work .container {
    max-width: 2040px;
    padding: 0 20px;
}
.hp-work-label {
    text-align: center;
    margin-bottom: 70px;
    font-weight: 600;
    text-transform: unset;
}
.hp-work-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}
.hp-work-cta {
    text-align: center;
    margin-top: 56px;
}


/* ── Testimonials ──────────────────────────────────────── */

.hp-testimonials {
    overflow-x: clip;
    position: relative;
}
/* Background hexagon SVG */
.hp-test-bg-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}
/* Header */
.hp-testimonials .container {
    position: relative;
    z-index: 1;
    text-align: center;
}
.hp-testimonials .testimonials-top {
    margin-bottom: 80px;
}
.hp-testimonials .container:not(.testimonials-top) {
    max-width: 1600px;
  }
.hp-testimonials .text-label {
    margin-bottom: 16px;
    color: var(--color-bright-green);
}
/* Slider wrapper */
.hp-test-slider-wrap {
    position: relative;
    z-index: 1;
}
.hp-test-swiper {
    overflow: visible;
}
.hp-test-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -2px;
}
/* Hexagonal card – fixed px dims so shape is always correct */
.hp-test-hex {
    position: relative;
    width: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
    padding: 106px 30px;
    box-sizing: border-box;
    aspect-ratio: 1 / 1.15;
}
/* Outer hex — always white; creates the visible ring on inactive cards */
.hp-test-hex::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #fff;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    aspect-ratio: 1 / 1.15;
    z-index: 0;
    transition: all .5s ease;
}
/* Inner hex — section-bg = hollow (inactive), white = filled (active) */
.hp-test-hex::after {
    content: '';
    position: absolute;
    inset: 3px;
    background: #eaeae6;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    aspect-ratio: 1 / 1.15;
    z-index: 0;
    transition: all .5s ease;
}
/* Lift all direct children above both pseudo-element layers */
.hp-test-hex > * {
    position: relative;
    z-index: 1;
}
/* Active slide: inner hex turns white → fully filled hexagon */
.owl-item.center .hp-test-hex::after,
.hp-test-slider-wrap .swiper-slide-active .hp-test-hex::after {
    background: #fff;
}
.hp-test-slider-wrap .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.hp-test-slider-wrap .item {
    margin: 0 -2px;
}
.hp-test-event {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-dark-teal);
    margin: 0;
    line-height: 1.4;
}
.hp-test-dot {
    font-size: 15px;
    line-height: 1;
    color: var(--color-dark-teal);
    display: block;
    margin: 5px 0;
}
.hp-test-quote {
    font-size: 15px;
    line-height: 1.3;
    color: var(--color-dark-teal);
    margin: 0;
    display: -webkit-box;
	-webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.swiper-slide-active .hp-test-quote {
	-webkit-line-clamp: unset;
}
.hp-test-name {
    font-size: 17px;
    color: var(--color-dark-teal);
    margin: 12px 0 10px;
}
.hp-test-logo {
    max-height: 60px;
    width: auto;
    max-width: 120px;
    object-fit: contain;
}
/* Pagination */
.hp-testimonials .swiper-pagination,
.hp-test-slider-wrap .owl-dots,
.hp-test-pagination.swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 46px;
}
.hp-testimonials .swiper-pagination .swiper-pagination-bullet,
.hp-test-slider-wrap .owl-dots .owl-dot,
.hp-test-pagination .swiper-pagination-bullet {
    background: #FFFFFF;
    opacity: 1;
    width: 18px;
    height: 100%;
    margin: 0 !important;
    border-radius: 0;
    transition: background 0.2s ease;
    clip-path: polygon( 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25% );
    aspect-ratio: 1 / 1.15;
    outline: none !important;
}
.hp-testimonials .swiper-pagination-bullet-active,
.hp-test-slider-wrap .owl-dots .owl-dot.active,
.hp-test-pagination .swiper-pagination-bullet-active {
    background: var(--color-bright-green) !important;
}
.hp-test-slider-wrap .owl-item .hp-test-hex {
    transition: all .5s ease;
}

.hp-testimonials .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-next):not(.swiper-slide-active),
.hp-test-slider-wrap .owl-item:not(.active) .hp-test-hex {
    opacity: 0;
}
.hp-testimonials .swiper-slide.swiper-slide-prev .hp-test-hex::before,
.hp-testimonials .swiper-slide.swiper-slide-next .hp-test-hex::before {
    background: var(--color-bright-green);
}
.hp-testimonials .swiper-slide.swiper-slide-prev .hp-test-hex::after {
    background: #053A31;
}
.hp-testimonials .swiper-slide.swiper-slide-next .hp-test-hex::after {
    background: #053A31;
}
.hp-testimonials .swiper-slide.swiper-slide-prev .hp-test-hex *,
.hp-testimonials .swiper-slide.swiper-slide-next .hp-test-hex * {
    color: var(--color-white);
}
.hp-testimonials .swiper-slide.swiper-slide-prev .hp-test-hex img,
.hp-testimonials .swiper-slide.swiper-slide-next .hp-test-hex img {
	/* filter: brightness(99); */
}

/* ── Team ──────────────────────────────────────────────── */

.hp-team {
    overflow: hidden;
}
.hp-team .container.hp-team-top {
    max-width: 1465px;
}
.hp-team-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 20px;
    align-items: end;
    padding-bottom: 120px;
}
.hp-team-header-left {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.hp-team-header-left .text-label {
    font-size: 18px;
    font-weight: 600;
}
.hp-team-header-left .h2 {
    max-width: 400px;
}
.hp-team-carousel {
    overflow: hidden;
    padding-bottom: 80px;
}
.hp-team-track {
    display: flex;
    gap: 12px;
    width: max-content;
    animation: hp-team-scroll linear infinite;
    align-items: flex-start;
    padding-bottom: 56px;
}
.hp-team-track:hover {
    animation-play-state: paused;
}
@keyframes hp-team-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
.hp-team-hex {
    width: 320px;
    height: 320px;
    flex-shrink: 0;
}
.hp-team-hex--offset {
    margin-top: 56px;
}
.hp-team-hex img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    clip-path: polygon(50% 4%, 96% 27%, 96% 73%, 50% 96%, 4% 73%, 4% 27%);
}
.hp-team-hex--card {
    clip-path: polygon(50% 4%, 96% 27%, 96% 73%, 50% 96%, 4% 73%, 4% 27%);
    background: #7B5EF6;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.hp-team-hex--card p {
    padding: 80px 50px;
    color: #1a0a2e;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 500;
    margin: 0;
}
.hp-team .container.hp-team-wrap {
    max-width: 1600px;
}
.hp-team-slider .hexagon {
    background: var(--color-dark-teal);
}
.hp-team-slider .hexagon .hexagon-inner {
    position: absolute;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    z-index: 1;
    transition: all .5s ease;
    inset: 0;    
}
.hp-team-slider .hexagon.swiper-slide-active .hexagon-inner {
    inset: 4px;    
}
.hp-team-slider .hexagon img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.hp-team-slider .swiper-slide {
    opacity: 0;
}
.hp-team-slider .swiper-slide-before-prev,
.hp-team-slider .swiper-slide-after-next {
    opacity: 0.1;
}
.hp-team-slider .swiper-slide-prev,
.hp-team-slider .swiper-slide-next {
    opacity: 0.2;
}
.hp-team-slider .swiper-slide-active {
    opacity: 1;
}
.hp-team-slider .swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 46px;
}
.hp-team-slider .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    width: 18px;
    height: 100%;
    margin: 0 !important;
    border-radius: 0;
    transition: background 0.2s ease;
    clip-path: polygon( 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25% );
    aspect-ratio: 1 / 1.15;
    outline: none !important;
    position: relative;
}
.hp-team-slider .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--border);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    aspect-ratio: 1 / 1.15;
    z-index: 0;
    transition: all .5s ease;
}
.hp-team-slider .swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    background: #fff;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    z-index: 1;
    transition: all .5s ease;
    inset: 1px;
}
.hp-team-slider .swiper-pagination-bullet-active:before  {
    background: var(--color-bright-green) !important;
    inset: 0px;
}
.hp-team-slider .swiper-pagination-bullet-active:after  {
    background: var(--color-bright-green) !important;
    inset: 0px;
}
.hp-testimonials .swiper {overflow: visible;}

.hp-team-text {
    text-align: center;
    margin: 30px 0 0;
}
.hp-team-text p:not(:last-child) {
    margin: 0 0 10px;
}

/* ── CTA ───────────────────────────────────────────────── */

.hp-cta {
    background-color: var(--color-bright-green);
    text-align: center;
    background-attachment: fixed;
    background-image: url('../../../../wp-content/uploads/2026/05/reXtore_BrandMark_LightGreen-scaled.png');
    background-size: cover;
    min-height: 525px;
    display: flex;
    align-items: center;
}
.hp-cta-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    max-width: 1140px;
    margin: 0 auto;
}
.hp-cta-inner .text-big {
    font-size: 25px;
    margin: 0 auto 20px;
}
.hp-cta-inner .h2,
.hp-cta-inner .text-big {
    color: var(--color-dark-teal);
}


/* ── Responsive ────────────────────────────────────────── */

@media (max-width: 1600px) {
    .hp-banner-text { font-size: 42px; }
    .hp-banner, .hp-cta {min-height: 440px;}
    .hp-services-desc {max-width: 560px;}
    .hp-banner-text {max-width: 800px;}
    .hp-services-grid {gap: 32px 133px;}
    .hp-service-item {flex-basis: calc(25% - 100px);}
    .hp-service-name {font-size: 18px;max-width: 180px;}
    .hp-service-name::after {width: 80px;}
    .hp-cta-inner .text-big {font-size: 22px;}
    .hp-service-item:hover .hp-service-hex svg {transform: translate(-50%,-50%) scale(1.3);}

}

@media (max-width: 1199.98px) {
    .hp-banner-text { font-size: 36px; }
    .hp-testimonials .testimonials-top {margin-bottom: 90px;}
    .hp-test-hex { padding: 60px 30px 30px; }
    .hp-test-event {font-size: 14px;}
    .hp-test-quote {font-size: 14px;}
    .hp-test-dot {margin: 0;}
    .hp-test-name {font-size: 16px;margin: 5px 0 0;}
    .hp-test-pagination.swiper-pagination {margin-top: 60px;}
    .hp-service-item {flex-basis: calc(33.33% - 54px);}
}

@media (max-width: 991px) {
    .hp-hero-inner {
/*         grid-template-columns: 1fr;
        min-height: unset; */
    }
    .hp-hero-img {
        margin: 0 auto;
        width: 100%;
    }
    .hp-hero-img img {
        min-height: 420px;
    }

    .hp-ticker-track {
        animation: hp-ticker 8s linear infinite;
    }
    .hp-ticker-item-img {
        height: 90px;
    }
    .hp-ticker-item {
        min-width: 33.33vw;
    }
    .hp-ticker-item img {
        max-height: 90px;
    }

    .hp-services-header {
        grid-template-columns: 1fr;
        gap: 24px 0;
        margin-bottom: 48px;
    }
    .hp-services-header-left {
        margin: 0;
    }
    .hp-services-header .h2 {
        max-width: 100%;
    }
    .hp-services-items-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .hp-services-dots-row,
    .hp-services-dots-row span:nth-child(2),
    .hp-services-dots-row span:nth-child(4) {
        display: none;
    }
    .hp-banner-text { font-size: 28px; }

    .hp-work-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .hp-work {
        padding-bottom: 60px;
    }
    .hp-work-label {
        margin-bottom: 40px;
    }

    .hp-testimonials {
        padding-bottom: 60px;
    }
    .hp-testimonials .sect-top-right, .sect-bottom-right {display: none;}
    .hp-testimonials .testimonials-top {
        margin-bottom: 60px;
    }
    .hp-test-slider-wrap {padding-bottom: 0;}
    .hp-test-hex {
        padding: 100px 30px;
    }

    .hp-team-header-left {
        margin-bottom: 0;
    }
    .hp-team-header-left .h2 {
        max-width: unset;
    }
    .hp-team-header {
        grid-template-columns: 1fr;
        gap: 24px 0;
        padding-bottom: 40px;
    }
    .hp-team-hex {
        width: 260px;
        height: 260px;
    }
    .hp-team-hex--offset {
        margin-top: 48px;
    }
    .hp-team-track {
        padding-bottom: 48px;
    }
    .hp-team-hex--card p {
        padding: 64px 40px;
    }
}

@media (max-width: 767px) {
    .hp-test-hex { padding: 72px 38px; }
}

@media (max-width: 767px) {
    .hp-hero-img img { min-height: 300px; }
    .hp-ticker-item {
        min-width: 50vw;
        padding: 0 8px;
        font-size: 10px;
    }

    .hp-services-header {
        margin-bottom: 20px;
    }
    .hp-services-grid {
        gap: 0px 15px;
    }
    .hp-services {
        padding: 60px 0;
    }
    .hp-service-item {
        flex-basis: calc(50% - 8px);
    }
    .hp-service-name {
		font-size: 16px;
        max-width: unset;
    }
	
	.hp-test-name {
		font-size: 12px;
	 }
	.swiper-slide-active .hp-test-quote {
		max-height: 110px;
		overflow: auto;
	}
	.hp-test-logo {
  		max-height: 40px;
	}

    .hp-team-header-right br {
        display: none;
    }

    .hp-services-items-row {
        grid-template-columns: 1fr;
    }
    .hp-services-dots-row span:nth-child(2),
    .hp-services-dots-row span:nth-child(3),
    .hp-services-dots-row span:nth-child(4) {
        display: none;
    }
    .hp-service-item {
        padding: 24px 0;
        min-height: 160px;
    }
    .hp-banner-text { font-size: 24px; }

    .hp-work-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .hp-work-cta {
        margin-top: 30px;
    }

    .hp-team-hex {
        width: 200px;
        height: 200px;
    }
    .hp-team .swiper {overflow: visible;}
    .hp-team-hex--offset {
        margin-top: 36px;
    }
    .hp-team-track {
        padding-bottom: 36px;
        gap: 8px;
    }
    .hp-team-hex--card p {
        padding: 50px 30px;
        font-size: 13px;
    }
    .hp-banner, .hp-cta {
        min-height: unset;
    }
}
@media (min-width: 1600px) {
    .hp-team-header-left .h2 {max-width: 500px;}
}
@media (min-width: 992px) {
	.hp-hero-img .btn {display: none;}
}