/* Navbar */
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
/* ------------------------------------- */


/* Intro */
body {
    margin: 0px;
}

.intro {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    background-color: white;
    
}

.centered{
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
/* ------------------------------------- */


#btnabout{
    background-color: black;
    border: 2px solid black; 
    padding: 10px 30px;
    color: white;
    font-weight: bold;
    transition: .3s;
    border-radius: 30px;
    outline: none;
}

#btnabout:hover{
    background-color: transparent;

    color: black;
    padding: 10px 30px;
}

#btnexplore{
    background-color: transparent;
    border: 2px solid black; 
    padding: 10px 30px;
    color: black;
font-weight: bold;
transition: .3s;
border-radius: 30px;
outline: none;
}

#btnexplore:hover{
    background-color: black;
    border: 2px solid black; 
    padding: 10px 30px;
    color: white;
font-weight: bold;
}

@media only screen and (max-width: 624px) {
  
#building{
    width: 100%;
}

}




















  /* cards */

#cardcargo{
    background-color: white;
    width: 300px;
    height: 300px;
    -webkit-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
    box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
    border-radius: 30px;
    transition: .1s;
}
#cardcargo:hover{
    border-radius: 30px;
    border: 3px solid #e5432f;
}
.btncardcargo{position: relative;
top:70px;
padding: 13px 30px;
background-color: white;
font-weight: bold;
color: #e5432f;
font-family: 'Montserrat', sans-serif; 
border: 2px solid #e5432f;
border-radius: 10px;
-webkit-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
}



#cardholiday{
    background-color: white;
    width: 300px;
    height: 300px;
    -webkit-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
    box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
    border-radius: 30px;
}
#cardholiday:hover{
    transition: .2s;
    border-radius: 30px;
    border: 3px solid #268f9f;
}
.btncardholiday{position: relative;
    top:55px;
    padding: 13px 30px;
    background-color:white;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif; 
    color: #268f9f;
    border: 2px solid #268f9f;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
    -moz-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
    box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
}



 #cardhajj{
        background-color: white;
        width: 300px;
        height: 300px;
        -webkit-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        -moz-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        border-radius: 30px;
    }
 #cardhajj:hover{
        transition: .2s;
        border-radius: 30px;
        border: 3px solid #3b6835;
    }
 .btncardhajj{position: relative;
        top:52px;
        padding: 13px 30px;
        background-color:white;
        font-weight: bold;
        color: #3b6835;
        border: 2px solid #3b6835;
        border-radius: 10px;
        font-family: 'Montserrat', sans-serif; 
        -webkit-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
        -moz-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
        box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
    }



        
#cardrecruitment{
        background-color: white;
        width: 300px;
        height: 300px;
        -webkit-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        -moz-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        border-radius: 30px;
    }
#cardrecruitment:hover{
        transition: .2s;
        border-radius: 30px;
        border: 3px solid #176990;
    }
.btncardrecruitment{position: relative;
        top:73px;
        padding: 13px 30px;
        background-color:white;
        font-weight: bold;
        color: #176990;
        border: 2px solid #176990;
        border-radius: 10px;
        font-family: 'Montserrat', sans-serif; 
        -webkit-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
        -moz-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
        box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
    }




#cardtravel{
        background-color: white;
        width: 300px;
        height: 300px;
        -webkit-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        -moz-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        border-radius: 30px;
    }
#cardtravel:hover{
        transition: .2s;
        border-radius: 30px;
        border: 3px solid #64003d;
    }
.btncardtravel{position: relative;
        top:53px;
        padding: 13px 30px;
        background-color:white;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif; 
        color: #64003d;
        border: 2px solid #64003d;
        border-radius: 10px;
        -webkit-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
        -moz-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
        box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
    }



#cardxpress{
        background-color: white;
        width: 300px;
        height: 300px;
        -webkit-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        -moz-box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        box-shadow: 0px 11px 35px -31px rgba(0,0,0,0.22);
        border-radius: 30px;
    }
#cardxpress:hover{
        transition: .2s;
        border-radius: 30px;
        border: 3px solid #e53132;
    }
.btncardxpress{position: relative;
        top:56px;
        padding: 13px 30px;
        background-color:white;
        font-weight: bold;
        color: #e53132;
        font-family: 'Montserrat', sans-serif; 
        border: 2px solid #e53132;
        border-radius: 10px;
        -webkit-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
        -moz-box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
        box-shadow: 0px 5px 33px -16px rgba(0,0,0,0.43);
    }
    
    




/* ------------------------------------- */