@font-face {
    font-family: 'iranSans';
    src: url('../fonts/iransans/IRANSansWeb(FaNum).eot'); /* IE9 Compat Modes */
    src: url('../fonts/iransans/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iransans/IRANSansWeb(FaNum).woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/iransans/IRANSansWeb(FaNum).woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/iransans/IRANSansWeb(FaNum).ttf') format('truetype') /* Safari, Android, iOS */
}
*:not(i){
    font-family: 'iranSans' !important;
    margin: 0;
}

body {
    background-image: url("../img/bg.jpg");

    margin: 0;
    overflow-x: hidden; /* جلوگیری از اسکرول افقی */
}

canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

section{
    .row{
        height: 100vh;

    }
    .image-box{
        position: relative;
        .person{
            img{

                width: 65%;
                border-width: 15px 15px 15px 15px;
                border-color: #595959;
                border-radius: 30px 30px 30px 30px;
                border-style: solid;
            }
        }
        .jet{
            img{
                width: 55%;
                border-style: dashed;
                border-width: 5px 5px 5px 5px;
                border-color: white;
                border-radius:50%;
                position: absolute;
                bottom: -50px;
                right: 0;
            }
        }
    }
    .text-box{
        margin-top: 2rem;

        .text-box-title{
            background: #00359B;
            letter-spacing: 8px;
            color: white;
            font-size: 20px;
        }
       
    }
    .text-box-desc{
        line-height: 25px;
    }
    .text-box-intro{
        font-size: 32px;
    }
    a{
        color: #03045E;
        background-color: #7CDEE4;
        border-style: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #7CDEE4;
        border-radius: 30px 30px 30px 30px;
        padding:15px 20px;
        text-decoration: none;
        transition: all .2s;
    }
    a:hover{
        text-decoration: none !important;
        color: white;
        border-color: white;
         background: transparent !important;
    }
    .button-box{
        margin: 2rem 0;
    }
    @media screen and (min-width:992px){
        .text-box{
           margin-top: 6rem;
           .text-box-border{
               width: 40%;
               height: 2px;
               background: white;
               margin-left: 6rem;
           }
        }  
        .button-box{
           margin-top: 8rem ;
       }
    }
}