.homepage .banner .carousel-item {
    min-height: 70vh;
    background-repeat: no-repeat;
    background-size: cover;
}

.homepage .banner .carousel-item .container {
    padding: 100px 0px;
}

.homepage .banner .carousel-item .container .title {
    font-family: Hurme;
    font-weight: 400;
    font-size: 44px;
    color: #fff;
    text-decoration: none;
    transition: .7s;

    line-height: 54px;
}

.homepage .banner .carousel-item .container .title-1 {
    font-family: Hurme;
    font-weight: 700;
    font-size: 64px;
    color: #F8C12C;
    transition: .7s;
    
    line-height: 74px;
}

.homepage .banner .carousel-item .container .text {
    font-family: Hurme;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    transition: .7s;
    
    line-height: 24px;
}

.read-more-left-icon {
    font-family: Hurme;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    transition: .7s;
    text-decoration: none;

    line-height: 24px;

    background: #F8C12C;

    display: flex;
    width: fit-content;
}

.read-more-left-icon:hover{
    background: #000;
    color: #fff;
}

.read-more-left-icon:hover .material-icons-outlined{
    border-right: 1px solid #fff;
}

.read-more-left-icon .material-icons-outlined{
    border-right: 1px solid #000;
    padding-right: 10px;
    margin-right: 10px;
    transition: .7s;
}

.read-more-left-icon span{
    padding: 10px;
}

.homepage .brands .d-flex {
    flex-direction: row;
    align-content: center;
    margin-top: -75px;
    z-index: 2;
    position: relative;
}

.homepage .brands{
    padding: 0px;
}

.homepage .brands .d-flex .brand {
    width: -moz-available;
    width: -webkit-fill-available;
    height: 150px;
    padding: 50px;
}

.homepage .brands .d-flex .brand .brand-1, .homepage .brands .d-flex .brand .brand-2, .homepage .brands .d-flex .brand .brand-3 {
    display: flex;
}

.homepage .brands .d-flex .brand .brand-1 div:first-child, .homepage .brands .d-flex .brand .brand-2 div:first-child, .homepage .brands .d-flex .brand .brand-3 div:first-child {
    margin-right: 1rem;
}

.homepage .brands .d-flex .brand .brand-1 p:first-child {
    font-weight: 700;
    font-size: 19px;
    color: #000;
    margin-bottom: 0px;
}

.homepage .brands .d-flex .brand .brand-1 p:last-child {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    margin-bottom: 0px;
}

.homepage .brands .d-flex .brand .brand-2 p:first-child, .homepage .brands .d-flex .brand .brand-3 p:first-child {
    font-weight: 700;
    font-size: 19px;
    color: #fff;
    margin-bottom: 0px;
}


.homepage .brands .d-flex .brand .brand-2 p:last-child, .homepage .brands .d-flex .brand .brand-3 p:last-child {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
}

.homepage .brands .d-flex .brand img {
    width: 50px;
}

.homepage .brands .d-flex .brand:nth-child(1) {
    background: #EBB644;
}

.homepage .brands .d-flex .brand:nth-child(2) {
    background: #000000;
}

.homepage .brands .d-flex .brand:nth-child(3) {
    background: #282824;
}

/* LET'S POWER
PEOPLE NOW! */

.homepage .power{
    padding: 70px 0px;
}

.homepage .power .power-title {
    font-size: 34px;
    font-weight: 400;
    padding-bottom: 2rem;
    position: relative;
}

.homepage .power .power-text {
    font-size: 14px;
    font-weight: 400;
    color: #474545;
}

.underline-yellow::before {
    content: '';
    height: 1px;
    width: 40%;
    background: #F8C12C;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.homepage .power .power-images {
    margin-bottom: 2rem;
}

.homepage .power .read-more-left-icon .material-icons-outlined {
    border-right-color: #fff;
}

/* Story began */

.homepage .story-began {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1rem 0px;
}

.homepage .story-began .text {
    font-weight: 400;
    font-size: 24px;
    color: #EBB644;
    margin-bottom: 0px;
}

.homepage .story-began .btn-white {
    background: #fff;
    border-radius: 0px;
    padding: .5rem 1.5rem;
    color: #F8C12C;
    float: right;
    transition: .7s;
}

.homepage .story-began .btn-white:hover {
    color: #fff;
    background-color: #000;
}

/* Our impact */

.homepage .our-impact{
    padding: 70px 0px;
}

.homepage .our-impact .title, .homepage .news .news-list .title, .homepage .our-team .title, .homepage .our-partners .title{
    font-size: 34px;
    font-weight: 400;
    position: relative;
    width: fit-content;
    margin-bottom: 0px;
    line-height: 34px;
}

.homepage .our-impact .title::after, .homepage .news .news-list .title::after, .homepage .our-team .title::after, .homepage .our-partners .title::after{
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 1px;
    background: #F8C12C;
    transform: translateX(100%);
}

.homepage .our-impact .cards {
    padding: 70px 0px;
}

.homepage .our-impact .cards .card {
    border: none;
    border-radius: 0px;
}

.homepage .our-impact .cards .card img {
    height: 200px;
}

.homepage .our-impact .cards .card .card-body {
    padding: 1rem 0px;
}

.homepage .our-impact .cards .card .card-body .card-title {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
}

.homepage .our-impact .cards .card .card-body .card-text {
    font-size: 13px;
    font-weight: 400;
    color: #474545;
}

.homepage {
    overflow: hidden;
}

/* What we do */


.homepage .what-we-do .what-we-do-items {
    display: flex;
    flex-direction: row;
    background: #000;
}

.homepage .what-we-do .what-we-do-items .item {
    width: -moz-available;
    width: -webkit-fill-available;
}

.homepage .what-we-do .what-we-do-items .item:first-child {
    padding: 70px 0px;
    padding-left: 100px;
}

.homepage .what-we-do .what-we-do-items .item:first-child .text{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}

.homepage .what-we-do .what-we-do-items .item-1 .know-more:hover, .homepage .news .digital-transition .know-more:hover{
    color: #fff;
    text-decoration: none;
}

.homepage .what-we-do .what-we-do-items .item-1 .know-more, .homepage .news .digital-transition .know-more{
    font-size: 13px;
    font-weight: 400;
    color: #F8C12C;
    padding-top: 1rem;
    transition: .7s;
    text-decoration: none;
}

.homepage .what-we-do .what-we-do-items .item{
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    transition: .7s;
}

.homepage .what-we-do .what-we-do-items .item:hover {
    transform: scale(1.1);
    z-index: 2;
}


.homepage .what-we-do .what-we-do-items .item .title {
    font-size: 34px;
    font-weight: 400;
    color: #F8C12C;
    padding-bottom: 2rem;
    position: relative;
}

.homepage .what-we-do .what-we-do-items .item .text-descriptions {
    background-color: rgba(211, 166, 30, 0.73);
    padding: 1rem;
    margin-top: auto;
    width: 100%;
}

.homepage .what-we-do .what-we-do-items .item .text-descriptions .text-title {
    font-size: 18px;
    font-weight: 700;
}

.homepage .what-we-do .what-we-do-items .item .text-descriptions .text-description {
    font-size: 16px;
    font-weight: 400;
}


  /* Media Queries */
@media screen and (max-width: 810px) {
    .homepage .brands .d-flex {
        flex-direction: column;
    }
    .homepage .what-we-do .what-we-do-items .item{
        min-height: 300px;
    }
    .homepage .what-we-do .what-we-do-items{
        flex-direction: column;
    }
    .homepage .what-we-do .what-we-do-items .item:first-child {
        padding-left: 2rem;
    }
    .homepage .what-we-do .what-we-do-items .item:hover{
        scale: 1;
    }

    .homepage .news .digital-transition {
        margin-right: 0px;
    }
}

/* Latest news */

.homepage .news {
    background-color: #F4F7F9;
}

.homepage .news .news-list {
    padding: 70px 0px;
}

.homepage .news .news-list .news-item{
    background-color: #fff;
    margin-top: 2rem;
    padding: 2rem;
}

.homepage .news .news-list .news-item .label {
    font-size: 13px;
    font-weight: 400;
    color: #999999;
}

.homepage .news .news-list .news-item .text {
    font-size: 14px;
    font-weight: 600;
    color: #474545;


    /* limit lines */
    /*  */

    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
}

.homepage .news .digital-transition {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    margin-right: -270px;
}

.homepage .news .digital-transition > div {
    padding: 70px;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
}

.homepage .news .digital-transition .title {
    font-size: 21px;
    font-weight: 400;
    color: #F8C12C;
}

.homepage .news .digital-transition .text {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}

/* .homepage .news .digital-transition .know-more {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
} */

/* Our team */


.homepage .our-team {
    padding: 70px 0px;
}

.homepage .our-team .tabs {
    margin-top: 8px;
}

.homepage .our-team .title {
    line-height: 49px;
}

.homepage .our-team .tabs .nav-tabs {
    border-bottom: 1px solid #f8c12c;
}

.homepage .our-team .tabs .nav-tabs .nav-item {
    width: 33.3%;
    margin-bottom: 1px
}

.homepage .our-team .title::after {
    width: 120%;
}

.homepage .our-team .tabs .nav-tabs .nav-item .nav-link {
    border: 0px;
    border-radius: 0px;
    width: 100%;
    border-right: 2px solid #fff;
    background-color: #E7EAEC;

    font-size: 16px;
    font-weight: 600;
    color: #9A9A9A;
}


.homepage .our-team .tabs .nav-tabs .nav-item .nav-link.active {
    border: 0px;
    border-radius: 0px;
    width: 100%;
    border-right: 2px solid #fff;
    background-color: #F8C12C;

    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.homepage .our-team .team {
    padding: 70px 0px;
}

.homepage .our-team .team .team-card .card-title{
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.homepage .our-team .team .team-card .card{
    border: 0px;
    overflow: hidden;
}

.homepage .our-team .team .team-card .card .card-body{
    border: 0px;
    /* transform: translateY(-150px); */
    background-color: #F4F7F9;

    /* height: 200px; */
}


.homepage .our-team .team .team-card .card img{
    border-radius: 0px;
}

.homepage .our-team .team .team-card .card-role {
    font-size: 14px;
    font-weight: 600;
    color: #F8C12C;
}

.homepage .our-team .team .team-card .card-text {
    font-size: 12px;
    font-weight: 400;
    color: #444444;

        /* limit lines */
    /*  */

    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; 
   -webkit-box-orient: vertical;
}

.homepage .our-team .team .team-card .team-contacts .team-contact a{
    font-size: 12px;
    font-weight: 400;
    color: #444444;

    text-decoration: none;
    transition: .7s;
}

.homepage .our-team .team .team-card .team-contacts .team-contact a .material-icons-outlined{
    margin-right: 1rem;
}

.homepage .our-team .team .team-card .team-contacts .team-contact a span:last-child{
    height: fit-content;
    margin-top: auto;
    margin-bottom: auto;
}


.homepage .our-team .team .team-card .team-contacts .team-contact a:hover {
    color: #F8C12C;
}

.homepage .our-team .team .team-card .team-contacts .team-contact .social {
    height: 2rem;
    width: 2rem;
    background-color: #fff;
    display: inline-flex;
}

.homepage .our-team .team .team-card .team-contacts .team-contact .social i {
    margin: auto;
}

.homepage .our-team .team .team-card .team-contacts .team-contact .read-more {
    padding: 6px 2rem;
    color: #000;
    background-color: #F8C12C;
    transition: .7s;

    display: inline-block;
}

.homepage .our-team .team .team-card .team-contacts .team-contact .read-more:hover {
    
    background-color: #000;
    color: #F8C12C;
}

.homepage .our-team .team .team-card .team-body {
    border-bottom: 5px solid #000;
}

.homepage .our-team .team .team-card .card-body {
    padding-bottom: 0px;
    border-radius: 0px;
    transition: .7s;
    height: 181px;
}

.homepage .our-team .team .card {
    padding-bottom: 0px;
    border-radius: 0px;
    background: #F4F7F9;
    margin-bottom: 1rem;
}

.homepage .our-team .team .team-card .team-contacts {
    display: none;
}

.homepage .our-team .team .team-card:hover .team-contacts{
    display: inline-block;
}

.homepage .our-team .team .team-card:hover .card-body-1 {
    display: inline-block;
    transform: translateY(-128px);
}

/* Trusted By More Than 650,000 Happy People. */

.homepage .trusted {
    padding: 70px 0px;

    background-repeat: no-repeat;
    background-size: cover;
}

.homepage .trusted .trusted-text .title {
    font-size: 40px;
    font-weight: 700;
    color: #F8C12C;
}

.homepage .trusted .trusted-text .text {
    font-size: 12px;
    font-weight: 400;
    color: #fff;

    margin-bottom: 2rem;
}

.homepage .trusted .trusted-text .get-a-quote {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    padding: 1rem 2rem;

    text-decoration: none;
    background-color: #F8C12C;
    transition: .7s;

}

.homepage .trusted .trusted-text .get-a-quote:hover {
    color: #F8C12C;
    background: #000;
    text-decoration: none;
}

/* our-partners */

.homepage .our-partners {
    padding: 70px 0px;
}

.homepage .card-link {
    text-decoration: none;
}

  /* Media Queries */
  @media screen and (max-width: 810px) {

    .homepage .news .digital-transition {
        margin-right: 0px;
    }
}