html {
    direction: rtl;
}
@font-face {
    font-family: DinNextRegular;
    src: url(../font/DinNextRegular.otf); }
    body {
        font-family: DinNextRegular !important;
        text-align: right; 
    }

    body,.heading--font,.body--font,p,a,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 ,li,span,small,div,button,.prize,html,button,input,select,textarea,code,kbd,pre,samp {
        font-family: DinNextRegular !important;
    }



@media (max-width: 1600px){

    .dizme_tm_header .menu ul li {
        margin-right: unset;
        margin-left: 30px;

    }
    .dizme_tm_hero .skills.illustrator {
        left: 100px;
    }
    .dizme_tm_hero .skills.photoshop {
        right: -10px;
    }
    .dizme_tm_hero .skills.figma {
        left: 215px;
    }
    .dizme_tm_hero .social {
        padding-left: unset;
        padding-right: 24px;

    }
    .dizme_tm_hero .name h3 {
        font-size: 55px;
    }
    .dizme_tm_header .logo img {
        max-width: 200px;
        max-height: 140px;
        width: 166px;

    }
    }
}
.dizme_tm_hero .skills.illustrator,
.dizme_tm_hero .skills.photoshop {
    background-color: #4997d0;
}
.dizme_tm_contact .input_list ul li {
 
    float: right;
    padding-left: unset;
    padding-right: 12px;

}
.dizme_tm_contact .input_list ul li {
    margin: 0 0 12px;
    width: 33.3%;
}
.dizme_tm_contact select {
    width: 100%;
    height: 58px;
    padding: 0 30px;
    background-color: transparent;
    border: 1px solid #d6dbe5;
    border-radius: 12px;
    color: #6f6b80;
    font-size: 18px;
    margin-top: 12px;

}
.dizme_tm_contact input {
    margin-top: 12px;
}
.form-label {
    color: #4997d0c7;
    font-size: 18px;
}

.dizme_tm_contact .left .short {
    padding-left: unset;
    padding-right: 25px;

}

.dizme_tm_contact .left {
    width: 100%;
}
.dizme_tm_contact .left ul li:last-child {
    margin: 0 0 15px;
}

.dizme_tm_contact .left ul li {
    display: inline-table;
    width: 33%;
}
.dizme_tm_header .download_cv a {
    border: 2px solid #4997d0;
}
.dizme_tm_hero .social ul li {
    margin: 0 0 0 5px ;
}

.dizme_tm_button a:before {
  
    bottom: -4px;
}

.dizme_tm_hero .avatar {
    width: 50%;
    padding-left: unset;
    padding-right: 100px;

}

.dizme_tm_hero {
    width: 100%;
    height: 100vh;
    clear: both;
    float: left;
    position: relative;
    margin-bottom: 50px;
}
.dizme_tm_contact {

    padding-top: 0px;
    margin-bottom: 50px;
   
}
.dizme_tm_about .left {
    padding-right: unset;
    padding-left: 60px;

}

.dizme_tm_about .right {
    padding-left: unset;

    padding-right: 60px;
}


.dizme_tm_about {
    
    padding-top: 112px;
}
.dizme_tm_section {
 
    margin: 0px 0 60px 0;
}

@media (max-width: 768px){

    .dizme_tm_contact .input_list ul li {
        width: 100%;
        padding-left: 0;
    }
}


@media (max-width: 1040px){
    .dizme_tm_hero .avatar {
        padding: 0;
        width: auto;
        margin-bottom: 30px;
    }
    .dizme_tm_about .left {
        padding-right: 0;
        width: 100%;
        margin-bottom: 40px !important;
        padding-left: 0px;

    }
    .dizme_tm_about .right {
        width: 100%;
        padding: 0;
    }
    .dizme_tm_about .numbers.year {
        top: auto;
        left: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .dizme_tm_about .left .image img {
        max-width: 300px;
        max-height: 300px;
    }
    .dizme_tm_contact .left ul li {
        display: inline-table;
        width: 100%;
    }

}
@media (max-width: 1600px){

    .dizme_tm_button a {
        padding: 1px 35px 8px;
    }
}