*{
    padding: 0;
    margin: 0;
}
html
{
    scroll-behavior: smooth !important;
}
img, 
video
{
    display: block;
}
a.logo
{
   height: 5rem;
   width: 10rem;
   object-fit: cover;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
a.logo .comp-logo
{
    object-fit: cover;
    height: 8rem;
    width: 5rem;
}
.c-item span.bi
{
    background-color: rgba(60, 103, 179, 0.269);
    padding: 18px 28px !important;
    border-radius: 50%;
}
.c-item span.fas
{
    background-color: rgba(60, 103, 179, 0.269);
    padding: 20px 24px !important;
    border-radius: 50%;
}
#partner
{
    background-image: url('../images/parter-1\ \(3\).jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    background-color: rgba(2, 2, 2, 0.78);
    color: #fff;
}

.left-content p
{
    font-size: 20px;
}

/* *************  navigation *********** */
.n-menu.shadow
{
    box-shadow: 0rem 0rem 3rem 1rem #ccc;
}
.navbar-toggle .navbar-toggle-icon
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-collapse
{
    text-align: center;
}
a.nav-link.active
{
    font-weight: 500;
}
a.nav-link
{
    opacity: 0.8;
    position: relative;
}
.nav-col.show .n-bar
{
    padding: 5px 2px;
}
.nav-col.show .n-item:hover
{
    font-weight: 0;
    background-color: #d5d5d581;
}
.nav-col.show .n-item a.nav-link:hover
{
    font-weight: normal;
}
.nav-col.show .n-item a.nav-link.active:hover
{
    font-weight: 500;
}
.main-banner {
    background-image: url("../images/back1.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 270px 0px 210px 0px;
    position: relative;
}
a.arrow-up
{
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: rgba(78, 78, 247, 0.871);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0;
    z-index: 999;
}

a.arrow-up:hover
{
    opacity: 1;
    color: #fff;
}
a.arrow-up:hover span
{
    animation:up linear infinite 1s;
    -webkit-animation:up linear infinite 1s;
}
@keyframes up {
    100%
    {
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
    }
    50%{
        transform: translateY(-4px);
        -webkit-transform: translateY(-4px);
        -moz-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        -o-transform: translateY(-4px);
    }
    0%{
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
    }
}
.management .c-card
{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    margin-bottom: 20px !important;
}
.management .c-card:hover
{
    box-shadow: 0rem 0rem 2rem 0rem #dddddda2;
}
.card .profile
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.card .profile img
{
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 10px solid #111;
}
.c-card .contents p:first-child
{
    font-size: 17px;
    font-weight: 600;
}
#company
{
    width: 100%;
    height: auto;
    background-image: url('../images/wallpaper\ \(1\).jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: multiply;
    background-color: #000000ae;
}
#company .btn
{
     border: 6px solid rgb(0, 140, 153);
}
#company .btn:hover
{
    background-color: rgb(0, 140, 153);
}
.section#career
{
    background-image: url('../images/IMG.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-blend-mode: multiply;
    background-color: #060606c7;
}

/* *********************  carousel   ********************* */
.show-events {
    position: relative;
    margin-top: -60px;
  }
  
  .show-events .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
}
  
  .show-events .owl-nav .owl-prev{
    position: absolute;
    left: -45px;
    outline: none;
  }
  
  .show-events .owl-nav .owl-prev span,
  .show-events .owl-nav .owl-next span {
    opacity: 0;
  }
  
  .show-events .owl-nav .owl-prev:before {
    display: inline-block;
    font-family: 'FontAwesome';
    color: #7c838b;
    font-size: 14px;
    content: '\f060';
  }
  
  .show-events .owl-nav .owl-next{
    position: absolute;
    right: -45px;
    outline: none;
  }
  
  .show-events .owl-nav .owl-next:before {
    display: inline-block;
    font-family: 'FontAwesome';
    color: #7c838b;
    font-size: 14px;
    content: '\f061';
  }
  
  .show-events .card-item
  {
    border: 1px solid #7c838b77;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}
.show-events .card-item div:first-child{
    color: #8f8f8f !important;
}
.show-events .card-item div:nth-child(2),
.show-events .card-item div:nth-child(2) .fas
{
    color: #acacac !important;
}
  /* ************ ends ******** */


/* ***************** clients quotes ******************* */
#clients .quotes
{
    width: 50px;
    height: 50px;
}

@media (max-width:993px)
{
    .management .c-card:hover
    {
        box-shadow: 0rem 0rem 2rem 0rem #dddddda2;
    }
    .card .profile
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card .profile img
    {
        width: 10rem;
        height: 10rem;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border: 10px solid #111;
    }
}

@media (max-width: 767px)
{
    
    .management .c-card:hover
    {
        box-shadow: 0rem 0rem 2rem 0rem #dddddda2;
    }
    .card .profile
    {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card .profile img
    {
        width: 15rem;
        height: 15rem;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border: 10px solid #111;
    }
}