/* Override Defaults */
.ip-banner {
    display: none;
}

#inner-page-wrapper > .container {
    max-width: 100%;
    padding: 0;
}

.rel-z {
    background: transparent;
}

.ip-tryp-heading {
    font-size: 70px;
    margin: 0 0 20px;
    line-height: 1.3;
    font-weight: 300;
    color: #fff;
}

.ip-tryp-p {
    font-size: 40px;
    margin: 0;
    line-height: 1.3;
    font-weight: 300;
    color: #fff;
}

.p-15 {
    padding: 0 15px;
}

/* Banner */
.ip-tryp-banner {
    min-height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ip-tryp-banner::after {
    content:'';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #21304D;
    background: linear-gradient(0deg, rgba(33, 48, 77, 1) 0%, rgba(0, 87, 148, 0.2) 100%);
    z-index: 20;
}

.ip-tryp-banner-main {
    height: 100%;
    color: #fff;
}

.ip-tryp-banner-main h1 {
    margin: 0;
    font-size: 90px;
    font-family: var(--font-family-title);
    line-height: 1;
}

.ip-tryp-banner-main p {
    margin: 20px 0 0;
    font-size: 40px;
    font-weight: 300;
}

.ip-tryp-banner-container {
    max-width: 1470px;
    width: 100%;
    padding: 0 15px;
}

/* Tagline */
.ip-tryp-tagline {
    background: #21304d;
    padding: 400px 15px;
}


/* About */
.ip-tryp-about {
    background: #21304d;
    min-height: 800px;
    padding: 300px 15px;
}

.ip-tryp-about::before {
    content:'';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #21304D;
    background: linear-gradient(180deg, rgba(33, 48, 77, 1) 0%, rgba(0, 87, 148, 0) 100%);
    z-index: 20;
}

.ip-tryp-about::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #21304D;
    background: linear-gradient(180deg, rgba(33, 48, 77, 0) 0%, rgba(0, 87, 148, 1) 100%);
    z-index: 20;
}

.ip-tryp-about .bg-canvas {
    opacity: 0.5;
}

.ip-tryp-about-col {
    width: 50%;
}

.ip-tryp-about-col.list ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: right;
}

.ip-tryp-about-col.list ul li {
    width: 50%;
    padding: 30px 15px;
    color: #fff;
}

.ip-tryp-about-value {
    font-family: var(--font-family-title);
    font-size: 80px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1;
}

.ip-tryp-about-label {
    font-size: 20px;
    text-transform: uppercase;
}

.ip-tryp-about-col.content {
    padding: 39px 60px 0 0;
}

.ip-tryp-about-col.imgs {
    width: 100%;
    margin: 100px 0 0;
}

.ip-tryp-about-img {
    width: calc(100% / 3);
}

/* Features */
.ip-tryp-feat {
    padding: 300px 15px;
    background: #005794;
}

.ip-tryp-feat::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #21304D;
    background: linear-gradient(0deg, rgba(33, 48, 77, 1) 0%, rgba(0, 87, 148, 1) 100%);
    z-index: 20;
}


.ip-tryp-feat-col.content {
    width: 65%;
    padding: 0 30px 30px 0;
}

.ip-tryp-feat-col.img {
    width: 35%;
}

h3.ip-tryp-heading {
    font-size: 40px;
    margin: 50px 0 20px;
}

/* Invest */
.ip-tryp-invest {
    padding: 300px 0;
    background: #21304d;
}

.ip-tryp-invest .ip-tryp-heading {
    margin: 0 0 100px;
}

.ip-tryp-invest-main {
    min-height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 15px;
}

.ip-tryp-invest-main::before {
    content:'';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #21304D;
    background: linear-gradient(180deg, rgba(33, 48, 77, 1) 0%, rgba(0, 87, 148, 0) 100%);
    z-index: 20;
}

.ip-tryp-invest-main::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #21304D;
    background: linear-gradient(0deg, rgba(33, 48, 77, 1) 0%, rgba(0, 87, 148, 0) 100%);
    z-index: 20;
}

.ip-tryp-invest-main .bg-canvas {
    opacity: 0.5;
}

/* Contact */
.ip-tryp-contact {
    background: #21304D;
    padding: 300px 15px;
}

.ip-tryp-contact a {
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .ip-tryp-banner-main h1,
    .ip-tryp-heading,
    h3.ip-tryp-heading {
        font-size: 35px;
    }

    .ip-tryp-banner-main p,
    .ip-tryp-p {
        font-size: 20px;
    }

    .ip-tryp-feat-col,
    .ip-tryp-about-col,
    .ip-tryp-about-col.list ul li,
    .ip-tryp-about-img {
        width: 100% !important;
    }

}