@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600&display=swap");

* {

  font-family: 'Montserrat', 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 {



  margin-top:50px;



  



  padding:4rem;



  font-size:1.4rem;



  min-height:62vh;





  



}



body{

  overflow: hidden;}







section {

  padding: 5rem 7%;

}



.heading {

  text-align: center;

    margin-bottom: 1rem;

    font-size: 3.5rem;

    text-transform: capitalize;

    color: #444;

    font-weight: 600;

}



.heading span {

  color: #001d83;

}

.head-banner{

  display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 4rem;

}

.add-btn{

  display: block;

    background: #001d83;

    color: #fff;

    width: 100%;

    padding: 1rem;

    font-weight: 600;

    margin-bottom: 1rem;

    border-radius: .5rem;

    text-transform: capitalize;

}

.add-btn.border{

  

  background: none;

  color: #001d83;

  /* border: 1px solid rgba(0,0,0,.2); */

  width: 100%;

  padding: 1rem;

  text-transform: capitalize;

}





 .btn-2.light{

  background: transparent;

  border: 2px solid #045d55;

  color:#045d55;

  padding: 1rem 3rem !important;

  font-size: 1.6rem !important;

  color: #f9b010 !important;

  font-weight: 500 !important;

  text-align: center !important;

}

.btn-2.dark{

  display: inline-block;

  border-radius: 80px;

  background: linear-gradient(90deg, #045d55 0%, #a94442 100%);

  /* padding: 12px 12px 12px 18px; */

  color: #FFF!important;

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 18px;

  transition: all 0.4s;

  position: relative;

  overflow: hidden;

  z-index: 2;

  border: none;

}



.btn-2.green{

  display: inline-block;

  border-radius: 80px;

  background: linear-gradient(90deg, #045d55 0%, #a94442 100%);

  /* padding: 12px 12px 12px 18px; */

  color:#045d55!important;

  font-size: 18px;

  font-style: normal;

  font-weight: 600;

  line-height: 18px;

  transition: all 0.4s;

  position: relative;

  overflow: hidden;

  z-index: 2;

  border: none;

}



.btn-2.dark.green{



}

.btn-2.green:hover{

  color: #fff!important;

  background:#045d55;

  text-decoration: none;



}

.btn-2.dark:hover {

  color: #fff!important;

  transition: all .4s;

  text-decoration: none;

 

}

.btn-2.dark.green:hover::after {

  color: #fff!important;

}



.btn-2.dark:hover::after {

  color: #fff!important;

  width: 100%;

  left: 0;

  right: auto;

  transition: all .4s;

  text-decoration: none;

}







.btn-2.dark::after {

    content: "";

    position: absolute;

    left: auto;

    right: 0;

    top: 0;

    height: 100%;

    width: 0%;

    border-radius: 80px;

    background: var(--SEO-Marketing-New, linear-gradient(90deg, #022421 0%, #022421 100%));

    z-index: -1;

    transition: all .4s;

    color: #fff!important;

   

  }



.btn-2{

    display: inline-block;

    /* margin-top: 1rem; */

    padding: 1.2rem 3rem;

    cursor: pointer;

    text-align: center;

    background:#001d83;

    border-radius: 1rem;

    font-size: 1.7rem;

    text-transform: capitalize;

    color: #fff;

}



/* .btn-2:hover {

 color:#fff;

 text-decoration: none;

} */





.header .main-navbar {

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

  padding: 2rem 6%;

  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: #F4F7FC; */

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

  position: relative;

  z-index: 1000;

  background: #fff;

    /* margin:0 7%; */

    /* border-radius: 5rem; */

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

  

}



.header .main-navbar.active {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  background: #fff;

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

  font-weight: bolder;

}



.header .main-navbar .logo i {

  color: #2597f4;

}

.header .main-navbar .links{

  display: flex;

    align-items: center;

}



.header .main-navbar .links a {

  margin-left: 2rem;

  font-size: 1.8rem;

  text-transform: capitalize;

  color: #334;

}



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

  text-decoration: underline;

  color: #2597f4;

}



.header #menu-btn {

  font-size: 3rem;

  cursor: pointer;

  color: #334;

  display: none;

}

.bg{

  /* background:#f7f7f7; */

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

  background-position: center;

  background-size: cover;

  padding: 2rem;



}



.home {

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

    background-position: center;

    background-size: cover; */

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

  padding-top: 2rem;

  /* padding: 2rem 6rem; */

  /* background: #F4F7FC; */

  padding-bottom: 0;

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

  /* background: #fff; */

  /* padding-right: 0; */

}



.home .image {

    /* margin-top: 8rem; */

  -webkit-box-flex: 1;

      -ms-flex: 1 1 45rem;

          flex: 1 1 45rem;

          position: relative;

          

}

.home .image .info-box{

  position: absolute;

  top: 50px;

  width: 140px;

  /* padding: 1rem 2rem; */

  /* min-height: 90px; */

  /* min-width: 260px; */

  flex-direction: column;

  /* background: #fff; */

  box-shadow: 0 40px 30px rgba(25, 25, 46, .04);

  border-radius: 52px;

  animation: float 10s linear Infinite;

}

@keyframes float {

  0%, 100% {

    transform: translateY(0rem);

  }

  50% {

    transform: translateY(-3.5rem);

  }

 

}

@keyframes float2 {

  0%, 100% {

    transform: translateY(0rem);

  }

  50% {

    transform: translateY(-2.5rem);

  }

 

}

@keyframes rotate {

  0% {

    transform: rotate(-20deg);

  }

  100% {

    transform: rotate(20deg);

  }

 

}



.home .image .info-box i{

  width: 54px;

  height: 54px;

  flex-shrink: 0;

  background: linear-gradient(90deg, #3B32F6 0%, #49A6FF 100%);

  border-radius: 50%;

  line-height: 54px;

  text-align: center;

  color:#fff;

  margin-right: 1rem;

  



}

.home .image .info-box2 i{

  width: 54px;

  height: 54px;

  flex-shrink: 0;

  background: linear-gradient(90deg, #3B32F6 0%, #49A6FF 100%);

  border-radius: 50%;

  line-height: 54px;

  text-align: center;

  color:#fff;

  margin-right: 1rem;

  



}

.home .image .info-box p{

  color:  #0B0314;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px;

    padding-left: 10px;

    margin:0;



}

.home .image .info-box2 p{

  color:  #0B0314;

  font-size: 20px;

  font-style: normal;

  font-weight: 600;

  line-height: 20px;

  padding-left: 10px;

}

.home .image .info-box2{

position: absolute;

    right: -20px;

    padding: 2rem;

    top: 350px;

    background: #fff;

    box-shadow: 0 40px 30px rgba(25,25,46,.04);

    border-radius: 52px;

    text-align: center;

    animation: float2 8s linear Infinite;

}

.home .image .info-box2 img{

/* width: 50px;

    border-radius: 50px; */

  



}

.home .image .graph{

  position: absolute;

  right: 220px;

  bottom: 0;

  border-radius: 50%;

  padding: 1rem;

  background: #fff;

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

  animation-name: rotate;

  animation-duration: 2s;

    animation-iteration-count: infinite;

    animation-direction: alternate;

    animation-timing-function: ease-in-out;







}

.home .image .graph img{

  border-radius: 50%;

    width: 110px;

}

.home .image img {

  width: 100%;

}



.home .content {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 45rem;

          flex: 1 1 45rem;

}



.home .content h3 {

  font-size: 7rem;

  text-transform: capitalize;

  color: #022421;

  font-weight: 800;

  line-height: 1.2;

}



.home .content h3 span{

  color: #001d83;

    font-size: 4rem;

}

.home .content p {

  color: #888;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  padding-top: 16px;

  margin-bottom: 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: 4rem;

  /*background: #1d0735;*/

  



  background-position:center;

 

  background-size: cover;



    



}

.about .image .shape-bg3{





  position: absolute;

  right: 101px;

  width: 100%;

  z-index: -1;

  top: -37px;

  height: 100%;

}

.about .image .shape-bg2{

position: absolute;

    right: -46px;

    width: 122%;

    z-index: -1;

    top: -81px;

    height: 100%;

}

.about .icons-container .icons{

  display: flex;

  align-items: flex-start;

  /* background:#F6F7FF; */

  border-radius: 8px 50px;

  padding: 32px!important;

  



}

.about .icons-container .icons:nth-child(2){

  background: #f4f7fc;



}

.about .icons-container .icons:nth-child(2)  h3{

  background: #D7605D

}

.about .icons-container .icons:nth-child(2)  p{

  color:#666!important;

}

.about .icons-container .icons:nth-child(2)  h4{

  color:#444!important;

}

.about .icons-container .icons i{

  color: #ffc751;

  background: #fff3da;

  border-radius: 50%;

  height: 30px;

  width: 30px;

  line-height: 30px;

  text-align: center;

  margin-right: 1rem;



}

.about .icons-container .icons p{

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 28px;

  padding: 0;

  color:#3c3543;



}





.about.about-top{

  /* padding-left: 0; */

  /* padding-bottom: 20rem; */

  text-align: center;

}

.about.about-bottom{

padding-right: 0;

}

.about.about-bottom img{

  position: relative;

}

.about.about-bottom .image .coin{

  position: absolute;

    top: 0;

    left: 102px;

    width: 88px;

    animation: float 10s linear Infinite;



  }

  

  @keyframes float {

    0%, 100% {

      transform: translateY(0rem);

    }

    50% {

      transform: translateY(-1.5rem);

    }

   

  }

.about .image {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 50rem;

          flex: 1 1 50rem;

          position: relative;

        

}



.about .image img {

  width: 100%;

}



.about .content {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 60rem;

          flex: 1 1 60rem;

          position: relative;

}



.about .content span{

  font-size: 1.6rem;

  line-height: 2;

}

.about .content h3 {

text-transform: capitalize;

  color:  #0B0314;

  font-size: 55px;

  font-style: normal;

  font-weight: 600;

  line-height: 54px;

}

.about .content h3 span{

     color: #f84141;;

  font-size: inherit;

  line-height: 1.6;

  /* font-size: 1.6rem; */



}

.about .image .circle{

  width: 160px;

    height: 160px;

    background: linear-gradient(0deg, #145a53 0%, #022421 100%);

    text-align: center;

    line-height: 160px;

    border-radius: 50%;

    position: absolute;

    bottom: 12%;

    right: 0%;

    animation: float 5s linear Infinite;

    color: #fff;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

  

  

}

.about .image .circle h2 span{

  font-weight: 800;

  font-size: 3rem;

}

.about .image .circle h2{

  font-size: 1.8rem;

  line-height: 1.2;

  text-transform: capitalize;



}



@keyframes float {

  0%, 100% {

    transform: translateY(0rem);

  }

  50% {

    transform: translateY(-3.5rem);

  }

 

}

.about-list

li::before {

  /* position: absolute;

  content: "";

  width: 10px;

  height: 10px;

  left: 0;

  top: 9px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  background: -moz-linear-gradient(0deg, #60f3d8 0%, #25b0ff 100%);

    background: -webkit-linear-gradient(0deg, #60f3d8 0%, #25b0ff 100%);

    background: -ms-linear-gradient(0deg, #60f3d8 0%, #25b0ff 100%); */

}



.about-list li {

  font-weight: 500;

  color: #fff;

  padding: 0;

  /* padding-left: 20px; */

  position: relative;

  margin-bottom: 4px;

  font-size: 2rem;

  list-style-type: none;

  font-weight: 600;

  line-height: 2;

}

.about-list li i{

  color: #be27d9;

  padding-right: 1rem;

}

  





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

    margin-top: 1rem;

  }

  

  .about .content .icons-container .icons{

    /* flex: 1 1 20rem; */

    text-align: left;

    /* background: #f8fcff; */

    /* padding: 3rem 2rem; */

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

    padding: 3rem!important;

    border-radius: 1rem;

    text-align: left;

    border-radius: 0;

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

    /* padding: 3rem 2rem; */

    /* border: 1px solid #efdae8;



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

    /* padding:3rem 2rem; */

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

  }

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

    width: 60%;

  }

  .about .content .icons-container .icons h4{

    color:  #0B0314;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px;

    /* margin: 0; */

    display: inline-block;

    transition: all 0.4s;



  }

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

    width: 4rem;

    color: #fff;

    font-size: 2rem;

    background: linear-gradient(0deg, #6d1d64 0%, #aa3656 100%);

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

    width: 40px;

    margin: 0;

    height: 40px;

    background: #D7605D;

    text-align: center;

    display: flex

;

    justify-content: center;

    align-items: center;

    border-radius: 100%;

    margin-right: 2rem;

  }

  

  





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



}

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

  margin-bottom: 3rem;

  font-size: 4rem;

  text-transform: capitalize;

  color: #323743;

  text-align: center;

  font-weight: 700;

}



.para{

  width: 60%;

  margin: auto;

  font-size: 1.6rem;

    line-height: 2;

    color: #777;

    padding: 1rem 0;

    text-align: center;

 

}

.team{

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

  background-size:cover;



}

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

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

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

}



.team .box-container .box {

  position: relative;

  padding: 32px 24px 66px 24px;

  margin-top: 40px;

  transition: all 0.4s;

  text-align: center;

  border-radius: 50px 8px;



}

.team .box-container .box::after{

content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    border-radius: 50px 8px;

    background-image: url(../images/service-bg-1.png);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    z-index: -2;

    transition: all 0.4s;

    /* border: 1px solid rgb(209 209 209 / 31%); */

}

.team .box-container .box::before{

content: "";

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 110%;

    border-radius: 264px;

    background-image:  url(../images/service-bg-2.png);

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    z-index: -1;

    transition: all 0.4s;

    transform: scale(0.4);

    opacity: 0;

}

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

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  border-radius: 8px 50px !important;

  background-image: url(../images/service-bg-2.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -1;

  transition: all 0.4s;

  transform: scale(1);

  opacity: 1;

}

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

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  border-radius: 8px 50px;

  background-image:  url(../images/service-bg-1.png);

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -2;

  transition: all 0.4s;

}



.team .box-container .box:hover {

  transform: translateY(-10px);

  transition: all .4s;

}

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

  transform: scale(1);

  opacity: 1;

  transition: all .4s;

}

/* 

.team .box-container .box:hover  {

  background: #114DB9;

} */

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

  filter: brightness(1) invert(0);



}

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

  color: #fff;

}

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

  color: #777;

}



.team .box-container .box img {

  width: 70px;

  height: 70px;

  filter: brightness(0) invert(1);



  /* border-radius: 50%; */

}

.team .box-container .box .icon{

  height: 100px;

  width: 100px;

  line-height: 100px;

    text-align: center;

    border-radius: 50%;

    position: relative;

    z-index: 4;

    margin: auto;

    background:  linear-gradient(90deg, #3B32F6 0%, #49A6FF 100%);





}

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

  

    background: #fff;





}

.team .box-container .box::before .icon{



}



.team .box-container .box .content {

  /* padding: 2rem; */

 

}



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

  font-size: 2.4rem;

  text-transform: capitalize;

 color: #444;

 font-weight: 600;

 /* width: 50%; */

    text-transform: capitalize;

    line-height: 1.4;

}

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

  color:#fff;

}

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

  color:#fff;

}



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

  font-size: 1.4rem;

  line-height: 2;

  color: #777;

  padding: .5rem 0;

  

}

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

  color:#23ecc6;

}



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





}

.side-text.text2{

  position: absolute;

    right: 0;

   top:0;



}

.side-text.text1{

  position: absolute;

    left: -10px;

    bottom: 4rem;



}

.side-text h3{

  writing-mode: vertical-lr;

  color: #999!important;

  font-size: 2rem!important;

  text-transform: capitalize;

}

.side-text h3::after{

  content: '';

    width: 2px;

    height: 80px;

    background: #999;

    display: inline-block;

    margin-top: 1rem;

}



.newsletter{

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

  /* background-blend-mode: multiply; */

  background-size: cover;

  background-position: center;

  /* background-attachment: fixed; */

  /* padding: 4rem 1rem; */

  text-align: center;

  width: 100%;

  padding-bottom: 0;

  margin: auto;

  justify-content: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  min-height: 60vh;

  padding-top: 2rem;

  

}

.newsletter .heading{

  /* text-align: left; */

  margin-top: 0;

    margin-bottom: 16px;

    font-size: 35px;

    font-weight: 700;

    line-height: 1.6;

}

.newsletter .heading span{

  font-size: 2rem;

  color: #f6704d;

  background-color: #FFF0EC;

  border-radius: 42px;

  padding: 6px 21px;

  font-weight: 400;

}



/* .newsletter h1{

  color:#fff;

  font-size: 4rem;

} */



.newsletter p{

  color:#9999;

  font-size: 1.6rem;

 

  line-height: 1.7;

  padding:1rem 0;

}



.cards {

  /* background: #f6f7ff; */

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

  background-position: bottom;

  background-size: cover;



   



}



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

}



.cards .box-container .box {

  text-align: center;

  padding: 3rem;

  background: #ffffff;

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

  display: flex;

  flex-direction: column;

  align-items: flex-start;

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

  /* height: 300px; */

  align-items: center;





}



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

    width: 100%;

}

.cards .box-container .box h2{

  font-size: 2.4rem;

  /* margin-bottom: 2rem; */

  color: #1B5FFF;;



}

.cards .box-container .box h3 {

  color: #0B0314;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 20px;

    margin: 0;

    display: inline-block;

    margin-bottom: 2rem;

  



  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 img{

  width: 70px;

  margin-right: 2rem;

}



.cards .box-container .box p {

  font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    color: #3c3543;

 

}

.cards .box-container .box .icon{

  width: 250px;

}

.cards .box-container .box .icon img{

  width: 100%;

}

.cards .box-container .box i {

  background: linear-gradient(90deg, #FB3F52 0%, #FA7D3C 100%);

  width: 100px;

  height: 100px;

  line-height: 100px;

  text-align: center;

  border-radius: 50%;

  color: #fff;

  font-size: 4.4rem;

  margin-bottom: 2rem;



 

   

}







.review{

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

  background-size:cover;

  /* background: #F2F6F7; */

  /* background: #130119; */

    text-align: center;

    /* margin: 2rem; */

    /* border-radius: 2rem; */

  text-align: center;

}

.review .heading{

  margin-top: -5rem;

  margin-bottom: 3rem;

}

.review .heading span{

  font-size: 2rem;

    color: #f6704d;

    background-color: #FFF0EC;

    border-radius: 42px;

    padding: 6px 21px;

    font-weight: 400;

    margin-top: -6rem;

    line-height: 3;



}



.review .information {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 35rem;

          flex: 1 1 35rem;

}



/* .review .information span {

  font-size: 2rem;

  color: #F19D3B;

  text-transform: capitalize;

} */



.review .information h3 {

  font-size: 3rem;

  color: #444;

  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;

  border-radius: 8px 50px;

  text-align: center;

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

}



.review .review-slider .slide p {

  font-size: 1.7rem;

  line-height: 2;

  color: #444;

  text-align: center;

  font-style: italic;

}



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

  flex-direction: column;

  text-align: center;

}



.review .review-slider .slide .user img {

  height: 9rem;

  width: 9rem;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 50%;

  margin-right: 1rem;

}



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

  font-size: 2rem;

  color: #3b32f6 ;

}

.swiper-pagination-bullet-active{

  background: #5713a4!important ;



}

.swiper-pagination-bullet{

  background: #999;



}



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

  color: #999;

  font-size: 1.5rem;

}



.review .review-slider .slide i {

  font-size: 5rem;

  color: #e5f1ff;

  text-align: center;

}

/* signup page */





.signup-wrapper{





      





  padding: 4rem; 





  height: 100%;





  display: flex;





  justify-content: center;





  align-items: center;











 }





 .signup-form{





      margin-top:40px;





  position: relative;





  width: 100%;





  max-width: 600px;





  padding: 60px 40px 40px;





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





  border: 2px solid #0e7a71;





  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:  #118A7F;

 ;





  font-weight: 700;





}





.signup-form .input-group {





  position: relative;





  width:100%;





}





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





  width: 100%;





  padding: 10px 0;





  font-size: 1.4rem;





  color:#777;





  outline:none;





  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: #118a7f;;





   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 {





   position: relative;





   width: 100%;





   max-width: 380px;





   padding: 80px 40px 40px;





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





 

   border: 2px solid #0e7a71;





   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:  #118A7F;





   font-weight:800;





 }





 .form .input-group {





   position: relative;





 }





 .form .input-group input {





   width: 100%;





   padding: 10px 0;





   font-size: 1.4rem;





   color:#999;





   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{





 





 





  text-align: center;





  list-style-type: none;





 





}





.content-top h2{





  color: #fff;





  padding: 1rem;





  





  font-size: 2.1rem;





}





.content-top li{





  padding:.5rem;





  color: #999;





  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: 100vh;





/*margin-top:55px;*/

















}





.dash-nav{





position: absolute;





top: 0;





width :250px;





height: 100%;





background:#04655d;





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: #04655d;











}





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



  font-size: 18px;

  margin-top:0px;

  





  margin-bottom:10px;





}























.dash-nav ul li .link{





  padding-top:1rem;





 





position: relative;





display: block;





width: 100%;





/*display: flex;*/





text-decoration: none;





color:#fff;





font-size: 12px;





border-bottom: 1px solid rgb(4 132 121);























}





.dash-nav ul li a{





  color:#fff;





  text-decoration:none;





  text-align:left;





}





/*.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 .fas{





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;

  color:#444;





}





.toggle{





position: relative;





width: 60px;





height: 60px;





font-weight: 600;





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





}







.footer {

  background: #022421;

  background-size:cover;

 

  padding-bottom: 1rem;

  

 }

 

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

   font-weight: 600;

 }

 

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

 }

 

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

   color: #FC993F;

 }

 

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

 }

 

 

 

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

   color: #fff;

   border-radius: 50%;

   margin-right: 0.3rem;

   text-align: center;

 }

 

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

   background: #FC993F;

 }

 

 .footer .credit {

   font-size: 1.2rem;

     text-transform: capitalize;

     color: #ddd;

     margin-top: 3rem;

     padding-top: 1rem;

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

     text-align: center;

     

 }

 

 .footer .credit a {

   color: #fcec3f;

 }

 

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

  }

}



@media (max-width: 768px) {

  .header .main-navbar .links{

    flex-direction: column;

    background: #fff;

    align-items: baseline;

  }

  .home .image .info-box{

    display: none;

  }

  .home .image .info-box2{

    display: none;

  }

  .about .content .icons-container .icons{

    flex-direction: column;

  }

  .about .content .icons-container .icon{

  margin-bottom: 1rem;

  }

  .footer{

    background-position: right;



  }

  .home {

  padding-right:2rem ;

  }

  .team .box-container{

    margin: 0;

  }

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

    text-align: left;

    font-size: 2.5rem;

    color:#444;

  }

  .home{

    flex-direction: column;

    margin-top: 0;

    min-height: 100%;

  }

  .home .content{

    flex:1;

    text-align: center;

    width: 100%;

    

  }

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

  }

}



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

	}

}

.faq .heading {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 2rem;
  color: #194fff;
}

.accordion .card {
  border: 1px solid #c9e6ff;
  border-radius: 4px;
  margin-bottom: 1rem;
  background: #f8fcff;
  transition: all 0.3s ease;
  width: 100%;
}

.accordion .card:hover {
  background: #faf1d787;
  border-color: #fbbd174a;
}

.accordion .card-header {
  background: transparent;
  border: none;
  padding: 0;
}

.accordion .btn-link {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #194fff;
  text-decoration: none;
  padding: 1rem;
  border-radius: 4px;
}

.accordion .btn-link:hover,
.accordion .btn-link:focus {
  text-decoration: none;
  background: #e6f2ff;
}

.accordion .card-body {
  font-size: 16px;
  line-height: 1.8;
  padding: 1rem 1.5rem;
  color: #333;
  text-align: left;
}


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

  }

  }

  .membership-container {

    display: flex;

    gap: 20px;

    justify-content: center;

} .card {

    background: #fff;

    padding: 20px;

    border-radius: 10px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    text-align: center;

    width: 250px;

    transition: 0.3s;

    border: 1px solid #15cbba;

}

.card:hover {

    transform: scale(1.05);

}

.card h2 {

    margin-bottom: 10px;

    font-weight: 700;

    font-size: 4rem;

    

}

.price {

    font-size: 24px;

    font-weight: bold;

    color: #3DC9CC;

}

.features {

    margin: 15px 0;

    min-height: 100px;

}

.features p {

    margin: 5px 0;

}

.choose-button {

 background: #c14441;

 color: white;

    padding: 10px 15px;

    text-decoration: none;

    border-radius: 5px;

    display: inline-block;

    transition: 0.3s;

}

.choose-button:hover {

    background: #e64a19;

}

.earnings-info h3 {

  

}

.earnings-info p {

  font-size: 16px;

  margin: 10px 0;

  text-align: center;

}

@media (max-width: 768px){

 .membership-container {

    flex-direction: column;

 }

 .card{

  width: 100%;

 }



}