*{outline:none;}
html{scroll-behavior: smooth;}
body{font-family:'Poppins', sans-serif !important; font-size:14px}

a{text-decoration:none; transition:300ms}
a:hover{text-decoration:underline;}

.fs-14{font-size:14px;}

section.py-5{padding:100px 0 !important; }

#topMenu{transition:300ms}
#topMenu.scroll{background:#322768 !important;}
#topMenu .nav-link{color:#fff; padding:8px 20px}

.navbar-toggler .icon-bar{background-color:#fff; transform:rotate(0deg) translate(0px, 0px); transition:300ms;}
.navbar-toggler .icon-bar{display:block; width:22px; height:2px; border-radius:1px;}
.navbar-toggler .icon-bar+.icon-bar{margin-top:4px;}
.navbar-toggler .icon-bar:nth-child(2){width:16px; transition:300ms;}
.navbar-toggler:hover>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:active>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){transform:rotate(45deg) translate(5px, 4px); transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){opacity:0; transition:ease all .2s;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){transform:rotate(-45deg) translate(4px, -4px); transition:300ms;}

#banner.py-5{padding-top:180px !important}
#banner{background:url(../images/banner-bg.jpg) top center no-repeat; background-size:cover; position:relative;}
@media (min-width:0px) and (max-width:991px){
.navbar-nav{background:#322768 !important;}
#banner.py-5{padding-top:130px !important}
#banner{padding-bottom:0 !important;}
#banner img{height:auto; width:330px; object-fit:cover; object-position:top;}
}

#aboutArea .card{box-shadow:0 0 10px 2px rgba(44, 182, 204, 0.2);}
#aboutArea .d-inline-block:before{position:absolute; inset:-30px; content:""; border-radius:1rem; background:rgba(var(--bs-light-rgb)); rotate:-12deg; transition:300ms;}
#aboutArea .card:hover .d-inline-block:before{rotate:unset}

#downloadArea2 a.card:hover{background:rgba(var(--bs-secondary-rgb)) !important; color:#fff !important;}
#downloadArea2 a.card:hover{}

#downloadArea .order-first:after{position:absolute; bottom:25%; left:55%; width:60%; top:-350px; content:""; border-radius:1rem; rotate:42deg; background-image:url(../images/bg.png); background-size:100% 100%; }

@media (min-width:1200px) and (max-width:1399px){#downloadArea2 .order-first:after{left:59%;}}
@media (min-width:992px) and (max-width:1199px){#downloadArea2 .order-first:after{left:70%;}}
@media (min-width:768px) and (max-width:991px){
#featuresArea h5{font-size:16px !important}
#featuresArea p{font-size:12px !important}
#downloadArea2 .order-first:after{left:54%; width:300px; top:-300px;}
#downloadArea2 .order-first img{width:360px;}
}
@media (min-width:576px) and (max-width:767px){
#featuresArea .d-flex.bounceInLeft{flex-direction:row-reverse;}
#downloadArea2 .order-first:after{left:56%; width:250px; top:-250px;}
#downloadArea2 .order-first img{width:360px;}
}
@media (min-width:0px) and (max-width:575px){
#downloadArea2 .order-first:after{left:56%; width:250px; top:-250px;}
#downloadArea2 .order-first img{width:360px;}
#featuresArea .d-flex.bounceInLeft{flex-direction:row-reverse;}
}

.pu-1 {
    padding-right: 1.82rem !important;
    padding-left: 1.82rem !important;
}