@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300;400;500;600;700&display=swap');

body{font-family: 'Merriweather Sans', sans-serif;color: #000;font-size: 0.85rem;}

a{outline: none;text-decoration: none !important;color:#000;}

a:hover{color: #d69f41;}

p{font:300 18px/30px 'Merriweather Sans', sans-serif;color: #000;}

h3 {font-size: 1.5rem;}

h2{font:600 30px/36px 'Merriweather Sans', sans-serif;color: #2701a3;}

h1{font-size: 46px;}

small{font-size: 18px;}

header{z-index: 1;}

.navbar-nav .nav-link:hover{color: #b6e81f !important ;}

.menu ul li{position: relative !important;margin: 0 15px;}

.menu ul li::before{content: "";width: 10px;height: 10px;border-radius: 50%; position: absolute;left: 50%;top: 0;background: #fff;transform: translateX(-50%);visibility: hidden;}

.menu ul li:hover::before{visibility: visible;}

.menu-3 ul li::before{transform-origin: 50% 50%;background: #b6e81f;}

.navbar-nav .nav-link{font:400 22px/22px 'Merriweather Sans', sans-serif; color: #fff !important;text-transform: uppercase;}

 header{z-index: 1;}

 nav .menu-3 ul ul li::before{display: none;}

 .navbar-nav .nav-link.active{color: #b6e81f !important;width: 10px;height: 10px;border-radius: 50%;background-color:#b6e81f;display: flex;margin: 0px 8px 0;justify-content: center;padding: 8px 0px 0px 0;}

.login a{color: rgb(23, 43, 77);display: flex;font-size: 1.2rem;padding: 0.7rem 1.5rem;background-color: #239c81;color: rgb(255, 255, 255);border-radius: 2.357rem;}

.banner{background:url(../images/home/banner.webp) no-repeat;height: 835px;color:rgb(255, 255, 255);} 

.banner-text p{font:400 24px/35px 'Merriweather Sans', sans-serif;}

.task-content h3{cursor: pointer;}

.task-content h3, .content h3{font:500 30px/30px 'Merriweather Sans', sans-serif;color: #5c0097;}

.task-content p, .content p{font:300 16px/30px 'Merriweather Sans', sans-serif;}

.sec-margin{margin: 6rem 0;}

.content a{color: #fff;font-size: 1.2rem;padding: 0.7rem 2rem;background-color: #239c81;color: rgb(255, 255, 255);border-radius: 2.357rem;}

 .card.card-project {border:0;margin-top: 20px;background: linear-gradient(45deg, #0b2d68, #8868e1);}

 .card.card-project img{width: 56px;padding: 10px 10px 10px 10px;margin: -20px 10px 0;background: linear-gradient(45deg, #251d88, #1f1a82, #18187b, #19187c, #181983, #221c85, #241d87);border-radius: 0.5rem;}

 .bg-blue{background:url(../images/home/bg.png) center no-repeat;background-size: cover ;}

 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background: #dddfde;width: 30px;height: 30px;font-size: 20px;color: #4e4e4e;line-height: 30px;font-weight: 400;border-radius: 50%;}

.owl-nav{top: -50px;position: absolute;right: 30px;}

.owl-carousel .owl-nav button.owl-next{margin-left: 10px;}

.one{-webkit-animation-delay: .5s;-moz-animation-delay: .5s;animation-delay: .5s;}

.two{-webkit-animation-delay: 1s;-moz-animation-delay: 1s;animation-delay: 1s;}

.three{-webkit-animation-delay: 3s;-moz-animation-delay: 3s;animation-delay: 3s;}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeft {

    from {

      opacity: 0;

      -webkit-transform: translate3d(-100%, 0, 0);

      transform: translate3d(-100%, 0, 0);
    }

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  @keyframes fadeInLeft {

    from {

      opacity: 0;

      -webkit-transform: translate3d(-100%, 0, 0);

      transform: translate3d(-100%, 0, 0);

    }
    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  @-webkit-keyframes fadeInRight {

    from {

      opacity: 0;

      -webkit-transform: translate3d(100%, 0, 0);

      transform: translate3d(100%, 0, 0);

    }
    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  @keyframes fadeInRight {

    from {

      opacity: 0;

      -webkit-transform: translate3d(100%, 0, 0);

      transform: translate3d(100%, 0, 0);

    }

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

/* ---footer--- */

.app-btn{margin-bottom: -40px;}

.footer-top{background-color: #090836;padding-top: 100px;}

.footer-bottom{background-color: #05041d;}

.footer-column p, .footer-bottom p{font:400 13px/24px 'Merriweather Sans', sans-serif;color: #fff;}

.footer-column h3{font:400 24px/48px 'Merriweather Sans', sans-serif;color: #fff;}

.footer-column ul{margin-left: 20px;}

.footer-column ul li{list-style-type: disclosure-closed;color: #fff;}

.footer-column ul li a{color: #ddd; font:400 14px/48px 'Merriweather Sans', sans-serif;}

button.btn.btn-dark{font-size: 1rem;}

footer .form-control{font-size: 1rem;}

.phone-email p{font:400 18px/24px 'Merriweather Sans', sans-serif;}


header.sticky {

  position: fixed !important;

  z-index: 1030;

  background: linear-gradient(45deg, #0b2d68, #8868e1);margin-top: 0 !important;

}
.font-18{font-size:18px !important;}

/* ----------Responsive---------- */

@media only screen and (min-width: 1599px){

    .banner{background-size: 77% 100%;}

}

@media only screen and (max-width: 1199.98px){}

@media only screen and (max-width: 991.98px){
  .navbar-nav .nav-link {font: 400 18px / 22px 'Merriweather Sans', sans-serif;}
  .navbar-collapse{padding: 1rem;background: #484aa3;}
  header{background: linear-gradient(45deg, #0b2d68, #8868e1);margin-top: 0 !important;}
  .banner-text{text-align: center;}
  h1{font-size: 30px;}
  h2 {font: 600 27px / 37px 'Merriweather Sans', sans-serif;}
  .banner-text p {font: 400 18px / 25px 'Merriweather Sans', sans-serif;}
  .banner-text{text-align: center;padding-right: 0 !important;}
  .navbar-toggler, .navbar-toggler:focus{padding: 0;box-shadow: none;}
  .banner {height: auto;background: linear-gradient(1deg, #0c786c, #24327a);padding-top: 9rem;}
  .app-btn img {width: 150px;margin-top: -50px;}
  .footer-top {padding-top: 60px;}
  .task-content h3, .content h3 {font: 500 23px / 30px 'Merriweather Sans', sans-serif;}
  .font-18 {font-size: 16px !important;}
  .navbar-toggler-icon{width: 40px;}
}

@media only screen and (max-width: 767.98px){}

@media only screen and (max-width: 575.98px){}