@font-face {
font-family: "Butler FREE";
src: url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff2/Butler-Free-Bd.woff2) format("woff2"),
url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff/Butler-Free-Bd.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Butler FREE";
src: url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff2/Butler-Free-Blk.woff2) format("woff2"),
url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff/BButler-Free-Blk.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Butler FREE";
src: url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff2/Butler-Free-Lgt.woff2) format("woff2"),
url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff/Butler-Free-Lgt.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Butler FREE";
src: url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff2/Butler-Free-Med.woff2) format("woff2"),
url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff/Butler-Free-Med.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Butler FREE";
src: url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff2/Butler-Free-Rmn.woff2) format("woff2"),
url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff/Butler-Free-Rmn.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Butler FREE";
src: url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff2/Butler-Free-SBd.woff2) format("woff2"),
url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff/Butler-Free-SBd.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Butler FREE";
src: url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff2/Butler-Free-XBd.woff2) format("woff2"),
url(//remlp.com/wp-content/themes/range-equity/css/fonts/butler/Woff/Butler-Free-XBd.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(40px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
outline: none;
}
*,
a {
-webkit-tap-highlight-color: transparent !important;
}
body,
html {
font-family: "Lexend Deca";
font-style: normal;
font-weight: 400;
font-size: 20px;
}
@media screen and (min-width: 1900px) {
#home .s3-card2 {
right: 485px !important;
}
}
@media screen and (max-width: 980px) {
body,
html {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
body,
html {
font-size: 20px;
}
}
p {
font-family: "Lexend Deca", sans-serif;
font-style: normal;
font-weight: 200;
font-size: 1rem;
line-height: 1.5em;
}
span {
font-family: "Lexend Deca", sans-serif;
}
h1,
h2,
h3,
h4,
h5 {
font-family: "Butler FREE", sans-serif;
}
.h2 {
font-size: 4.3rem;
line-height: 1.1;
font-weight: 400;
font-family: "Butler FREE", sans-serif;
}
.h3 {
font-size: 3.1rem;
line-height: 1.1;
font-weight: 400;
font-family: "Butler FREE", sans-serif;
}
.h4 {
font-size: 2.4rem;
line-height: 1.2;
font-weight: 400;
font-family: "Butler FREE", sans-serif;
}
.h5 {
font-size: 2rem;
line-height: 1.25;
font-weight: 400;
font-family: "Butler FREE", sans-serif;
}
a {
font-family: "Butler FREE", sans-serif;
font-style: normal;
text-decoration: none;
cursor: pointer;
}
.contain,
.container {
width: calc(100% - 2rem);
max-width: 1280px;
margin: 0 auto;
}
.wide {
width: calc(100% - 2rem);
max-width: 1920px;
margin: 0 auto;
}
a.global-btn {
position: relative;
display: inline-flex;
align-items: end;
gap: 15px;
}
a.global-btn span {
color: var(--accent-color);
font-weight: 700;
font-family: "Butler FREE";
font-size: 1rem;
transition: color 0.5s ease;
line-height: 1;
}
a.global-btn svg path {
transition: fill 0.5s ease;
}
a.global-btn:hover svg path:first-of-type {
fill: #4D7A91
}
a.global-btn:hover span {
color: #4D7A91
} .py-150 {
padding-top: 150px;
padding-bottom: 150px;
}
.width-100 {
width: 100%
}
.plx-wrap {
position: absolute;
width: 100%;
height: 100%;
clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%);
top: 0px;
left: 0px;
}
.plx-wrap .plx-bg {
clip-path: inset(327px 0 0 0);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
background-image: url(//remlp.com/wp-content/themes/range-equity/assets/wave-graphic.jpg);
background-attachment: fixed;
}
.plx-wrap .curve {
position: absolute;
top: 326px;
left: 0;
width: 100%;
z-index: 2;
pointer-events: none;
}
.plx-wrap .curve img {
width: 100%;
height: auto;
display: block;
}
:root {
--primary-color: #2E3F57;
--secondary-color: #5E5E5E;
--accent-color: #345565;
--white-color: #ffffff;
--light-bg: #F6EEE5;
} form input,
form textarea {
border-radius: 0;
appearance: none;
-webkit-appearance: none;
}
form input:focus,
form textarea:focus,
form button:focus,
form select:focus {
outline: none;
}
form input:-webkit-autofill,
form input:-webkit-autofill:hover,
form input:-webkit-autofill:focus,
form textarea:-webkit-autofill,
form textarea:-webkit-autofill:hover,
form textarea:-webkit-autofill:focus {
-webkit-text-fill-color: var(--primary-color);
transition: background-color 5000s ease-in-out 0s;
} header {
width: 100%;
position: fixed;
background: transparent;
transition: background-color 0.3s ease;
z-index: 101;
height: 85px; }
header .container {
display: -webkit-flexbox;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0rem 0;
position: relative;
gap: 2rem;
}
header .logo {
display: flex;
align-items: flex-end;
width: 190px;
height: 85px;
transition: width 0.3s ease;
position: relative;
z-index: 10;
transition: width 0.3s ease;
}
header nav .wrapper {
text-align: right;
}
header nav {
height: 85px;
}
header nav ul {
list-style: none;
display: -webkit-flexbox;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: .75rem;
}
header nav ul li a {
display: inline-block;
font-family: 'Butler FREE';
font-style: normal;
font-weight: 500;
font-size: .85rem;
line-height: 1.35;
color: #fff;
text-transform: capitalize;
letter-spacing: -1%;
transition: color 0.5s ease;
cursor: pointer;
padding-top: 21px;
position: relative;
}
header.active nav ul li a,
header.active nav ul li a:hover,
header.active nav ul li a:focus,
header.active nav ul li a:active {
font-weight: 200 !important;
}
#bio header:not(.active) .logo svg path,
#insight-detail header:not(.active) .logo svg path {
fill: #000000;
}
#bio header .menu_container #menu_btn i {
background-color: var(--accent-color);
}
#bio header nav ul li.current-menu-item a::after {
background: url(//remlp.com/wp-content/themes/range-equity/assets/dark-hv-icon.svg) no-repeat;
background-size: 26px 13px;
}
#bio header nav ul li:not(:last-child) a:hover::after,
#bio header nav ul li:not(:last-child) a::after,
#insight-detail header nav ul li:not(:last-child) a:hover::after,
#insight-detail header nav ul li:not(:last-child) a::after {
background: url(//remlp.com/wp-content/themes/range-equity/assets/dark-hv-icon.svg) no-repeat;
background-size: 26px 13px;
}
#insight-detail header nav ul li:not(:last-child) a {
color: var(--primary-color)
}
header nav ul li:not(:last-child) a::after {
content: "";
position: absolute;
bottom: -12px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/menu-hover.svg) no-repeat;
background-size: 26px 13px;
width: 26px;
height: 13px;
left: 50%;
margin-left: -13px;
opacity: 0;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
header.scroll nav ul li:not(:last-child) a::after {
background: url(//remlp.com/wp-content/themes/range-equity/assets/dark-hv-icon.svg) no-repeat;
background-size: 26px 13px;
}
header nav ul li:not(:last-child) a:hover::after {
opacity: 1;
transform: translateY(0px);
}
header nav ul li.current-menu-item a::after {
opacity: 1;
transform: translateY(0px);
}
header nav ul li:last-child a:hover {
color: var(--white-color) !important
}
header nav ul li:last-child {
background-image: url(//remlp.com/wp-content/themes/range-equity/assets/login-btn.svg);
background-repeat: no-repeat;
width: 142px;
height: 75px;
position: relative;
margin-left: 7px;
text-align: center;
transition: background-image .5s ease;
}
header nav ul li:last-child:hover {
width: 142px;
height: 75px;
position: relative;
margin-left: 7px;
text-align: center;
background-image: url(//remlp.com/wp-content/themes/range-equity/assets/login-btn-hover.svg);
background-repeat: no-repeat;
}
header nav ul li a:hover,
header nav ul .selNav a { }
header nav .mobile {
display: none;
}
header .menu_container {
display: none;
position: absolute;
top: 52%;
transform: translateY(-50%);
right: 0;
height: 20px;
}
header .menu_container #menu_btn {
background: none;
border: none;
outline: none;
cursor: pointer;
color: #fff;
width: 44px;
height: 20px;
}
header .menu_container #menu_btn i {
transition-delay: 0.6s;
transition: all 0.2s ease-out;
height: 1px;
width: 44px;
background-color: #fff;
position: absolute;
border-radius: 2px;
left: 0;
}
header .menu_container #menu_btn i:nth-child(1) {
top: 0;
}
header .menu_container #menu_btn i:nth-child(2) {
top: 10px;
}
header .menu_container #menu_btn i:nth-child(3) {
top: 20px;
}
header.scroll:not(.active) {
background: #fff;
}
header.scroll:not(.active) .logo svg path {
fill: #111 !important;
} header.scroll:not(.active) .menu_container #menu_btn i {
background-color: #111;
}
header.scroll:not(.active) .container {
padding: 0;
}
header.scroll .logo,
header.active .logo {
align-items: center;
}
header.scroll:not(.active) nav ul li:not(:last-child) a {
color: var(--primary-color);
}
header.scroll:not(.active) nav ul li a:hover,
header.scroll:not(.active) nav ul .selNav a {
color: var(--primary-color);
}
header.scroll:not(.active) nav .top-nav .login a::before {
background-color: #1a2436;
}
header.scroll .logo {
width: 152px;
}
header.scroll .container {
padding: 0;
}
header.scroll {
background-color: #174660;
}
.arc-shape {
position: absolute;
transform-origin: center;
position: absolute;
left: 0;
right: 0;
bottom: -53px;
width: 100%; z-index: 1;
transform-box: fill-box;
} header.active .logo svg path {
fill: #000 !important;
}
header.active nav {
opacity: 1;
visibility: visible;
width: 100%;
height: 100vh;
min-height: -webkit-fill-available;
position: fixed;
top: 0;
left: 0;
background: var(--light-bg);
}
header.active nav .wrapper {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
top: 50%;
width: 100%;
text-align: center;
}
header.active nav ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
header.active nav ul li:not(:last-child) a {
display: inline-block;
text-align: center;
font-size: 1.3rem;
line-height: 2rem;
color: #12374F;
margin-left: 0;
opacity: 0;
visibility: hidden;
transform: translate(0%, 100%);
position: relative;
padding: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
}
header.active nav ul li a.fade {
opacity: 1;
visibility: visible;
transform: translateX(0%);
}
header.active nav ul li a:hover,
header.active nav ul .selNav a {
font-weight: 600;
color: var(--primary-color);
}
header.active nav ul .portal a {
padding-right: 26px;
}
header.active nav .top-nav {
display: none;
}
header.active nav .mobile {
display: block;
margin-top: 2rem;
}
header.active nav .mobile .top-nav {
display: block;
margin-bottom: 0;
}
header.active nav .mobile .login a {
margin-left: 0;
padding-left: 0;
margin-top: 10px;
}
header.active nav .mobile .login a::before {
display: none;
}
header.active #menu_btn i {
top: 5px;
background: #000;
}
header.active #menu_btn i:nth-child(1) {
transform: rotate(45deg);
width: 40px;
top: 5px;
}
header.active #menu_btn i:nth-child(3) {
transform: rotate(-45deg);
width: 40px;
top: 5px;
}
header.active #menu_btn i:nth-child(2) {
display: none;
} #home .s3-bottom .approch img {
display: none;
}
#home .arc-nav {
position: relative;
width: 950px;
height: 402px;
margin: 0px auto 0;
}
#home .arc-nav svg {
position: absolute;
inset: 0;
}
#home .arc-bg {
fill: none;
stroke: rgba(255, 255, 255, .2);
stroke-width: 1;
}
#home .arc-progress {
fill: none;
stroke: #fff;
stroke-width: 1;
stroke-linecap: round;
transition: all .8s ease-in;
}
#home .dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #666;
position: absolute;
cursor: pointer;
transition: .4s;
}
#home .dot.active {
background: #fff;
transform: scale(2);
}
#home .dot-1 {
left: 33px;
top: 240px;
}
#home .dot-2 {
top: -5px;
left: 50%;
transform: translateX(-50%);
}
#home .dot-2.active {
transform: translateX(-50%) scale(1.5);
}
#home .dot-3 {
right: 32px;
top: 240px;
}
#home .s1 {
position: relative;
height: 100vh;
min-height: 900px; display: -webkit-flexbox;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background: url(//remlp.com/wp-content/themes/range-equity/assets/Hero-Homepage-1920.png) center/cover no-repeat;
}
#home .s1 .container {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 9.5rem;
}
#home .s1 .hero-content h1 {
font-size: 7.15rem;
line-height: 1.19;
color: var(--white-color);
font-family: "Butler FREE";
font-style: normal;
font-weight: 500;
letter-spacing: -2%;
opacity: 0;
animation: fadeUp 0.8s ease forwards;
animation-delay: 0s;
}
#home .s1 .hero-content h1 span {
max-width: 642px;
margin-left: 141px;
position: relative;
top: -30px;
font-size: 7.15rem;
line-height: 1.19;
color: var(--white-color);
font-family: "Butler FREE";
font-style: normal;
font-weight: 500;
letter-spacing: -2%;
}
#home .s1 .hero-content p {
max-width: 610px;
margin-left: 141px;
font-size: 1.75rem;
line-height: 1.25;
color: var(--white-color);
font-family: Lexend Deca;
font-style: normal;
font-weight: 200;
letter-spacing: -2%;
opacity: 0;
animation: fadeUp 0.8s ease forwards;
animation-delay: 0.2s;
}
#home .s2 {
background-color: var(--light-bg);
padding: 120px 0px 150px;
}
#home .s2 .content {
max-width: 765px;
margin: 0px auto;
}
#home .s2 .content h2 {
font-family: "Butler FREE", sans-serif;
font-weight: 400;
font-size: 2rem;
line-height: 1.25;
letter-spacing: 0%;
color: var(--primary-color);
margin-bottom: 1rem;
max-width: 96%;
}
#home .s2 .content p {
color: var(--secondary-color);
font-weight: 200;
font-size: 1rem;
line-height: 1.5;
letter-spacing: 0%;
margin-bottom: 2.2rem;
}
#home .s3 {
min-height: 1863px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#home .s3 .s3-bottom-wrapper {
z-index: 12;
}
#container {
position: relative;
}
#home .card-wrap {
clip-path: inset(0 100% 0 0);
padding-top: 6px;
}
#home .plx-wrap .curve {
background: url(//remlp.com/wp-content/themes/range-equity/assets/curve-1920.svg);
position: absolute;
height: 288px;
background-repeat: repeat;
}
#home .plx-wrap .curve {
top: 325px;
}
#home .s3-top {
width: 100%;
position: relative;
padding: 98px 0px;
height: 100vh;
min-height: 996px;
}
#home #container { }
#home .card-wrap {
clip-path: inset(0 100% 0 0);
}
#home .s3-card {
width: 480px;
position: absolute;
background: url(//remlp.com/wp-content/themes/range-equity/assets/hp-line.png)no-repeat;
height: 237px;
background-size: 1px 100%;
background-position: right top;
padding-left: 60px;
padding-right: 25px;
}
#home .s3-card1 {
left: 0px
}
#home .s3-card2 {
right: 165px;
}
#home .s3-card3 {
left: 490px;
top: 612px;
}
#home .s3-card3 {
position: absolute;
background: url(//remlp.com/wp-content/themes/range-equity/assets/hp-line-white.svg)no-repeat;
background-position: right top;
z-index: 12;
background-size: 2px 100%;
}
#home .s3-top .s3-card:nth-child(2) h3 {
max-width: 290px;
}
#home .s3-top .s3-card:not(:last-child)::after {
content: "";
border: 2px solid var(--accent-color);
width: 64px;
height: 64px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/dot.svg) no-repeat;
background-position: center;
position: absolute;
z-index: 13;
border-radius: 50%;
right: -34px;
bottom: -25px;
}
#home .s3-bottom h2 {
margin-bottom: 20px;
}
#home .s3-top .s3-card:last-child::after {
content: "";
border: 2px solid var(--accent-color);
width: 64px;
height: 64px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/dot.svg) no-repeat;
background-position: center;
position: absolute;
z-index: 13;
border-radius: 50%;
right: -34px;
top: -33px;
}
#home .card-wrap {
max-width: 395px;
}
#home .s3-card .card-wrap span {
font-weight: 300;
font-size: .75rem;
line-height: 1;
letter-spacing: 27%;
text-transform: uppercase;
color: #8F8B8B;
position: relative;
top: -10px;
}
#home .s3-card .card-wrap h3 {
margin-top: 15px;
margin-bottom: 10px;
font-weight: 400;
font-style: Roman;
font-size: 2.4rem;
line-height: 120%;
letter-spacing: 0%;
color: var(--primary-color);
}
#home .s3-card .card-wrap p {
font-weight: 200;
font-size: 1.15rem;
line-height: 129%;
letter-spacing: 0%;
color: var(--secondary-color)
}
#home .s3-top .s3-card:last-child h3,
#home .s3-top .s3-card:last-child p,
#home .s3-top .s3-card:last-child span {
color: var(--white-color)
}
#home .s3-bottom-wrapper {
min-height: 900px;
height: 300vh;
position: relative;
}
#home .s3-bottom {
height: 100vh;
position: relative;
bottom: 0px;
width: 100%;
display: flex;
justify-content: flex-end;
flex-direction: column;
}
#home .s3-bottom h2 {
max-width: 722px;
margin-left: auto;
text-align: center;
margin-right: auto;
font-weight: 400;
font-size: 4.3rem;
line-height: 110%;
color: var(--white-color);
margin-bottom: 20px;
}
#home .s3-bottom p {
text-align: center;
font-size: .9rem;
line-height: 1.5;
font-weight: 200;
color: var(--white-color);
max-width: 812px;
margin-left: auto;
margin-right: auto;
}
#home .s3-bottom .s3-bottom-container {
position: relative;
left: 50%;
transform: translateX(-50%);
height: 100%;
}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 60px;
}
#home .s3-bottom .slide[data-id="1"] .content {
width: 201px;
}
#home .s3-bottom .slide[data-id="2"] .content {
width: 400px;
}
#home .s3-bottom .slide[data-id="3"] .content {
width: 347px;
}
#home .s3-bottom .slide {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease;
display: flex;
align-items: center;
}
#home .s3-bottom .slide .title {
color: var(--white-color);
font-size: 1.5rem;
line-height: 129%;
}
#home .s3-bottom .slide.active {
opacity: 1;
position: relative;
}
#home .slide-wrap {
left: 50%;
transform: translateX(-50%);
width: 350px;
position: absolute;
bottom: 0;
height: 555px;
}
#home .s3 .content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#home .s3-bottom .approch {
position: absolute;
bottom: 80px;
left: 50%;
transform: translateX(-50%);
height: 420px;
width: 960px;
pointer-events: none;
overflow: visible;
z-index: 1;
}
#home .s3-bottom .approch img {
position: absolute;
width: 950px;
height: 490px;
object-fit: contain;
opacity: 0;
transition: opacity 0.5s ease;
}
#home .s3-bottom .approch img.active {
opacity: 1;
}
#home .s3-carousel {
display: none;
}
#home .s3-bottom-carousel {
display: none;
padding: 7.5rem 0;
}
#home .s3-bottom-carousel img {
width: 100%;
max-width: 500px;
margin: 0 auto 3rem auto;
}
#home .s3-bottom-carousel .slick-slide {
text-align: center;
padding-bottom: 1rem;
}
#home .s3-bottom-carousel .slick-slide h2 {
margin: 2rem 0;
}
#home .s3-bottom-carousel .slick-slide h2 br {
display: none;
}
#home .s3-bottom-carousel .slick-slide p {
font-size: 1.25rem;
line-height: 1.85rem;
color: #757575;
max-width: 550px;
margin: 0 auto;
}
#home .s3-bottom-carousel .slick-slide .title {
color: var(--white-color);
font-size: 1rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#home .s3-bottom-carousel .slick-slide .global-btn {
margin: 2rem auto 0;
}
#home .s3-bottom-carousel .slick-dots {
display: -webkit-flexbox;
display: -ms-flexbox;
display: flex;
gap: 10px;
justify-content: center;
align-items: center;
list-style: none;
margin-top: 3rem;
}
#home .s3-bottom-carousel .slick-dots li {
width: 12px;
height: 12px;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
border-radius: 100%;
}
#home .s3-bottom-carousel .slick-dots li button {
background: none;
font-size: 0;
display: none;
border: none;
}
#home .s3-bottom .extra-circle {
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
width: 1050px;
height: 460px;
bottom: 0px;
pointer-events: none;
overflow: visible;
z-index: 1;
}
#home .s3-bottom .extra-circle svg {
width: 100%
}
#home .s3-bottom-carousel .slick-dots .slick-active,
#home .s3-top .slick-dots .slick-active {
background-color: var(--accent-color);
}
#home .center-content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
#home .center-content p {
font-size: 2rem;
font-weight: 400;
max-width: 263px;
line-height: 1;
}
#home .s4 {
background-color: var(--accent-color);
position: relative;
}
#home .s4 h2 {
color: var(--white-color);
margin-bottom: 50px;
}
#home .s4 p {
color: var(--white-color);
font-size: 1.15rem;
line-height: 129%;
font-weight: 200;
}
#home .s4 .invest-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 100px 145px;
margin-top: 95px;
}
#home .s4 .invest-card {
min-height: 50px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding-top: 30px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
#home .s4 .icon {
max-width: 60px;
max-height: 60px;
}
#home .s4 .icon img {
width: 100%;
height: 100%;
}
#home .s4 .invest-card p {
max-width: 90%;
margin-top: 0rem;
padding-bottom: 10px;
}
#home .s5 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/OperationalRE-bg-1920.jpg)center / cover no-repeat;
height: 691px;
display: flex;
align-items: center;
}
#home .s5 h2 {
color: var(--white-color);
margin-bottom: 1.5rem;
text-align: center;
}
#home .s5 p {
font-size: .9rem;
line-height: 1.5;
color: var(--white-color);
margin-bottom: 0.9rem;
text-align: center;
}
#home .s5 .s5-desc {
max-width: 709px;
margin-left: auto;
margin-right: auto;
}
#home .s6 {
background-color: var(--light-bg);
padding-top: 125px;
padding-bottom: 20px;
position: relative; }
#home .s6 .left {
max-width: 505px;
position: sticky;
align-self: flex-start;
transform: none;
}
#home .s6 .left h2 {
margin-bottom: 2rem;
color: var(--accent-color);
}
#home .s6 .left p {
font-size: 1.25rem;
line-height: 1.29;
color: var(--secondary-color);
}
#home .s6 .s6-wrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
transform: none;
}
#home .s6 .right .circle {
width: 600px;
height: 600px;
border-radius: 50%;
display: flex;
align-items: center;
position: relative;
}
#home .s6 .right .circle div {
max-width: 390px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#home .s6 .right .circle .circle-wrap-2 {
position: absolute;
top: calc(50% + 30px);
left: 50%;
transform: translate(-50%, -50%);
}
#home .s6 .right .circle h3 {
margin-bottom: 10px;
}
#home .s6 .right .circle1 {
border: 1px solid #8F8B8B00;
background-color: var(--accent-color);
color: var(--white-color);
}
#home .slider-dots {
opacity: 0;
height: 0px;
}
#home .s6 .right .circle2 {
position: relative;
top: -125px;
border: 1px solid #4D7A91;
color: #25314800
}
#home .s6 .right .circle2 h3,
#home .s6 .right .circle2 p {
color: rgba(52, 85, 101, 1)
}
#home .s6 .right .circle2 .s6-arrow-icon {
position: absolute;
top: 50px;
z-index: 1;
width: 25px;
height: 25px;
left: 50%;
margin-left: -12.5px;
}
#home .s6 .right .circle2 .s6-arrow-icon img {
width: 100%;
height: 100%;
}
#home .s7 {
background: var(--accent-color);
padding-top: 180px;
padding-bottom: 200px;
}
#home .s7 .two-col {
max-width: 1038px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
gap: 50px
}
#home .s7 h2+p {
color: var(--white-color);
font-size: 1.15rem;
line-height: 129%;
font-weight: 200;
max-width: 560px;
}
#home .s7 h2.h3 {
color: var(--white-color);
max-width: 472px;
}
#home .s7 .col-3 {
margin-top: 142px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 39px;
}
#home .s7 .col-3 .col3-card {
height: 394px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(90px);
padding-top: 70px;
padding-left: 36px;
padding-right: 36px;
-webkit-backdrop-filter: blur(90px);
position: relative;
flex-direction: column;
justify-content: center;
display: flex;
border-radius: 15px;
}
#home .s7 .col-3>div::before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 0;
opacity: 1;
background-color: #fff;
background-blend-mode: multiply;
bottom: 0;
left: 0;
transition: height .5s ease;
border-radius: 15px;
}
#home .s7 .col-3>div:hover::before {
height: 100%;
}
#home .s7 .col-3>div p {
opacity: 0;
height: 0; transform: translateY(12px);
transition: all .5s ease;
max-width: 325px;
}
#home .s7 .col-3>div a {
opacity: 0;
height: 0; transition: all .5s ease;
}
#home .s7 .col-3>div:hover p {
color: rgba(52, 85, 101, 1);
z-index: 1;
opacity: 1;
height: auto;
top: 155px;
transform: translateY(0);
position: absolute;
}
#home .s7 .col-3>div a {
z-index: 0;
width: 135px;
bottom: 0px;
position: absolute;
right: 24px;
height: 70px;
}
#home .s7 .col-3>div:hover a {
z-index: 1;
opacity: 1;
}
#home .s7 .col-3>div a img {
width: 135px;
height: 70px;
}
#home .s7 .col-3>div:hover h3 {
color: rgba(52, 85, 101, 1);
z-index: 1;
top: calc(100% - 325px);
transform: translateX(0);
left: 36px;
text-align: left;
}
#home .s7 .col-3>div h3 {
width: 335px;
color: var(--white-color);
position: absolute;
text-align: center;
top: 50%;
text-align: center;
transform: translateY(-50%);
transition: transform 0.6s ease;
}
#home .s8 {
background-color: var(--light-bg);
}
#home .s8 .s8-wrap {
display: flex;
justify-content: space-between;
position: relative;
}
#home .s8 .s8-wrap h2 {
max-width: 836px;
color: var(--accent-color);
padding: 95px 0px 78px;
}
#home .s8 .s8-wrap a {
width: 229px;
height: 114px;
bottom: 0px;
position: absolute;
right: 67px
}
#home .s8 .s8-wrap a svg path {
transition: fill .5 ease;
}
#home .s8 a:hover svg path:first-of-type,
#home .s8 a:active svg path:first-of-type,
#home .s8 a:focus svg path:first-of-type {
fill: #4D7A91
}
#home .s3-top .arrow {
display: none;
}
footer {
border-top: 1px solid rgba(0, 0, 0, .2);
padding: 28px 0px 20px;
background-color: var(--light-bg);
}
footer .footer-inner {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between; }
.footer-block ul li a,
.footer-block p,
.footer-block p > a {
font-size: .75rem;
line-height: 1;
color: var(--secondary-color);
font-weight: 300;
font-family: "Lexend Deca", sans-serif;
}
.footer-block>div {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.footer-block ul li {
line-height: 1;
}
.footer-block ul li a {
text-decoration: underline;
}
.footer-block ul {
list-style: none;
display: flex;
gap: 10px;
justify-content: space-between;
margin: 0px;
padding: 0px;
} .inner .s1 {
height: 474px;
}
.inner .s1 h1 {
color: var(--white-color);
text-align: center;
} .inner .s1 {
height: 474px;
}
.inner .s1 h1 {
color: var(--white-color);
text-align: center;
}
body#about,
body#strategies,
body#team,
body {
overflow-X: clip;
}
#about .s1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/Hero-About-1920.jpg)no-repeat;
background-size: cover;
}
#about .heading-wrap {
max-width: 1125px;
display: flex;
align-items: flex-end;
height: 474px;
justify-content: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 76px;
}
#about .s2 {
overflow-x: clip;
position: relative;
background-color: var(--accent-color);
padding-top: 7rem;
padding-bottom: 6.7rem;
}
#about .s2-built {
width: 1010px;
display: flex;
gap: 42px;
justify-content: flex-start;
margin-left: auto;
margin-right: auto;
}
#about .s2 p {
max-width: 610px;
color: var(--white-color)
}
#about .s2 h2 {
color: var(--white-color)
}
#about .s3 h2 {
color: var(--primary-color);
padding: 6.85rem 0 4.6rem;
text-align: center;
}
#about .s3 {
background: var(--light-bg);
}
#about .s3 .inner::before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 0;
opacity: 1;
background: var(--accent-color);
background-blend-mode: multiply;
bottom: 0;
left: 0;
transition: height .5s ease;
border-radius: 15px;
}
#about .s3 .inner:hover::before {
height: 100%;
}
#about .s3 .inner:hover img {
display: none;
}
#about .s3-row .col .inner p {
opacity: 0;
height: 0;
overflow: hidden;
transform: translateY(12px);
transition: all .5s ease;
color: var(--white-color);
}
#about .s3 .inner:hover p {
height: auto;
opacity: 1;
z-index: 1;
transform: translateY(0);
}
#about .s3 .inner:hover h3 {
z-index: 1;
color: var(--white-color);
bottom: calc(100% - 130px);
}
#about .s3-row h3 {
color: var(--accent-color);
position: absolute;
transition: all 0.5s ease;
bottom: 0;
}
#about .s3 .inner img {
position: absolute;
right: 12px;
bottom: 0px
}
#about .s3-row {
height: 482px;
padding-top: 26px;
padding-bottom: 35px;
border-top: 1px solid rgba(0, 0, 0, .2);
border-bottom: 1px solid rgba(0, 0, 0, .2);
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 38px;
}
#about .s3-row .col:not(:last-child) {
border-right: 1px solid rgba(0, 0, 0, .2);
padding-right: 33px;
}
#about .s3-row .col:not(:last-child) .inner {
padding-right: 12px;
}
#about .s3-row .col:not(:first-child) .inner {
padding-left: 12px;
}
#about .s3-row .col .inner {
position: relative;
width: 100%;
height: 420px;
padding-bottom: 25px;
padding-left: 12px;
display: flex;
justify-content: flex-end;
align-items: flex-start;
flex-direction: column;
}
#about .s3-row .col .inner:hover {
padding: 30px;
}
#about .s3-desc {
text-align: center;
max-width: 915px;
margin-left: auto;
margin-right: auto;
padding-top: 3.85rem;
padding-bottom: 6.8rem;
color: var(--accent-color)
}
#about .s4 {
background-color: var(--accent-color);
padding: 4.4rem 0;
}
#about .s4 .s4-wrap {
display: flex;
gap: 4.7rem;
align-items: center;
}
#about .s4 .s4-img {
max-width: 620px;
}
#about .s4 .s4-wrap p {
max-width: 525px;
font-size: .9rem;
line-height: 150%;
color: var(--white-color);
margin-bottom: 24px;
}
#about .s4 h2 {
color: var(--white-color);
margin-bottom: 58px;
}
#about .founder-signature {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-top: 58px;
gap: 8px;
flex-direction: column;
}
#about .founder-signature img{
min-height: 20px;width:auto;
}
#about .founder-signature span {
font-family: "Butler FREE", sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 700;
color: var(--white-color)
}
#about .s5 {
padding: 153px 0 67px;
}
#about .s5-info {
display: flex;
justify-content: space-between;
margin-bottom: 73px;
}
#about .s5-info h2 {
color: var(--primary-color)
}
#about .s5-info h5 {
color: var(--accent-color)
}
#about .s5-info p {
margin-top: 8px;
}
#about .s5-info div {
max-width: 619px;
}
#about .s5 p {
font-size: 1rem;
color: var(--secondary-color);
line-height: 1.5;
}
#about .s5 .circle {
width: calc(25% + 13.5px);
height: auto;
display: flex;
align-items: center;
justify-content: center;
background: url(//remlp.com/wp-content/themes/range-equity/assets/circle-arc.svg)no-repeat;
flex: 0 0 calc(25% + 13.5px);
border-radius: 50%;
background-size: cover;
flex-shrink: 0;
aspect-ratio: 1 / 1;
}
#about .circle:nth-child(2) {
transform: translateX(-17px);
}
#about .circle:nth-child(3) {
transform: translateX(-34px);
}
#about .circle:nth-child(4) {
transform: translateX(-51px);
}
#about .s5 .solid {
background: url(//remlp.com/wp-content/themes/range-equity/assets/circle-solid.svg);
width: 261px;
height: 261px;
border-radius: 50%;
aspect-ratio: 1 / 1;
display: flex;
background-size: cover;
align-items: center;
justify-content: center;
text-align: center;
}
#about .s5 .solid span {
display: block;
margin-top: 24px;
font-size: 15px;
line-height: 1.2;
font-weight: 300;
font-family: "Lexend Deca", sans-serif;
text-transform: uppercase;
color: var(--secondary-color);
letter-spacing: 27%;
}
#about #track {
min-height: 323px;
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: flex-start;
}
#about .s6 { position: relative;
}
#about .s6 svg {
width: 100%;
height: 100%; margin-left: auto;
margin-right: auto;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
}
#about .s6-circle-wrap {
display: flex;
align-items: center;
justify-content: center;
height: 748px;
width: 748px;
position: relative;
padding: 42.5px;
margin-left: auto;
margin-right: auto;
}
#about .s6 .progress {
fill: none;
stroke: rgba(255, 255, 255, 1);
stroke-width: 2; stroke-linecap: butt;
transform: rotate(-90deg);
transform-origin: center; }
#about .s6 .bg {
fill: none;
stroke-width: 2;
stroke: rgba(255, 255, 255, .2);
}
#about .s6-bottom-wrapper {
overflow: hidden;
height: 100vh; position: relative;
}
.s6-bottom-wrapper.desktop {
z-index: 123;
}
#about .s6-bottom {
background: url(//remlp.com/wp-content/themes/range-equity/assets/about-circle-bg.jpg)no-repeat;
background-size: cover;
z-index: 130;
height: 100%;
padding-top: 100px;  position: relative;
bottom: 0px;
width: 100%;
display: flex;
justify-content: flex-start;
flex-direction: column;
}
#about .s6 h2 {
max-width: 722px;
margin-left: auto;
text-align: center;
margin-right: auto;
font-weight: 400;
font-size: 4.3rem;
line-height: 110%;
color: var(--white-color);
margin-bottom: 45px;
} #about .s6-bottom p {
text-align: center;
font-size: .9rem;
line-height: 1.5;
font-weight: 200;
color: var(--white-color);
max-width: 812px;
margin-left: auto;
margin-right: auto;
} #about .s6-bottom .slide {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease;
display: flex;
justify-content: center;
align-items: center;
}
#about .s6-bottom .slide .title {
font-size: 2rem;
line-height: 1.25;
font-weight: 400;
max-width: 525px;
font-family: "Butler FREE", sans-serif;
transition: opacity 0.5s ease;
opacity: 0;
}
#about .s6-bottom .slide.active {
opacity: 1;
position: relative;
}
#about .s6-bottom .slide.active .title {
opacity: 1;
}
#about .slide-wrap { width: 663px;
position: relative;
text-align: center;
bottom: 0;
height: 663px; overflow: hidden;
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
background: rgba(255, 255, 255, 0.15);
border-radius: 50%;
}
#about .s6 .content {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%
}  #about .s6-carousel {
display: none;
}
#about .s7 {
min-height: 945px;
background-color: var(--accent-color);
padding-top: 143px;
padding-bottom: 120px; }
#about .s7-wrap {
display: flex;
max-width: 1240px;
gap: 120px;
flex-direction: column;
}
#about .s7 .right {
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 27px;
}
#about .s7 h2 {
color: var(--white-color);
}
#about .s7 .left {
display: flex;
align-items: end;
gap: 2rem
}
#about .s7 .left p {
margin-bottom: 25px;
}
#about .s7 h2+p {
font-size: .75rem;
font-weight: 300;
letter-spacing: 27%;
text-transform: uppercase;
line-height: 1.2;
color: var(--white-color)
}
#about .s7 .right span {
font-size: 23px;
font-weight: 200;
letter-spacing: 0%;
line-height: 1.5;
color: var(--white-color)
}
#about .s7 .value-card {
height: 501px;
padding: 27px 25px 25px;
position: relative;
}
#about .s7 .vcard1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/value1.png)no-repeat;
background-size: cover;
}
#about .s7 .vcard2 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/value2.png)no-repeat;
background-size: cover;
}
#about .s7 .vcard3 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/value3.png)no-repeat;
background-size: cover;
}
#about .s7 .value-card>div {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(60px);
-webkit-backdrop-filter: blur(60px);
padding-left: 33px;
padding-right: 33px;
border-radius: 10px;
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#about .s7 .value-card:hover p {
opacity: 1;
height: Auto;
transform: translateY(0px);
}
#about .s7 .value-card:hover div img {
opacity: 0;
height: 0;
}
#about .s7 .value-card .explore {
position: absolute;
bottom: 0;
}
#about .s7 .value-card div>.s7-icon {
height: 40px;
max-width: 40px;
margin-bottom: 50px;
opacity: 1;
}
#about .s7 .value-card>div p {
text-align: center;
color: var(--white-color);
padding-top: 35px;
font-size: 31px;
line-height: 37px;
font-weight: 400;
font-family: "Butler FREE", sans-serif;
overflow: hidden;
opacity: 0;
height: 0;
transform: translateY(12px);
transition: all .6s ease;
}
#about .s7 .value-card:first-child>div p {
max-width: 426px;
}
#about #track .circle {
opacity: 0;
transform: translate(-30px, 0);
transition: all 1s ease 1s;
}
#about #track[data-scroll="in"] .circle:nth-child(1) {
transition-delay: 1s;
opacity: 1;
transform: translate(0, 0);
}
#about #track[data-scroll="in"] .circle:nth-child(2) {
transition-delay: 1.1s;
opacity: 1;
transform: translate(-15px, 0);
}
#about #track[data-scroll="in"] .circle:nth-child(3) {
transition-delay: 1.2s;
opacity: 1;
transform: translate(-30px, 0);
}
#about #track[data-scroll="in"] .circle:nth-child(4) {
transition-delay: 1.3s;
opacity: 1;
transform: translate(-45px, 0);
}
#about .s8 {
padding: 7.75rem 0 5.6rem;
background-color: var(--light-bg);
}
#about .s8 h2 {
color: var(--primary-color);
margin-bottom: 1.5rem;
text-align: center;
}
#about .s8 p {
max-width: 748px;
color: var(--secondary-color);
margin-left: auto;
margin-right: auto;
text-align: center;
}
#about .s8 .community {
margin-top: 1.8rem;
display: flex;
gap: 2rem;
align-items: center;
flex-wrap: wrap;
}
#about .s8 .community img{
max-width: 181px;
}
#team .s1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/team/Hero-Team-192.jpg) no-repeat;
background-size: cover;
}
#team .heading-wrap {
max-width: 804px;
display: flex;
align-items: flex-end;
height: 474px;
justify-content: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 80px;
}
#team .s2 {
padding: 7.9rem 0rem;
background: var(--accent-color);
position: relative;
padding-bottom: 7.4rem;
overflow-x: clip;
}
#team .s2>div>div {
max-width: 799px;
margin-left: auto;
margin-right: auto;
}
#team .s2 h2 {
color: var(--white-color);
margin-bottom: 1rem;
}
#team .s2 p {
color: var(--white-color);
max-width: 764px;
}
#team .s3 {
background: var(--light-bg);
padding: 5.9rem 0 4.8rem;
}
#team .s3 h2 {
margin-bottom: 4.05rem;
color: var(--accent-color)
}
#team .team-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 81px 21px;
}
#team .person {
position: relative;
display: block;
}
#team .person .img-wrapper {
position: relative;
display: block;
}
#team .person h3 {
margin-top: 1rem;
}
#team .person .img-wrapper img {
width: 100%;
}
#team .back>div {
top: 0px;
position: relative;
width: 67px;
height: 35px;
}
#team .back {
transition: opacity 0.5s ease;
width: 100%;
height: calc(100% - 7px);
position: absolute;
inset: 0;
top: 0;
display: -webkit-flexbox;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: end;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
}
#team .person:hover .back {
opacity: 1;
background: rgba(52, 85, 101, .5);
}
#team .person h3 {
font-weight: 700;
font-size: 1rem;
line-height: 1;
font-family: "Butler FREE", sans-serif;
margin-bottom: 0.4rem;
transition: color .3s ease;
color: var(--primary-color)
}
#team .person p {
transition: color .3s ease;
font-weight: 300;
font-size: .75rem;
line-height: 1.2;
letter-spacing: 15%;
text-transform: uppercase;
color: var(--primary-color)
}
#team .s4 {
padding: 4.8rem 0 7.5rem;
background: var(--light-bg);
}
#team .s4 h2 {
color: var(--accent-color);
margin-bottom: 3.6rem;
}
#bio .s1 {
position: relative;
padding: 9.4rem 0 2.5rem;
background-color: var(--light-bg);
}
#bio .link-back_btn {
padding-left: 70px;
background-image: url(//remlp.com/wp-content/themes/range-equity/assets/back-to.svg);
background-repeat: no-repeat;
background-size: 55px 30px;
height: 30px;
display: flex;
align-items: flex-end;
margin-bottom: 23px;
transition: background-image .5s ease;
max-width: 250px;
}
#bio .link-back_btn:hover {
background-image: url(//remlp.com/wp-content/themes/range-equity/assets/back-to-hover.svg);
background-repeat: no-repeat;
background-size: 55px 30px;
background-size: 55px 30px;
}
#bio .link-back_btn span {
line-height: 1;
font-family: "Butler FREE", sans-serif;
font-size: 1rem;
transition: color .5s ease;
font-weight: 700;
color: var(--accent-color);
}
#bio .link-back_btn:hover span {
color: #4d7a91
}
#bio header nav ul li.col:not(:last-child) a {
color: var(--primary-color)
}
#bio .bio_wrapper {
display: flex;
gap: 3.8rem;
}
#bio .bio_wrapper .left img {
width: 100%
}
#bio h2 {
color: var(--primary-color);
margin-bottom: 2rem;
}
#bio h2+p {
margin-bottom: 2rem;
display: flex;
gap: 20px;
align-items: center;
}
#bio span {
font-size: 1.15rem;
line-height: 129%;
letter-spacing: 0%;
color: var(--primary-color)
}
#bio .name-details img {
vertical-align: middle;
}
#bio .right hr {
background: rgba(94, 94, 94, .2);
margin-bottom: 2.2rem;
}
#bio p {
color: var(--secondary-color);
max-width: 695px;
}
#bio header nav ul li:not(:last-child) a {
color: var(--primary-color)
}
#strategies .s1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/strategy/Hero-Strategies-1920.png) center/cover no-repeat;
}
#strategies .heading-wrap {
max-width: 804px;
display: flex;
align-items: flex-end;
height: 474px;
justify-content: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 76px;
}
#strategies .s1 h2 {
color: var(--white-color)
}
#strategies .s2 {
background-color: var(--light-bg);
padding: 8rem 0 5rem;
position: relative;
overflow-x: clip;
}
#strategies .s2::after {
content: "";
height: 60px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/strategy/strat-curve.png)no-repeat;
background-size: cover;
position: absolute;
bottom: -59px;
z-index: 1;
}
#strategies .s2>div>div {
max-width: 795px;
margin-left: auto;
margin-right: auto;
}
#strategies .s2 h2 {
color: var(--primary-color);
margin-bottom: 1rem;
}
#strategies .s2 p {
color: var(--secondary-color);
max-width: 792px;
}
#strategies .s2 p+p {
margin-top: 30px;
}
#strategies .s3 {
background: var(--accent-color);
padding: 150px 0px 125px;
position: relative;
}
#strategies .s3 .accordion-container {
position: relative;
overflow: visible !important;
}
#strategies .s3 .accordion-container .accordion {
display: -webkit-flexbox;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: visible !important;
position: relative;
}
#strategies .s3 .accordion-container .accordion .bar {
border-top: solid 0px rgba(255, 255, 255, 0.5);
height: auto; display: flex;
align-items: center;
position: relative;
top: auto;
top: 0;
width: 100%;
z-index: 1;
background: var(--accent-color);
}  #strategies .s3 .accordion-container .accordion .item-content {
display: -webkit-flexbox;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;    
margin-left: auto;
margin-right: auto;
}
#strategies .s3 .accordion-container .accordion h3 {
color: var(--white-color);
width: 1230px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#strategies .s3 .accordion-container .accordion p {
color: #fff;
font-family: "Butler FREE", sans-serif;
font-size: 2rem;
line-height: 1.3;
position: relative;
max-width: 1010px;
}
#strategies .s3 .process-grid {
display: flex;
flex-wrap: wrap;
gap:85px 40px;
margin-top: 3.1rem;
}
#strategies .card-wrapper .card-right-wrap.card-2::before {
height: 1px;
content: "";
width: 100%;
position: absolute;
background-color: rgba(255, 255, 255, .2);
top: -40px
}
#strategies .process-item {
width: calc(50% - 1rem);
padding-top: 35px;
border-top: 1px solid rgba(255, 255, 255, .2);
display: flex;
align-items: center;
gap: 45px;
}
#strategies .process-item .st-s3-icon{width: 60px;height: 60px;display: flex;align-items: center;}
#strategies .process-item span {
font-family: "Lexend Deca",
sans-serif;
font-style: normal;
font-weight: 200;
font-size: 1rem;
line-height: 1.5em;
color: var(--white-color)
}
#strategies .s4 {
padding: 117px 0;
width: 100%;
position: relative;  }
#strategies .s4 .sec-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//remlp.com/wp-content/themes/range-equity/assets/strategy/TwoInvestmentBG-1920.jpg) center center / cover no-repeat;
z-index: -1;
}
#strategies .s4 h2 {
max-width: 566px;
color: var(--white-color);
margin-bottom: 3.5rem;
}
.pin-spacer { }
#strategies .s4 .right {
max-width: 695px;
}
#strategies .s4 .s4-wrapper {
display: flex;
gap: 1.8rem;
position: relative;
}
#strategies .s4 .left {
top: 202px;
position: sticky;
height: 570px;
}
#strategies .s4 .left p {
font-weight: 200;
font-size: 1.15rem;
line-height: 129%;
color: var(--white-color);
max-width: 461px;
letter-spacing: 0%;
}
#strategies .s4 ul {
display: flex;
list-style: none;
padding: 0px;
position: relative;
gap: 8px;
width: 100%;
flex-direction: column;
margin-top: 2.5rem;
z-index: 2;
}
#strategies .s4 ul li {
width: 100%;
max-width: 466px;
display: flex;
align-items: center;
cursor: pointer;
}
#strategies .s4 ul li p {
font-size: 1.5rem;
padding: 21px 23px 27px;
max-height: 75px;
line-height: 1.2;
width: 100%;
font-weight: 400;
transition: background-color 0.5s ease;
font-family: "Butler FREE";
color: var(--white-color);
}
#strategies .s4 ul li.active p,
#strategies .s4 ul li:hover p {
background-color: var(--accent-color);
}
#strategies .s4 ul li {
border-bottom: 1px solid rgba(255, 255, 255, .2);
padding-bottom: 8px;
}
#strategies .card-wrapper {
gap: 4rem;
display: flex;
flex-direction: column;
}
#strategies .card-wrapper .card-right-wrap {
gap: 1rem;
flex-direction: column;
display: flex;
position: relative;
}
#strategies .s4 .right .card .card-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(60px);
-webkit-backdrop-filter: blur(60px);
padding: 46px 87px 67px;
border-radius: 10px;
height: 330px;
}
#strategies .s4 .right p {
color: var(--white-color)
}
#strategies .s4 .right img {
max-height: 60px;
}
#strategies .s5 {
background-color: var(--light-bg);
}
#strategies .s5 .cap-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 145px 145px;
margin-top: 6.9rem;
}
#strategies .s5 p {
font-size: 1.15rem;
color: var(--secondary-color);
line-height: 129%;
}
#strategies .s5 .cap-title {
color: var(--accent-color)
}
#strategies .s5 .cap-card {
opacity: 1;
transform: translateY(0px);
min-height: 232px;
border-top: 1px solid rgba(94, 94, 94, .5);
padding-top: 1.8rem;
display: flex;
gap: 3.75rem; flex-direction: column;
padding-bottom: 1.05rem;
}
#strategies .s5 .icon {
transition: transform .4s ease;
width: 60px;
height: 60px; }
#strategies .s5 .icon img {
width: 100%;
max-height: 60px;
}
#strategies .s3 .accordion-container .accordion .bar:first-child {
border-top: 0px;
}
#strategies .s5 .cap-card p {
max-width: 315px;
color: var(--secondary-color);
}
#partnerships .s1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/partnerships/Hero-Partnerships-1920.jpg)no-repeat;
background-size: cover;
}
#partnerships .heading-wrap {
max-width: 930px;
display: flex;
align-items: flex-end;
height: 474px;
justify-content: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 76px;
}
#partnerships .s1 h2 {
color: var(--white-color)
}
#partnerships .s2 {
background-color: var(--light-bg);
padding: 7.5rem 0 7.5rem;
position: relative;
min-height: 605px;
}
#partnerships .s2>div>div {
max-width: 795px;
margin-left: auto;
margin-right: auto;
}
#partnerships .s2 h2 {
color: var(--primary-color);
margin-bottom: 1rem;
}
#partnerships .s2 p {
color: var(--secondary-color);
max-width: 790px;
}
.inner#partnerships .s2::after {
content: none
}
#partnerships .s3 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/partnerships/OurGoalBG-1920.jpg) center center / cover no-repeat;
width: 100%;
position: relative;
height: 100vh;
}
#partnerships .s3 .content {
display: flex;
height: 100%;
justify-content: center;
}
#partnerships .s3 .left {
display: flex;
width: 50%;
align-items: end;
justify-content: flex-end;
}
#partnerships .s3 .left>div {
font-size: 2rem;
width: 608px;
padding-right: 138px;
margin-bottom: 95px;
line-height: 1.3;
font-weight: 400;
font-family: "Butler FREE", sans-serif;
color: var(--white-color)
}
#partnerships .s3 .item:last-child.active {
padding-bottom: 0px;
}
#partnerships .s3 .right {
width: 50%;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(60px);
-webkit-backdrop-filter: blur(60px);
display: flex;
align-items: flex-end;
}
#partnerships .s3 .item {
border-top: 1px solid rgba(255, 255, 255, .21);
padding-top: 39px;
}
#partnerships .s3 .item.active {
padding-bottom: 70px;
}
#partnerships .s3 .right>.right-inner {
max-width: 630px;
padding-bottom: 95px;
padding-left: 105px;
}
#partnerships .s3 h3 {
color: var(--white-color);
margin-bottom: 30px;
}
#partnerships .s3 .item:last-child h3 {
margin-bottom: 0px;
}
#partnerships .s3 .item.active h3 {
margin-bottom: 30px;
}
#partnerships .s3 .right>.right-inner p {
font-size: .9rem;
line-height: 150%;
color: var(--white-color);
overflow: hidden;
opacity: 0;
max-height: 0px;
}
#partnerships .s4 {
background-color: var(--accent-color);
padding: 98px 0 0;
}
#partnerships .s4 .s4-wrap a svg {
width: 100%;
height: 100%;
}
#partnerships .s4 .s4-wrap {
display: flex;
justify-content: space-between;
position: relative;
flex-direction: column;
}
#partnerships .s4 .s4-wrap h2 {
max-width: 900px;
color: var(--white-color);
padding: 0px 0px 98px;
margin-top: 29px;
}
#partnerships .s4 .s4-wrap a {
width: 229px;
height: 114px;
bottom: 0px;
position: absolute;
right: 67px
}
#partnerships .s4 .s4-wrap a img {
aspect-ratio: 2/1;
}
#partnerships .s4 .s4-wrap a:hover svg path:first-of-type,
#partnerships .s4 .s4-wrap a:active svg path:first-of-type,
#partnerships .s4 .s4-wrap a:focus svg path:first-of-type {
fill: #4D7A91;
}
#partnerships .s4 .s4-wrap a:hover svg path:nth-of-type(2),
#partnerships .s4 .s4-wrap a:active svg path:nth-of-type(2),
#partnerships .s4 .s4-wrap a:focus svg path:nth-of-type(2),
#partnerships .s4 .s4-wrap a:hover svg path:nth-of-type(3),
#partnerships .s4 .s4-wrap a:active svg path:nth-of-type(3),
#partnerships .s4 .s4-wrap a:focus svg path:nth-of-type(3) {
stroke: #fff;
}
#partnerships .s4 .s4-wrap a svg path {
transition: stroke 0.3s ease, fill 0.3s ease;
}
#partnerships .s4 .eyebrow {
text-transform: uppercase;
font-size: 15px;
line-height: 18px;
font-family: "Lexend Deca", sans-serif;
font-weight: 300;
letter-spacing: 27%;
color: var(--white-color);
} #portfolio .s1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/portfolio-banner.png) no-repeat;
background-size: cover;
}
#portfolio .heading-wrap {
max-width: 920px;
display: flex;
align-items: flex-end;
justify-content: center;
width: 100%;
height: 474px;
margin: 0 auto;
padding-bottom: 76px;
}
#portfolio .section2 {
background: #fff;
padding: 140px 0;
}
#portfolio .portfolio-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 55px;
}
#portfolio .portfolio-card {
width: 32%;
}
#portfolio .portfolio-image {
border-radius: 10px;
overflow: hidden;
margin-bottom: 20px;
}
#portfolio .portfolio-image img {
display: block;
width: 100%;
height: auto;
}
#portfolio .portfolio-content h3 {
font-family: "Butler FREE", sans-serif;
font-size: 20px;
line-height: 1.25;
font-weight: 700;
color: var(--primary-color);
margin-bottom: 10px;
}
#portfolio .portfolio-content p {
font-family: "Wix Madefor Display", sans-serif;
font-size: 20px;
line-height: 25px;
font-weight: 300;
color: var(--secondary-color);
}
.error404 {
background: var(--light-bg);
}
.error404 #container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0px;
height: calc(100vh - 184px);
max-width: 100%;
}
.error-404 {
position: relative;
}
.error404 header nav,
.error404 header .menu_container {
display: none;
}
.error404 header:not(.active) .logo svg path {
fill: #111 !important;
}
.error404 header.scroll .logo {
width: 190px;
}
.error404 .page-content h1 {
margin-bottom: 35px;
color: var(--primary-color);
}
.error404 .page-content p {
color: var(--secondary-color);
margin-bottom: 60px;
}
.error404 .page-content {
padding-top: 0px;
}
.error404 header {
background-color: transparent !important;position: relative;
}
.error404 .link-back_btn {
padding-left: 70px;
background-image: url(//remlp.com/wp-content/themes/range-equity/assets/back-to.svg);
background-repeat: no-repeat;
background-size: 55px 30px;
height: 30px;
display: flex;
align-items: flex-end;
margin-bottom: 23px;
transition: background-image .5s ease;
max-width: 250px;
}
.error404 .link-back_btn:hover {
background-image: url(//remlp.com/wp-content/themes/range-equity/assets/back-to-hover.svg);
background-repeat: no-repeat;
background-size: 55px 30px;
background-size: 55px 30px;
}
.error404 .link-back_btn span {
line-height: 1;
font-family: "Butler FREE", sans-serif;
font-size: 1rem;
transition: color .5s ease;
font-weight: 700;
color: var(--accent-color);
}
.error404 .link-back_btn:hover span {
color: #4d7a91;
} .legal-page {
background: var(--light-bg);
}
.legal-page header nav ul li:not(:last-child) a {
color: var(--primary-color);
}
.legal-page .legal-section {
position: relative;
padding: 9.4rem 0 2.5rem;
background-color: var(--light-bg);
}
.legal-page header:not(.active) .logo svg path {
fill: #000;
}
.legal-page .legal-section h1 {
font-size: 4.3rem;
line-height: 1.1;
font-weight: 400;
font-family: "Butler FREE", sans-serif;
color: var(--primary-color);
margin-bottom: 80px;
text-align: center
}
.legal-page .legal-section ul {
padding-left: 45px;
margin-bottom: 20px;
}
.legal-page .legal-section ul li:not(:last-child) {
margin-bottom: 15px;
}
.legal-page .legal-section p,
.legal-page .legal-section ul li,
.legal-page .legal-section a {
color: var(--secondary-color);
font-family: "Lexend Deca", sans-serif;
font-style: normal;
font-weight: 200;
font-size: 1rem;
line-height: 1.5em;
}
.legal-page .legal-section p {
margin-bottom: 20px;
}
.legal-page .legal-section h3 {
font-size: 2rem;
line-height: 1.25;
font-weight: 400;
margin-top: 10px;
margin-bottom: 10px;
font-family: "Butler FREE", sans-serif;
color: var(--primary-color);
}
@media screen and (min-width:981px) {
#portfolio .prefooter {
background: url(//remlp.com/wp-content/themes/range-equity/assets/PortfolioPrefooterBG.png) center center / cover no-repeat;
}
#strategies .prefooter-card:hover p,
#portfolio .prefooter-card:hover p,
#insights .prefooter-card:hover p {
top: 75px
}
#portfolio .prefooter-card p,
#insights .prefooter-card p {
max-width: calc(100% - 72px);
}
.prefooter-card .pre-title {
font-size: 48px;       
transition: text-align 0.5s ease ;
font-size: 48px;
line-height: 129%;            
color: var(--accent-color);
}
.prefooter-card .pre-title {
max-width:310px;
text-align: center;
}
#home .prefooter-card:hover .pre-title {
text-align: left;
}
.prefooter {
padding: 180px 0 155px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/strategy/StrategiesPrefooterBG-1920.jpg) center center / cover no-repeat;
width: 100%;
min-height: 900px;
overflow: hidden;
}
.prefooter-wrap {
display: flex;
gap: 1.9rem;
}
.prefooter h2 {
color: var(--white-color);
width: 100%;
text-align: center;
margin-bottom: 6rem;
}
.prefooter-wrap .prefooter-card {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(90px);
-webkit-backdrop-filter: blur(90px);
border-radius: 15px;
height: 360px;
position: relative;
width: 100%;
transition: all 0.5s ease;
z-index: 0;
overflow: hidden;
}
.prefooter-card .pre-title {
color: var(--white-color);
width: 100%;
position: relative;             
font-weight: 200;
top: 50%;
left: 50%;               
transform: translate(-50%, -50%);
transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); }
.prefooter-card:hover { background: #fff;
transform: scale(1.05);
}
.prefooter-card p {
opacity: 0;
left: 32px;
max-width: calc(100% - 72px);
top: 70%;
position: relative; transition: all 0.5s ease;
font-family: "Wix Madefor Display", sans-serif;
line-height: 30px;
color: var(--accent-color);
}
.prefooter-card:hover .pre-title {
top: 35px;
left: 36px;
font-size: 48px;
line-height: 129%; transform: translate(0%, 0%);
z-index: 1;
color: var(--accent-color);
}
.prefooter-card:hover p {
left: 36px;
max-width: calc(100% - 72px);
top: 75px;
z-index: 1;
position: relative;
opacity: 1;
color: var(--accent-color) !important;
}
.prefooter-card .prefooter-btn {
opacity: 0;
bottom: 0px;
height: 0px;
width: 150px; position: absolute;
transition: opacity 0.4s ease, height 0.4s ease;
position: absolute;
right: 26px;
}
.prefooter-card:hover .explore-btn {
opacity: 0;
}
.prefooter-card:hover .prefooter-btn {
opacity: 1;
height: 79px;
bottom: -1px }
.prefooter-card .explore-btn {
bottom: 0px;
height: 29px;
left: 50%;
position: absolute;
transition: opacity 0.2s ease;
margin-left: -27.5px;
}
.mobile {
display: none;
} #portfolio .prefooter-card:hover .pre-title {
max-width: calc(100% - 72px);
}
#portfolio .prefooter-card:last-child .pre-title {
text-align: center;
}
#insights .prefooter-card .pre-title { text-align: center;
}
#insights .prefooter-card:hover .pre-title {
text-align: left; }
#strategies .prefooter-card .pre-title {
text-align: center;
}
#strategies .prefooter-card:hover .pre-title,
#portfolio .prefooter-card:hover .pre-title,
#insights .prefooter-card:hover .pre-title {
text-align: left;
}
}
@media (max-width: 1920px) {
#about .s6-bottom {
padding-top: 140px;
}
#about .s6 h2 {
margin-bottom: 50px;
}
#about .s6-circle-wrap {
width: 748px;
height: 748px;
padding: 40px;
}
#about .slide-wrap {
width: 663px;
height: 663px;
}
#home .s3-bottom .extra-circle {
bottom: 0px;
height: 590px;
width: 1070px;
}
#about .s6-bottom .slide .title {
padding: 0px;
}
#home .s3-bottom h2 {
margin-bottom: 45px;
}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 140px;
}
#about .slide-wrap {
width: 100%;
height: 100%;
}
#home .s3-bottom .approch {
height: 545px;
bottom: 15px;
width: 960px;
}
#home .arc-nav {
position: relative;
width: 100%;
height: 480px;
}
#home .arc-nav svg {
position: absolute;
width: 960px;
inset: 0;
}
#home .slide-wrap {
height: 515px
}
}
@media (min-width: 1920px) and (max-width: 1920px) and (min-height: 1080px) and (max-height: 1080px) {
#about .s6-bottom {
padding-top: 140px;
}
#about .s6 h2 {
margin-bottom: 50px;
}
#about .s6-circle-wrap {
width: 748px;
height: 748px;
padding: 40px;
}
#about .slide-wrap {
width: 663px;
height: 663px;
}
#home .s3-bottom .extra-circle {
bottom: 0px;
height: 452px;
width: 1070px;
}
#about .s6-bottom .slide .title {
padding: 0px;
}
#home .s3-bottom h2 {
margin-bottom: 45px;
}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 140px;
}
#about .slide-wrap {
width: 100%;
height: 100%;
}
#home .s3-bottom .approch {
height: 480px;
bottom: 80px;
width: 960px;
}
#home .arc-nav {
position: relative;
width: 100%;
height: 480px;
}
#home .arc-nav svg {
position: absolute;
width: 960px;
inset: 0;
}
#home .slide-wrap {
height: 515px
}
}
@media (min-height: 1080px) and (max-height: 1080px) {
#about .s6-bottom {
padding-top: 140px;
}
#about .s6 h2 {
margin-bottom: 50px;
}
#about .s6-circle-wrap {
width: 748px;
height: 748px;
padding: 40px;
}
#about .slide-wrap {
width: 663px;
height: 663px;
}
#home .s3-bottom .extra-circle {
bottom: 0px;
height: 520px;
width: 1040px;
}
#about .s6-bottom .slide .title {
padding: 0px;
}
#home .s3-bottom h2 {
margin-bottom: 45px;
}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 140px;
}
#about .slide-wrap {
width: 100%;
height: 100%;
}
#home .s3-bottom .approch {
height: 480px;
bottom: 0px;
width: 960px;
}
#home .arc-nav {
position: relative;
width: 100%;
height: 480px;
}
#home .arc-nav svg {
position: absolute;
width: 960px;
inset: 0;
}
#home .slide-wrap {
height: 515px
}
}
@media (min-height: 900px) and (max-height: 900px) {
#about .s6-bottom {
padding-top: 110px;
}
#about .s6 h2 {
margin-bottom: 38px;
}
#about .s6-circle-wrap {
width: 680px;
height: 680px;
padding: 40px;
}
#about .slide-wrap {
width: 605px;
height: 605px;
}
}
@media screen and (max-width: 1919px) {
#home .s3-card2 { }
#about .s6-bottom .slide .title {
padding: 1.8rem;
padding: 40px;
}
#about .s6 h2 {
margin-bottom: 30px;
}
#home .s3-bottom h2 {
margin-bottom: 20px;
}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 90px;
}
#home .s3-bottom .extra-circle {
bottom: 0px;
height: 442px;
width: 1070px;
}
#about .s6-circle-wrap {
width: 590px;
height: 590px;
padding: 35px;
}
#about .slide-wrap {
width: 100%;
height: 100%;
}
#home .s3-bottom .approch {
height: 400px;
bottom: 80px;
width: 950px;
}
#home .arc-nav {
position: relative;
width: 100%;
height: 402px;
}
#home .arc-nav svg {
position: absolute;
width: 950px;
inset: 0;
} }
@media (min-height: 930px) and (max-height: 950px) {
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 90px;
}
#home .s3-bottom .approch {
height: 460px;
bottom: 15px;
}
#home .arc-nav svg,
#home .arc-nav {
height: 100%;
}
#home .s3-bottom .extra-circle {
height: 515px;
width: 995px;
}
#home .s3-bottom h2 {
margin-bottom: 20px;
}
#about .s6-circle-wrap {
width: 660px;
height: 660px;
}
#about .s6 svg {
width: 100%;
height: 666px;
}
#about .s6-bottom {
padding-top: 100px;
}
}
@media screen and (max-width: 1800px) {
#home .s3-card2 {
right: 370px;
}
}
@media screen and (min-width: 1680px) and (max-width: 1720px) {
#home .s3-card2 {
right: 270px;
}
#about .s6-circle-wrap {
width: 670px;
height: 670px;
}
#about .s6-circle-wrap {
width: 565px;
height: 580px;
}
#about .slide-wrap,
#about .s6-bottom .slide {
width: 520px;
height: 520px;
min-width: 520px;
}
#about .s6-bottom .slide .title {
padding: 50px
}
#about .s6-bottom {
padding-top: 70px;
#about .s6 h2 {
margin-bottom: 30px;
}
}
}
@media (min-width: 1680px) and (max-width: 1680px) and (min-height: 1050px) and (max-height: 1050px) {
#home .s3-card2 {
right: 243px;
}
#about .s6-bottom .slide .title {
padding: 0px;
}
#home .s3-bottom .extra-circle {
bottom: 0px;
height: 600px;
width: 1045px;
}
#about .s6-circle-wrap {
width: 748px;
height: 748px;
padding: 42.5px;
}
#about .s6-bottom .slide {
width: 100%;
height: 100%;
min-width: 520px;
}
#about .s6-bottom {
padding-top: 120px;
}
#about .s6 h2 {
margin-bottom: 50px;
}
#home .s3-bottom h2 {
margin-bottom: 45px;
}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 140px;
}
#about .slide-wrap {
width: 100%;
height: 100%;
}
#about .slide-wrap {
width: 100%;
height: 100%;
}
#home .s3-bottom .approch {
height: 550px;
bottom: 7px;
width: 960px;
}
#home .arc-nav {
position: relative;
width: 100%;
height: 480px;
}
#home .arc-nav svg {
position: absolute;
width: 960px;
inset: 0;
}
#home .slide-wrap {
height: 515px
}
}
@media screen and (max-width: 1600px) {
#home .s3-card2 {
right: 170px;
}
#about .s6-bottom-wrapper {
min-height: 0px;
}
#home .s3-top .s3-card:not(:last-child)::after {
content: "";
border: 2px solid var(--accent-color);
width: 64px;
height: 64px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/dot.svg) no-repeat;
background-position: center;
position: absolute;
z-index: 13;
border-radius: 50%;
right: -34px;
bottom: -25px;
}
#about .s6-bottom {
padding-top: 60px;
}
#about .s6-circle-wrap {
height: 480px;
width: 480px;
padding: 24.5px
}
#about .slide-wrap {
height: 100%;
width: 100%;
}
#about .s6 h2 {
margin-bottom: 40px;
}
#about .s6 .content {
width: 100%;
height: 100%;
}
#about .s6-bottom .slide .title {
font-size: 1.5rem;
padding: 35px;
}
#home .s3-bottom h2 {
margin-bottom: 10px;
}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 40px;
}
}
@media (min-width: 1600px) and (max-width: 1600px) and (min-height: 900px) and (max-height: 900px) {
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 140px;
}
#home .s3-bottom h2 {
margin-bottom: 45px;
}
}
@media screen and (max-width: 1450px) and (max-height: 850px) {
#home .s3-bottom .extra-circle {
bottom: 0px;
height: 410px;
width: 1070px;
}
#home .s3-bottom .approch {
height: 370px;
bottom: 80px;
width: 950px;
}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 35px;
}
#home .s3-bottom h2 {
margin-bottom: 15px;
}
}
@media screen and (max-width: 1440px) {
#home .s1 { background: url(//remlp.com/wp-content/themes/range-equity/assets/home-hero-bg.jpg) center/cover no-repeat;
}
#home .s3-card1 {
left: -40px
}
#home .s3-card2 {
right: 60px;
}
#home .s3-card3 {
left: 445px;
top: 612px;
}
#home .plx-wrap .curve {
top: 325px;
background-position: -40px 0px;
}
.plx-wrap .plx-bg {
background: url(//remlp.com/wp-content/themes/range-equity/assets/home-unique-bg.jpg) center/cover no-repeat;
background-attachment: fixed;
}
#home .s3-top .s3-card:nth-child(2) .card-wrap::after {
bottom: -45px;
}
#partnerships .s3 .item {
padding-top: 20px;
}
#partnerships .s3 .item.active { }
#partnerships .s3 h3 { }
#partnerships .s3 .right>.right-inner {
padding-bottom: 70px;
}
#partnerships .s3 .left>div {
margin-bottom: 70px;
}
#partnerships .s3 .right>.right-inner p {
font-size: 16px;
}
#about .s1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/about-banner.jpg)no-repeat;
background-size: cover;
}   
#partnerships .s1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/partnerships/partnership-1440.jpg)no-repeat;
background-size: cover;
}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 35px;
}
#home .s3-bottom h2 {
margin-bottom: 15px;
}
}
@media (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 140px;
}
#home .s3-bottom h2 {
margin-bottom: 45px;
}
#about .s6-circle-wrap {
height: 680px;
width: 680px;
padding: 42px;
}
#about .s6-bottom .slide .title {
padding: 0px;
}
#home .s3-bottom .approch {
height: 550px;
bottom: 7px;
width: 960px;
}
}
@media (min-height: 900px) and (max-height: 900px) {
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 140px;
}
#home .s3-bottom h2 {
margin-bottom: 45px;
}
#about .s6-circle-wrap {
height: 680px;
width: 680px;
padding: 42px;
}
#about .s6-bottom .slide .title {
padding: 0px;
}
}
@media (max-height: 850px) {
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 50px;
}
#home .s3-bottom .approch {
height: 395px;
bottom: 0px;
width: 950px;
} 
#home .s3-bottom .extra-circle {
bottom: 0px;
height: 480px;
width: 880px;
}
#home .slide-wrap {
height: 455px;
}
#home .arc-nav,#home .arc-nav svg{height: 100%;}
}
@media (max-height: 768px) {
#home .s3-bottom h2 {
font-size: 3.2rem;
}
#home .s3-bottom .approch {
height: 370px;
bottom: 0px;
width: 650px;
}
#home .s3-bottom .extra-circle {
height: 420px;
bottom: 0px;
width: 770px;
}
#home .arc-nav {
height: 400px;
width: 100%;
}
#home .arc-nav svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
#home .slide-wrap {
height: 360px;
bottom: 0px;
}
}
@media (max-height:765px) {
#home .s3-bottom .approch {
height: 370px;
bottom: 0px;
width: 650px;
}
#home .s3-bottom .extra-circle {
height: 446px;
bottom: 0px;
width: 720px;
}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 50px;
}
} @media screen and (max-width: 1366px) {
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 30px;
}
#partnerships .s3 .item {
padding-top: 20px;
}
#partnerships .s3 .item.active {
padding-bottom: 50px;
}
#partnerships .s3 .item.active h3 {
margin-bottom: 18px;
}
#strategies .s4 .left {
top: 100px;
}
#home .s1 {
min-height: 100vh;
}
#home .s1 .container {
padding-bottom: 4rem;
}
#home .plx-wrap .curve {
background-position: -115px 0px;
}
#home .s3-card2 {
right: 40px;
top: 100px;
}
#home .s3-bottom h2 {
font-size: 3.2rem;
}
#home .s3-bottom .approch {
height: 370px;
bottom: 0px;
width: 650px;
}
#home .s3-bottom .extra-circle {
height: 420px;
bottom: 0px;
width: 770px;
}
#home .arc-nav {
height: 400px;
width: 100%;
}
#home .arc-nav svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
#home .slide-wrap {
height: 360px;
bottom: 0px;
}
#home .s3-card {
width: 400px
}
#home .s3-card3 {
left: 440px;
top: 609px;
}
#home .s3-bottom .approch {
height: 370px;
bottom: 0px;
width: 650px;
}
#home .s3-bottom .extra-circle {
height: 446px;
bottom: 0px;
width: 720px;
}
#home .arc-nav {
height: 400px;
width: 100%;
}
#home .arc-nav svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
#home .slide-wrap {
height: 360px;
bottom: 0px;
}
#home .s3-bottom h2 {
margin-bottom: 10px;
}
#about .s6-bottom {
padding-top: 30px;
}
#about .s6-circle-wrap {
height: 450px;
width: 450px;
margin-left: auto;
margin-right: auto;
padding: 12.5px;
}
#about .slide-wrap {
width: 400px;
height: 400px;
}
#about .s6-bottom .slide .title {
font-size: 1.4rem;
padding: 20px;
}
#about .s6-bottom-wrapper {
min-height: 0px;
}
.error404 .page-content h1 {
margin-bottom: 15px;         
}
.error404 .page-content p {         
margin-bottom: 30px;
}
}
@media screen and (min-width: 1201px) and (max-width: 1368px) {
#home .s3 .content{width: 235px !important;}
#home .s3-bottom .slide .title{font-size: 1.3rem;}
#home .s3-bottom .approch {
height: 220px;
bottom: 80px;
width: auto;
left: 50%;
aspect-ratio: 1000 / 400;
transform: translateX(-50%); }
#home .s3-bottom .extra-circle {
height: 245px;
bottom: 0px;
width: auto;aspect-ratio: 1000 / 400;
left: 50%;
transform: translateX(-50%);
}
#home .arc-nav {
height: 100%;
width: auto;
margin-left: auto;
margin-right: auto;aspect-ratio: 1000 / 400;
}
#home .arc-nav svg {
position: absolute;
inset: 0;
width: auto;
height: 100%; aspect-ratio: 1000 / 400;
}
#home .s3-bottom .extra-circle svg {
width: auto;
height: 100%;aspect-ratio: 1000 / 400;
}
}
@media screen and (max-width: 1283px) {
footer .footer-inner{gap:60px}
#home .s3-bottom .s3-bottom-container .text-part {
margin-top: 15px;
}
#about .s6-bottom{padding-top: 20px;}
#about .s6 h2 {
margin-bottom:20px;
}
#strategies .s4 ul {
margin-top: 1.5rem;
}
#strategies .s4 h2 {
margin-bottom: 1rem;
font-size: 3rem;
}
}
@media screen and (max-width: 1200px) {
#strategies .s4 ul {
margin-top: 3.5rem;
}
#strategies .s4 h2 {          
margin-bottom: 3.5rem;
font-size: 4.3rem;
}
#home .s3-bottom .s3-bottom-container .text-part{
margin-top: 30px;
}
header.active nav ul li:not(:last-child) a::after {
background: url(//remlp.com/wp-content/themes/range-equity/assets/dark-hv-icon.svg)no-repeat;
background-size: 26px 13px;
}
#home .s1 {
min-height: 700px;
}
#home .s3 .s3-bottom-wrapper .extra-circle {
width: 566px;
height: 313px;
bottom: -20px;
}
#home .s3 .s3-bottom-wrapper .extra-circle svg {
width: 720px;
height: 310px;
}
#home .s3 .s3-bottom-wrapper .extra-circle svg {
width: 100%
}
#partnerships .s3 .left>div {
width: 500px;
padding-right: 30px;
}
#partnerships .s3 .right>.right-inner {
padding-left: 30px;
max-width: calc(100% - 40px);
}
#partnerships .s3 .item h3,
#partnerships .s3 .left>div {
font-size: 1.8rem;
}
#partnerships .s3 .content {
gap: 20px
}
header .menu_container {
display: block;
}
#home .s3-bottom-carousel,
#home .s3-carousel {
display: block;
}
#home .s3 .s3-bottom-wrapper {
display: block;
}
#home .s3-bottom .slide .title {
max-width: 230px;
}
#home .s3-bottom .text-part p {
max-width: 80%;
}
#home .slide-wrap,
#home .s3-bottom .approch,
#home .arc-nav {
width: 600px;
height: 255px;
}
#home .s3 .s3-bottom-wrapper svg {
width: 600px;
height: 255px;
margin-left: auto;
margin-right: auto;
}
#home .slider-dots {
display: flex;
opacity: 1;
height: auto;
gap: 10px;
justify-content: center;
align-items: center;
margin-top: 0rem;
position: absolute;
width: 100%;
height: 20px;
bottom: 5px;
z-index: 11;
}
#home .slider-dots div {
width: 12px;
height: 12px;
background: var(--light-bg);
border-radius: 100%;
cursor: pointer;
}
#home .slider-dots div.active {
background-color: var(--accent-color);
}
#home .s3 .s3-bottom-wrapper svg path {
width: 600px;
height: 255px;
}
#home .dot-1 {
left: 21px;
top: auto;
bottom: 78px;
}
#home .dot-3 {
right: 21px;
top: auto;
bottom: 78px;
}
#home .s3 .s3-bottom-wrapper,
#home .s3-bottom {
height: 600px;
min-height: 0px;
}
#home .s3-bottom .slide.active {
position: absolute;
}
#home .s3-carousel {
width: calc(100% - 24px);
left: 50%;
transform: translateX(-50%);
position: absolute;
bottom: 0px;
}
#home .s3-carousel h2 {
font-weight: 400;
text-align: center;
margin-bottom: 90px;
font-size: 76px;
line-height: 110%;
color: var(--white-color);
}
#home .s3-carousel p {
font-size: 18px;
text-align: center;
line-height: 150%;
width: calc(100% - 48px);
margin-left: auto;
margin-right: auto;
color: var(--white-color);
}
#home .s3-bottom-carousel {
padding-bottom: 0px;
}
#home .s3-bottom-carousel .slick-slide {
padding-bottom: 0px;
}
#home .s3-bottom-carousel img {
margin-bottom: 0px;
}
#home .s3-bottom-carousel .slick-dots {
margin-top: 0px;
z-index: 12;
position: absolute;
width: 100%;
text-align: center;
bottom: 7px;
}
header nav {
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
}
}
@media screen and (max-width: 1099px) {
#strategies .card-wrapper .card-right-wrap {
display: none;
gap: 1rem;
flex-direction: column;
}
#strategies .card-wrapper .card-right-wrap.active {
display: flex;
gap: 1rem;
flex-direction: column;
}
#home .s3-card2 {
right: 170px;
top: 96px;
}
#strategies .s4 .left {
height: 650px
}
.prefooter-card:hover .pre-title {
font-size: 48px;
max-width: calc(100% - 30px);
}
.prefooter-card:hover p {
max-width: calc(100% - 32px);
}
.prefooter-card:hover p {
top: 40px
}
#partnerships .s3 {
padding: 73px 0px 87px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/mobile/partnership-goal.jpg) center center / cover no-repeat;
}
#partnerships .s3 .left>div {
font-size: 29px;
line-height: 41px;
margin-bottom: 86px;
}
#partnerships .s3 .item {
padding-top: 40px
}
#partnerships .s3 .item p { height: auto;
opacity: 1;
}
#partnerships .s3 h3 {
font-size: 29px;
line-height: 41px;
}
#partnerships .s3 .right>.right-inner {
padding-left: 29px;
padding-right: 34px;
}
#partnerships .s3 .right>.right-inner p {
max-height: none;
opacity: 1;
height: auto;
padding-bottom: 40px;
}
#partnerships .s3 .right>.right-inner .item:last-child p {
padding-bottom: 0px;
}
#partnerships .s4 .s4-wrap a {
right: 20px
}
footer .footer-inner {
flex-direction: column;
gap: 60px;
text-align: center;
}
.footer-block>div {
flex-direction: column;
margin-top: 10px;
}
.footer-block ul {
border: 0px
}
#home .s8 .s8-wrap h2 {
max-width: 86%;
}
#home .s8 .s8-wrap a {
right: 20px;
width: 160px;
height: 80px;
}
#home .s8 .s8-wrap a svg {
width: 160px;
height: 80px;
}
#home .s7 .col-3>div h3 {
width: 100%;
font-size: 2rem;
left: 0px;
}
#about .s1 {
min-height: 450px;
}
#about .s2-built {
width: 100%;
flex-direction: column;
}
#about .s2 p {
max-width: 100%
}
#about .s3-row .col .inner {
width: 100%;
padding: 30px;
}
#about .s3-row .col:not(:first-child) .inner {
padding-left: 30px;
}
#about .s3-desc {
max-width: 100%;
}
#about .s3 .inner img {
display: none;
}
#about .s3-row .col:not(:last-child) {
padding-right: 0px;
border-right: 0px solid rgba(0, 0, 0, .2);
}
#about .s3 .inner::before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
opacity: 1;
background: var(--accent-color);
background-blend-mode: multiply;
bottom: 0;
left: 0;
transition: height .5s ease;
border-radius: 15px;
}
#about .s3-row .col .inner p {
height: auto;
opacity: 1;
z-index: 1;
transform: translateY(0);
}
#about .s3 .inner h3 {
z-index: 1;
color: var(--white-color);
bottom: calc(100% - 130px);
}
#about .s4 .s4-wrap {
flex-direction: row;
}
#about .s4 .s4-img {
width: 48%
}
#about .s4 .s4-img img {
width: 100%;
max-width: 100%;
}
#about .s4 h2 {
margin-bottom: 30px;
}
#about .founder-signature {
margin-top: 30px;
}
#about .s4 h2 {
font-size: 67px;
}
#about .s5 .cap-grid {
grid-template-columns: repeat(2, 1fr);
gap: 120px 120px;
}
#about .s5-info {
flex-direction: column;
}
#about .s5-info div {
max-width: 100%;
}
#about .s5 .circle {
padding: 20px
}
#about .s5 .solid {
width: 100%;
height: 100%;
}
#about .s5 .solid span {
font-size: 14px;
letter-spacing: 27%;
}
#about #track {
min-height: auto;
}
#about .s6 .s6-wrap {
max-width: 100%;
flex-direction: column;
}
#about .s8-wrap {
gap: 90px
}
#about .s8-wrap .left {
max-width: 300px;
}
#about .s8 .value-card {
width: auto;
}
#about .s9 .community {
flex-wrap: wrap;
}
#team .team-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 3rem 1rem;
}
#team .person .img-wrapper {
width: 100%;
}
#portfolio .section2 {
padding: 100px 0;
}
#portfolio .portfolio-card {
width: 32%;
}
#portfolio .portfolio-content h3 {
font-size: 18px;
}
#portfolio .portfolio-content p {
font-size: 18px;
line-height: 24px;
}
#strategies .s3 .accordion-container .accordion h3 {
width: calc(100% - 2rem);
margin-left: auto;
margin-right: auto;
position: relative;
}
.arc-shape {
height: 68px
}
.s6-carousel-wrap {
width: 400px;
height: 400px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, .3);
padding: 22.5px;
margin-left: auto;
margin-right: auto;
}
#about .s6-bottom-carousel {
display: block;
padding: 0rem 0;
height: 350px;
width: 350px;
max-width: 350px;
left: 50%;
transform: translateX(-50%);
}
#about .s6-bottom-carousel .slick-slide {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(60px);
-webkit-backdrop-filter: blur(60px);
border-radius: 50%;
padding: 20px;
height: 350px;
width: 350px;
max-width: 350px;
}
#about .s6-bottom-carousel .slick-slide p.title {
font-size: 1.2rem;
line-height: 1.25;
position: absolute;
font-weight: 400;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: 250px;
width: 250px;
color: var(--white-color);
font-family: "Butler FREE", sans-serif;
display: flex;
align-items: center;
}
#about .s6-carousel {
display: block;
background: url(//remlp.com/wp-content/themes/range-equity/assets/about-circle-bg.jpg)no-repeat;
background-size: cover;
padding-top: 60px;
min-height: 0px;
height: 650px;
padding-bottom: 25px;
}
#about .s6-bottom-wrapper .s6-bottom {
display: none;
}
#about .s6-bottom-carousel img {
width: 100%;
max-width: 400px;
margin: 0 auto 0rem auto;
}
#about .s6-bottom-wrapper {
height: auto;
display: none;
}
#about .s6-bottom-carousel .slick-slide {
text-align: center;
padding-bottom: 1rem;
}
#about .s6-bottom-carousel .slick-slide h2 {
margin: 2rem 0;
}
#about .s6-bottom-carousel .slick-slide p {
font-size: 1.25rem;
line-height: 1.85rem;
color: #757575;
max-width: 550px;
margin: 0 auto;
}
#about .s6-bottom-carousel .slick-dots {
display: -webkit-flexbox;
display: -ms-flexbox;
display: flex;
gap: 10px;
justify-content: center;
align-items: center;
list-style: none;
margin-top: 2rem;
}
#about .s6-cover {
width: 100%;
height: 100%;
}
#about .s6-bottom-carousel .slick-dots li,
#home .s3-top .slick-dots li {
width: 12px;
height: 12px;
background: var(--light-bg);
border-radius: 100%;
cursor: pointer;
}
#about .s6-bottom-carousel .slick-dots li button,
#home .s3-top .slick-dots button {
background: none;
font-size: 0;
display: none;
border: none;
}
#about .s6-bottom-carousel .slick-dots .slick-active {
background-color: var(--accent-color);
}
#about .s7 .right span {
font-size: 23px;
font-weight: 200;
letter-spacing: 0%;
line-height: 1.5;
color: var(--white-color)
}
#about .s7 .value-card {
height: 385px;
padding: 27px 25px 25px;
position: relative;
}
#about .s7 .vcard1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/value1.png)no-repeat;
background-size: cover;
}
#about .s7 .vcard2 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/value2.png)no-repeat;
background-size: cover;
}
#about .s7 .vcard3 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/value3.png)no-repeat;
background-size: cover;
}
#about .s7 .value-card>div {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(60px);
-webkit-backdrop-filter: blur(60px);
padding-left: 33px;
padding-right: 33px;
border-radius: 10px;
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#about .s7 .value-card div img,
#about .s7 .value-card div>.s7-icon {
opacity: 0;
height: 0;
display: none;
}
#about .s3-row .col:not(:last-child) .inner {
padding-right: 30px;
}
#about .s7 .value-card>div p {
transform: translateY(0px);
text-align: center;
color: var(--white-color);
padding-top: 35px;
font-size: 24px;
line-height: 35px;
font-weight: 400;
font-family: "Butler FREE", sans-serif;
overflow: hidden;
opacity: 1;
height: auto;
}
#about .s7 .value-card:first-child>div p {
max-width: 426px;
}
#partnerships .s3 .content {
flex-direction: column;
width: calc(100% - 2rem);
padding: 60px 0;
margin-left: auto;
margin-right: auto;
justify-content: flex-start;
height: auto;
}
#partnerships .s3 .right>.right-inner .active p {
height: auto;
opacity: 1;
}
#partnerships .s3 .left {
width: 100%;
align-items: start;
justify-content: start;
}
#partnerships .s3 .left>div {
width: 100%;
padding-right: 0px;
}
#partnerships .s3 .right>.right-inner {
max-width: 100%;
padding-bottom: 40px;
}
#partnerships .s3 .right {
width: 100%;
}
#partnerships .s3 {
height: auto
} }
@media screen and (max-width: 980px) {
#home .s4 .invest-grid {
grid-template-columns: repeat(2, 1fr);
gap: 60px;
}
#strategies .process-item {
width: calc(50% - 1.2rem);
}
#home .s3-card2 {
right: 40px;
top: 144px;
}
#home .s6 .s6-wrap {
flex-direction: column;
gap: 40px;
}
#home .s6 .left {
max-width: 100%
}
#home .s6 .right {
margin-right: auto;
margin-left: auto;
}
#home .s6 .right .circle {
width: 500px;
height: 500px;
}
#home .s7 .two-col {
flex-direction: column;
}
#home .s7 h2.h3 {
max-width: 100%;
}
#home .s7 h2+p {
max-width: 100%;
}
#home .s7 .col-3 {
grid-template-columns: 1fr;
}
.prefooter {
padding: 5rem 0;
background: url(//remlp.com/wp-content/themes/range-equity/assets/strategy/StrategiesPrefooterBG-1920.jpg) center center / cover no-repeat;
width: 100%;
min-height: 900px;
overflow: hidden;
}
.prefooter .explore-btn {
display: none;
}
.prefooter-wrap {
display: flex;
gap: 1.9rem;
flex-direction: column;
}
.prefooter h2 {
color: var(--white-color);
width: 100%;
text-align: center;
margin-bottom: 6rem;
}
.prefooter-wrap .prefooter-card {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(90px);
-webkit-backdrop-filter: blur(90px);
transform: scale(1);
background: var(--white-color);
height: 100%;
opacity: 1;
border-radius: 15px;
padding: 60px 36px 36px;
height: 350px;
width: 100%;
position: relative;
}
.prefooter-card p {
opacity: 1;
color: var(--accent-color) !important;
left: 0px;
max-width: 100%;
top: 40px;
position: relative;
transition: all .4s cubic-bezier(.7, 0, .1, 0);
}
.prefooter-card .pre-title {
top: 48px;
left: 16px;
font-size: 48px;
line-height: 129%;
font-weight: 400;
max-width: 100%;
transform: translate(0%, 0%);
z-index: 1;
color: var(--accent-color);
max-width: 100%;
text-align: left;
}
.prefooter-card .prefooter-btn {
opacity: 1;
bottom: 0px;
width: 150px;
position: absolute;
height: 79px;
transition: opacity 0.4s ease, transform 0.4s ease;
right: 26px;
}
#about .s4 .s4-wrap {
flex-direction: row;
align-items: center;
gap: 3rem;
}
#about .s4-wrap .s4-img+div {
max-width: 60%;
}
#about .s4 .s4-img,
#about .s4 .s4-img img,
#about .s4 .s4-wrap p {
max-width: 100%;
width: 100%
}
#about .s5-info {
flex-direction: column;
}
#about .s5-info div {
max-width: 100%;
} #about .s5 .circle {
padding: 20px
}
#about .s5 .solid {
width: 100%;
height: 100%;
}
#about .s5 .solid span {
font-size: 12px;
letter-spacing: 16%;
}
#about #track {
min-height: auto;
}
#about .s7 .right {
grid-template-columns: 1fr;
}
#about .s6-carousel {
display: block;
}
#about .s7 {
height: auto;
}
#about .s8 .community {
margin-top: 1.8rem;
display: flex;
gap: 0 5rem;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.arc-shape {
height: 74px;
}
#bio .bio_wrapper {
flex-direction: row;
gap: 1.8rem
}
#bio .bio_wrapper .left img {
height: auto
}
#strategies .s4 .s4-wrapper {
flex-direction: column;
gap: 2rem
}
#strategies .s4 .left {
position: relative;
height: auto;
top: 0px;
}
#strategies .s4 h2,
#strategies .s4 .left p,
#strategies .s4 .right {
max-width: 100%;
}
#strategies .s5 .cap-grid {
grid-template-columns: repeat(2, 1fr);
gap: 60px;
}
.prefooter-wrap .prefooter-card:hover p {
max-width: 100%;
}
.prefooter-wrap .prefooter-card:hover h3 {
max-width: 100%;
}
#strategies .card-wrapper .card-right-wrap.card-2::before {
content: none;
}
}
@media screen and (max-width: 767px) {
#home .s3 .s3-bottom-wrapper .extra-circle {
width: 480px;
height: 290px;
bottom: -20px;
}
#home .slide-wrap,
#home .s3-bottom .approch,
#home .arc-nav {
width: 500px;
height: 211px;
}
#home .s3-bottom .slide .title {
font-size: 18px;
line-height: 150%;
max-width: 150px;
}
#home .s3 .s3-bottom-wrapper,
#home .s3-bottom {
height: 680px;
}
#home .s3-bottom .text-part p {
max-width: 80%;
}
#home .s3-bottom .slide:first-child .title {
max-width: 110px;
}
#home .s3 .s3-bottom-wrapper svg {
width: 500px;
height: 211px;
margin-left: auto;
margin-right: auto;
}
#home .s3 .s3-bottom-wrapper svg path {
width: 500px;
height: 211px;
}
#home .dot-1 {
left: 21px;
top: auto; }
#team .person:hover .back {
opacity: 0;
display: none;
}
#strategies #container {
overflow-y: visible;
}
#team #container {
overflow: hidden;
}
#strategies .arc-shape {
height: 86px;
max-width: 100vw;
width: 100vw
}
#strategies .arc-shape path {
max-width: 100vw;
}
#strategies .s2 {
overflow-x: clip;
} .arc-shape {
height: 86px;
}
#team .s2 { padding: 7rem 0 6.7rem
}
#home .s6 .left {
max-width: 100%
}
.prefooter {
padding: 4rem 0;
background: url(//remlp.com/wp-content/themes/range-equity/assets/strategy/StrategiesPrefooterBG-1920.jpg) center center / cover no-repeat;
width: 100%;
min-height: 900px;
overflow: hidden;
}
.prefooter-wrap {
display: flex;
gap: 1.9rem;
flex-direction: column;
}
.prefooter h2 {
color: var(--white-color);
width: 100%;
text-align: center;
margin-bottom: 3rem;
}
.prefooter-wrap .prefooter-card {
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(90px);
-webkit-backdrop-filter: blur(90px);
transform: scale(1);
background: var(--white-color);
height: 100%;
opacity: 1;
border-radius: 15px;
padding: 60px 36px 36px;
height: 380px;
width: 100%;
position: relative;
}
.prefooter-card p {
opacity: 1;
color: var(--accent-color) !important;
left: 0px;
max-width: 100%;
top: 40px;
position: relative;
transition: all .4s ease;
}
.prefooter-card .pre-title {
top: 48px;
left: 16px;
font-size: 48px;
line-height: 129%;
font-weight: 400;
max-width: 100%;
transform: translate(0%, 0%);
z-index: 1;
color: var(--accent-color);
}
.prefooter-card .prefooter-btn {
opacity: 1;
bottom: -1px;
width: 150px;
position: absolute;
height: 79px;
transition: opacity 0.4s ease, transform 0.4s ease;
right: 26px;
}
.prefooter-card .explore-btn {
opacity: 0
}
#home .s1 {
height: 100vh;
padding-bottom: 60px;
min-height: 500px;
}
#home .s1 .container {
padding-bottom: 0px;
}
#home .s1 .hero-content h1 {
font-size: 3.75rem;
line-height: 1.1;
margin-bottom: 1.05rem;
}
#home .s1 .hero-content h1 span {
font-size: 3.75rem;
margin-left: 0px;
top: 0px;
line-height: 1.1;
}
#home .s3-carousel h2 {
font-size: 3.1rem;
}
#home .s1 .hero-content p {
margin-left: 0px;
font-size: 1.6rem;
}
#home .s3-bottom-wrapper {
display: none;
}
#home .s3 {
min-height: 1607px;
padding-top: 90px;
}
#home .s3 .s3-bottom-wrapper {
z-index: 12;
}
.plx-wrap .curve img.desk {
display: block;
}
#home .s3-slides {
display: flex;
height: 500px;
flex-wrap: nowrap;
}
#home .s3-card {
position: relative;
left: 0px;
min-width: 100%;
width: 100%;
flex: 0 0 100%;
background: none;
padding-left: 0px;
padding-right: 0px;
display: flex;
justify-content: center;
}
#home .card-wrap {
max-width: 100%;
clip-path: none;
}
#home .s3-top {
width: 100%;
}
#home .s3-card3,
#home .s3-card2 {
top: 0px;
}
#home .plx-wrap .curve {
background: url(//remlp.com/wp-content/themes/range-equity/assets/curve-1920.svg);
background-repeat: repeat;
background-size: cover;
position: absolute;
height: 288px;
top: 301px;
background-position: 0px 0px;
transition: background-position 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
#home .plx-wrap .plx-bg {
background-image: url(//remlp.com/wp-content/themes/range-equity/assets/mobile/hp-wave.png);
clip-path: inset(304px 0 0 0);
background-attachment: scroll;
}
#home .s3-bottom-carousel {
display: block;
padding: 0px;
height: 208px;
}
#home .s3-carousel {
display: block;
}
#home .s3-top .s3-card:not(:last-child)::after {
content: none;
}
#home .s3-top .s3-card.s3-card2 {
left: 0px;
flex: 0 0 calc(100% - 50px);
}
#home .s3-top .s3-card .card-wrap {
background: none;
}
#home .s3-top .s3-card .card-wrap::after {
content: none;
border: 2px solid var(--accent-color);
width: 50px;
height: 50px;
right: 0px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/dot.svg) no-repeat;
background-position: center;
position: absolute;
z-index: 13;
border-radius: 50%;
}
#home .s3-top .s3-card:nth-child(2) .card-wrap::after {
right: 7px
}
#home .s3-card .card-wrap h3 {
font-size: 2rem;
}
#home .s3-top .s3-card1.s3-card .card-wrap {
padding-left: 0px;
}
#home .s3-top .s3-card1 .card-wrap::after {
right: 7px;
bottom: -36px;
}
#home .s3-card {
background: none;
}
#home .s3-top .s3-card.s3-card3 .card-wrap {
display: flex;
flex-direction: column;
justify-content: end;
width: calc(100% - 50px)
}
#home .s3-card {
height: 200px;
}
#home .s3-top .s3-card .card-wrap { height: 200px;
background-size: 1px 100%;
background-position: right top;
padding-left: 0px;
padding-right: 25px;
width: calc(100% - 26px);
}
#home .s3-top .s3-card1 .card-wrap {
padding-left: 25px;
}
#home .s3-top .s3-card:last-child::after {
right: -34px;
bottom: -25px;
top: auto;
content: none
}
#home .s3-top .s3-card3 .card-wrap::after {
right: 7px;
bottom: -15px;
}
#home .s3-top .s3-card3:last-child {
background: none;
top: 455px;
padding: 0px 0px 0px 0px;
}
#home .s3-top .s3-card.s3-card2 .card-wrap,
#home .s3-top .s3-card.s3-card1 .card-wrap {
width: calc(100% - 69px);
}
#home .s3-top .s3-card.s3-card3 .card-wrap {
width: calc(100% - 70px); height: 200px;
background-position: right top;
background-size: 1px 100%;
}
#home .s3 .slick-list {
overflow: visible !important;
}
#home .s3 .slick-arrow {
display: none !important;
}
#home .s3-top {
height: 730px;
min-height: 335px;
padding: 0px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#home .s3-top .s3-card:last-child h3 {
color: var(--primary-color)
}
#home .s3-top .s3-card:last-child p {
color: var(--secondary-color)
}
#home .s3-top .s3-card:last-child span {
color: var(--white-color);
max-width: 100px;
line-height: 1.4;
}
#home .s3-top .s3-card:last-child h3 {
max-width: 100%;
}
#home .s3-top .s3-card:last-child h3,
#home .s3-top .s3-card:last-child p {
color: var(--white-color)
}
#home .s3-top .s3-card::after {
right: 22px;
}
#home .s3-top .arrow {
position: absolute;
z-index: 80;
display: block;
bottom: 0px;
cursor: pointer;
right: 30px;
border: 0px;
background-color: var(--accent-color);
color: #fff;
padding: 10px
}
#home .s3-top .arrow.prev {
background: url(//remlp.com/wp-content/themes/range-equity/assets/Arrow-Previous.svg)no-repeat;
right: 70px;
}
#home .s3-top .arrow.next {
background: url(//remlp.com/wp-content/themes/range-equity/assets/Arrow-Next.svg)no-repeat;
}
#home .s3-top .arrow.prev.disabled,
#home .s3-top .arrow.next.disabled {
pointer-events: none;
opacity: .8;
}
#home .s3-bottom-carousel .slick-slide .title {
font-size: 30px;
line-height: 129%;
color: var(--white-color);
max-width: 55%;
}
#home .s3-card2 {
order: 3;
margin-top: 45px;
left: 0px;
}
#about h2 {
font-size: 2.1rem !important;
}
.s3-carousel .text-part {
margin-bottom: 46px;
}
#home .s3-bottom-carousel .slick-dots {
margin-top: 0px;
}
#home .s3-top .slick-dots {
display: flex;
justify-content: center;
list-style: none;
margin-top: 20px;
gap: 10px;
}
#home .s3-bottom-carousel img {
margin-bottom: 0px;
}
#home .s3-bottom-carousel .slick-slide {
padding-bottom: 0px;
}
#home .s4 .invest-grid {
grid-template-columns: 1fr;
gap: 60px
}
#home .s4 .invest-card {
gap: 3.75rem
}
.prefooter h2 {
font-size: 2.4rem;
}
#home .s6 .s6-wrap {
flex-direction: column;
gap: 60px;
align-items: center;
}
#home .s6 .s6-wrap .right p {
font-size: .9rem;
}
#home .s6 .right .circle {
width: 480px;
height: 480px;
}
#home .s7,
#about .s2,
#about .s4,
#about .s5 {
padding: 80px 0 80px;
}
#about .s3-desc {
padding-bottom: 80px;
}
#about .s2,
#about .s3 h2,
#about .s6-carousel {
padding-top: 80px;
}
#home .s8 .s8-wrap h2{
padding-top: 60px;padding-bottom: 65px;
}
#home .s7 .two-col {
flex-direction: column;
}
#home .s4 .invest-card {
min-height: auto;
}
#about .s6-carousel {
height: 590px;
padding-bottom: 80px;
}
#home .s4 .invest-card p {
max-width: 100%;
margin-top: 0px;
padding-bottom: 0px;
}
#home .s6 .right .circle2 {
top: -100px
}
#home .s6 .right .circle2 .s6-arrow-icon {
top: 38px
}
#home .s7 .col-3 {
margin-top: 114px;
display: grid;
grid-template-columns: 1fr;
}
#home .s8 .s8-wrap a {
width: 120px;
height: 60px;
bottom: 0px;
}
#home .s8 .s8-wrap a svg {
width: 100%;
height: 100%;
}
#home .s8 .s8-wrap h2 {
max-width: 100%;
font-size: 32px;
}
#about .s5-info {
flex-direction: column;
}
#about .s5-info h2 {
font-size: 4rem;
margin-bottom: 2rem;
}
#about .s4 .s4-img {
width: 100%;
max-width: 100%;
}
#about .s4 .s4-img img {
width: 100%;
max-width: 100%;
}
#about .s6-bottom-carousel img {
display: none;
}
#about .s6-bottom-carousel img {
width: 200px
}
#about .s4-wrap div {
max-width: 100%;
width: 100%
}
#about .s4 .s4-wrap {
flex-direction: column;
}
#about .s4 .s4-wrap p {
max-width: 100%;
}
#about .s4-wrap .s4-img+div {
max-width: 100%;
}
#about #track {
flex-wrap: wrap;
margin-left: 0px;
width: calc(100% + 15px);
}
#about .s5-info h5 {
font-size: 1.6rem;
}
#about .s8 .community {
gap: 1rem 5rem;
}
#about .s5 .circle {
width: 50%;
height: auto;
padding: 20px;
flex: 0 0 50%;
}
#about .s5 .circle .solid {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
#about .circle:nth-child(3) {
transform: translateX(0px) !important;
}
#about .circle:nth-child(4) {
transform: translateX(-15px) !important;
}
#about .s3-row {
grid-template-columns: 1fr;
height: auto;
}
#about .s3-row .col:not(:first-child) .inner {
padding-left: 30px;
}
#about .s3-row .col .inner {
padding: 30px;
height: 350px;
}
#about #container {
overflow-x: hidden;
}
#about .s3 .inner img {
display: none;
}
#about .s3-row .col:not(:last-child) {
padding-right: 0px;
border-right: 0px solid rgba(0, 0, 0, .2);
}
#about .s3 .inner::before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 100%;
opacity: 1;
background: var(--accent-color);
background-blend-mode: multiply;
bottom: 0;
left: 0;
transition: height .5s ease;
border-radius: 15px;
}
#about .s3-row .col .inner p {
height: auto;
opacity: 1;
z-index: 1;
transform: translateY(0);
}
#about .s3 .inner h3 {
z-index: 1;
color: var(--white-color);
bottom: calc(100% - 130px);
}
#about .s7 {
min-height: 0;
padding-top: 80px;
padding-bottom: 80px;
height: auto;
}
#about .s7-wrap {
gap: 70px;
}
#about .s7 .right {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
}
#about .s7 h2 {
color: var(--white-color);
width: 100%;
text-align: center;
}
#about .s7 p {
width: 100%;
text-align: center;
}
#about .s7 .left {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 1rem;
max-width: 100%;
}
#about .s7 .left p {
margin-bottom: 0px;
}
#about .s7 h2+p {
font-size: .75rem;
font-weight: 300;
letter-spacing: 27%;
text-transform: uppercase;
line-height: 1.2;
color: var(--white-color)
}
#about .s6 {
height: auto;
}
#about .s6-bottom-carousel .slick-dots {
margin-top: 1.5rem;
}
#team .team-wrapper {
display: grid;
grid-template-columns: 1fr;
}
#bio .bio_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.8rem;
}
#bio .bio_wrapper .right h2 {
font-size: 2.5rem;
margin-bottom: 5px;
}
#bio .name-details,
#bio .bio {
padding-left: 0px;
}
#strategies .s2::after {
content: none;
}
#strategies .s5 .cap-grid {
grid-template-columns: 1fr;
gap: 48px 48px;
}
.py-150 {
padding: 4rem 0
}
#home .s6 {
padding-top: 80px;
}
#home .s5 {
height: auto;
padding-top: 80px;
padding-bottom: 80px;
}
#about .s8,
#team .s2,
#team .s3,
#strategies .s2,
#strategies .s3,
#partnerships .s2,
#partnerships .s3 {
padding-top: 80px;
padding-bottom: 80px;
}
#team .s4 {
padding-top: 0px;
padding-bottom: 80px;
}
#bio .s1 {
padding-bottom: 80px;
}
#team .s3 h2 {
margin-bottom: 2rem;
}
#strategies .s3 .accordion-container .accordion h3 {
font-size: 50px;
width: 100%;
}
#partnerships .s3 .content {
padding-top: 0px;
padding-bottom: 0px;
}
#partnerships .s3 .left>div {
margin-bottom: 30px;
}
#strategies .s3 .accordion-container {
width: 100%;
margin: 0 auto;
}
#strategies .s3 .accordion-container .accordion .item-content {
padding-top: 0px;
}
#strategies .s3 .process-grid {
flex-direction: column;
}
#partnerships .s4 {
padding-top: 80px;
}
#strategies .s3 .accordion-container .accordion .bar {
height: 190px;
position: relative;
padding-right: 40px;
}
#strategies .s3 .accordion-container .accordion .item-content {
width: 100%
}
#strategies .s3 .accordion-container .accordion p {
font-family: "Butler FREE", sans-serif;
font-weight: 400;
font-size: 1.45rem;
line-height: 41px;
}
#strategies .s3 .accordion-container .accordion .bar:nth-child(1) {
border-top: 0px;
}
#strategies .s3 .process-grid {
margin-top: 43px;
gap:60px; }
#strategies .process-item {
padding-top: 35px;gap:30px;width: 100%
}
#strategies .process-item span {
font-size: 18px;
line-height: 30px;
}
#strategies .s4 {
padding: 80px 0 80px;
}
#strategies .s4 .sec-bg {
background: url(//remlp.com/wp-content/themes/range-equity/assets/strategy/TwoInvestmentBG-1920.jpg) center center / cover no-repeat;
}
#strategies .s4 .container {
width: calc(100% - 16px)
}
#strategies .s4 .s4-wrapper {
flex-direction: column;
gap: 115px;
}
#strategies .s4 .left {
position: relative;
height: auto;
top: 0px;
width: calc(100% - 24px);
margin-left: auto;
margin-right: auto;
}
#strategies .s4 .right .card .card-inner {
padding: 50px 20px 30px 36px;
height: auto;
}
#strategies .s4 .right {
width: 100%
}
#strategies .s4 h2 {
font-size: 76px;
margin-bottom: 16px;
}
#strategies .s4 ul {
margin-top: 47px;
}
#strategies .s4 ul li p {
padding: 21px 23px 21px;
}
#strategies .s4 ul li {
max-width: 100%;
}
#strategies .s4 ul li:not(:last-child) {
padding-bottom: 8px;
}
#strategies .s4 ul li:last-child {
padding-bottom: 8px;
}
#strategies .s4 .right p {
font-size: .9rem;
line-height: 30px;
}
#strategies .s5 .cap-card p {
max-width: 100%;
}
.inner .s1 h1 {
font-size: 48px;
}
#partnerships .s3 {
padding: 73px 0px 87px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/mobile/partnership-goal.jpg) center center / cover no-repeat;
height: auto;
}
#partnerships .s3 .content {
flex-direction: column;
}
#partnerships .s3 .left {
width: 100%;
align-items: flex-start;
justify-content: flex-start;
}
#partnerships .s3 .right {
width: 100%
}
#partnerships .s3 .content {
width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
}
#partnerships .s3 .left>div {
font-size: 29px;
line-height: 41px;
margin-bottom: 30px;
}
#partnerships .s3 .item {
padding-top: 0px;
}
#partnerships .s3 h3 {
padding-top: 32px;
font-size: 29px;
line-height: 41px;
margin-bottom: 20px;
cursor: pointer;
}
#partnerships .s3 .left>div {
padding-right: 0px;
width: 100%;
}
#partnerships .s3 .right>.right-inner {
padding-top: 80px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 80px;
}
#partnerships .s4 .s4-wrap a {
width: 160px;
height: 80px;
bottom: 0px;
}
#portfolio .prefooter {
background: url(//remlp.com/wp-content/themes/range-equity/assets/PortfolioPrefooterBG.png) center center / cover no-repeat;
}
#portfolio .heading-wrap {
height: 380px;
padding-bottom: 50px;
}
#portfolio .section2 {
padding: 80px 0;
}
#portfolio .portfolio-grid {
row-gap: 35px;
}
#portfolio .portfolio-card {
width: 100%;
}
#portfolio .portfolio-image {
margin-bottom: 15px;
}
#portfolio .portfolio-content h3 {
font-size: 18px;
margin-bottom: 8px;
}
#portfolio .portfolio-content p {
font-size: 16px;
line-height: 22px;
}
#partnerships .s4 .s4-wrap h2 {
font-size: 1.5rem;
}
#partnerships .s2 h2,
#strategies .s2 h2,
#team .s2 h2,
#home .s2 .content h2,
#home .s2 .content h2,
#about .s3-desc {
font-size: 1.5rem;
}
#home .s6 .right .circle h3 {
margin-bottom: 10px;
font-size: 2rem;
}
#home .s2 {
padding-top: 80px;
padding-bottom: 80px;
}
.legal-page .legal-section h1{
font-size: 48px;
}
.legal-page .legal-section h3{
font-size: 28px;
}
.legal-page .legal-section p,
.legal-page .legal-section ul li,
.legal-page .legal-section a{font-size: 18px;}
}
@media screen and (max-width: 480px) {
.error404 .page-content h1 {
font-size: 48px;
}
#home .s3-bottom .slide .title {
font-size: 18px;
text-align: center;
line-height: 150%;
color: var(--white-color);
}
#home .s3 .s3-bottom-wrapper .extra-circle {
width: 343px;
height: 305px;
bottom: -68px;
}
#home .slide-wrap,
#home .s3-bottom .approch,
#home .arc-nav {
width: 360px;
height: 153px;
}
#home .arc-bg {
stroke: rgba(255, 255, 255, .3);
stroke-width: 2px;
}
#home .s3 .s3-bottom-wrapper,
#home .s3-bottom {
height: 680px;
}
#home .s3 .s3-bottom-wrapper svg {
width: 360px;
height: 153px;
margin-left: auto;
margin-right: auto;
}
#home .s3 .s3-bottom-wrapper svg path {
width: 360px;
height: 153px;
}
#home .dot-1 {
left: 21px;
top: auto; }
#home .s1 {
padding-bottom: 128px;
min-height: 100vh;
}
#home .s3-bottom-carousel .slick-slide .title {
font-size: 26px;
}
#home .s3-bottom-carousel .slick-slide p {
margin: 5px auto 0;
}
#about .s6-carousel-wrap {
width: 300px;
height: 300px;
}
.h2 {
font-size: 62px;
}
#strategies .s4 h2 {
font-size: 50px;
}
#home .s4.py-150{padding-bottom: 60px;}
#strategies .s3 .accordion-container .accordion h3 {
font-size: 48px
}
#partnerships .s4 .s4-wrap a {
right: 20px;
}
#about .s6-bottom-carousel {
max-width: 280px;
width: 280px;
height: 280px;
top: -14px
}
#about .s6-bottom-carousel .slick-slide {
height: 280px
}
#home .s3-bottom-carousel {
height: 175px
}
#home .s3-bottom-carousel .slick-dots {
margin-top: 0px;
z-index: 85;
position: relative;
width: 100%;
top: -20px;
}
#home .s4 .invest-grid{max-width: 315px;gap:30px;margin-top: 50px;}
#about .s6-bottom-carousel .slick-slide p.title {
font-size: 1rem;
padding: 20px;
} #strategies .s1 { }
#strategies .s4 .sec-bg {
background: url(//remlp.com/wp-content/themes/range-equity/assets/strategy/s4-strategy-mobile.jpg) center center / cover no-repeat;
}
#partnerships .s1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/mobile/Hero-Partnerships-mobile.jpg) center center / cover no-repeat;
}
#about .s3-row .col:not(:last-child) .inner {
padding-right: 30px;
}
#partnerships .s3 {
padding: 73px 0px 87px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/mobile/partnership-goal.jpg) center center / cover no-repeat;
}
#home .plx-wrap .curve {
background: url(//remlp.com/wp-content/themes/range-equity/assets/curve-1920.svg);
position: absolute;
height: 250px;
background-size: cover;
top: 223px;
background-position: 0px 0px;
}
#home .s3-top .s3-card:last-child h3 {
max-width: 200px
}
#home .s3-top {
overflow: hidden;
height: 520px;
}
.arc-shape {
height: 89px;
}
#home .s3-top .s3-card:not(:last-child)::after {
right: -32px
}
#home .plx-wrap .plx-bg {
background-image: url(//remlp.com/wp-content/themes/range-equity/assets/mobile/hp-wave.png);
clip-path: inset(225px 0 0 0);
background-attachment: scroll;
}
#home .s3-top .s3-card::after {
bottom: -14px !important;
}
#home .s3-card {
min-width: 0px;
flex: 0 0 100%;
width: 100%;
padding-right: 0px;
padding-left: 0px;
}
#home .s3-top .s3-card3:last-child {
top: 0px;
padding-left: 0px;
}
#home .s3-card1 {
margin-top: -14px;
}
#home .s3-card2 {
order: 3;
}
#home .s3-card3 {
margin-top: 255px;
left: 0px
}
#home .card-wrap {
clip-path: none;
}
#home .s3-top .s3-card:not(:last-child)::after {
content: none;
padding-left: 0px;
}
#home .s3-top .s3-card.s3-card2 {
left: 0px;
flex: 0 0 100%;
}
#home .s3-top .s3-card.s3-card3 .card-wrap::after {
right: 4px;
}
#home .s3-top .s3-card .card-wrap::after {
content: none;
border: 2px solid var(--accent-color);
width: 50px;
height: 50px;
right: 0px;
background: url(//remlp.com/wp-content/themes/range-equity/assets/dot.svg) no-repeat;
background-position: center;
position: absolute;
z-index: 13;
border-radius: 50%;
}
#home .s3-card .card-wrap h3 {
font-size: 2rem;
}
#home .s3-top .s3-card1.s3-card .card-wrap {
padding-left: 0px;
padding-top: 20px;
}
#home .s3-top .s3-card1 .card-wrap::after {
right: 7px;
bottom: -36px;
}
#home .s3-card {
background: none;
}
#home .s3-top .s3-card.s3-card3 .card-wrap {
display: flex;
flex-direction: column;
justify-content: end;
width: calc(100% - 60px)
}
#home .s3-card {
height: 200px;
}
#home .s3-top .s3-card .card-wrap { background: none;
height: 200px;
background-size: 1px 100%;
background-position: right top;
padding-left: 0px;
padding-right: 25px;
width: calc(100% - 26px);
}
#home .s3-top .s3-card1 .card-wrap {
padding-left: 25px;
}
#partnerships .s3 .left>div {
font-size: 29px;
line-height: 41px;
}
#partnerships .s3 h3 {
font-size: 29px;
line-height: 41px;
}
#partnerships .s3 .right>.right-inner {
padding-left: 29px;
padding-right: 34px;
}
#home .s6 .right .circle {
width: 335px;
height: 335px;
}
#about .s5 .solid span {
font-size: 10px;
letter-spacing: 10%;
}
#home .s6 .right .circle h3 {
margin-bottom: 10px;
font-size: 1.8rem;
}
#home .s6 .right .circle div {
max-width: 270px;
}
#home .s6 .right .circle2 {
top: -50px
}
#home .s6 .right .circle .circle-wrap-2 {
top: calc(50% + 5px);
width: 280px;
}
#home .s6 .right .circle2 .s6-arrow-icon {
top: 10px
}
#home .s8 .s8-wrap h2 {
font-size: 1.6rem;
}
}
@media screen and (max-width:390px) {
#home .s3-bottom .approch,
#home .arc-nav {
width: 340px;
height: 145px;
}
#home .s3 .s3-bottom-wrapper .extra-circle {
width: 355px;
height: 300px;
bottom: -70px;
}
#home .s3 .s3-bottom-wrapper svg {
width: 340px;
height: 153px;
margin-left: auto;
margin-right: auto;
}
} #insights .s1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/insights-banner.png) no-repeat;
background-size: cover;
}
#insights .heading-wrap {
max-width: 920px;
display: flex;
align-items:center;
justify-content: flex-end;
flex-direction: column;
width: 100%;
height: 474px;
margin: 0 auto;
padding-bottom: 76px;
}
#insights .heading-wrap h1 span {
font-family: "Butler FREE", sans-serif;
display: block;
}
#insights .section2 {
background: var(--light-bg);
padding: 158px 0 243px;
}
#insights .insights-intro {
max-width: 795px;
margin: 0 auto;
}
#insights .heading-wrap p {
color: var(--white-color);
font-family: "Butler FREE", sans-serif;
font-size: 40px;
line-height: 51px;
font-weight: 400;
margin-top: 8px;
}
#insights .insights-divider {
width: 100%;
height: 1px;
background: #5e5e5e;
opacity: 50%;
margin: 123px 0 123px;
}
#insights .insights-grid {
display: flex;
flex-wrap: wrap;
gap: 35px 20px;
}
#insights .insight-card {
width: calc((100% - 60px) / 3);
text-decoration: none;
display: block;
}
#insights .insight-image {
height: 251px;
overflow: hidden;
border-radius: 5px;
margin-bottom: 25px;
}
#insights .insight-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#insights .insight-date {
display: block;
font-family: "Wix Madefor Display", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1;
color: var(--primary-color);
margin-bottom: 13px;
}
#insights .insight-card h3 {
font-family: "Butler FREE", sans-serif;
font-size: 20px;
line-height: 1.25;
font-weight: 500;
color: var(--primary-color);
margin-bottom: 20px;
min-height: 82px;
}
#insights .insight-action {
display: flex;
align-items: flex-end;
gap: 13px;
}
#insights .insight-action svg {
position: relative;
bottom: 4px;
}
#insights .insight-card:hover .insight-action .btn-bg {
fill: #4d7a91;
}
#insights .insight-action span:first-child {
font-family: "Butler FREE", sans-serif;
font-size: 20px;
font-weight: 700;
color: var(--primary-color);
line-height: 1;
}
#insights .insight-card:hover .action-icon {
background: #4d7a91;
}
@media screen and (min-width: 768px) {
#insights .prefooter {
background: url(//remlp.com/wp-content/themes/range-equity/assets/InsightsPrefooterBG.png) center center / cover no-repeat;
}
}
@media screen and (max-width: 1024px) {
#strategies .s3 {
padding: 120px 0
}
#strategies .s3 .accordion-container .accordion .bar {
position: relative;
}
#strategies .s3 .accordion-container .accordion .bar:nth-child(3),
#strategies .s3 .accordion-container .accordion .bar:nth-child(5) {
top: 0px
} #strategies .s3 .accordion-container .accordion p:first-child {
padding-top: 40px;
}
#insights .section2 {
padding: 120px 0 160px;
}
#insights .insights-intro {
max-width: 700px;
}
#insights .insights-intro p {
font-size: 34px;
line-height: 44px;
}
#insights .insights-divider {
margin: 90px 0;
}
#insights .insight-image {
height: 220px;
}
#insights .insight-card h3 {
font-size: 18px;
min-height: 72px;
}
#insights .insight-action span:first-child {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
#insights .heading-wrap p{font-size: 32px;}
#insights .section2,
#strategies .s3 {
padding: 80px 0 80px;
}
#insights .insights-intro {
max-width: 100%;
}
#insights .insights-intro p {
font-size: 30px;
line-height: 40px;
}
#insights .insights-divider {
margin: 70px 0;
}
#insights .insights-grid {
gap: 40px 20px;
}
#insights .insight-card {
width: calc((100% - 20px) / 2);
}
#insights .insight-image {
height: 220px;
}
#insights .insight-card h3 {
min-height: auto;
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
#insights .prefooter {
background: url(//remlp.com/wp-content/themes/range-equity/assets/InsightsPrefooterBG.png) center center / cover no-repeat;
}
#insights .heading-wrap {
height: 380px;
padding-bottom: 50px;
}
#insights .section2 {
padding: 80px 0 80px;
}
#insights .insights-intro p {
font-size: 24px;
line-height: 34px;
}
#insights .insights-divider {
margin: 50px 0;
}
#insights .insights-grid {
gap: 35px;
}
#insights .insight-card {
width: 100%;
}
#insights .insight-image {
height: 240px;
margin-bottom: 18px;
}
#insights .insight-date {
font-size: 14px;
margin-bottom: 10px;
}
#insights .insight-card h3 {
min-height: auto;
font-size: 18px;
margin-bottom: 15px;
}
#insights .insight-action span:first-child {
font-size: 18px;
}
}  #insight-detail {
background: var(--light-bg);
}
#insight-detail .inner-container {
padding: 220px 0 100px;
max-width: 1050px;
margin: 0 auto;
}
#insight-detail .back-link {
display: inline-flex;
align-items: flex-end;
gap: 15px;
text-decoration: none;
}
#insight-detail .back-link span:last-child {
font-family: "Butler FREE", sans-serif;
font-size: 20px;
line-height: 20px;
font-weight: 700;
color: #345565;
}
#insight-detail .back-icon {
position: relative;
bottom: 3px;
}
#insight-detail .back-icon svg {
display: block;
}
#insight-detail .back-icon .btn-bg {
transition: fill 0.3s ease;
}
#insight-detail .back-link:hover .btn-bg {
fill: #4d7a91;
}
#insight-detail .detail-divider {
width: 100%;
height: 1px;
background: #5e5e5e;
margin: 24px 0px 64px;
}
#insight-detail .detail-date {
display: block;
font-family: "Lexend Deca";
font-size: 15px;
font-weight: 300;
color: var(--primary-color);
margin-bottom: 25px;
}
#insight-detail h1 {
max-width: 1000px;
font-family: "Butler FREE", sans-serif;
font-size: 62px;
line-height: 68px;
font-weight: 400;
color: var(--primary-color);
margin-bottom: 60px;
}
#insight-detail .detail-image {
margin-bottom: 65px;
border-radius: 8px;
overflow: hidden;
}
#insight-detail .detail-image img {
display: block;
width: 100%;
}
#insight-detail .detail-content {}
#insight-detail .detail-content p {
font-family: "Lexend Deca";
font-size: 20px;
line-height: 30px;
font-weight: 200;
color: #5e5e5e;
}
#insight-detail .detail-content p:not(:last-child) {
margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
#insight-detail .inner-container {
padding: 180px 0 90px;
}
#insight-detail h1 {
font-size: 52px;
line-height: 58px;
margin-bottom: 50px;
}
#insight-detail .detail-image {
margin-bottom: 50px;
}
#insight-detail .detail-content p {
font-size: 18px;
line-height: 28px;
}
.error404 #container {
height: auto;
padding: 120px 0px;
}
}
@media screen and (max-width: 768px) {
#insight-detail .inner-container {
padding: 150px 0 80px;
}
#insight-detail .detail-divider {
margin: 24px 0 50px;
}
#insight-detail h1 {
font-size: 42px;
line-height: 48px;
margin-bottom: 40px;
}
#insight-detail .detail-image {
margin-bottom: 40px;
}
#insight-detail .detail-content p {
font-size: 18px;
line-height: 28px;
}
}
@media screen and (max-width: 767px) {
#insight-detail .inner-container {
padding: 120px 0 60px;
}
#insight-detail .back-link {
gap: 10px;
}
#insight-detail .back-link span:last-child {
font-size: 18px;
line-height: 18px;
}
#insight-detail .back-icon svg {
width: 45px;
height: auto;
}
#insight-detail .detail-divider {
margin: 20px 0 40px;
}
#insight-detail .detail-date {
font-size: 14px;
margin-bottom: 15px;
}
#insight-detail h1 {
font-size: 32px;
line-height: 38px;
margin-bottom: 30px;
}
#insight-detail .detail-image {
margin-bottom: 30px;
border-radius: 6px;
}
#insight-detail .detail-content p {
font-size: 16px;
line-height: 26px;
}
#insight-detail .detail-content p:not(:last-child) {
margin-bottom: 25px;
}
}  #contact .s1 {
background: url(//remlp.com/wp-content/themes/range-equity/assets/contact-banner.png) no-repeat;
background-size: cover;
}
#contact .heading-wrap {
max-width: 920px;
display: flex;
align-items: flex-end;
justify-content: center;
width: 100%;
height: 474px;
margin: 0 auto;
padding-bottom: 170px;
}
#contact .section2 {
background: var(--light-bg);
padding: 158px 0 140px;
}
#contact .contact-intro {
max-width: 695px;
margin: 0 auto;
}
#contact .contact-intro p {
font-family: "Butler FREE", sans-serif;
font-size: 40px;
line-height: 51px;
font-weight: 400;
text-align: center;
color: var(--primary-color);
}
#contact .contact-divider {
width: 100%;
height: 1px;
background: #5e5e5e;
opacity: 0.5;
margin: 97px 0 85px;
}
#contact .contact-wrap {
display: flex;
justify-content: space-between;
gap: 60px;
}
#contact .contact-info {
width: 40%;
}
#contact .contact-form-wrap {
width: 49%;
}
#contact .contact-info h2 {
font-family: "Butler FREE", sans-serif;
font-size: 35px;
line-height: 51px;
font-weight: 400;
color: var(--primary-color);
margin-bottom: 20px;
}
#contact .contact-info ul {
list-style: none;
}
#contact .contact-info li {
font-family: "Lexend Deca";
font-size: 23px;
line-height: 30px;
font-weight: 200;
color: #5e5e5e;
}
#contact .contact-info li:not(:last-child) {
margin-bottom: 40px;
}
#contact .contact-info a {
color: inherit;
text-decoration: none;
transition: color 0.5s ease;
display: inline-block;
}
#contact .contact-info a:hover {
color: var(--primary-color)
}
#contact svg path {
transition: fill 0.5s ease;
}
#contact .form-intro {
font-family: "Lexend Deca";
font-size: 23px;
line-height: 30px;
font-weight: 200;
color: #5e5e5e;
margin-bottom: 102px;
}
#contact .form-group {
margin-bottom: 35px;
}
#contact form input,
#contact form textarea {
width: 100%;
border: none;
border-bottom: 1px solid rgba(94, 94, 94, 0.5);
background: transparent;
font-family: "Lexend Deca";
font-size: 20px;
font-weight: 400;
color: var(--primary-color);
padding-bottom: 15px;
}
#contact form input::placeholder,
#contact form textarea::placeholder {
color: #5e5e5e;
font-weight: 200;
}
#contact form textarea {
height: 120px;
resize: none;
}
#contact .submit-btn {
border: none;
background: transparent;
padding: 0;
cursor: pointer;
}
#contact .submit-btn svg {
display: block;
}
#contact .submit-btn .btn-bg {
transition: fill 0.3s ease;
}
#contact .submit-btn:hover .btn-bg {
fill: #4d7a91;
}
#contact .wpcf7-not-valid-tip {
font-size: 14px;
}
@media screen and (max-width: 1024px) {
#contact .section2 {
padding: 120px 0;
}
#contact .contact-intro {
max-width: 620px;
}
#contact .contact-intro p {
font-size: 34px;
line-height: 44px;
}
#contact .contact-divider {
margin: 80px 0 70px;
}
#contact .contact-wrap {
gap: 40px;
}
#contact .contact-info h2 {
font-size: 30px;
line-height: 42px;
}
#contact .contact-info li {
font-size: 20px;
line-height: 28px;
}
#contact .form-intro {
margin-bottom: 70px;
font-size: 18px;
line-height: 28px;
}
#contact form input,
#contact form textarea {
font-size: 18px;
}
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
#home .plx-wrap .curve {
background-position: -581px 0;
}
#home .s3-card3 {
left: -8px;
top: 609px;
}
#home .s3-top .s3-card1::after {
right: auto !important;
left: 0px !important;
bottom: -48px !important;
}
#home .s3-card1 {
left: 0px;
height: 200px;
background-position: 30px 0px;
margin-top: 65px;
}
#home .s3-top .s3-card:not(:last-child)::after {
bottom: -27px
}
}
@media screen and (max-width: 767px) {
#contact .section2 {
padding: 80px 0 80px;
}
#contact .contact-intro {
max-width: 100%;
}
#contact .contact-intro p {
font-size: 30px;
line-height: 40px;
}
#contact .contact-divider {
margin: 60px 0;
}
#contact .contact-wrap {
flex-direction: column;
gap: 70px;
}
#contact .contact-info,
#contact .contact-form-wrap {
width: 100%;
}
#contact .contact-info h2 {
font-size: 30px;
line-height: 40px;
}
#contact .contact-info li {
font-size: 18px;
line-height: 28px;
}
#contact .form-intro {
margin-bottom: 50px;
font-size: 18px;
line-height: 28px;
}
#contact .form-group {
margin-bottom: 30px;
}
#contact form textarea {
height: 100px;
}
}
@media screen and (max-width: 767px) {
#contact .heading-wrap {
height: 380px;
padding-bottom: 50px;
}
#contact .section2 {
padding: 60px 0 80px;
}
#contact .contact-intro p {
font-size: 24px;
line-height: 34px;
}
#contact .contact-divider {
margin: 50px 0;
}
#contact .contact-wrap {
gap: 50px;
}
#contact .contact-info h2 {
font-size: 26px;
line-height: 34px;
margin-bottom: 15px;
}
#contact .contact-info li {
font-size: 16px;
line-height: 26px;
}
#contact .contact-info li:not(:last-child) {
margin-bottom: 25px;
}
#contact .form-intro {
font-size: 16px;
line-height: 26px;
margin-bottom: 35px;
}
#contact .form-group {
margin-bottom: 25px;
}
#contact form input,
#contact form textarea {
font-size: 16px;
padding-bottom: 12px;
}
#contact form textarea {
height: 90px;
}
#contact .submit-btn svg {
width: 45px;
height: auto;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}