@import url(./var.css);

.info-card-height{
    height: 350px;
}
.info-three-card .info-img-overlay-left::before {
    position: absolute;
    content: '';
    height: calc(100% - 45%);
    width: 2560px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -600px;
    background: #d9d9d9;
    transform: rotate(195deg);
    z-index: -1;
}

.info-three-card .info-img-overlay-left::before {
    position: absolute;
    content: '';
    height: calc(100% - 45%);
    width: 2560px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -600px;
    background: #d9d9d9;
    transform: rotate(195deg);
    z-index: -1;
}
.info-three-card .info-dark-overlay::before{
    background: #848484;
}
.info-three-card .info-dark-overlay{
    margin-top: -100px;
}

@media (max-width: 1399px) {
    .info-three-card .info-img-overlay-left::before {
        top: 15%;
        bottom: 0;
        margin: auto;
    }
}
@media (max-width: 1199px) {
    .info-three-card .info-img-overlay-left::before {
        top: 35%;
        bottom: 0;
        margin: auto;
    }
}
@media (max-width: 991px) {
    .info-three-card .info-img-overlay-left::before {
        top: 80%;
        bottom: 0;
        margin: auto;
        transform: rotate(204deg);
    }
    .info-header-center{
        position: initial !important;
    }
}
@media (max-width: 767px) {
    .info-three-card .info-img-overlay-left::before {
        top: 110%;
        bottom: 0;
        margin: auto;
        transform: rotate(207deg);
    }
}

@media (max-width: 575px) {
    .info-three-card .info-dark-overlay {
        margin-top: 115px;
        margin-bottom: 100px;
    }
    .info-three-card .info-img-overlay-left::before{
        height: 115%;
    }
    .info-three-card .info-img-overlay-left::before {
        top: 125%;
        margin: auto;
        transform: rotate(203deg);
    }
    .info-header.text-start{
        text-align: center !important;
    }
}

.info-presence-card{
    position: relative;
    margin-right: 15px;
}
.info-presence-content{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
}

.info-logo-slider .info-logo{
    margin-right: 10px;
}

.info-header-center{
  position: absolute;
  left: 0;
  top: 5%;
  right: 0;
  margin: auto;
}

.info-presence-card::before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 35%;
    width: 100%;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}