.about-design .card-body{
	padding: unset;
	background: #2ec4fd;
}
.about-design .card-body .top-img{
	text-align: center;
	background: #eaf9ff;
}
.about-design .card-body .top-img img{
	width: 100px;
	margin-top: 20px;
}
.about-design .card-body .content{
	padding: 15px;
}
.about-design .card{
	min-height: 420px;
	border-radius: 0;
	margin-bottom: 2.15rem !important;

}
.about-design .card-body .top-img{
	clip-path: polygon(100% 0px, 100% 90%, 100% 100%, 0% 40%, 0% 0%);
	min-height: 200px;

}
.about-design .card-2{
	margin-top: 130px;
}
.about-design .card-3{
	margin-top: 260px;
}
.about-design .card-4{
	margin-top: -260px;
}
.about-design .card-5{
	margin-top: -130px;
}

.about-design .card-body .content h5{
	font-family: GraphikRegular;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 600;
}
.about-design .card-body .content p{
	font-family: inherit;
	font-weight: 500;
}



@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

.about-design .card-2{
	margin-top:unset;
}
.about-design .card-3{
	margin-top:unset;
}
.about-design .card-4{
	margin-top: unset;
}
.about-design .card-5{
	margin-top: unset;
}

}


/** register**/

.no-bg-border {
  font-size: 12px;
}
.reg-btn{
  bottom: 0;
  position: absolute;
  right: 0;
  margin-right: 1rem;
}
.register-form .text-box-div {
  border-bottom: unset;
}
.btn-container{
  background: #eaeaea;
}
.split-bottom-mod{
  margin-right: -15px;
}




.menu-link li.nav-item {
  position: relative;
  overflow: hidden;
}
.menu-link li.nav-item a {
  display: block;
}
.menu-link li.nav-item a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  height: 2px;
  background-color: #00b8ee;
  animation: slide-out 300ms ease-in-out forwards;
}
.menu-link li.nav_item a:hover {
  background: #00b8ee;
  color: #00b8ee;
}
.menu-link li.nav-item a:hover:after {
  animation: slide-in 300ms;
}

@keyframes slide-out {
  0% {
    transform: none;
  }
  100% {
    transform: translate(100%, 0);
  }
}
@keyframes slide-in {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: none;
  }
}

.arrow {
 /* border: solid #fff;*/
  border: solid #000;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transition: 0.5s;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.additional{
	/*background: #009ee5;*/
	margin-left: 5px;
}
.footer-logo img{
	width: 50%;
}
.menu-link a.activeclass:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  height: 2px;
  background-color: #00b8ee;
}
  .bottom-footer{
    text-align: right;
  }
.book-now-button{
  margin-top: 3rem;
}

.how-it-works{
  padding: 3rem;
}
.signin-page-sign-btn{
  text-align: right;
}
.cookiealert{
  width: 50%!important;
  background: #eee!important;
  color: #009ee5!important
}

.animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon3 span {
  background:#00b8ee ;
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}
  .desktop-menu-btn{
  display: block;
  }
  .mobile-menu-button{
  display: none;
  }




@media (min-width: 320px) and (max-width: 480px) {
  .primary-button{
    padding: 10px 25px 10px 25px;
  }
  .hero-section h1 {
    font-size: 2rem;
    font-weight: 500;
  }
  .pb-mobile{
    width: 100%
  } 
  #mySidenav{
    right: 100px;
  }
  .footer-text ul{
    display: flex;
    flex-direction: column;
  }
  .navbar-nav .nav-link{
    padding: 0.5rem 0.5rem !important;
    font-weight: 600;
  font-size: 18px;

  }
  .bottom-footer{
    text-align: center;
  }
  .hero-how, .hero-about, .hero-contact{
    background-size: 600px;
  }
  .hero-about, .hero-how, .hero-contact{
    height: 50vh;
  }
  .main-hero-slider{
    height: 100vh;
  }
  .footer-text{
    margin-top: 20px;
  }
  .book-now-button{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  #mySidenav{
  display: none;
  }
  .sticky-class {
    position: relative;
    top: 0px;
  }
.tooltip-manual .tooltiptext{
  display: none;
  }
.how-it-works{
  padding: 1rem !important;
  }
.reg-btn-mobile{
  margin-top: 60px;
  }
.signin-page-sign-btn{
    text-align: center;
  }
  ul.footer-list{
    margin-left: -20px;
  }
  .forgot-pass{
    width: 50%
  }
  .contact-company-info{
    margin-top: 0vh;
    border: unset;
    position: unset;
  }
/*   .navbar-collapse{
    height:100vh;
  } */
  .menu-link a.activeclass::before {
    bottom: 6px;
  }

  .third-button:focus{
    outline: none;
  }
  .atlas-navbar{
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}
  .menu-link{
    height: 640px;
    margin-top: 128px;
    text-align: center;
  }
  .desktop-menu-btn{
  display: none;
  }
    .mobile-menu-button{
  display: block;
  }
  .menu-link li.nav-item a::after {
    bottom: 8px;
}

}



@media (min-width: 768px) and (max-width: 1024px) {
  .tooltiptext{
    display: none;
  }
  .disabled-button{
    padding: 10px 20px 10px 20px;
    font-size: 13px;
  }

  .hero-section h1 {
    font-size: 2.2rem;
  }
  .about-design .card-2 {
    margin-top: unset;
  }
  .about-design .card-3 {
    margin-top: unset;
  }
.about-design .card-4 {
    margin-top: unset;
  }
.about-design .card-5 {
    margin-top: unset;
  }
.how-it-works {
    padding: 1rem;
  }
    .contact-company-info{
    margin-top: 0vh;
    position: unset;
  }
    .navbar-nav .nav-link{
    padding: 1rem 1rem !important;
        font-weight: 600;
  font-size: 18px;
  }
    .desktop-menu-btn{
  display: none;
  }
    .mobile-menu-button{
  display: block;
  }
    .menu-link{
    height: 640px;
    margin-top: 128px;
    text-align: center;
  }
    .third-button:focus{
    outline: none;
  }
}