.infinite-content-container.infinite-container {
position: relative;
top: -90px;
}
.gdlr-core-title-item .gdlr-core-title-item-title, .gdlr-core-title-item .gdlr-core-title-item-caption{
color: #ffffff;
font-weight: 400;
font-style: normal;
}
.gdlr-core-title-item .gdlr-core-title-item-title{
font-size: 29px;
}
#gdlr-core-shape-divider-3667 svg path {
fill: #141c32;
}
#tabs {
text-align: center;
display: block;
margin: auto;
padding: 10px;
background: #ffffff;
}
.tabs {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
.tab-link {
flex-basis: 32.5%;
list-style: none;
padding: 20px 0px;
cursor: pointer;
transition: all ease 0.5s;
position: relative;
}
.tab-link.active::after {
content: '';
position: absolute;
bottom: -15px;
left: 10px;
width: 0; 
height: 0; 
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid transparent;
}
.tab-link:nth-of-type(1) {
background-color: #97A3A3;
}
.tab-link:nth-of-type(1).active::after{
border-top-color: #97A3A3;
}
.tab-link:nth-of-type(2) {
background-color: #D5897D;
}
.tab-link:nth-of-type(2).active::after{
border-top-color: #D5897D;
}
.tab-link:nth-of-type(3) {
background-color: #9D9991;
}
.tab-link:nth-of-type(3).active::after{
border-top-color: #9D9991;
}
.tab-link h2{
font-size: 16px;
color: #ffffff;
margin-bottom: 0px;
text-transform: uppercase;
}
.tab-content{
display: none;
padding-left: 10px;
opacity: 0;
transform: translateY(15px);
animation: fadeIn 0.5s ease 1 forwards;
}
.tab-content.active{
display: block;
}
@keyframes fadeIn{
100% {
opacity: 1;
transform: none;
}
}
#Project-List{
padding:5% 10px 10px 10px;
background: #ffffff;
}
.accordion__item{
margin-bottom: 30px;
}
.accordion__title h3{
font-size: 30px;
color: #141C32;
font-weight: 600;
text-transform: uppercase;
padding-left: 20px;
position: relative;
cursor: pointer;
}
.accordion__title h3::before{
content: "\f067";
font: normal normal normal 14px/1 FontAwesome;
font-weight: 900;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.accordion-active h3::before{
content: "\f068";
}
.accordion__content{
display: none;
}
.accordion__item.active .accordion__content{
display: block;
}
.accordion__content .project{
width: 100%;
border-top: 1px solid #131B31;
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-top: 10px;
color: #141C32;
font-size: 16px;
}
.accordion__content .project .building{
flex-basis: 30%;
padding-right: 10px;
}
.accordion__content .project .building-projects{
flex-basis: 70%;
display: flex;
flex-wrap: wrap;
}
.accordion__content .project .building-projects .name{
flex-basis: 50%;
padding-right: 10px;
}
.accordion__content .project .building-projects .unit{
flex-basis: 50%;
padding-right: 10px;
}
@media only screen and (max-width: 1681px){
}
@media only screen and (max-width: 1599px){
}
@media only screen and (max-width: 1439px){
}
@media only screen and (max-width: 1359px){
}
@media only screen and (max-width: 1279px){
}
@media only screen and (max-width: 991px){
.tab-link h2 {
font-size: 14px;
}
.accordion__title h3 {
font-size: 24px;
}
}
@media only screen and (max-width: 767px){
.tabs{
flex-direction: column;
}
.tab-link.active::after{
bottom: 10px;
left: auto;
right: -15px;
border-bottom: 20px solid transparent;
border-left: 20px solid transparent;
border-right: none;
}
.tab-link:nth-of-type(1).active::after {
border-top-color: transparent;
border-left-color: #97A3A3;
}
.tab-link:nth-of-type(2).active::after{
border-top-color: transparent;
border-left-color: #D5897D;
}
.tab-link:nth-of-type(3).active::after{
border-top-color: transparent;
border-left-color: #9D9991;
}
}
@media only screen and (max-width: 639px){
}
@media only screen and (max-width: 479px){
.accordion__title h3 {
font-size: 18px;
}
.accordion__content .project{
font-size: 13px;
}
}
@media only screen and (max-width: 379px){
}
@media only screen and (max-width: 359px){
}