body{font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5{font-family: 'Poppins', sans-serif;}
.big-head{font-size: 3rem; font-weight: bold;}
.logo{max-height: 35px}
.round-more{border-radius: 24px}
.bg-gradient{background-image: linear-gradient(90deg, #3338a1, #ae86ee, #fff); background-size: cover;}
.culture{background-image: linear-gradient(90deg, #3d3483, #ad51fe); background-size: cover;}
.bg-inner{background-color: #3d3483;}
.btn-primary{background-color: #3338a1; border-color: #3338a1}
.btn-outline-primary{color: #3338a1; border-color: #3338a1;}
.text-primary{color:#3338a1 !important;}
.bg-inner .btn-primary{background-color: #ad51fe; border-color: #ad51fe}
.bg-inner .btn-primary:hover, .bg-inner .btn-primary:focus, .btn-outline-primary:hover, .btn-outline-primary:focus{background-color: #dc45ff; border-color: #dc45ff; color: #fff;}
.bg-inner .big-head{font-size: 4rem; font-weight: bold;}
.btn-primary:hover, .btn-primary:focus{background-color: #2a2c8f; border-color: #3338a1; color: #fff;}
.navbar-nav .nav-link{color: rgba(255,255,255,1) !important; font-size: 17px}
.banner-anim-wrap{min-height: 600px;}
.banner-anim{ left: 0; top: 0; right: 0; bottom: 0; animation-name: banner-jiggle; animation-duration: 3s; animation-iteration-count: infinite;}
@keyframes banner-jiggle {
  0%   {left: 0; top: 0;}
  50%  {left: 10px; top: 10px;}
  100% {left: 0; top: 0;}
}
.ban-rotate{animation: rotation 2s infinite linear; left:0; top:-15px;}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.ban-pic{left:0; top:-15px;}
.bg-shape{background-image: url('../img/banner-bg.png'); background-position: right center; background-repeat: no-repeat; display: block;}

.text-light-violet {color:#ae86ee;}

#soln .material-icons{font-size: 40px; margin-bottom: 12px; color:#ae86ee }
.big-icons{font-size: 60px !important; margin-bottom: 15px; color:#ae86ee }
#soln .card{height: 100%;}
#soln h5{font-size: 12px}
#soln .carousel-indicators{bottom: -60px}
.carousel-indicators li{width: 15px; height: 15px; border-radius: 50%; background-color: #ae86ee !important}
.carousel-indicators .active{background-color: #3338a1 !important}

.demo-top{position: absolute; right: 0}

nav .dropdown-menu{padding: 0; background-color: #ad51fe; overflow: hidden; border-radius: 20px}
nav .dropdown-item{border-bottom: 1px solid rgba(0,0,0,0.4); line-height: 36px; font-size: 14px; color: #fff}
nav .dropdown-item:focus{background-color: #ad51fe;}

@media (min-width: 320px) and (max-width: 780px)
{
	.logo{max-height: 30px}
	.banner-anim-wrap{min-height: 350px;}
	#soln h5{font-size: 14px}
	#soln .card-body{padding: 1rem}
	.hide-sm{display: none;}
  .demo-top{position: static; }
  .navbar-nav{padding-top: 30px; padding-bottom: 30px;}
  .navbar-nav .nav-link{font-size: 20px; line-height: 40px; text-align: center;}
  .bg-inner .big-head{font-size: 2.7rem}
  nav .dropdown-menu{background-color: transparent; text-align: center; border:none; border-radius: 0;}
	}