@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600;700&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;

}

/* body{

  background: #f9f9f9;

} */



.data {







  margin-top:50px;







  







  padding:4rem;







  font-size:1.4rem;







  min-height:62vh;







  







}





section {

  padding: 5rem 10%;

}



.heading {

  text-align: center;

  margin-bottom: 3rem;

  font-size: 5rem;

  text-transform: capitalize;

  color: #323743;

}



.heading span {

     color: rgb(251, 189, 23);



}



.btn-1 {



  /* border: 0.2rem solid #334; */

  display: inline-block;

  margin-top: 1rem;

  padding: 1.5rem 3rem;

  cursor: pointer;

  background: linear-gradient(45deg, rgb(251, 189, 23), rgb(214 158 10));

  border-radius: 1rem;

  margin-right: 1rem;

  font-size: 1.7rem;

  text-transform: capitalize;

  color: #fff;





}

.btn-2{

    display: inline-block;

    margin-top: 1rem;

    padding: 1.5rem 3rem;

    cursor: pointer;

    background:#fff;

    border-radius: 1rem;

    font-size: 1.7rem;

    text-transform: capitalize;

    color: #444;

}



.btn:hover {

  background: #2597f4;

  border-color: #2597f4;

  color: #fff;

}



.header .contact-info {

  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: #2597f4;

}



.header .contact-info p {

  font-size: 1.5rem;

  color: #fff;

}



.header .contact-info p i {

  padding-right: .5rem;

  color: yellow;

}



.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;

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

  /* background: #fff; */

  /* background: #000;

  */

  position: relative;

  z-index: 1000;

}



.header .main-navbar.active {

  position: fixed;

  background: #fff;

  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.active .links a{

  color:#444;

}

.header .main-navbar.active .logo{

  color:#444;

}

.header .main-navbar.active  #menu-btn{

  color:#444;

}





.header .main-navbar .logo {

  font-size: 2.5rem;

  text-transform: capitalize;

  color: #fff;

  font-weight: bolder;

}



.header .main-navbar .logo i {

  color: #2597f4;

}



.header .main-navbar .links a {

  margin-left: 2rem;

  font-size: 2rem;

  text-transform: capitalize;

  color: #fff;

}



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

  text-decoration: underline;

  color: #fbbd17;;

}



.header #menu-btn {

  font-size: 3rem;

  cursor: pointer;

  color: #fff;

  display: none;

}

.background{

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

  background-position:bottom;

  /* background: #000000; */

  background-size: cover;

  position:relative;



}

.background::before{

  content: '';

  position: absolute;

  width: 320px;

  height: 320px;

  border-radius: 50%;

  top: 200px;

  background: #191919;

  animation: bounce 20s linear Infinite;



}







.home {

  padding-top: 0;

  

  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: 3rem;

  min-height: 100vh;



  

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

  /* padding-right: 0; */

}



.home .image {

    /* margin-top: 8rem; */

  -webkit-box-flex: 1;

      -ms-flex: 1 1 42rem;

          flex: 1 1 42rem;



}



.home .image img {

  width: 100%;

 /* animation: float 10s linear Infinite; */



}



@keyframes float {

  0%, 100% {

    transform: translateY(0rem);

  }

  50% {

    transform: translateY(-3.5rem);

  }

 

}

@keyframes bounce {

  0% {

    transform: scale(1, 1);

  }

  50% {

    transform: scale(1.3, 1.3);

  }

  100% {

    transform: scale(1, 1);

  }

}





.home .content {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 60rem;

          flex: 1 1 60rem;
          z-index:2;

}



.home .content h3 {

  font-size: 6rem;

  text-transform: capitalize;

  color: #fff;

  animation: 3s infinite alternate slidein;

}

.home .content h3 span{

  color: #fff;

}



.home .content p {

  font-size: 1.5rem;

  line-height: 2;

  color: #f5f5f5;

  padding: 1rem 0;

}





.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;

  /* padding-left: 0; */

  /* padding-top: 0; */

  

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

  

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

  background-position:center;

  background-image: linear-gradient(180deg, #ffffff 10%, #ffb61229 100%);

    /* background: #FFF2E8;*/

  background-size: cover;

  min-height: 100vh;

    



}



.about.about-top{

  /* padding-left: 0; */

}

.about.about-bottom{

padding-right: 0;

}

.about .image {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 60rem;

          flex: 1 1 60rem;

}



.about .image img {

  width: 100%;

}



.about .content {

  -webkit-box-flex: 1;


      -ms-flex: 1 1 42rem;

          flex: 1 1 42rem;

}



.about .content span{

  font-size: 1.6rem;

  line-height: 2;

}

.about .content h3 {



  font-size: 5rem;

  text-transform: capitalize;

  color: #F2B514;

  font-weight: 800;

  padding-bottom: .5rem;

}

.about .content h3 span{

  color:#3A3F4B;

  font-size: inherit;

  line-height: 1.6;

  /* font-size: 1.6rem; */



}



.about .content p {

  font-size: 1.5rem;

  line-height: 2;

  color: #777;

  padding: 1rem 0;

}

.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; */

 /* margin-top:7rem; */

  



  background:#F0F0F0;



 

}









.feature .image {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 35rem;

          flex: 1 1 35rem;

  position: relative;

  text-align: left;

}





.feature .image p {

  font-size: 1.5rem;

    color: #777;

    line-height: 1.6;



 

 

}

.feature .image .heading{

  text-align: left;

  line-height: 1.6;

}



.feature .content {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 45rem;

          flex: 1 1 45rem;

}



.feature .content span {

  font-size: 2rem;

  color: var(--orange);

  

}



.feature .content .title {

  font-size: 4rem;

  color: #333;

  margin-top: .5rem;

  line-height: 1.7;

 

}



.feature .content p {

  font-size: 1.5rem;

  color: #777;

  

  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;

  }

  .about .content .icons-container{

    display: flex;

    flex-wrap: wrap;

    gap:2rem;

    margin-top: 1rem;

  }

  

  .about .content .icons-container .icons{

    flex: 1 1 20rem;

    text-align: left;

    background: #fdfdfd;

    /* padding: 3rem 2rem; */

    border: 1px solid #f4e8d9;

    padding: 1rem;

    text-align: center;



    /* background: var(--light-bg); */

    /* padding:3rem 2rem; */

    /* border: 1px solid #efdae8; */

  }

  .about .content .icons-container .icons img{

    width: 60%;

  }

  .about .content .icons-container .icons i{

    width: 4rem;

    color: #fff;

    font-size: 2rem;

    background: #78e4b0;;

    height: 4rem;

    line-height: 4rem;

    text-align: center;

    border-radius: 50%;

  

  }

  /* .about .content .icons-container .icons i{

    color: #444;

    font-size: 4rem;

    position: relative;

  

  } */

  /* .about .content .icons-container .icons i::before{

    content:'';

    width: 20px;

    height: 20px;

    background: var(--brown);

    position: absolute;

  } */

  

  

  

  .about .content .icons-container .icons h3{

    padding-top: 1rem;

    font-size: 1.6rem;

    color: #444;

    margin: 0;

  }

  

  .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%;

}






.services {

  padding-bottom: 0;

   



}



.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: 3rem;

}



.services .box-container .box {

  text-align: center;

  padding:  4rem;

  min-height: 400px;



}

.services .box-container .box:hover{

  -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);



}

.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: center;

    padding-left: 2.5rem;

}



.services .box-container .box h3 {

  font-size: 2.4rem;

  color: #444;

  text-transform: capitalize;

 padding-bottom: 1rem;

  margin: 0;

}



.services .box-container .box p {

  font-size: 1.4rem;

  color: #777;

  line-height: 2;

}

.services .box-container .box .fa-solid{



  font-size: 4.5rem;

    color: #fff;

    background: #323743;

    border-radius: 50%;

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

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

    width: 9rem;

    margin-right: -2rem;

    line-height: 9rem;

    height: 9rem;

    margin-bottom: 2rem;



}

.services .box-container .box .icon{

  margin: auto;

  width: 10rem;

  height: 10rem;

  border-radius: 100%;

  margin-bottom: 3rem;

  



  transition: all .3s ease 0s;}

  .services .box-container .box:nth-child(1) .icon{

    border: 1px solid #fc6638;

  }

  .services .box-container .box:nth-child(2) .icon {

    border: 1px solid #6c58fa;

}

.services .box-container .box:nth-child(3) .icon {

  border: 1px solid #323E79;

}

    

.services .box-container .box:nth-child(1) .fa-solid{

  background: #FC6638;

  box-shadow: 0px 7px 35px 0px rgb(252 151 120 / 51%);

}

.services .box-container .box:nth-child(2) .fa-solid{

  background: #6C58FA;

  box-shadow: 0px 7px 35px 0px #6c58fa5c;

}

.services .box-container .box:nth-child(3) .fa-solid{

  background: #323E79;

  box-shadow: 0px 7px 35px 0px #323e794c;

}













.facilities {

   background: #f1eeff;



}



.facilities .box-container {

  display: -ms-grid;

  display: grid;

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

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

  gap: 2rem;

}



.facilities .box-container .box {

  background: #fff;

  padding: 3rem;

  text-align: center;

  

  -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);

}











.facilities .box-container .box img {

  height: 10rem;

  margin-bottom: .5rem;

}



.facilities .box-container .box h3 {

  padding: 1rem 0;

  font-size: 2rem;

  text-transform: capitalize;

  color: #334;

}



.facilities .box-container .box p {

  font-size: 1.4rem;

  line-height: 2;

  color: #777;

}

.team{

position: relative;

min-height: 88vh;

}

.team .wave{

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

  /* background-size: cover;

  background-position: center; */



}

.team .wave img{

  width: 100%;

  height:600px;

}

.team .heading{

  text-align: left;

}



.team .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;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

          margin-top: 8rem;

}



.team .box-container .box {

  overflow: hidden;

  text-align: center;

}



.team .box-container .box:hover .content {

  margin-bottom: 0;

}



.team .box-container .box img {

  width: 135px;



  /* border-radius: 50%; */

}



.team .box-container .box .content {

  padding: 2rem;

 

}



.team .box-container .box .content h3 {

  font-size: 2rem;

  text-transform: capitalize;

  color: #fff;

}



.team .box-container .box .content p {

  font-size: 1.4rem;

  line-height: 2;

  color: #f5f5f5;

  padding: .5rem 0;

}



.team .box-container .box .content .share {

  margin-top: 1.5rem;

}



.team .box-container .box .content .share a {

  height: 4.5rem;

  width: 4.5rem;

  line-height: 4.5rem;

  font-size: 1.7rem;

  margin: 0 .3rem;

  background: #334;

  color: #fff;

}



.team .box-container .box .content .share a:hover {

  background: #2597f4;

}



.newsletter{

 position: relative;

  /* min-height: 75vh; */

  text-align: center;

  background: url(../images/coin-bg.gif)no-repeat;

  background-size: cover;

  background-position: center;

  

}

.newsletter .banner{

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;



  /* background-size: cover;

  background-position: center; */



}

.newsletter .banner img{

  width: 100%;

  height: 500px;

  z-index: -1;

}





.newsletter .heading{

  color:#fff;

  font-size: 4rem;

}



.newsletter p{

  color:#f5f5f5;

  font-size: 1.6rem;

  width: 90%;

  margin: auto;

  line-height: 1.7;

  padding:1rem 0;

}



.newsletter form{

  height:5.5rem;

  max-width: 60rem;

  margin:0 auto;

  padding:0 1rem;

 

  /* display: flex;

  align-items: center;

  justify-content: space-between; */

  border-radius: 5rem;

  

}



.newsletter form input[type="email"]{

  height: 100%;

  width: 80%;

  padding:0 2rem;

  outline: none;

  border:none;

  /* border-radius: 5rem; */

  font-size: 2rem;

  color:#fff;

  margin-bottom: 1rem;

  background: rgb(4 4 4 / 75%);;

}

.newsletter form input[type="text"]{

  background: rgb(4 4 4 / 75%);

  height: 100%;

  width: 80%;

  padding:0 2rem;

  outline: none;

  border:none;

  margin-bottom: 1rem;

  /* border-radius: 5rem; */

  font-size: 2rem;

  color:#fff;

}

.cards {

  min-height:70vh;

  /* background: #f7f7f7; */



   



}



.cards .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;

}



.cards .box-container .box {

  text-align: left;

  padding: 2rem;

  background: var(--white);

  -webkit-box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);

  box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);

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

  /* height: 300px; */

  border: 1px solid rgb(235 104 135);

  border-radius: 2rem;



}

.cards .box-container .box:nth-child(1){

  background: linear-gradient(45deg, rgb(255 199 50), rgb(246 185 21));

}

.cards .box-container .box:nth-child(1) h2{

  color: #fff;

}

.cards .box-container .box:nth-child(1) p{

  color: #fff;

}

.cards .box-container .box:nth-child(1) h3{

  color: #fff;

}

/* .cards .box-container .box:hover{

  border: 1px solid #F19D3B;





} */

.cards .box-container .box .box-top{

    display:flex;

    

}



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

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

          transform: translateY(-1rem);

}





.cards .box-container .box .content{

    /* text-align: left; */

    /* padding-left: 2.5rem; */

}

.cards .box-container .box h2{

  font-size: 2.4rem;

  margin-bottom: 2rem;

  color: #fbbd17;;

}

.cards .box-container .box h3 {

  font-size: 2rem;

  line-height: 1.4;
    height: 70px;
  color: var(--black);

  font-weight: 700;

  margin-bottom: 1rem;

  text-transform: capitalize;

  

 /* padding-bottom: 1.4rem;

  margin: 0;

  margin-bottom: 1rem; */

  position: relative;

}

/* .cards .box-container .box h3::before{

  content: '';

    width: 55px;

    height: 4px;

    position: absolute;

    bottom: 0;

    left: 40%;

    background: #f46b45;



} */



.cards .box-container .box p {

  font-size: 1.5rem;

  color: var(--light-color);

  /* line-height: 2;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

 

  text-overflow: ellipsis; */
  margin-bottom: 2rem;

}

.cards .box-container .box .fa-solid{

  line-height: 8rem;

    font-size: 3.5rem;

    width: 8rem;

    border-radius: 50%;

    color: #0087ff;

    background: #f5f9fd;

    margin-bottom: 3rem;

 

   

}







.review {

  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: 2rem;

  background: #fbfbfb;

  /* min-height: 70vh; */

}



.review .information {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 35rem;

          flex: 1 1 35rem;

}



.review .information span {

  font-size: 2rem;

  color: #777;

  text-transform: capitalize;

}



.review .information h3 {

  font-size: 3rem;

  color: #323743;

  padding-top: 1rem;

}



.review .information p {

  font-size: 1.5rem;

  line-height: 2;

  color: #666;

  padding: 1rem 0;

}



.review .review-slider {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 60rem;

          flex: 1 1 60rem;

}



.review .review-slider .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 .review-slider .slide p {

  font-size: 1.5rem;

  line-height: 2;

  color: var(--light-black);

}



.review .review-slider .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 .review-slider .slide .user img {

  height: 5rem;

  width: 5rem;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 50%;

  margin-right: 1rem;

}



.review .review-slider .slide .user h3 {

  font-size: 2rem;

  color: #F6B915;

}



.review .review-slider .slide .user span {

  color: #999;

  font-size: 1.5rem;

}



.review .review-slider .slide .user i {

  font-size: 5rem;

  margin-left: auto;

  margin-right: 2rem;

  color: #f5f5f5;

}



.footer {

  background: url(../images/footer-bg.png);

  background-size:cover ;

  background-position: top;

  text-align: left;

  border-top: 4px solid rgb(251, 189, 23);

  

}



.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;

}



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

  padding-right: .5rem;

  color: #F6B915;

}



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

  color: #F6B915;

}



.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: #F6B915;

}







.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: rgb(51, 51, 68); */

    color: rgb(251, 189, 23);

    border-radius: 50%;

    border: 1px solid rgb(251, 189, 23);

    margin-right: 0.4rem;

    text-align: center;

}



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

  background: #F6B915;

}



.footer .credit {

  font-size: 2rem;

  text-transform: capitalize;

  color: #999;

  margin-top: 3rem;

  padding-top: 3rem;

  border-top: 0.2rem solid #334;

  text-align: center;

}



.footer .credit span {

  color: #F6B915;

}

/* signup page */







.signup-wrapper{







  padding: 4rem; 







  height: 100%;







  display: flex;







  justify-content: center;







  align-items: center;















 }







 .signup-form{





margin: auto;

      margin-top:60px;

margin-bottom: 60px;





  position: relative;







  width: 100%;







  max-width: 600px;







  padding: 60px 40px 40px;







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



  background:#fff;







  border:2px solid #fbbd17;;







  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: #fbbd17;;







}







.signup-form .input-group {







  position: relative;







  width:100%;



  text-align: left;







}







.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-bottom: 1px solid rgba(0,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: #fbbd17;;







   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;







 }







 .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 #fbbd17;;



   background:#fff;







   border-radius: 10px;







   color: #fff;







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







 }







 







 .form img {







   position: absolute;







   top: -50px;







   left: calc(50% - 50px);







   width: 100px;







   background: rgba(255,255,255, 0.8);







   border-radius: 50%;







 }







 .form h2 {







   text-align: center;







   letter-spacing: 4px;







   margin-bottom: 2rem;







   font-size: 2.4rem;







   color: #fbbd17;;







 }







 .form .input-group {







   position: relative;







 }







 .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 #777;







   outline: none;







   background-color: transparent;







 }







 .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;







}







.content-top ul{







  list-style-type: none;







}



/*dashboard*/



.dash-container{



  position: relative;



  width:  100%;



  display:flex;



  margin: 0rem auto;



 min-height: 130vh;







  



  



}



.dash{



    padding:1rem;



}



.dash-nav{



  position: absolute;



  top: 0;



  width :250px;



  height: 100%;



 background: #fbbd17;;



  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:  #e0ae23;;



  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:.5rem;



  position: relative;



  display: block;



  width: 100%;



  /*display: flex;*/



  text-decoration: none;



  color:#fff;



  font-size: 12px;



  border-bottom: 1px solid rgb(0 0 0 / 9%);



  







}



.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: '\f007';



  font-family: "Font Awesome 5 Free";



  position: absolute;



  width: 100%;



  height: 100%;



  line-height: 60px;



  font-size: 24px;



  text-align: center;



  color: #111;



}

















@media (max-width: 1200px) {

  .header .contact-info {

    padding: 2rem 5%;

  }

  .header .main-navbar {

    padding: 2rem 5%;

  }

  section {

    padding: 3rem 5%;

  }

}



@media (max-width: 991px) {

  html {

    font-size: 55%;

  }

  .header .contact-info {

    padding: 2rem;

  }

  .header .main-navbar {

    padding: 2rem;

  }

  section {

    padding: 3rem 2rem;

  }

  .dash-nav{



    left:-300px;



}



.dash-nav.active{



    left:0;



}







.main-container{



    width:100%;



    left:0px;   







}



}



@media (max-width: 768px) {

  .header .contact-info {

    display: none;

  }

  .about.about-top{

    padding-left: 2rem;

  }

  .about.about-bottom{

    padding-right: 2rem;

    }

  .services .box-container .box{

    min-height: 100%;

  }

  .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: 2.5rem;

    color:#444;

  }

  

  .home{

    flex-direction: column;

    margin-top: 0;

    min-height: 100%;

  }

  .home .content{

    flex:1;
z-index:2;
    text-align: center;

  }

  .home .image{

    margin-top:0;

    flex:1;

  }

  .about{

    flex-direction: column;

    min-height: auto;

    

  }

  .about .image{

flex:1;

  }

  .about .content{

    flex:1;

      }

  .about-2 {

    gap: 3rem;

   

  }

  .about-2 .image {

    margin-top: 5rem;

  }

  .about-2 .content .title {

    font-size: 3rem;

  }

  .newsletter p{

    width: 100%;

  }

  .hero-thumb-inner1 {

    position: absolute;

    right: 33px!important;

    top: -11px!important;

    z-index: 1;

    width: 80% !important;

}

  .counter{

    width:100%;

  }

  .wave{

    background: #FFBD00;

  }

  .signup-wrapper , .login-wrapper{



    padding:3rem 2rem;



}

}



@media (max-width: 450px) {

  html {

    font-size: 50%;

  }

  .home .content h3 {

    font-size: 3rem;

  }

  .contact .row form .inputBox input {

    width: 100%;

  }

  .heading {

    font-size: 3rem;

  }

}

.rotate{

  animation: rotate 60s linear infinite;

}

@keyframes rotate {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

}

/* FAQ */



 





 @media (max-width: 475px) {

	 .container h1 {

		 margin: 50px 0 20px 0;

	}

}

 .accordion {

	 display: flex;

	 flex-direction: row;

	 justify-content: space-between;



	 font-size: 18px;

	 

	 font-weight: 700;

	 cursor: pointer;

	 transition: all 0.3s ease;

   /* background: rgb(194 194 194 / 10%); */

    border-radius: 4px;

    padding: 1rem;

    margin-bottom: 1rem;

    /* border: 1px solid rgb(0 0 0 / 11%); */

    background: #faf1d787;

   border: 1px solid #fbbd174a;

}

.accordion .icon{

  background: #FBBD17;

    width: 35px;

    text-align: center;

    color: #fff;

}

 .accordion:hover {

	 background: #faf1d787;

   border: 1px solid #fbbd174a;

}

 .panel {

	 max-height: 0px;

	 overflow: hidden;

	 transition: all 1s ease;

}

 .panel p {

	 margin: 2rem 0;



   font-size: 1.5rem;line-height: 2;

}

 .open {

	 /* color: #FBBD17; */

}

/* counter */

.p-y-2 {

  padding-top: 28px;

  padding-bottom: 28px;

}

.p-y-3 {

  padding-top: 45px;

  padding-bottom: 45px;

}

.m-b-1 {

  margin-bottom: 18px; 

}

.m-t-1 { 

  margin-top: 18px;



}

/* .counter{

  background: #FEF3DB;

} */



.main_counter_area{

              

              background-size: cover;

              overflow: hidden;

          }

          .main_counter_area .main_counter_content .single_counter{

              background:#fff ;

              border:1px solid #ffb812;

                  color: #fff;

          }

          .main_counter_area .main_counter_content .single_counter .icon{

            /* border: 2px solid #ed6260; */

            width: 10rem;

            height: 10rem;

            margin: auto;

            border-radius: 50%;

          }

          .main_counter_area .main_counter_content .single_counter i{

            font-size: 4.5rem;

            color: rgb(255 184 18);

            background: #ffefcc73;

            border-radius: 50%;

            width: 10rem;

            margin-right: -2rem;

            line-height: 10rem;

            height: 10rem;

            margin-bottom: 2rem;

            /* box-shadow: 0px 7px 35px 0px rgb(252 151 120 / 51%);*/

          }

          .main_counter_area .main_counter_content .single_counter h2{

            color: #bd110e;

            font-weight: 600;



          }

          .main_counter_area .main_counter_content .single_counter p{

            color: #444;





          }

          /*style two thumb*/

.dreamit-hero-thumb {

  position: relative;

}

.hero-main-thumb {

  position: relative;

  left: 0;

  top: 16px;

}

.hero-main-thumb img {

  width: 99%;

}

.hero-thumb-inner1 {

  position: absolute;

  right: -32px;

  top: -40px;

  /*z-index: -1;*/

}

.hero-thumb-inner2 {

  position: absolute;

  z-index: 1;

  top: 120px;

  left: 50px;

}

.hero-thumb-inner3 {

  position: absolute;

  z-index: 1;

  right: 42px;

  left: inherit;

  top: 275px;

}

.hero-thumb-inner4 {

  position: absolute;

  top: -455px;

  left: -100px;

}

.hero-thumb-inner5 {

  position: absolute;

  top: 35px;

  left: -70px;

  z-index: 1;

}

.hero-thumb-inner6 {

  position: absolute;

  content: "";

  z-index: 1;

  right: -83px;

  top: -454px;

}

/*hero button 2*/

.hero-button a {

  display: inline-block;

  font-size: 16px;

  padding: 17px 34px;

  font-weight: 500;

  font-family: 'Montserrat';

  background: #FFBD00;

  color: #090909;

  border-radius: 5px;

  border: 1px solid #FFBD00;

  position: relative;

  z-index: 1;

}

.hero-button a:before {

  position: absolute;

  content: "";

  z-index: -1;

  right: 0;

  bottom: 0;

  left: inherit;

  top: inherit;

  width: 26px;

  height: 22px;

  background: #FFD761;

  border-radius: 25px 0 0 0;

  transition: .5s;

}

.hero-button a:hover:before {

  width: 100%;

  height: 100%;

  border-radius: 5px;

}

/*============================

Nftpro section title Css

==============================*/

.dreamit-section-title h1 {

  font-size: 38px;

  font-weight: 400;

  color: #fff;

}

h1.section-title {

  font-weight: 600;

}

.dreamit-section-title h4 {

  font-size: 18px;

  font-weight: 500;

  color: #FFBC00;

  position: relative;

  z-index: 1;

}

.dreamit-section-title h4:before {

  position: absolute;

  z-index: 1;

  content: "";

  left: -120px;

  top: 10px;

  right: 0;

  margin: auto;

  width: 152px;

  height: 1px;

  background-image: linear-gradient(to right, #1db78f, #333);

}

.dreamit-section-title p {

  color: #919ea4;

}

p.section-text {

  padding: 24px 0 7px;

}

.upper1.dreamit-section-title h4 {

  font-size: 18px;

  margin-bottom: 19px;

}

.upper1 p.section-text1 {

  padding: 24px 0px 7px;

}

/*up*/

.up p.section-text {

  padding: 24px 311px 7px;

}

.up.dreamit-section-title h4:before {

  position: absolute;

  z-index: 1;

  content: "";

  left: 325px;

  top: 10px;

  right: 0;

  margin: auto;

  width: 152px;

  height: 1px;

  background-image: linear-gradient(to right, #1db78f, #333);

}

.up.dreamit-section-title h4:after {

  position: absolute;

  z-index: 1;

  content: "";

  left: -292px;

  top: 10px;

  right: 0;

  margin: auto;

  width: 120px;

  height: 1px;

  background-image: linear-gradient(to left, #1db78f, #333);

}

.dreamit-section-title span {

  font-size: 42px;

  font-weight: 600;

}

/*section title style two*/

.style-two.dreamit-section-title h4 {

  font-size: 16px;

  font-weight: 500;

  color: #fabb04;

  padding: 0 0 10px;

}

.style-two.dreamit-section-title h4:before {

  position: inherit;

}

.style-two.dreamit-section-title h1 {

  font-size: 42px;

  font-weight: 700;

  color: #fff;

  line-height: 42px;

}

/*section title style three*/



/*============================

Cpyptobit about Area Css

==============================*/

/*about area style two*/

.style-two.about-area {

  background: #050603;

}

/*about thumb style two*/

.dreamit-about-thumb {

  position: relative;

  z-index: 1;

}

.about-thumb-inner {

  position: absolute;

  left: 59px;

  top: 84px;

}

.about-thumb-inner1 {

  position: absolute;

  right: 190px;

  top: 46px;

}

/*about icon box*/

.about-single-icon-box {

  background: #1E1E24;

  padding: 10px 0 12px 20px;

  border-radius: 5px;

  margin-bottom: 20px;

  position: relative;

  z-index: 1;

}

.about-single-icon-box:before {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0;

  background: #FFBC00;

  transition: .5s;

  border-radius: 5px;

  z-index: -1;

}

.rotateme {

  animation-name: rotateme;

  animation-duration: 20s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  }

  @keyframes rotateme {

  from {

  transform: rotate(0deg);

  }

  to {

  transform: rotate(360deg);

  }

  }

  @media(max-width:480px){



   



    .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:275px;

  

       

  

  

  

    }

  

    .toggle.active::before{

  

        color:#fff;

  

    }

  

    

  

    .dash-ban{

  

              left:0;

  

          }

  

          .dash-bottom{

  

              left:0;

  

              

  

          }

  

          .dash-container{

  

              width:100%;

  

          }

  

          

  

          

  

              .topbar h4{

  

                  display:block;

  

              }

  

              .toggle.active h4{

  

                  display:none;

  

                  

  

              }

  

              

  

              

  

    

  

  }