* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Playfair Display', serif;
    transition: 0.5s;
}

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.main-bg {background: url(../images/cv-small-bg.jpg) no-repeat center center;}

h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    color: #000000;
}

h5, h6, p {
    margin: 0;
    color: #464646;
}

small {
    position: relative;
    top: -10px;
    font-size: 13px;
}

/* ================================================================
    Common CSS
   ================================================================*/

/* Navbar CSS */

.bg-primary {
    background-color: #c0392b!important;
}

.navbar-nav li a{
    text-transform: uppercase;
}
.navbar-nav li a:hover{
    background-color: #27ae60;
}

.navbar-nav li a:active{
    background-color: #2c3e50 !important;
}
/* Navbar CSS */

.name_title {
    text-align: right;
}

.name_title h1 {
    font-size: 40px;
    font-weight: bold;
    position: relative;
}

.name_title h1::after {
    content: '';
    position: absolute;
    width: 240px;
    height: 3px;
    background: #000;
    bottom: 0;
    left: 99px;
    right: 0;
    margin: auto;
    top: 53px;
}


.infor_div {
    display: inline-block;
    position: relative;
}

.infor_div i {
    float: left;
    margin-right: 10px;
}

.infor_div p {
    display: flex;
}

.extra_row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.container {
    line-height: 1.5em;
}

.text_container {
    margin: auto;
    position: relative;
    margin-top: 20px;
}

.text_container::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #000;
    bottom: 0;
    right: 0;
    left: 10px;
    top: 50px;
    margin: auto;

}


/* Section */

.section_controler {
    width: 90%;
    margin: auto;
}


.eduction_section {
    margin-left: 10px;
}

.cv_photo {margin:10px;}
/*Work Experience*/
.work-experience-part {background: #ffeaa7; opacity: 0.8; padding: 20px;}
.education-part {background: #dfe6e9; opacity: 0.8; padding: 20px;}
.language-courses-part {background: #fdcb6e; opacity: 0.8; padding: 20px;}
.professional-exams-part {background: #ffeaa7; opacity: 0.8; padding: 20px;}
.computer-courses-part {background: #dfe6e9; opacity: 0.8; padding: 20px;}
.references-part {background: #fdcb6e; opacity: 0.8; padding: 20px;}
.sectionwise-required-space {margin-bottom: 20px;}


.section-inter-spacer {padding: 25px;}

/* ================================================================
    Computer Courses and Skills CSS
   ================================================================*/

.myprofession {
    border-bottom: 3px solid black;
}

.life_skills {
    height: 10px;
    z-index: 2;
    position: relative;
    display: block
}

.life_skills::before {
    content: "";
    width: 100%;
    height: 10px;
    display: block;
    background: #000000;
    z-index: -1;
}

.progressBar {
    display: flex;
    flex-direction: column;
}

.progressBar h6 {
    float: left;
}

.extra_parcent {
    width: 100%;
    height: 10px;
    background: #BFBFBF;
    position: relative;
    top: -10px;
}

/* ================================================================
    Ashraf Signature
   ================================================================*/
.ashraf {
    display: flex;
    justify-content: right;
}

.ashraf_signature {
    width: 200px;
    text-align: center;
}

.signature-text {font-family: 'Dancing Script', cursive;}