@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,600;1,100;1,300&display=swap");

* {

    font-family: 'Poppins', sans-serif;

  margin: 0;

  padding: 0;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  outline: none;

  border: none;

  text-decoration: none;



}



html {

  font-size: 62.5%;

  overflow-x: hidden;

  scroll-behavior: smooth;

  scroll-padding-top: 6rem;

}

.data {



 



  



  padding:4rem;



  font-size:1.4rem;



  min-height:62vh;



  



}







section {

  padding: 7rem 10%;

}



.heading {

  text-align: center;

  margin: 0;

  margin-bottom: 3rem;

  font-size: 4rem;

  text-transform: capitalize;

 color: #45b7ff;;

}

.small-title{

font-size: 16px;

    font-weight: 700;

    color: #a5b7d2;

    text-align: center;

    letter-spacing: 1px;

    text-transform: uppercase;

}





.btn-danger{

  display: inline-block;

  margin-top: 1rem;

  padding: .5rem 1rem;

  padding-right: .5rem;

  cursor: pointer;

  background: #FE4C1C!important;

  box-shadow: 8px 8px 18px 0 rgba(254,76,28,.3)!important;

  border-radius: 3rem;

  font-size: 1.7rem;

  text-transform: capitalize;

  color: #fff;

  /* min-width: 170px; */

  margin: 0 1rem;

  border: 1px solid #ff1010!important;



}





.btn-2{

  display: inline-block;

  margin-top: 1rem;

  padding: .5rem 1rem;

  padding-right: .5rem;

  cursor: pointer;

  background: #FE4C1C;

  box-shadow: 8px 8px 18px 0 rgba(254,76,28,.3);

  border-radius: 3rem;

  font-size: 1.7rem;

  text-transform: capitalize;

  color: #fff;

  /* min-width: 170px; */

  margin: 0 1rem;

  border: 1px solid #ff1010;

}

.btn-2 i{

background: #fff;

    color: #fe4c1c;

    padding: 1rem;

    border-radius: 50%;

    /* margin-left: 1rem; */

}

.btn-2.blue{

  background: #0160e7;

  border: 1px solid #45b7ff;

  box-shadow: 12px 12px 20px 0 rgba(1,96,231,.3);

}

.btn-2.white{

  background: #fff;

  border: 1px solid #fff;

  color: #444;

  padding: 1rem 3rem;

  /* box-shadow: 12px 12px 20px 0 rgba(1,96,231,.3); */

}



.btn-2.blue i{

  color: #0160e7;

}









.header .main-navbar {

  padding: 2rem 10%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  /* background: #fff; */

  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1)!important;

  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1)!important;

 

  position: relative;

  z-index: 1000;

}



.header .main-navbar.active {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  border-bottom: none;

  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);

          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);

}



.header .main-navbar .logo {

  font-size: 2.5rem;

  text-transform: capitalize;

  color: #444!important;

  font-weight: bolder;

}



.header .main-navbar .logo i {

  color: #296dff;

}



.header .main-navbar .links a {

  margin-left: 2rem;

  font-size: 2rem;

  text-transform: capitalize;

  color: #444!important;

}



.header .main-navbar .links a:hover {

  text-decoration: underline;

  color: #2597f4;

}

header.header-active{

  background:#fff;

}





.header #menu-btn {

  font-size: 2rem;

  cursor: pointer;

  color: #334;

  display: none;

}

.background{

    background: url(../images/header.jpg) no-repeat;

    

    background-blend-mode: multiply;

  background-size: cover;

  background-position: center;

  background-attachment: fixed;



}

@keyframes fadeIn {

  0%{

     transform: translateY(-4rem) scale(0);

     opacity: 0;

  }

}

.home{

  padding:0;

  background: #444;

}



.home .slide{

  min-height: 50vh;

  background-size: cover !important;

  background-position: center !important;

  position: relative;

  z-index: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}



.home .slide::before{

  content: '';

  position: absolute;

  top:0; left:0;

  height: 100%;

  width: 100%;

  background: var(--dark-bg);

  z-index: -1;

}



.home .slide .content{

  text-align: center;

  width: 100rem;

  display: none;

}



.home .slide .content p{

  font-size: 1.6rem;

  display: block;

  padding-bottom: 1rem;

  margin-bottom: 2rem;

  color:#ddd;

  animation:fadeIn 0.4s cubic-bezier(.54,1.3,.63,1.34) .2s backwards;

}



.home .slide .content h3{

  font-size: 4.2rem;

  text-transform: capitalize;

  color:#fff;

  /* text-shadow: 0 .5rem 1rem rgba(0,0,0,.7); */

  line-height: 1.4;

  padding:2rem 0;

  animation:fadeIn 0.4s cubic-bezier(.54,1.3,.63,1.34) .4s backwards;

}



.home .slide .content .btn-1{

  animation:fadeIn 0.4s cubic-bezier(.54,1.3,.63,1.34) .6s backwards;

}



.home .swiper-slide-active .content{

  display: inline-block;

}



.swiper-button-next,

.swiper-button-prev{

  height: 5rem;

  width: 5rem;

  line-height: 5rem;

  background: #ffffff61;

  color: #111;

  border-radius: 50%;

}



.swiper-button-next:hover,

.swiper-button-prev:hover{

  background: var(--peru);

  color:#fff;

}



.swiper-button-next::after,

.swiper-button-prev::after{

  font-size: 2rem;

}





.about {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap-reverse;

      flex-wrap: wrap-reverse;

  gap: 3rem;

  

  min-height: 100vh;

  /* background: linear-gradient(45deg, #6154f8, #6d45fb); */

  background:url(../images/about-bg.jpg);

  background-position:center;

  background-size: cover;

  

    



}

.about.bottom{

  /* margin-bottom: 25rem; */

}



.about.bottom-end{

  background:url(../images/about-bg-3.jpg);

  background-position:center;

  background-size: cover;

}

.about.bottom-end .content ul{

  list-style-type: none;

  margin-top: 2rem;

  margin-bottom: 2rem;

}

.about.bottom-end .content ul li{

  font-size: 1.5rem;

  line-height: 2;

  color: #777;

 

}

.about.bottom-end .content .box{



display: flex;

align-items: flex-start;

justify-content: center;

}

.about.bottom-end .content .box i{

  width: 3rem;

  /* height: 3rem; */

  line-height: 3rem;

  border: 1px solid #fe4c1c;

  border-radius: 50%;

  text-align: center;

  color: #fe4c1c;

  margin-right: 1rem;

  margin-top: 1rem;

}

.about .image {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 42rem;

          flex: 1 1 42rem;

}



.about .image img {

  width: 100%;

}



.about .content {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 33rem;

          flex: 1 1 33rem;

}

.about .content span

{

  font-size: 16px;

    font-weight: 700;

    color: #a5b7d2;

    letter-spacing: 1px;



  text-transform: uppercase;

  

}



.about .content h3 {

  font-size: 3rem;

  text-transform: capitalize;

  color: #444;

  padding-bottom: .5rem;

}



.about .content p {

  font-size: 1.5rem;

  line-height: 2;

  color: #777;

  padding: 1rem 0;

}

.about .content-box {

  -webkit-box-flex: 1;

  -ms-flex: 1 1 20rem;

      flex: 1 1 20rem;



}



.about .content-box.two {

  margin-top: -10rem;

}

.about .content-box .box-container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

      flex-direction: column;

  gap: 2rem;

  margin-top: 1rem;

}



.about .content-box .box-container .box {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 25rem;

          flex: 1 1 25rem;

          background: #fff;

          border-radius: 1rem;

  padding:   3rem;

  text-align: center;

 

}

.about .content-box .box-container .box .icon i{

  background: #fff;

    font-size: 3rem;

    width: 8rem;

    height: 8rem;

    line-height: 8rem;

    border-radius: 50%;

    margin-bottom: 2rem;



}

.about .content-box .box-container .box.blue{

  background: #E5F9FF;

}

.about .content-box .box-container .box.blue .icon i{ 

  color: #17C8FF;

  box-shadow: 10px 10px 30px 0px rgba(2, 156, 236, 0.27);



}

.about .content-box .box-container .box.dark .icon i{ 

  color: #0160E7;

  box-shadow: 10px 10px 30px 0px rgba(1, 96, 231, 0.26);



}

.about .content-box .box-container .box.orange .icon i{ 

  color: #FE4C1C;

  box-shadow: 10px 10px 30px 0px rgba(254, 76, 28, 0.31);



}

.about .content-box .box-container .box.yellow .icon i{ 

  color: #FF9C27;

  box-shadow: 10px 10px 30px 0px rgba(255, 156, 39, 0.29);



}



.about .content-box .box-container .box.dark{

  background: #E7F1FF;

}

.about .content-box .box-container .box.orange{

  background: #ffebe6;

}

.about .content-box .box-container .box.yellow{

  background: #FFF3E9 ;

}







.about .content-box .box-container .box h3 {

  font-size: 2.2rem;

  color: #444;

  /* background: linear-gradient(45deg, #ff93c0, #f7637a); */

 

  margin:0;

}

.about .content-box .box-container .box p {

  font-size: 1.5rem;

  line-height: 2;

  color: #777;

  padding: 1rem 0;

}

/* .about .content-box .box-container .box p {

  font-size: 1.5rem;

  line-height: 2;

  color: #777;

  padding: 1rem 0;

} */



.about .content-box .box-container .box h3 i {

  padding-right: 1.5rem;

  color: #333;

}





.banner  {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 8rem;

  text-align: left;



  /* min-height: 100vh; */



  /* min-height: 70vh; */



  background:aliceblue;

  background-position: center;

  background-size: cover;



 

}







.banner  .image {

 width: 90%;

 margin: auto;

 height: auto;

 padding: 4rem;

 margin-top: -20rem;

 

 background: url(../images/banner.jpg)no-repeat;

 background-position: center;

 background-size: cover;



  text-align: center;

  border-radius: 2rem;

  box-shadow: 23px 0px 32px 0px rgba(254, 76, 28, 0.42);

}





.banner  .image p {

  font-size: 2rem;

    color: #f5f5f5;

    line-height: 1.6;

    margin-bottom: 2rem;



 

 

}.banner  .image h3{

  /* text-align: left; */

  line-height: 1.6;

  color:#fff;

  font-size: 5rem;

  margin-bottom: 2rem;



}.banner  .image .heading span{

  text-align: left;

  line-height: 1.6;

   color:#FDC800;;

}

.services {

  background: #F0F8FF;

   



}



.services .box-container {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (minmax(33rem, 1fr))[auto-fit];

      grid-template-columns: repeat(auto-fit, minmax(31rem, 1fr));

  gap: 1rem;

}



.services .box-container .box {

  text-align: center;

  padding: 1rem;

  margin-top:5rem;

  

}

.services .box-container .box .box-top{

    display:flex;

    

}



.services .box-container .box:hover img {

  -webkit-transform: translateY(-1rem);

          transform: translateY(-1rem);

}





.services .box-container .box .content{

    text-align: left;

    /* padding-left: 2.5rem; */

}



.services .box-container .box h3 {

  font-size: 2.4rem;

  color: var(--black);

  text-transform: capitalize;

 padding-bottom: 1rem;

  margin: 0;

}



.services .box-container .box p {

  font-size: 1.5rem;

  line-height: 2;

  color: #777;

  padding: 1rem 0;



}

.services .box-container .box i{

  font-size: 9.5rem;

    color: #c7e5ff;

    margin-right: -2rem;

    margin-top: -3rem;

}









.feature {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 8rem;

  text-align: left;

  /* min-height: 100vh; */



  min-height: 50vh;



  background:url(../images/banner.jpg) no-repeat;

  background-position: center;

  background-size: cover;



 

}









.feature .image {

 width: 50rem;

  text-align: left;

}





.feature .image p {

  font-size: 1.5rem;

    color: #f5f5f5;

    line-height: 1.6;



 

 

}

.feature .image .heading{

  text-align: left;

  line-height: 1.6;

  color:#fff;

}

.feature .image .heading span{

  text-align: left;

  line-height: 1.6;

   color:#F17D44;

}



.feature .content {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 45rem;

          flex: 1 1 45rem;

}



.feature .content span {

  font-size: 2rem;

  color:#45b7ff;

  

}



.feature .content .title {

  font-size: 4rem;

  color: #fff;

  margin-top: .5rem;

  line-height: 1.7;

 

}



.feature .content p {

  font-size: 1.5rem;

  color: #f5f5f5;

  

  line-height: 1.6;

}



.feature .content .box-container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 2rem;

  margin-top: 1rem;

}



.feature .content .box-container .box {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 25rem;

          flex: 1 1 25rem;

          background: linear-gradient(130deg, #fff 93%, transparent 90%);

  padding:   2.4rem;



}





.feature .content .box-container .box:hover .fa-solid{

    color:#fff;

}





.feature .content .box-container .box h3 {

  font-size: 2rem;

  padding-top: 2rem;

  padding-bottom: 2rem;

  color:#444;

 

 

  margin:0;

}



.feature .content .box-container .box  .fa-solid {

  background: linear-gradient(45deg, rgb(103, 75, 249), rgb(71 171 234));

  box-shadow: rgb(76 154 236 / 42%) 0px 7px 18px;

 

  color: #fff;

  border-radius: 1rem;

  padding: 1rem;

  font-size: 3rem;

  margin-bottom: 2rem;

}

.feature .content .heading{

 

    text-align: center;

    margin-bottom: 5rem;

    font-size: 3rem;

    text-transform: capitalize;

    color: #334;

    line-height: 1.6;

    padding: 0 4rem;

  

  }

  

  .feature .content .heading span {

    color: var(--brown);

    font-size: inherit;

    font-weight: inherit;

  }





.features {

       /* background: #F5F5F5; */

       padding: 5rem 10%;

       /* margin-top: -10rem; */

       z-index: 2;

       position: relative;

   



}



.features .box-container {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (minmax(33rem, 1fr))[auto-fit];

      grid-template-columns: repeat(auto-fit, minmax(33rem, 1fr));

  gap: 3rem;

}



.features .box-container .box {

  text-align: center;

  padding: 2rem;

  background: #fff;

  border-radius: 1rem;

  box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15);;

 

  /* border-right: 1px solid rgba(0,0,0,0.2); */

  /* background: #fff; */

  /* -webkit-box-shadow: var(--box-shadow);

          box-shadow: var(--box-shadow); */

  /* border: var(--border); */

}

.features .box-container .box.blue{

background: url(../images/card-blue.jpg)no-repeat;

background-size: cover;

background-position: top;

}

.features .box-container .box.dark{

  background: url(../images/card-dark.jpg)no-repeat;

  background-size: cover;

  background-position: bottom;

  }

  .features .box-container .box.org{

    background: url(../images/card-org.jpg)no-repeat;

    background-size: cover;

    background-position: top;

    }

.features .box-container .box .box-top{

    display:flex;

    align-items: flex-start;

    

}

/* .features .box-container .box:last-child{

    border:none;



} */



.features .box-container .box:hover img {

  -webkit-transform: translateY(-1rem);

          transform: translateY(-1rem);

}





.features .box-container .box .content{

    text-align: left;

    padding-left: 2.5rem;

}



.features .box-container .box h3 {

  font-size: 2rem;

  color: #444;

  text-transform: capitalize;

 /* padding-bottom: 1rem; */

  margin-bottom: 1rem;

}



.features .box-container .box p {

  font-size: 1.4rem;

  color: #777;

  /* line-height: 2; */

}

.features .box-container .box.dark .icon h2{

background: #ebf3ff;

    color: #296dff;}

    .features .box-container .box.org .icon h2{

    background: #feebe5;

    color: #f17d44;

}

.features .box-container .box .icon h2{

  font-size: 2.2rem;

  color: #00C3FF;

  font-weight: 700;

  background: #D9F6FF;

  border-radius: 50%;

  /* box-shadow: 0 1px 10px rgb(211 215 217); */

  /* border-radius: 0 29px 1px; */

  width: 6rem;

  line-height: 6rem;

  height: 6rem;



}

.features .box-container .box .icon img{

  width:100%;



}





  

  











.review{

  /* background: #F2F6F7; */

  text-align: center;

}

.review .heading{

  color: #444;

}



.review .slide{

  /* text-align: center; */

  padding:4rem 2rem;

  border-radius: .5rem;

  transform: scale(.9);

  opacity: .5;

  margin-bottom: 4rem;

  cursor: pointer;

  /* -webkit-box-flex: 1;

  -ms-flex: 1 1 60rem;

      flex: 1 1 60rem; */

}



.swiper-pagination-bullet-active{

  background: #296dff;

}



.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{

  bottom:0;

}



.review .swiper-slide-active{

  transform: scale(1);

  opacity: 1;

  background: #fff;

  box-shadow: var(--box-shadow);

  border:var(--border);

}







  .review  .slide {

  

       box-shadow: 0 10px 10px rgb(0 0 0 / 20%);

       border: 1px solid rgba(0,0,0,0.2);

    padding: 2rem 3rem;

    background: #fff;

  }

  

  .review  .slide p {

    font-size: 1.5rem;

    line-height: 2;

    color: #777;

    text-align: left;

  }

  

  .review  .slide .user {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    margin-top: 1.5rem;

  }

  

  .review  .slide .user img {

    height: 5rem;

    width: 5rem;

    -o-object-fit: cover;

       object-fit: cover;

    border-radius: 50%;

    margin-right: 1rem;

  }

  

  .review  .slide .user h3 {

    font-size: 2rem;

    color: #365378;

    margin: 0;

    

  }

  

 .review  .slide  .user span {

    color: #999;

    font-size: 1.5rem;

    text-align: left;

  }

  

 .review  .slide .user i {

    font-size: 5rem;

    margin-left: auto;

    margin-right: 2rem;

    color: #ddd;

  }

  /* signup page */



.signup-wrapper{



  padding: 4rem; 



  



  display: flex;



  justify-content: center;



  align-items: center;







 }



 .signup-form{



      margin-top:60px;



  position: relative;



  width: 100%;



  max-width: 600px;



  padding: 60px 40px 40px;

  background: #fff;



  /* background: rgba(0,0,0,0.7); */



  border:2px solid #FF5134;



  border-radius: 10px;



  color: #fff;



  box-shadow: 0 15px 25px rgba(0,0,0,0.5);



 }







.signup-form h2 {



  text-align: center;



  letter-spacing: 4px;



  margin-bottom: 2rem;



  font-size: 2.4rem;



  color: #FF5134;



}



.signup-form .input-group {



  position: relative;



  width:100%;



}



.signup-form .input-group input,textarea,select {



  width: 100%;



  padding: 10px 0;



  font-size: 1.4rem;



  color:#333;



  letter-spacing: 1px;



  margin-bottom: 30px;



  border: none;

  border-radius: 0;



  border-bottom: 1px solid rgba(0,0,0,.2);



  outline: none;



  background-color: transparent;



  resize: none;



}



.signup-form .input-group label{



    color: #444;



    font-size: 1.4rem;



}



.submit-btn {



   display: block;



   margin-left: auto;



   border: none;



   outline: none;



   background: #FF5134;



   font-size: 1.4rem;



   text-transform: uppercase;



   letter-spacing: 1px;



   padding: 10px 20px;



   border-radius: 5px;



   color: #fff;



   cursor: pointer;



   margin-bottom: 1.2rem;



 }



  /* login-form */



.login-wrapper {



    padding:7rem ;



  



   display: flex;



   justify-content: center;



   align-items: center;



 }



.login-wrapper .form {



     margin-top:40px;



   position: relative;



   width: 100%;



   max-width: 380px;



   padding: 80px 40px 40px;



   /* background: rgba(0,0,0,0.7); */



   border:2px solid #FF5134;

   background: #fff;



   border-radius: 10px;



   color: #fff;



   box-shadow: 0 15px 25px rgba(0,0,0,0.5);



 }



 





.login-wrapper .form h2 {



   text-align: center;



   letter-spacing: 4px;



   margin-bottom: 2rem;



   font-size: 2.4rem;



   color: #FF5134;



 }



.login-wrapper .form .input-group {



   position: relative;



 }



.login-wrapper .form .input-group input {



   width: 100%;



   padding: 10px 0;



   font-size: 1.4rem;



   color:#111;



   letter-spacing: 1px;



   margin-bottom: 30px;



   border: none;



   border-bottom: 1px solid rgba(0,0,0,.2);



   outline: none;



   background-color: transparent;



 }



.login-wrapper .form .input-group label{



     color: #333;



     font-size: 1.4rem;



 }



  /* advertise page */



.content-top{



 margin-top:80px;







  text-align: center;



  list-style-type: none;



 



}



.content-top h2{



  color: #272F38;



  padding: 1rem;



  



  font-size: 2.1rem;



}



.content-top li{



  padding:.5rem;



  color: #384350;



  font-size: 1.4rem;



}

#share-buttons img {



  width: 35px;



  padding: 5px;



  border: 0;



  box-shadow: 0;



  display: inline;



  }

  .menu-page{

    min-height: 80vh!important;

  }





.content-top ul{



  list-style-type: none;



}

/*dashboard*/

.dash-container{

  position: relative;

  width:  100%;

  display:flex;

  margin: 0rem auto;

 min-height: 100vh;



  

  

}

.dash{

    padding:1rem;

}

.dash-nav{

  position: absolute;

  top: 0;

  width :250px;

  height: 100%;

  background:#1ca0f3;

  transition: 0.5s;

  /*overflow: hidden;*/

}

.dash-nav.active{

  width: 10px;



}

.dash-nav ul{

  position: absolute;

  top:0;

  left:0;

  width:100%

}

.dash-nav ul li{

  position: relative;

  width:100%;

  list-style: none;

}

.dash-nav ul li:hover{

  background:#0d8ad8;

  cursor:pointer;



}

/*.dash-nav ul li:nth-child(1){*/

/*  margin-bottom:20px ;*/

/*}*/



.dash-nav ul li:nth-child(1):hover{

  background: transparent;

}

.dash-nav ul li a h2{

  font-size: 15px;

  

 

}

.dash-nav .link .dash-title h2{

    margin-top:0px;

    margin-bottom:10px;

}







.dash-nav ul li .link{

   

   /* padding:1rem; */

  position: relative;

  display: block;

  width: 100%;

  /*display: flex;*/

  text-decoration: none;

  color:#fff;

  font-size: 12px;

  border-bottom:1px solid rgb(228 228 228 / 20%)
  



}

.dash-nav ul li a{

    color:#fff;

    text-decoration:none;

    text-align:left;

    font-size:1.6rem;

}

/*.dash-nav ul li a .icon{*/

/*  position: relative;*/

/*  display: block;*/

/*  min-width: 60px;*/

/*  height: 60px;*/

/*  line-height: 60px;*/

/*  text-align: center;*/



/*}*/

.dash-nav ul li a .icon .fab{

  color: #fff;

  font-size: 15px;

}

.dash-nav ul li  .dash-title{

  position: relative;

 

  display: block;

  padding: 0 30px;

  /*height: 60px;*/

  line-height: 25px;

  white-space: nowrap;

}

.dash-nav ul li a .brand{

  text-transform: uppercase;

  font-size: 15px;

}

.main-container{

  position: relative;

  width: calc(100% - 250px);

 

  left:250px;

  /* min-height: 100vh; */

  /*background: #f5f5f5;*/

  transition: 0.5s;

}

.main-container.active{

  width: calc(100% - 10px);

  left:10px;

}





.main-container .topbar{

  width: 100%;

  background: rgb(181 179 179 / 30%);

  height: 60px;

  padding-left: 0 10px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.toggle h4{

  position: absolute;

    top: 13px;

    left: 49px;

}

.toggle{

  position: relative;

  width: 60px;

  height: 60px;

  

  cursor: pointer;

}

.toggle::before{

  content: url(../images/menubar.png);

  font-family: "Font Awesome 5 Free";

  position: absolute;

  width: 100%;

  height: 100%;

  line-height: 70px;

  font-size: 24px;

  text-align: center;

  color: #111;

}











.footer {

    background: url(../images/footer-bg.jpg) no-repeat;

    background-position: bottom;

    background-size: cover;

   

  }

  

  .footer .box-container {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: (minmax(25rem, 1fr))[auto-fit];

        grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));

    gap: 2rem;

  }

  

  .footer .box-container .box h3 {

    font-size: 2.2rem;

    text-transform: capitalize;

    color: #fff;

    padding: 1rem 0;

  }

  

  .footer .box-container .box .link {

    display: block;

    padding: .5rem 0;

    font-size: 1.5rem;

    line-height: 2;

    color: #f5f5f5;

    text-transform: capitalize;

  }

  

  .footer .box-container .box .link i {

    padding-right: .5rem;

    color: #45b7ff;

  }

  

  .footer .box-container .box .link:hover {

    color: #45b7ff;

  }

  

  .footer .box-container .box .link:hover i {

    padding-right: 2rem;

  }

  

  .footer .box-container .box p {

    padding: .5rem 0;

    font-size: 1.5rem;

    line-height: 2;

    color: #f5f5f5;

  }

  

  .footer .box-container .box p span {

    color: #45b7ff;

  }

  

  

  

  .footer .box-container .box .share {

    margin-top: 2rem;

  }

  

  .footer .box-container .box .share a {

    height: 4.5rem;

    width: 4.5rem;

    line-height: 4.5rem;

    font-size: 1.7rem;

    background: #45b7ff;

    color: #fff;

    border-radius: 50%;

    margin-right: 0.3rem;

    text-align: center;

  }

  

  .footer .box-container .box .share a:hover {

    background: #45b7ff;

  }

  

  .footer .credit {

    font-size: 1.4rem;

    text-transform: capitalize;

    color: rgb(224 224 224);

    margin-top: 3rem;

    padding-top: 3rem;

    border-top: 0.1rem solid rgb(227 227 227 / 32%);

    text-align: center;



  

  }

  

  .footer .credit span {

    color: #45b7ff;

  }

.arrow {

  background-color: #fff;

    color: #2182fa;

    /* padding: 16px 20px; */

    border-radius: 50%;

    border: none;

    cursor: pointer;

    /* opacity: 0.8; */

    position: fixed;

    bottom: 23px;

    right: 28px;

    box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);

    /* padding: 2rem 1.5rem; */

  

}

.arrow i{

  font-size: 2.7rem;

  width: 7rem;

  height: 7rem;

  line-height: 7rem;

  text-align: center;

  

}





@media (max-width: 1200px) {

  .header .contact-info {

    padding: 2rem 5%;

  }

  .header .main-navbar {

    padding: 2rem 5%;

  }

  section {

    padding: 3rem 5%;

  }

  .dash-nav{

    left:-300px;

}

.dash-nav.active{

    left:0;

}  



.main-container{

    width:100%;

    left:0px;   



}

}



@media (max-width: 991px) {

  html {

    font-size: 55%;

  }

  .header .contact-info {

    padding: 2rem;

  }

  .header .main-navbar {

    padding: 2rem;

  }

  section {

    padding: 3rem 2rem;

  }

}



@media (max-width: 768px) {

  .header .contact-info {

    display: none;

  }

  .header #menu-btn {

    display: inline-block;

  }

  .header #menu-btn.fa-times {

    -webkit-transform: rotate(180deg);

            transform: rotate(180deg);

  }

  .header .main-navbar .links {

    position: absolute;

    top: 99%;

    left: 0;

    right: 0;

    background: #fff;

    border-top: 0.2rem solid #334;

    border-bottom: 0.2rem solid #334;

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);

            clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);

  }

  .header .main-navbar .links.active {

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

  }

  .header .main-navbar .links a {

    display: block;

    margin: 2.5rem 2rem;

    font-size: 1.5rem;

  }

  .home{

    flex-direction: column-reverse;

    margin-top: 0;

  }

  .home .slide{

    min-height: auto;

  }

  .home .content{

    flex:1;

    text-align: center;

  }

  .home .image{

    margin-top:0;

  }

  .header .main-navbar .logo {

    font-size: 1.5rem;

  }

  .home .content h3 {

    font-size: 2rem!important;

  }

  .features .box-container {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: 1fr;

        grid-template-columns: 1fr;

    gap: 3rem;

  }

  

  .about{

    flex-direction: column;

    

  }

  .about .image{

    margin-bottom: -8rem;;

  }

  .about .content-box.two {

    margin-top: 0;

  }

  .signup-wrapper , .login-wrapper{

    padding:3rem 2rem;

}

  .dash-nav{

    width: 100%;

    left: -100%;

    z-index: 1;

}

.dash-nav.active{

    width: 100%;

    left:0;

}



.toggle.active{

    /* position: fixed; */

    z-index: 1;

    right: 0;

    left:342px;

   

   



}

.toggle.active::before{

    color:#fff;

}

.toggle.active::before {

  content:url(../images/cross.png);



  background: #337ab7;

}



.dash-ban{

          left:0;

      }

      .dash-bottom{

          left:0;

          

      }

      .dash-container{

          width:100%;

      }

      

      

          .topbar h4{

              display:block;

          }

          .toggle.active h4{

              display:none;

              

          }

          

          



}



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

.g-recaptcha {

transform:scale(0.77);

transform-origin:0 0;

}



}



@media (max-width: 450px) {

  html {

    font-size: 50%;

  }



  .contact .row form .inputBox input {

    width: 100%;

  }

  .heading {

    font-size: 3rem;

  }

}