/* (" Damoon font style ") */

    @font-face {
        font-family: "damoon-black";
        src: url(./font/damoon/DAMOON-Black.woff);
    }
    
    @font-face {
        font-family: "DAMOON-Bold";
        src: url(./font/damoon/DAMOON-Bold.woff);
    }
    
    @font-face {
        font-family: "DAMOON-ExtraBold";
        src: url(./font/damoon/DAMOON-ExtraBold.woff);
    }
    
    @font-face {
        font-family: "DAMOON-ExtraLight";
        src: url(./font/damoon/DAMOON-ExtraLight.woff);
    }
    
    @font-face {
        font-family: "DAMOON-HairLine";
        src: url(./font/damoon/DAMOON-HairLine.woff);
    }
    
    @font-face {
        font-family: "DAMOON-Heavy";
        src: url(./font/damoon/DAMOON-Heavy.woff);
    }
    
    @font-face {
        font-family: "DAMOON-Regular";
        src: url(./font/damoon/DAMOON-Regular.woff);
    }
    
    
    
    /* (" lahze font style ") */
    
    @font-face {
        font-family: "Lahzeh-Black";
        src: url(./font/lahze/Lahzeh-Black.ttf);
    }
    
    @font-face {
        font-family:"Lahzeh-Regular";
        src: url(./font/lahze/Lahzeh-Regular.ttf);
    }
    
    @font-face {
        font-family: "Lahzeh-ExtraBold";
        src: url(./font/lahze/Lahzeh-ExtraBold.ttf);
    }
    
    @font-face {
        font-family: "Lahzeh-SemiBold";
        src: url(./font/lahze/Lahzeh-SemiBold.ttf);
    }
    
    @font-face {
        font-family: "Lahzeh-Thin";
        src: url(./font/lahze/Lahzeh-Thin.ttf);
    }

    body {

        background-image: url(./img/bk-dark-main.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;

    }
        


.header {

    display: none;
    flex-direction: row;
    justify-content: right;
    margin-bottom: 3em;
    border-radius: 1em;
    background-image: url(./img/header-line.png.jpeg);

}

.bamboo-logo {
    font-family: "DAMOON-heavy";
    font-size: 3em;
    color: white;
    padding: .5em;

    background-color: rgba(255, 255, 255, 0.253);
    box-shadow: .05em .05em 1em rgba(255, 255, 255, 0.592);
    border-radius: .2em;
    /* background-color: rgba(255, 255, 255, 0.133); */


}

.main {

    font-family: "Lahzeh-regular" ;

    margin: 1em;
    padding: 1em;
    border: 3em;
    border-radius: 1em;
    background-color: rgba(249, 249, 249, 0.796);
    box-shadow: .05em .05em 1em rgba(255, 255, 255, 0.46);


    display: flex;
    justify-content: space-around;
    flex-direction: column;

}

.main div {
    margin: 1em;
}

.pair-one {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

@media (max-width: 768px) {
    .pair-one {
        flex-direction: column;
    
    }
    
}

.resume {
    direction: rtl;
}

.resume li {
    margin: 1em;
    font-size: 15px;
}

.phone-number {
    display: flex;
    flex-direction: column;
}

.client-name {
    font-family: "DAMOON-ExtraBold";

    direction: rtl;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: right;
}

.first-name {
    font-size: 40px;
}

.second-name {
    font-family: "DAMOON-Regular";
    font-size: 35px;
    margin-top: -1em;
    

}

@media (max-width: 768px) {
    .first-name {

        font-size: 25px;
    
    }

    .second-name {
        font-size: 20px;
    
    }
    
    
}


.initial-info {
    display: flex;
    flex-direction: column;
    font-size: .90em;

}


.profile-pic {
    display: flex;
    flex-direction: row;
    justify-content: left;

    margin: 4em;
    margin-bottom: -2em;

}

.profile-pic img {
    width: 200px;
    height: 250px;

    box-shadow: .5em .5em 5em rgba(0, 0, 0, 0.658);

    /* border-radius: 10em; */

    border-radius: 1.5em;
    
}

.services-context-1 {
    font-family: "DAMOON-regular";
}

.services-context-1-exrta {
    font-family: "DAMOON-heavy";
    font-size: 18px;

    display: inline;
}

.services-sec {
    direction: rtl;

}