.investors-list-style-01>div {
width: 86%;
margin-left: auto;
display: flex;
align-items: flex-start;
padding: 0;
position: relative;
gap: 8%;
}
.investors-list-style-01 .list-content {
width: 37%;
position: relative;
padding: 80px 0;
}
.investors-list-style-01 .list-content::before {
content: "";
width: 65vw;
height: 100%;
position: absolute;
background: #E8E8E8;
z-index: -1;
top: 0px;
left: -7vw;
border-radius: var(--box-radius);
}
.investors-list-style-01 .list-content-img {
width: 63%;
aspect-ratio: 950 / 800;
overflow: hidden;
}
.investors-list-style-01 .list-content-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
border-radius: var(--box-radius) 0 0 var(--box-radius);
}
.investors-list-style-01 .list-content-img.mobile-mode {
display: none;
}
.investors-list-style-01 .list-content-head,
.tahsin-content .list-content-head{
display: flex;
justify-content: space-between;
margin-bottom: 20px;
margin-bottom: 0px;
align-items: flex-start;
}
.investors-list-style-01 .list-content-head h4 ,
.tahsin-content .list-content-head h4{
font-family: var(--ch-font);
font-size: var(--xd-65px);
font-weight: 700;
margin: 0;
color: var(--main-color);
margin-bottom: 25px;
line-height: 1em;
}
.investors-list-style-01 .list-content-head h5 ,
.tahsin-content .list-content-head h5{
font-family: var(--ch-font);
font-weight: 600;
margin: 0;
color: var(--main-color);
line-height: 1.5em;
font-size: var(--xd-19px)
}
.investors-list-style-01 .list-content-head svg ,
.tahsin-content .list-content-head svg{
width: 84px;
height: auto;
}
.dinos .list-content-head{
gap: 20px;
}
.dinos .investors-list-style-01 .list-content-head svg{
flex: 0 0 84px;
}
.dinos .list-content-head>div{
flex:1;
}
.dinos .list-content-head h5{
font-size: var(--xd-19px);
}
.investors-list-style-01 .list-content>p {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
line-height: 2em;
margin-bottom: 50px;
display:block;
background:white;
}
.investors-list-style-01 .list-content>a {
padding: 7px 30px;
border: 1px solid #4B4A4A;
border-radius: 50px;
display: flex;
justify-content: center;
position: relative;
overflow: hidden;
max-width: 180px;
text-decoration: unset !important;
}
.investors-list-style-01 .list-content>a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: var(--main-color);
left: 0;
top: 100%;
z-index: 0;
transition: all .3s ease;
}
.investors-list-style-01 .list-content>a span {
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: #707070;
position: relative;
z-index: 1;
transition: all .3s ease;
}
.investors-list-style-01 .list-content>a:hover {
background-color: var(--main-color);
transition: background 1s ease, border 0.3s ease;
border: 1px solid var(--main-color);
}
.investors-list-style-01 .list-content>a:hover::before {
top: 0%;
}
.investors-list-style-01 .list-content>a:hover span {
color: white;
}
.red-ledge>div {
width: 86%;
margin-right: auto;
display: flex;
align-items: normal;
padding: 0;
position: relative;
gap: 8%;
}
.red-ledge-img.mobile-mode {
display: none;
}
.red-ledge-img {
width: 63%;
aspect-ratio: 950 / 800;
overflow: hidden;
}
.red-ledge-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
border-radius: 0 var(--box-radius) var(--box-radius) 0;
}
.red-ledge-body {
width: 37%;
position: relative;
padding: 80px 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.red-ledge-body::before {
content: "";
width: 65vw;
height: 100%;
position: absolute;
background: #E8E8E8;
z-index: -1;
top: 0px;
right: -7vw;
border-radius: var(--box-radius);
}
.red-ledge-body h6 {
font-family: var(--ch-font);
font-size: var(--xd-65px);
font-weight: 700;
margin: 0;
color: var(--main-color);
line-height: 1em;
}
.red-ledge-body h5 {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 600;
margin: 0;
color: var(--main-color);
line-height: 1.5em;
}
.red-ledge-body p {
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
line-height: 2em;
margin-bottom: 40px;
}
.red-ledge-body svg {
width: 210px;
height: 60px;
margin-left: auto;
display: block;
margin-bottom: 30px;
}
.red-ledge-body a {
padding: 7px 30px;
border: 1px solid #4B4A4A;
border-radius: 50px;
display: flex;
justify-content: center;
position: relative;
overflow: hidden;
max-width: 180px;
text-decoration: unset !important;
}
.red-ledge-body a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: var(--main-color);
left: 0;
top: 100%;
z-index: 0;
transition: all .3s ease;
}
.red-ledge-body a span {
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: #707070;
position: relative;
z-index: 1;
transition: all .3s ease;
}
.red-ledge-body a:hover {
background-color: var(--main-color);
transition: background 1s ease, border 0.3s ease;
border: 1px solid var(--main-color);
}
.red-ledge-body a:hover::before {
top: 0%;
}
.red-ledge-body a:hover span {
color: white;
}
.dinos-content h6{
font-family: var(--en-font);
font-size: var(--xd-65px);
font-weight: 600;
margin: 0;
color: var(--main-color);
line-height: 0.7em;
}
.dinos-content h5{
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 600;
margin: 0;
color: var(--main-color);
line-height: 1.5em;
}
.dinos-content p{
font-family: var(--ch-font);
font-size: var(--xd-19px);
font-weight: 400;
margin: 0;
color: #000000;
line-height: 2em;
margin-bottom: 20px;
}
.dinos-content a {
padding: 7px 30px;
border: 1px solid #4B4A4A;
border-radius: 50px;
display: flex;
justify-content: center;
position: relative;
overflow: hidden;
max-width: 190px;
text-decoration: unset !important;
}
.dinos-content a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: var(--main-color);
left: 0;
top: 100%;
z-index: 0;
transition: all .3s ease;
}
.dinos-content a span {
font-family: var(--ch-font);
font-size: var(--xd-16px);
font-weight: 400;
margin: 0;
color: #707070;
position: relative;
z-index: 1;
transition: all .3s ease;
}
.dinos-content a:hover {
background-color: var(--main-color);
transition: background 1s ease, border 0.3s ease;
border: 1px solid var(--main-color);
}
.dinos-content a:hover::before {
top: 0%;
}
.dinos-content a:hover span {
color: white;
}
.dinos>div{
width: 86%;
margin-left: auto;
display: flex;
align-items: flex-start;
padding: 0;
position: relative;
gap: 8%;
}
.dinos-img {
width: 63%;
aspect-ratio: 950 / 800;
overflow: hidden;
}
.dinos-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
border-radius: var(--box-radius) 0 0 var(--box-radius);
}
.dinos-content{
width: 37%;
position: relative;
padding: 80px 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.dinos-content::before {
content: "";
width: 65vw;
height: 100%;
position: absolute;
background: #E8E8E8;
z-index: -1;
top: 0px;
left: -7vw;
border-radius: var(--box-radius);
}
.dinos-content>div{
display: flex;
justify-content: space-between;
align-items: center;
}
.dinos-content>div svg{
width: 190px;
height: 60px;
}
@media only screen and (max-width:1400px) {
.investors-list-style-01>div {
width: calc( 100% - var(--pad-space) - var(--pad-space));
gap: var(--pad-space);
}
.investors-list-style-01 .list-content::before {
left: calc( 0% - var(--pad-space));
}
.red-ledge>div{
width: calc( 100% - var(--pad-space) - var(--pad-space));
gap: var(--pad-space);
}
.red-ledge-body::before {
right: calc( 0% - var(--pad-space));
}
.dinos>div{
width: calc( 100% - var(--pad-space) - var(--pad-space));
gap: var(--pad-space);
}
.dinos-content::before {
left: calc( 0% - var(--pad-space));
}
}
@media only screen and (max-width:1300px) {
.investors-list-style-01 .list-content {
width: 45%;
}
.investors-list-style-01 .list-content-img {
width: 55%;
}
.red-ledge-img{
width: 55%;
}
.red-ledge-body{
width: 45%;
}
.dinos-img{
width: 55%;
}
.dinos-content{
width: 45%;
}
}
@media only screen and (max-width:1150px) {
.investors-list-style-01>div {
flex-direction: column;
width: 100%;
padding: 60px var(--pad-space);
border-radius: var(--box-radius);
background: #E8E8E8;
}
.investors-list-style-01 .list-content-img.desk-mode {
display: none;
}
.investors-list-style-01 .list-content-img.mobile-mode {
display: block;
}
.investors-list-style-01 .list-content::before {
display: none;
}
.investors-list-style-01 {
padding: 0 var(--pad-space);
}
.investors-list-style-01 .list-content {
width: 100%;
padding: 0;
}
.investors-list-style-01 .list-content-img {
width: 100%;
}
.investors-list-style-01 .list-content-img img {
border-radius: 20px;
}
.investors-list-style-01 .list-content-head ,
.tahsin-content .list-content-head{
margin-bottom:20px;
}
.investors-list-style-01 .list-content>p {
margin-bottom: 20px;
margin-top: 20px;
}
.investors-list-style-01 .list-content {
display: grid;
grid-gap: 20px;
}
.investors-list-style-01 .list-content-img {
aspect-ratio: 950 / 500;
}
.investors-list-style-01 .list-content>a {
padding: 7px 50px;
margin: 0 auto;
}
.investors-list-style-01 .list-content-head h4,
.tahsin-content .list-content-head h4{
margin-bottom: 10px;
}
.red-ledge{
padding: 0 var(--pad-space);
}
.red-ledge>div{
width: 100%;
padding: 60px var(--pad-space);
border-radius: var(--box-radius);
background: #E8E8E8;
flex-direction: column;
}
.red-ledge-img.desk-mode {
display: none;
}
.red-ledge-img.mobile-mode {
display: block;
}
.red-ledge-body::before {
display: none;
}
.red-ledge-body{
width: 100%;
padding: 0;
gap: 10px;
}
.red-ledge-img{
width: 100%;
aspect-ratio: 950 / 500;
}
.red-ledge-img img{
border-radius: 20px;
}
.red-ledge-body a{
padding: 7px 50px;
margin: 0 auto;
}
.red-ledge-body svg{
position: absolute;
right: 0;
}
.red-ledge-body h5{
margin-bottom: 7px;
}
.red-ledge-body p{
margin-bottom: 30px;
margin-top: 25px;
}
.dinos{
padding: 0 var(--pad-space);
}
.dinos>div{
flex-direction: column;
width: 100%;
padding: 60px var(--pad-space);
border-radius: var(--box-radius);
background: #E8E8E8;
}
.dinos-img.desk-mode {
display: none;
}
.dinos-img.mobile-mode {
display: block;
}
.dinos-content::before {
display: none;
}
.dinos-content{
width: 100%;
padding: 0;
gap: 5px;
}
.dinos-img{
width: 100%;
aspect-ratio: 950 / 500;
}
.dinos-img img{
border-radius: 20px;
}
.dinos-content a{
padding: 7px 50px;
margin: 0 auto;
max-width: unset;
}
.dinos-content h5{
margin-bottom: 15px;
}
.dinos-content p{
margin-top: 30px;
margin-bottom: 35px;
}
}
@media only screen and ( max-width: 850px ){
.dinos-content>div svg {
width: 180px;
height: 50px;
}
}
@media only screen and ( max-width: 700px ){
.red-ledge-body svg{
position: relative;
margin-left: unset;
margin-bottom: 0px;
}
}
@media only screen and ( max-width: 600px ){ .dinos-content>div svg {
width: 125px;
height: 40px;
}
.investors-list-style-01 .list-content-head svg,
.tahsin-content .list-content-head svg {
width: 74px;
height: 80px;
}
.investors-list-style-01 .list-content>p,
.red-ledge-body p,
.dinos-content p{
line-height: 1.7em;
}
.investors-list-style-01>div,
.red-ledge>div,
.dinos>div{
padding: 40px var(--pad-space);
}
.investors-list-style-01 .list-content{
grid-gap: 15px;
}
.investors-list-style-01 .list-content>p {
margin-bottom: 15px;
}
.investors-list-style-01 .list-content-img,
.red-ledge-img,
.dinos-img{
aspect-ratio: 950 / 800;
}
.red-ledge-body p,
.dinos-content p{
margin-bottom: 25px;
}
.red-ledge-body svg {
width: 160px;
height: 40px;
}
.investors-list-style-01 .list-content-head, .tahsin-content .list-content-head{
margin-bottom: 10px;
}
}