body{font-family:Cairo,sans-serif}
.background-gradient {background-image: linear-gradient(to top left, #AF2E92, #E91F71, #F17D4E);}.login-input{color:white !important; background-color:transparent;border:transparent!important;border-bottom:1px solid #fff!important;box-shadow:0 1px 0 0 #fff!important}.login-input:focus{color:white !important;background-color:transparent;border:transparent!important;border-bottom:1px solid #b33188!important;box-shadow:0 1px 0 0 #b33188!important}.btn-gradiant{background-image:linear-gradient(to top right,#b33188,#732278);color:#fff;font-size:18px;border-radius:30px;z-index:1}.btn-gradiant:hover{color:#fff}.path{position:absolute;bottom:0}.md-form label{right:0!important;left:auto}.opacity{opacity:.7}.btn-send{width:180px}.code-input{width:40px!important;height:60px!important;padding:10px;margin:5px;border:1px solid #fff;border-radius:5px;font-size:16px;font-weight:700}.indigo{background-color:transparent!important}.btn-login{background-image: linear-gradient(to top right, #fff, #FFF, #fff);font-weight:700;color:#000000;border-radius:30px;margin-right:50px}.btn-login:hover{color:#fff}.navbar.navbar-dark .breadcrumb .nav-item .nav-link,.navbar.navbar-dark .navbar-nav .nav-item .nav-link{font-weight:700;font-size:14px;padding:15px}.navbar{-webkit-box-shadow:none!important;box-shadow:none!important}.btn-download{background-image:linear-gradient(to top right,#b33188,#732278);color:#fff;font-size:22px;border-radius:15px;z-index:1}.btn-download:hover{color:#fff}.background-features{background-color:#f3f4f6}.text-gray{color:#706f6f}.text-download{line-height:2;color:#484848}.btn{text-transform:none!important}.font-small{font-size:14px;padding:10px}.background-purple{background-color:#732278}.line-height{line-height:2}.custom-input{border:1px solid #fff!important;border-radius:20}.btn-send{background-image:linear-gradient(to top right,#b33188,#732278);color:#fff;font-size:16;border-radius:10px;z-index:1}.btn-send:hover{color:#fff}.background-img{background-image:url(images/PathImage.png);background-repeat:no-repeat;background-size:cover}.font-download{font-size:14px}.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link,.navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link{background-color:transparent!important;border-bottom: 1px solid white;padding-bottom: 12px;}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link{
  padding-bottom: 0px;
}
@keyframes float {
	0% { 
		transform: translatey(0px);
	}
	50% { 
		transform: translatey(-20px);
	}
	100% { 
		transform: translatey(0px);
	}
}
.avatar { 
	overflow: hidden;
 	transform: translatey(0px);
	animation: float 5s ease-in-out infinite; 
}
html {
    scroll-behavior: smooth;
  }
  .chevronDown{
    position: absolute;
    bottom: 0;  
    text-align: center;
    font-size: 40px;
    color: white;
    z-index: 1;
} 
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #832B6C;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 30%;
}
  
  #myBtn:hover {
    background-color:#E96120
  }   
.link-hover:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  display: block;
  transition: all 0.4s ease;
  bottom: 5%;
}
.link-hover:hover::after {
  width: 100%;
  height: 1px;
  background-color: #fff;
}  
.fixed-top {
  position: fixed;
  top: 0; 
  right:0;
   left: 0;
  z-index: 1030;
}
.top-nav-collapse{
 padding:30px 80px ;
}
.width-mobile{
  width:30%;
}
.main-services {
    position: relative; 
    z-index: 1;
}
.m-p1 {
    margin-bottom: -200px !important;
}
.m-p2 {
    margin-bottom: -350px !important;
}
.m-p3 {
    margin-bottom: -390px !important;
}
.m-p4 {
    margin-bottom: -300px !important;
}
/*.m-path {
    bottom: 0px !important;
}*/
/* Small devices (landscape phones, 576px and up) */ 
@media (max-width: 576px) {   
 .padding-mobile{
padding-top: 0 !important;
 }
 .img-mobile-ar{
  margin-right: -20px;
 }
 .img-mobile-en{
  margin-left: -20px;
 } 
 .width-mobile{
   width: 75%;
 }
    .m-p1,m-p2,m-p3,m-p4{
        margin-bottom:0 !important;
    }
  /*  .m-path {
        bottom:-55px !important;
    }*/
   
}@media(max-width : 760px){
    .m-p1 {
       margin-bottom: -720px !important
    }
   .m-p2, .m-p3 {
        margin-bottom: 0 !important;
    }
    .m-psm {
        margin-right: -120px;
    }
    #main-header {
        height: 93vh !important;
    }
   /* .m-path {
        bottom: -55px !important;
    }*/
}
 @media(min-width: 760px){
    #main-header {
        height: 100vh !important;
    }
 }