* {
    box-sizing: border-box;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
body {
    margin: 0;
    background: url(../images/login-bg.jpg) no-repeat center/cover;
    background-attachment: fixed;
    font-family: 'Source Sans Pro','Cairo', sans-serif !important;
}
.slow {
    transition: all 0.5s;
}
.bg-blur {
    background: linear-gradient(150deg, #fff 5%, transparent 40%);
    backdrop-filter: blur(3px);
    box-shadow: #ffffff80 0 0 13px;
}
.link {
    background: #00000055;
    transition: all 0.3s;
}
.link:hover {
    background: #00000080;
}
.w-30 {
    width: 30% !important;
}
.w-100-px {
    width: 100px !important;
}
.bg-transparent {
    background: transparent !important;
}
.vh-100-n {
    min-height: calc(100vh - 99px) !important;
    font-size: 1.1rem;
}
.shadow-box {
    box-shadow: 0 0 5px #fff;
}
.text-shadow {
    text-shadow: 0 0 5px #000;
}
.fill-white {
    fill: #fff;
}
.invert {
    transform: rotate(180deg);
}

.exqute-seperator{
    width:100%;
    line-height:0;
    height:40px;
    margin-bottom:-5px;
    z-index:1;
}
.exqute-seperator svg{
    height:40px;
    width:100%;
    vertical-align:top;
}
.zoom-in {
    transform: scale(1.1);
}
@media only screen and (max-width:575px){
    .exqute-seperator,.exqute-seperator svg{
        height:20px
    }
}
@media (max-width: 768px) {
    .slider-img {
        max-height: 30vh !important;
        
    }
}
.carousel-item {
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out !important;
  backface-visibility: hidden;
  perspective: 1000px;
}