*{outline:none;}
html{scroll-behavior: smooth;}
body{font-family:'Rubik', sans-serif !important; }
a{text-decoration:none; transition:300ms}
a:hover{text-decoration:underline;}

#myBtn {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px; transition:500ms;
}



.shadow-xs{box-shadow:0 30px 40px 0 rgba(32,85,125,.06);}


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

#navbarScroll .nav-link.active{color:rgba(var(--bs-secondary-rgb));}
#navbarScroll .nav-link{}

.navbar-toggler .icon-bar{background-color:#577591; 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;}



#bannerArea{margin-top:76px; position:relative;}
section{margin-top:-5rem; padding-top:10rem !important; position:relative;}





#servicesArea .card-body{position:relative; z-index:2}
#servicesArea .card:before{content:""; height:100%; left:0; position:absolute; top:0; transition:300ms; width:100%; z-index:1;}
#servicesArea .card:hover:before{background-color:#fff; box-shadow:0 30px 40px 0 rgba(32,85,125,.06); height:calc(100% + 20px); left:-10px; top:-10px; width:calc(100% + 20px);}
#servicesArea .ratio{width:100px; border-width:2px !important; border-color:#76c21b !important; transition:300ms;}
#servicesArea .card:hover .ratio{background-color:rgba(var(--bs-secondary-rgb)) !important;  background-image:var(--bs-gradient) !important;}
#servicesArea .card:hover .ratio .d-flex{color:#fff !important;}


#factArea{position:relative;}
#factArea:before{content:""; position:absolute; top:10rem; right:0; left:0; background:url(../images/light-bg.png) center top; height:185px; z-index:-1}


#tabArea .nav .nav-link{color:var(--bs-card-color) !important;}
#tabArea .nav .nav-link.active{background:rgba(var(--bs-secondary-rgb)) !important; color:#fff !important;}
#tabArea .card-img-overlay{top:unset; right:30px; bottom:30px; left:30px; text-align:center; opacity:0; transition:300ms;}
#tabArea .card:hover .card-img-overlay{opacity:1;}


#askArea{background:url(../images/green-bg.png) center;}


@media (min-width:1200px) and (max-width:1400px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:576px) and (max-width:767px){}
@media (min-width:0px) and (max-width:575px){}