/*=================== start home ===================*/
.home .contant {
    position: relative;
}

.home .backgroundImage {
    position: relative;
    height: 800px;
}

.home .backgroundImage::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    /*background-color: #5d1409e6;*/
    background-color: #3d3b3be6;
}

.home .imageHome {
    height: 500px;
}

@media (max-width: 500px) {
    .home .imageHome {
        height: 350px;
    }
}

.home .imageHome img {
    border-radius: 20px;
}

.home h1 {
    font-size: 29px;
    color: white;
    font-weight: 800;
    margin-top: 20px;
    max-height: 234px;
    overflow: hidden;
}

.home h2 {
    color: white;
    font-size: 20px;
    margin: 20px 0px;
    text-align: justify;
}

@media (min-width: 1200px) {

    .home .backgroundImage {
        position: relative;
        height: 600px;
    }
    .home h1 {
        font-size: 36px;
        color: white;
        font-weight: 800;
        margin-top: 20px;
        height: 160px;
        overflow: hidden;
    }

    .home h2 {
        color: white;
        font-size: 24px;
        margin: 20px 0px;
        height: 260px;
        overflow: hidden;
    }

    .card-img-overlay {
        top: 50px;
    }
}

/*=================== start services ===================*/
.services {
    position: relative;
}

.services .backgroundImage {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.services .contant .sectionTitle {
    font-size: 50px;
    color: white;
    font-weight: 600;
    padding: 50px 0px 40px 0px;
}

.services .contant span {
    color: #e3aa63;
}

.services .contant .cart-body .title {
    font-size: 30px;
    color: white;
    margin-bottom: 10px;
    height: 45px;
    overflow: hidden;
}

.services .contant .cart-body .des {
    font-size: 20px;
    color: rgb(175, 175, 175);
    font-weight: 300;
    height: 96px;
    overflow: hidden;
}

.services .contant .imageServices {
    background-color: white;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services .contant .imageServices i {
    color: #ad0000;
    font-size: 32px;
}

.services .contant .boderCard {
    border: 1px solid rgb(175, 175, 175);
    border-radius: 20px;
    padding: 25px;
    transition: all 0.3s;
}

.services .contant .boderCard:hover {
    background-color: #e3aa63;
    border: 1px solid transparent;
}

.services .contant .boderCard:hover .des {
    color: white;
}

@media (max-width: 500px) {
    .services .contant .sectionTitle {
        font-size: 40px;
        text-align: center;
    }

    .services .contant .cart-body .title {
        font-size: 25px;
        height: 35px;
    }

    .services .contant .cart-body .des {
        font-size: 18px;
        height: 112px;
        overflow: hidden;
    }

    .services .contant .boderCard {
        padding: 18px;
    }
    .services {
        padding-top: 40px;
        margin-bottom: 30px;
    }
}

@media (max-width: 998px) {
    .services .contant .cart-body .title {
        margin-top: 15px;
    }
    .mob-container{
        margin-top: 11rem;
    }

}

/*=================== start Why Choose ===================*/
.whyChoose .image {
    height: 500px;
    margin: 40px 0px;
}

.whyChoose .image img {
    border-radius: 20px;
}

.whyChoose .sectionTitle {
    font-size: 50px;
    color: white;
    font-weight: 600;
    padding: 0px 0px 40px 0px;
}

.whyChoose .sectionTitle span {
    color: #e3aa63;
}

.whyChoose .iconWhy {
    background-color: #e3aa63;
    height: 82px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.whyChoose .title {
    font-size: 30px;
    color: white;
    padding-left: 10px;
    height: 94px;
    overflow: hidden;
}

.whyChoose .iconWhy i {
    font-size: 40px;
}

@media (max-width: 575px) {
    .whyChoose .iconWhy {
        width: 60px;
        height: 60px;
    }

    .whyChoose .title {
        padding-left: 0px;
        font-size: 25px;
        text-align: center;
        height: 78px;
        overflow: hidden;
    }

    .center_mobile {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .whyChoose .image {
        height: 350px;
        margin-bottom: 0px;
    }

    .whyChoose .sectionTitle {
        font-size: 40px;
        text-align: center;
        padding: 20px 0px 40px 0px;
    }
}

@media (max-width: 765px) {
    .whyChoose .iconWhy {
        width: 82px;
    }
    body{
        background-color: #26090f;
    }
    .mob-container{
        margin-top: 11rem;
    }
}

/*=================== start Text bottom ===================*/
.sectionTitleBottom {
    font-size: 38px;
    color: #e3aa63;
    font-weight: 500;
    padding: 30px 0px 60px 0px;
}

.sectionTitleBottom span {
    color: white;
    text-decoration: underline;
}

@media (max-width: 500px) {
    .sectionTitleBottom {
        width: 100%;
        font-weight: 400;
        font-size: 25px;
        padding: 30px 0px;
    }
    body{
        background-color: #26090f!important;
    }
    .mob-container{
        margin-top: 11rem;
    }
}

/*Our Team*/
.rounded-img {
    border-radius: 9999px;
    width: 10rem;
    height: 10rem;
}

.rounded-icon {
    border-radius: 9999px;
    width: 3rem;
    height: 3rem;
}

.team-card {
    background-color: transparent;
    color: white;
}

.team-card p {
    opacity: 70%;
    font-size: small;
}

body{
    background-color: #26090f!important;
}