.get-one {
position: relative;
display: block;
z-index: 1;
}
.get-one__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.get-one__right {
position: relative;
display: block;
background-color: var(--thm-black);
margin-left: 30px;
padding: 90px 50px 50px;
overflow: hidden;
z-index: 1;
}
.get-one__right::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -60px;
background: rgb(255, 54, 57);
background: linear-gradient(0deg, rgba(255, 54, 57, 1) 0%, rgba(255, 255, 255, 0) 50%);
opacity: .50;
}
.get-one__right-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.06;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.get-one__right .section-title {
margin-bottom: 36px;
}
.get-one__right .section-title__tagline {
color: var(--thm-white);
}
.get-one__right .section-title__title {
color: var(--thm-white);
}
.get-one__points {
position: relative;
display: block;
}
.get-one__points li {
position: relative;
display: flex;
align-items: center;
padding-bottom: 25px;
border-bottom: 1px solid rgba(var(--thm-white-rgb), .10);
padding-left: 20px;
}
.get-one__points li:last-child {
border-bottom: none;
}
.get-one__points li+li {
margin-top: 20px;
}
.get-one__points li .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 75px;
height: 75px;
border: 2px solid #687476;
}
.get-one__points li .icon span,
.get-one__points li .icon i {
position: relative;
display: inline-block;
font-size: 40px;
color: var(--thm-white);
}
.get-one__points li .content {
position: relative;
display: block;
margin-left: 28px;
}
.get-one__points li .content h3 {
font-size: 24px;
font-weight: 600;
line-height: 34px;
color: var(--thm-white);
letter-spacing: 0.05em;
position: relative;
}
.get-one__points li .content h3::before {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 30px;
height: 3px;
background-color: var(--thm-base);
border-radius: 1px;
}
.get-one__points li .content p {
color: var(--thm-white);
letter-spacing: 0.05em;
margin-top: 18px;
}
.get-one__points-box {
position: relative;
display: flex;
align-items: center;
background-color: rgba(var(--thm-white-rgb), .10);
margin-top: 23px;
border-radius: 15px;
padding: 36px 35px 39px;
}
.get-one__points-single {
position: relative;
display: block;
}
.get-one__points-single-2 {
margin-left: 60px;
}
.get-one__points-title {
font-size: 24px;
font-weight: 500;
line-height: 34px;
color: var(--thm-white);
font-family: var(--thm-font);
margin-bottom: 28px;
position: relative;
}
.get-one__points-title::before {
content: "";
position: absolute;
bottom: -11px;
left: 0;
width: 40px;
height: 4px;
border-radius: 1px;
background-color: rgba(var(--thm-white-rgb), .25);
}
.get-one__points-two {
position: relative;
display: block;
}
.get-one__points-two li {
position: relative;
display: block;
}
.get-one__points-two li+li {
margin-top: 2px;
}
.get-one__points-two li p {
font-weight: 500;
color: var(--thm-white);
letter-spacing: 0.05em;
}
.get-one__points-two li p a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.get-one__points-two li p a:hover {
color: var(--thm-base);
}