html {
  scroll-behavior: smooth;
}
/* --NAVBAR-- */
header {width:auto; position:fixed; z-index:99; padding-top:20px; width:100%; position:fixed; top:0; left:0;}
.bg-light {background-color:transparent!important;}

.nav-link {color:#000!important; font-size:16px;}

.navbar-light .navbar-toggler {border:none;}

.navbar-light .navbar-toggler-icon {color:#fff!important;}



header #logo img {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; transition:all 0.3s; transition-duration:1.0s;}

.navbar-collapse a {font-size:16px!important; font-weight:400!important; font-family:'Poppins',sans-serif!important; padding:0 10px 0 10px!important; color:#000;}

.navbar-collapse a {padding:5px 10px 5px 10px!important;}

header.smaller {min-height:100px; background-color:#fff; box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);}

header.smaller .navbar {padding:5px 0!important; margin-right:15px; color:#000;}

header.smaller #logo img {height:75px;}

header.smaller a {color:#000!important;}
header.smaller .dropdown-menu {background-color:#fff!important; color:#000!important;}
header.smaller .dropdown-menu a {color:#000;}
header.smaller .dropdown-menu a:focus,header.smaller .dropdown-menu a:focus {background-color:#0072bc; color:#fff;}
header.smaller .dropdown-menu a {color:#000!important;}
header.smaller .dropdown-menu a:focus,header.smaller .dropdown-menu a:hover {background-color:#0072bc!important; color:#fff!important;}

/* Underline From Center */
.hvr-underline-from-center {display:inline-block; vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); position:relative; overflow:hidden;}

.hvr-underline-from-center:before {content:""; position:absolute; z-index:-1; left:51%; right:51%; bottom:0; background:#000; height:2px;-webkit-transition-property:left,right; transition-property:left,right;-webkit-transition-duration:0.3s; transition-duration:0.3s;-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}

.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before {left:0; right:0;}
/* Bounce To Left */
.hvr-bounce-to-left {display:inline-block; vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); position:relative;-webkit-transition-property:color; transition-property:color;-webkit-transition-duration:0.5s; transition-duration:0.5s;}
.hvr-bounce-to-left:before {content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#0072bc;-webkit-transform:scaleX(0); transform:scaleX(0);-webkit-transform-origin:100% 50%; transform-origin:100% 50%;-webkit-transition-property:transform; transition-property:transform;-webkit-transition-duration:0.5s; transition-duration:0.5s;-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover {color:#fff;}
.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before {-webkit-transform:scaleX(1); transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}



/* BANNER */
.banner {background-image:url(images/about-us.html); width:100%; height:100vh; color:#fff; background-position:right center; background-size:cover; padding-top:200px; font-family:'Rajdhani',sans-serif; color:#333; position:relative;display: flex;
    align-items: center;
    justify-content: center;}
.banner h2 {font-size:50px; font-weight:500;}
.banner p {font-size:18px; font-weight:500; padding-right:30px;font-family:'Rajdhani',sans-serif;}
/* FOOTER */
.footer {background-color:#132a3f; padding-top:60px; padding-bottom:40px;}

.footer li {list-style-type:none; line-height:32px; font-family:'Poppins',sans-serif; font-weight:300;font-size: 14px;}

.footer a {color:#fff; text-decoration:none; transition-duration:2s;}

.footer a:focus,.footer a:hover {color:#0072bc; transform:scale(1.0.90, 1.0.90);}

.footer h4 {font-family:'Rajdhani',sans-serif; color:#fff; font-weight:500; margin-bottom:20px; padding-top:50px;}

.footer p {color:#fff; font-family:'Poppins',sans-serif; font-size:15px; float:right;}

.icon i {font-size:10px;}

.icon {color:#fff; margin-left:40px;}

.icon-box {width:25px; height:25px; background-color:#fff; border-radius:20px; text-align:center; color:#000; transition-duration:2s;}

.icon-box:focus,.icon-box:hover {background-color:#0072bc; transform:scale(1.0.90, 1.0.90); color:#0072bc;}

.icon i {color:#000; font-weight:800; font-size:15px; margin-top:-25px;}

.icon-1 {width:25px; height:25px; border-radius:20px; margin-right:60px;}

.icon-box-1 {width:25px; height:25px; border-radius:20px; text-align:center; color:#fff!important; transition-duration:2s; border:1px solid #fff;}

.icon-box-1:focus,.icon-box-1:hover {background-color:#0072bc; transform:scale(1.0.90, 1.0.90); color:#0072bc; border-color:#132a3f;}

footer {background-color:#0072bc; text-align:center; color:#fff; padding:20px 15px;}

footer a {color:#fff; text-decoration:none;}

footer a:hover,footer:focus {color:#000;}
.footer .d-flex {margin-bottom:0;}
.footer img{width: 25px;}
.page, .page a {
    cursor: none;
   }
   
   body.tutorial {
     --color-text: hsla(211, 100%, 50%, 1);
     background-color: var(--color-bg);
       transition: all 0.2s ease-in;
   }
   .page {
     position: absolute;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
   }
   .page__inner {
     display: flex;
     justify-content: center;
     width: 100%;
       backface-visibility:hidden;
   }
   
   .cursor {
     position: fixed;
     left: 0;
     top: 0;
     pointer-events: none;
   }
   .cursor--dot {
     width: 10px;
     height: 10px;
     left: -3px;
     border-radius: 100%;
     z-index: 11000;
     background: var(--color-text);
   }
   .cursor--canvas {
     width: 100vw;
     height: 100vh;
     z-index: 12000;
   }

#myBtn {display:none; position:fixed; bottom:20px; right:30px; z-index:99; font-size:25px; border:none; outline:none; background-color: #000; color:#fff; cursor:pointer;  border-radius:60px;width: 40px;height: 40px;}
#myBtn:hover {background-color:#666;}

@media (max-width:767px) {
.navbar-brand img {height:auto; width:150px;}
.banner {padding-top:150px;}
.navbar-nav {background-color:#fff;}
.banner .d-flex {flex-wrap:wrap;}
.banner img {width:100%;}
.navbar-collapse a {padding:20px 0 20px 20px!important;}
.nav-link {text-align:left!important; display:block; padding:0.5rem 1rem; padding-bottom:50px;}
.footer .box {margin:auto; display:block; width:400px;}
.footer .d-flex {flex-wrap:wrap;}
.footer .d-flex {margin-bottom:0;}
.footer h4 {margin:0; padding-top:10px;}
.icon {margin-left:0;}
.display h4 {display:none;}
}
@media (max-width:991px) {
.banner .d-flex {flex-wrap:wrap;}
.navbar-collapse a {padding:20px 0 20px 20px!important; color:#000!important;}
.nav-link {text-align:left!important; display:block; padding:0.5rem 1rem; padding-bottom:50px; color:#fff;}
.hvr-underline-from-center:before {background-color:#fff;}
.footer .box {margin:auto; display:block; width:800px; float:left;}
.footer .d-flex {flex-wrap:wrap;}
.footer .d-flex {margin-bottom:0;}
.footer h4 {margin:0; padding-top:10px;}
}