@font-face {
        font-family: 'Goudy Old Style';
        src: url(../asset/Fonts/GOUDOS.ttf);
    }     
     
     
     body{

         font-family: 'Goudy Old Style';

     }

     

     .ha-hire-me {

           

            background: white;

            border-color: #054466;

            z-index: 11;

            color:#054466;

            padding: 0% 5%;

            display:block;

            position:relative;

            margin: 0 auto;

        }

        .ha-hire-me:hover{

            color: #fff;

            background-color: #054466;

            border-color: #054466;

        }

        

       hr{

        position: relative;

        margin: 6rem;

        bottom: 109px;

       } 

       

    

    .ha_nav{

        z-index:1;

        max-height: 12vh;

    }

    .ha_btn{

        width: -webkit-fill-available;

        background: #f8f9fa;

        border: none;

        margin-top: 16%;

        color: #054466;

    }

    

    .ha_p div {

        font-size:16px !important;

        padding-top: 3%;

    }

    

    .ha_main_container{

        margin-bottom: 5vh;

        /* margin-top: 2vh; */

        /* height: 90%; */

        max-width: 98%;

        border: solid 1px;

        border-color: #0076b6;

        margin-top: 2vh;

        color: #0076b6;

    }

    

    .ha_img img{

        height:221px;

    }

    .footer{

        padding: 2%;

    }

    

    .footer img{

        width: 2vh;

        margin: 0px 1vw 0px 0px;

        opacity: 0.9;

    }

    

    .section1 .custom-toggler .active .nav-link {

        background-color: #0076b6;

        border-radius: 87px;

        padding: 5px;

    }

    

    .section1 .custom-toggler .nav-link {

        font-family: "OpenSans-Regular";

        width: 8vw;

        text-align: center;

        font-size: 13px;

        color: #f4f4f4;

    }

    

    .ha_form_card{

        box-shadow: 6px 5px 41px 0px #21252973;

        margin-top: 4%;

    }

    

    .ha_logo_contact{

        padding-top: 10%;

    }

    

    .ha_padding_form{

        padding: 4%;

    }

    

    .form-contact{

        height: -webkit-fill-available;

    }

    

    .ha_section2{

        margin-bottom: 3%;

    }

    

  .ha_section3{

      height: 113vh;

      margin-bottom: 10%;

  }

    .section2 .main-container .nav-item img {

        width: 2rem;

        border-radius: 10px;

        background: white;

    }

    

    .section1.about .modal-dialog {

        margin-left: 68px;

    }

    .footer p {

        color: #0076b6;

        font-size: 16px;

    }

    

    .ha_section4{

        height:fit-content;

    }

    

    .ha_footer{

        height:auto;

    }

    

    .section4 .our-values .nav .card .card-body {

        text-align: center;

    }

    

    .section1 .main-carousel img {

        filter: none;

     }

      .goal-box h2 {

            font-size: 16pt;

        }

        

        .ha-intro h5{

            line-height: 2rem;
            font-family: 'Goudy Old Style';
            font-size: 16pt;

        }

        

        #navbarNavDropdown{

            justify-content:right;

        }

        

        .ha_nav_bar{

            height: 15vh;

        }

        .navbar-brand img{

            width: auto;

            padding: 13px;

        }

        

        .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active{

            color: white;

            background:rgb(0 119 183);

            padding: 4px 35px;

            border-radius: 34px;

        }

        

       

        .navbar-expand-lg .navbar-nav .nav-link{

            padding: 4px 35px;

            

        }

        #overlay {

            position: absolute;

            width: 100%;

            height: -webkit-fill-available;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            background-image: linear-gradient(#0077b700,#0a1d33);

            z-index: 2;

        }

        

        .ha_about{

            background-image:url(../asset/imgs/about_header.jpg);

            background-repeat: no-repeat;

            background-size: cover;

        }

        

   

        .navbar-light .navbar-nav .nav-link{

            color: rgb(0 119 183);

        }

        

        .ha-clickme-article .card-img-top{

           height: 20vh !important;



        }

        

        .ha-float-right{

            float:right !important;

        }

        @media (min-width: 992px){

            .navbar-expand-lg .navbar-nav .nav-link {

               padding-right: 1.5rem;

               padding-left: 2.5rem;

            }

        

             .loader-wrapper .loader img {

            height: auto;

            width: 30%;

            

            position: absolute;

            left: 50%;

            margin-left: -15% 

        }

        

           

        }

          @media (max-width: 992px){

            .ha_nav_bar{

                    height: auto !important;

                }

            .section3 {

                background-image: none;

            }

           

          }

        .carousel-caption {

            position: absolute;

            bottom: 52px;

            left: 8%;

            z-index: 10;

            padding-top: 20px;

            padding-bottom: 20px;

            color: #fff;

            text-align: left;

        }

        

        .carousel-caption h1{

            font-size: 6.5rem;

            margin-bottom: 0;

            color:white;

        }

        .carousel-caption p{

                margin-top: -24px;

                bottom: 40%;

                left: 6%;

                position: relative;

                letter-spacing: 4px;

        }

        .bg-light {

            background-color: #ffff!important;

        }

        

        .carousel-indicators {

            position: absolute;

            right: 48%;

            bottom: 4%;

            left: 0;

            z-index: 15;

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-pack: center;

            -ms-flex-pack: center;

            justify-content: center;

            padding-left: 0;

            margin-right: 15%;

             margin-left: 0; 

            list-style: none;

        }

        

        .section1.contact{

            height:auto;

        }

       

       .section1.contact .back-ground{

           position:relative;

       }

       .title-page-ha{

           z-index: 12;

       }

       

      

        

        .section4 .our-values .nav .card .card-header img {

            width: 4rem;

            height: auto;

        }

        

        .ha_btn_about{

            color: #084887;

            background-color: transparent;

            border-right: none;

            border-left: none;

            border-radius: 0;

            border-color: #2373c2;

        }

        

        .ha-articles .articles h1{

            text-align:center;

        }

        

        .ha_deck .card .card-footer{

            background:none;

            text-align:right;

        }

        

        .ha_deck .card .card-title{

            margin-bottom:0;

        }

        

        .ha_deck .card span{

            font-size: 0.7rem;

        }

       .ha_deck .card .card-text{

                margin-top: 6%;

        }

        

        .slick-dotted.slick-slider{

            margin-bottom:0px;

        }

        .form-contact .social img {

            width: 1.4rem;

            margin: inherit;

            

        }

        .form-contact .social{

            margin-top: 20%



        }

        body{

            overflow-x: hidden;

        }

        

        hr{

            margin: 6rem;

        }

        

        .section1.about .our-logo {

            /* padding: 1.3rem; */

        }

        

        .section4 .our-values .nav .card{

       

        height: 100%;

        border: 1px solid rgba(0,0,0,.125);

        width: 400px;

        }

        .section4 .our-values .nav .card .card-header img{

            position: relative;

            bottom: 65%;

        }

         .section4 .our-values ul{

             padding-top: 3rem;

             padding-bottom: 3rem;

         }

         

         .joinus{

            margin-top: 7rem!important;

         }

        

        .ha-card {

             width: auto !important; 

             height: auto !important; 

            border: none;

        }

        
        .portifolio-bar{

             background: linear-gradient(#105881,#01304a);

        }

        .portifolio-bar ul {

            height: 4rem;

        }

        

        .ha-p{

            background: rgb(7 63 95) !important;

            margin: 4% !important;

            padding: 6%!important;

            /* border-radius: 11%; */

            height: inherit;

        }

        .ha-p p{

           color:white !important;

        }

        .portifolio-section .card .card-body {

            border: 0.1px solid #0076b6 !important;

        }

        

        /*.section1.portfolio .container h4 {*/

        /*    text-align: center;*/

        /*    margin-bottom: 0;*/

        /*}*/

        

        /*.section1.folio .container {*/

        /*      height: 30%;*/

        /*      display: flex;*/

        /*      flex-wrap: wrap;*/

        /*      align-content: center;*/

        /*      justify-content: center;*/

        /*    }*/

        /*    .section1.folio .container h4 {*/

        /*      color: #0076b6;*/

        /*      font-family: "Handlee-Regular";*/

        /*    }*/

        

        .ha-intro{

            text-align: center;

            font-family: 'Goudy Old Style';

            padding-top: 5%;

            padding-bottom: 5%;

            /*margin: 3%;*/

            padding:7%;

            color: #2e75b6;

            text-align:left;

        }

        

        .portifolio-section{

            height: fit-content;

            margin-bottom: 3%;

        }

        

        .portifolio-bar .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {

                border-color: #073f5f #073f5f #073f5f;

            }

            

        .ha-load-more-portfolio{

            display: block;

            margin: auto;

            background: white;

            border: 1px solid #0076b6;

            width: 14%;

            border-right: none;

            border-left: none;

            margin-bottom: 2%;

            margin-top: 4%;

            curser:pointer;

            color: #0076b6;

        }

        

        .ha-load-more-portfolio:hover{

             background: #0076b6;

             color:white;

              border: 1px solid white;

             transition: 0.6s ease-in-out;

        }

        

        .title-page{

            top: 70vh ;

        }

        

        

        .ha-values{

            height: 40vh;

            /*width: 30vw !important*/

        }

        

        .section4 .our-values .nav {

            overflow-x: hidden !important;

        }

        

        .section4 .our-values .nav .card{

            height: 13.4rem;

        }

        

        .section4 .our-values .nav .slick-track {

            margin-top: 2%;

        }

        

        .section1.about .ha-title-page {

            

            top: 58vh;

            

        }

      #logo h3{
          color: #0076b6;
          font-weight: 700;
      }  
      
      #logo a{
          text-decoration: underline;
      }

      .ha_modal .modal-content{
        background-color: #042334 !important;
        color:white !important;

      }
      .ha_modal .modal-content .modal-header{
        border-bottom:none;
      }

      .ha_port:hover {
        cursor: pointer;
      }
    @media screen and (max-width: 1000px) {

        /*.section1.about .our-logo .our-logo-outter{*/
        /*    top:20%;*/
        /*}*/
        .section4 .our-values .nav .slick-track {

            margin-top: 4%;

        }

        .form-contact .info {

            height:auto !important;

            margin-bottom: 7vh;

            color: white;

        }

        .form-contact {

            background-color: #054466;

            height: -webkit-fill-available;

            padding: 10%;

            }

            

        .form-contact .container .row .right {

            height: 100%;

            margin-top: 40%;

        }

        

        .portifolio-bar ul {

            height: 5rem;

            /* padding: 2%; */

        }

        .title-page {

                position: relative;

                /*top: -17vh;*/

                left: 10vw;

               top: -10vh;

               /* left: 10vw;*/

            }

        .section1.contact .back-ground {

            /*height: 22vh !important;*/

            height:38vh !important

        }

        

        .section1.about .title-page{

            top:90% !important;

        }

        .navbar-nav{

                float: none !important;

        }

              
        .section3 .container .row h1{
            font-size: xx-large;
        }
        /*.section2 .main-container .nav-item img{*/
        /*    display: none;*/
        /*}*/

        .carousel-caption h1{
            font-size: 30px;

        }
        .carousel-caption{
            display: block !important;
            font-size: small;
            bottom: 0;
        }
        .carousel-caption p {
            margin-top: 0;
            bottom: 40%;
            left: 0;
            position: relative;
            letter-spacing: 4px;
        }
        body h1{
            font-family: "Goudy Old Style";
            font-size: 19pt;
            color: #0076b6;
            font-weight: 600;
        }
    }

    @media screen and (max-width: 669px) {
        .section1.about {
            height: 100%;
            /* هون كانت height: 200%; */
        } 
        .section1.about .title-page {
            /* top: 177% !important; */
        }

        .section1.contact .back-ground {
            height: 22vh !important;
        }
        
    }