@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Lato:wght@300;400;700;900&family=Lora:ital,wght@0,400..700;1,400..700&family=Merienda:wght@300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:wght@200;300;400;500;600;700;800&display=swap');
/* montserrat-200 - latin */

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/montserrat-v26-latin-200.eot'); /* IE9 Compat Modes */
    src: url('../fonts/montserrat-v26-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v26-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/montserrat-v26-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/montserrat-v26-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/montserrat-v26-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v26-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/montserrat-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/montserrat-v26-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/montserrat-v26-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/montserrat-v26-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat-v26-latin-500.eot'); /* IE9 Compat Modes */
    src: url('../fonts/montserrat-v26-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v26-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/montserrat-v26-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/montserrat-v26-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/montserrat-v26-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-v26-latin-600.eot'); /* IE9 Compat Modes */
    src: url('../fonts/montserrat-v26-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v26-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/montserrat-v26-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/montserrat-v26-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/montserrat-v26-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v26-latin-700.eot'); /* IE9 Compat Modes */
    src: url('../fonts/montserrat-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/montserrat-v26-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/montserrat-v26-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/montserrat-v26-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/montserrat-v26-latin-800.eot'); /* IE9 Compat Modes */
    src: url('../fonts/montserrat-v26-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v26-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/montserrat-v26-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/montserrat-v26-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/montserrat-v26-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-900 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/montserrat-v26-latin-900.eot'); /* IE9 Compat Modes */
    src: url('../fonts/montserrat-v26-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v26-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/montserrat-v26-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
         url('../fonts/montserrat-v26-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
         url('../fonts/montserrat-v26-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bgcolor);
    font-family: montserrat;
    /* line-height: 1.5; */
    overflow: hidden;
    overflow-y: scroll;
}

:root {
    --bgcolor: black;
    --color: white;
    --Hovercolor: #FFD761;
    --buttoncolor: rgb(250, 187, 4);
    --txtcolordark: #919da4;
    --font-style: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --yelo:#fabb04;
    --mon:montserrat;
    --bc_color:#212529;
}

.d-flex {
    display: flex;
}

.space {
    justify-content: space-between;
}
.around{
    justify-content: space-around;
}

.align {
    align-items: center;
}
.spacerY{
    padding-top: 70px;
    padding-bottom: 70px;
}
.justify-content-center{
    justify-content: center;
}
.justify-content-between{
    justify-content: space-between;
}
.d-flex{
    display: flex;
}
.align-items-center{
    align-items: center;
}
/*Header Starts */

header{
    outline: 1px solid rgba(128, 128, 128,0.5);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background-color: var(--bgcolor);
    z-index: 999;
}
html{
    scroll-behavior: smooth;
}
.sticky {
    object-fit: cover;
    width: 100%
  } 

.container {
 width: 1320px;
 margin: 0 auto;
}

a,
li {
    text-decoration: none;
    list-style: none;
    color: var(--color);
}

.mainmenu {
    display: flex;
    position: relative;
}

.menus {
    padding: 40px 20px;
}
.menus:hover .submenu {
    display: block;
    opacity: 1;
    visibility: visible;
    top: 96px;
}

.MenuList a {
    color: black;

}
#about{
    padding: 100px 0;
}
#team{
    padding: 100px 0 55px  0;
}

.MenuList a {
    display: block;
    padding: 10px 100px 10px 10px;
    transition: 0.5s;
}

.MenuList:hover .link {
    background-color: var(--Hovercolor);
    color: var(--color);
}

.listItem {
    padding: 20px 0;
}

.btn,
.button {
    padding: 15px 30px;
    font-size: 16px;
    background-color: rgb(250, 187, 4);
    border: 2px solid rgb(250, 187, 4);
    border-radius: 7px;
    color: rgb(0, 0, 0);
    transition: 0.5s;
    position: relative;
    margin-top: 5px;
    cursor: pointer;
}


.btn:hover::before {
    scale: 1;
}

.btn span {
    position: relative;
    z-index: 2;
    transition: 0.5s;
}

.btn:hover span {
    color: white;
}

.btn::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--bgcolor);
    left: 0;
    top: 0;
    border-radius: 5px;
    scale: 0;
    transition: 0.5s;
}
.mainmenu li a{
    font-size: 18px;
    font-weight: 400;
    color: white;
    transition: .5s;
    &:hover{
        color: var(--Hovercolor);
    }
}

/*Header ENDS */
/* loader strt */

.preloader{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #050603;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF #FFF transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
  }
  .loader::after,
  .loader::before {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent #FF3D00 #FF3D00;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
  }
  .loader::before {
    width: 32px;
    height: 32px;
    border-color: #FFF #FFF transparent transparent;
    animation: rotation 1.5s linear infinite;
  }
      
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 
  @keyframes rotationBack {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
      
      
      
/* loader end */

/* Home Starts */
.containerHome {
    /* height: 80vh; */
    width: 80%;
    padding: 150px 0 100px 0;
    margin: 50px auto;
    display: flex;
    align-items: center;
    color: var(--color);
    justify-content: space-between;
}

.homeInfo h1 {
    font-size: 58px;
    font-weight: 700;
}

.homeInfo p {
    color: var(--txtcolordark);
    line-height: 2;
    margin-top: 10px;
}

.fontBorder {
    color: var(--bgcolor);
    font-size: 54px !important;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--buttoncolor);
    padding: 13px 0 0 0;

}

.button span {
    position: relative;
    z-index: 2;
    font-weight: 500;
}

.button {
    position: relative;
    overflow: hidden;
    border: none !important;
    padding: 22px 30px !important;

}

.button::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 70%;
    left: 80%;
    border-radius: 10px;
    transition: 0.4s;
    background-color: var(--Hovercolor);
}

.button:hover::before {
    top: 0;
    left: 0;
}

.homeImg {
    width: 50%;
    position: relative;
}

.HomeImg1 img {
    aspect-ratio: 629/554;
    height: 476px;
    width: 541px;
}

.HomeImg2 img {
    position: absolute;
    top: 70px;
    left: 20px;
    animation: mymove 2s infinite;
}

@keyframes mymove {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0px);

    }
}

.HomeImg3 img {
    position: absolute;
    right: 0;
    top: 50%;
    animation: mymove 2s infinite;

}

/* Home Ends */

/* ****************** TRUST STARTS *********** */

.trustPART {
    background-color: #0D0D0D;
    text-align: center;
    padding: 30px;
}
.trustHead{
    text-align: center;
    margin: 50px 0px;
}

.trustHead h4 {
    color: var(--buttoncolor);
    padding: 20px;
    letter-spacing: 1px;
}

.trustHead h1 {
    color: var(--color);
    font-size: 45px;
}

.BOX {
    justify-content: space-between;
    width: 100%;
    gap: 30px;
}

.flexBox {
    width: 33.33%;
    background-color: #16141C;
    padding: 20px;
    border-radius: 5px;
    
}
.flexBox:hover .icon img{
    color: #1e1e24
}

.flexBox h2 {
    color: var(--buttoncolor);
    padding: 10px 0;
    font-size: 20px;
    color: white;
}

.flexBox p {
    color: var(--txtcolordark);
    padding: 10px 0;
    line-height: 1.6;
}

.icon {
    background-color: #1f1e20;
    padding: 15px;
    width: 80px;
    height: 80px;
    align-self: center;
    margin: auto;
    border-radius: 50%;
    transition: .5s;
}
.icon img{
    width: 50px;
    position: relative;
}
.icon:hover{
    background-color: var(--Hovercolor);
}
.lastHeading{
    padding: 20px;
    margin: 30px;
    color: var(--color);
    width: 30%;
    margin: auto;
    font-size: 15px;
}
.lastHeading a{
    color: var(--buttoncolor) !important;
    text-decoration: underline;
}
.lastHEADimg{
    float: left;
    padding: 10px 12px;
    background-color:#202126;
    border-radius: 50%;
}
/* ****************** TRUST ENDS *********** */

/* ************* Transection STrATS *********** */
.CryptoInfo{
    text-align: left;
    width: 50%;
}
.cryptohead p{
    padding: 20px 0 0 0;
    color: var(--buttoncolor) !important;
}
.cryptohead {
    text-decoration: none !important;
    color: var(--color);
}
.cryptohead h3{
    padding: 20px 0;
    font-size: 45px;   
}
.cryptohead h4{
    padding: 10px 0;
     font-weight: 300;
    line-height: 30px;
    color: var(--txtcolordark);
}
.cryptoBtn{
    display: grid;
    grid-template-columns: auto auto;
}
.cryptoBtn a button{
    position: relative;
    margin: 10px 0;
    padding: 20px 20px;
    color: white;
    border: none;
    width: 80%;
    overflow: hidden;
    border-radius: 5px;
    background-color: #1e1e24;
}
.cryptoBtn a button span i{
    padding: 0px 5px;
}
.cryptoBtn a button::after{
    position: absolute;
    content: '';
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background-color: var(--buttoncolor);
    transition: 0.4s;
}
.cryptoBtn a button:hover::after{
    top: 0;
}
.cryptoBtn a button span{
    position: relative;
    z-index: 2;
    font-size: 16px;
    
}
.cryptoBtn a button span i{
    position: relative;
    z-index: 2;
    /* font-size: 16px; */
    color: var(--yelo); 
    transition: .3s;
}
.cryptoBtn a:hover button span i{
    color: white;
}
.CryptLASTbtn{
    margin: 0 30px;
}
.CryptoMain{
    position: relative;
}
.crptoLogo{
    position: absolute;
    top: 2%;
    right: 30%;
    animation: mymove 2s infinite;
}
.coinImg{
    position: absolute;
    top: 20%;
    left: 10%;
    animation: romtate 20s infinite ;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes romtate{
    0% {
        transform: rotate(0deg);
    }
    
    100% {
        transform: rotate(360deg);
    }
}

/* *************** Transection ENDS *********** */

/* *************** CHAIN STARTS *********** */
.Chain{
    background-color: #0C0C0B;
}
.chain2{
    background-image: url("../img/asset 24.png");
    padding: 50px 0;
    margin: 0 50px;
    border-radius: 10px;
    /* object-fit: cover; */
}
.Chain .trustHead p{
    color: var(--txtcolordark);
    padding: 20px;
    line-height: 1.7;
    font-size: 18px;
}
.chainDtl{
    color: var(--color);   
}
.chainDtl h1{
    font-size: 50px;
    line-height: 1.2;
}
.chainDtl p{
    line-height: 1.7;
    padding: 20px 0;
    color: var(--txtcolordark);
}
.chainDtl button{
    margin: 10px 0 !important;
}
.chainBanner{
    position: relative;
}
.ChainCoin{
    position: absolute;
    bottom: 25px;
    right: -80px;
    animation: mymove 3s infinite;
}
.ChainImg1,.ChainImg2,.ChainImg3{
    position: absolute;
    bottom: 50px;
    left: -100px;
    animation: mymove 2s infinite;
}
.ChainImg2{
    top: 100px;
    right: 0px;
}
.ChainImg3{
    top: 100px;
    left: 80%;
}
/* *************** CHAIN ENDS *********** */

/* ================= Process Starts ================== */

.Process .trustHead p{
    padding: 20px 0;
    font-size: 18px;
    color: var(--txtcolordark);
    line-height: 1.7;
}
.processpart{
    text-align: center;
    line-height: 1.5;
    width: 25%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.processpart h3{
    font-size: 20px;
    color: var(--color);

}
.processpart p{
    padding-top: 10px;
    font-size: 18px;
    color: var(--txtcolordark);
}
.LogoBox{
    position: relative;
    background-color: #15161C;
    width: 170px;
    height: 170px;
    padding: 50px 20px 10px 20px;
    border-radius: 10px;
    margin: 30px 0;
}
.LogoBox span {
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
    color: var(--color);
    padding: 7px 10px;
    border-radius: 5px;
    background-color: #30303D;
    transition: 0.4s;
    font-weight: 600;
    font-size: 20px;

}
.processpart:hover .LogoBox span{
    background-color: var(--Hovercolor);
}
.LogoBox img{
    transition: 0.4s;
}
.LogoBox:hover > img{
    transform: rotateY(180deg);
}


/* ================= Process ENDS ================== */


/* -----------------------------testimonial strt------------------------------ */
#testi{
    background-color: #0C0C0B;
}
.testi_title p{
    font-size: 16px;
    font-weight: 500;
    color: #fabb04;
    margin-bottom: 20px;
}
.testi_title span{
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3;
}
.testi_top_title{
    padding-bottom: 48px;
}
.testi_img_text h3{
    font-size: 48px;
    font-weight: 600;
    color: white;
    text-align: center;
}
.testi_img_text p{
    font-size: 18px;
    color: #919da4;
    text-align: center;
    padding-top: 12px;
}
.testi_left_img{
    position: relative;
}
.testi_img_text{
    position: absolute;
    z-index: 1;
    top: 28%;
    left: 50px;
}
.testi_title_testi h3{
    font-size: 20px;
    font-weight: 600;
    color: white;
}

::selection {
    background: #4fc1f0;
    color: #454545;
    text-shadow: none;
}
.testi_status p{
    color: #919da4;
    margin-top: 8px;
}
.main_t{
    padding-top: 10px;
    padding-left: 20px;
}
.main_t2{
    padding-top: 10px;
}
.testi_des p{
    color: #919da4;
    /* font-style: italic; */
    padding: 10px 0 0;
    line-height: 1.8;
}
.testi_right_testi{
    padding-left: 50px;
}
.owl-theme .owl-dots{
    position: absolute;
    /* width: 100%; */
    bottom: -20px;
 }
 .owl-theme .owl-dots .owl-dot span{
    background-color: white !important;
    width: 18px !important;
    height: 3px !important;
 }
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background-color:  var(--yelo) !important;
 }
 
/* -----------------------------testimonial end------------------------------ */

/* faq strt */
.testi_title .p2{
    color: #919ea4;
    line-height: 1.8;
    margin-top: 24px;
    margin-bottom: 45px;
}
.left_text_faq{
    width: 50%;
}
.right_img_faq{
    width: 50%;
}
.accordion-container{
    position: relative;
    /* max-width: 500px; */
    height: auto;
    margin: 10px auto;
  }
  .accordion-container > h2{
    text-align: center;
    color: white;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd; 
  }
  .set{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #15161C;
    padding: 15px 10px;
    margin-bottom: 25px;
    border-radius: 4px;
  }
  .set > a{
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: white;
    font-weight: 500;
    font-size: 18px;
    /* border-bottom: 1px solid #ddd; */
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    transition:all 0.2s linear;
  }
  .set > a i{
    float: right;

  }
  .set > a.active{
    background-color:#090C0F;
    color: white;
  }
  .content{
    background-color: #000;
    /* border-bottom: 1px solid #ddd; */
    display:none;
  }
  .content p{
    padding: 10px 15px 0 10px;
    margin: 0;
    color: white;
    line-height: 1.75;
    /* font-family: roboto; */

  }
  .main_content_a{
    display: grid;
    grid-template-columns: 30% 70%;
    padding: 30px 20px;
    border-top: 4px solid #0E1317; 
  
  } 
  .pl{
    height: 30px;
    width: 30px;
    background-color: var(--yelo);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
  } 
  .a_c_des p{
    font-size: 16px;
    color: #919ea4;
    font-family: montserrat;
  }
  .t0{
    padding-bottom: 0;
  }
.main_faq_img{
    padding-left:30px;
}
  /* .right_img_faq img{
    position: fixed;
  } */
/* faq end */
/* team strt */
#team{
    background-color: #0C0C0B;
}
.team_box{
    position: relative;
    width: 306px;
    height: 369px;
    background-color: #15161C;
    padding: 40px 0 25px 0;
}
.team_box::before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    background: url('../img/shape-1.png');
    width: 100%;
    height: 40%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px 5px 0 0;
}
.team_box2::before{
    background: url('../img/shape-2.png');
    background-size: cover;
}
.team_box3::before{
    background: url('../img/shape-3.png');
    background-size: cover;
}
.team_box4::before{
    background: url('../img/shape-4.png');
    background-size: cover;
}
.team_img img{
    z-index: 9999;
    position: absolute;
    top: 49px;
    left: 70px;
}
.team_name p{
    font-size: 20px;
    color: white;
}
.team_name{
    padding-top: 190px;
    text-align: center;
}
.team_status{
    color: #23B68F;
    text-align: center;
    margin: 6px 0 0px 0;
    position: relative;
}
.team_status::before{
    position: absolute;
    content: "";
    top: 40px;
    left: 0;
    right: 0;
    margin: auto;
    width: 3px;
    height: 20px;
    background-image: linear-gradient(to bottom, #23B68F, #122135);
}
.ts2::before{
    background-image: linear-gradient(to bottom, #F4AE64, #122135);
}
.ts3::before{
    background-image: linear-gradient(to bottom, #0ABAE0, #122135);
}
.ts4::before{
    background-image: linear-gradient(to bottom, #D668DB, #122135);
}
.icons_team li a{
    padding: 0 10px;
    transition: .5s;
    &:hover{
        color: #23b68f;
    }
}
.icons_team{
    margin-top: 50px;
}
/* team end */

/* investor strt */
.inv_title p{
    font-size: 42px;
    color: white;
    font-weight: 600;
    text-align: center;
    margin-bottom: 60px;
}
.main_inve{
    padding: 0 90px;
}
.inve_icon a i{
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: #00B78D;
    text-align: center;
    border-radius: 30px;
    color: #fff;
}
.inve_icon2 a i{
    background-color: #FFAD5D;
}
.inve_icon3 a i{
    background-color: #00BBE1;
}
.inve_icon4 a i{
    background-color: #F267DF;
}
.inve_img{
    position: relative;
}
.inve_icon{
    position: absolute;
    bottom: 60px;
    left: 73px;
    /* right: 0; */
    margin: auto;
    transition: .5s;
}
.inve_img:hover .inve_icon
{
    transform: translateY(-20px);
}
.inve_name p{
    font-size: 22px;
    font-weight: 600;
    padding: 25px 0 5px;
    background: linear-gradient(to right, #00B78D 50%, #fff 50%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200%, 100%;
    background-position: 100%;
    transition: 1s;
    text-align: center;
}
.inve_name span{
    display: block;
    color: #20B68E;
    text-align: center;
}
/* investor end */

/* contact strt */
#contact{
    background-color: #0C0C0B;
}
.left_form_img{
    width: 50%;
    position: relative;
}
.right_form{
    width: 50%;
}
.form_cartoon{
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 42px;
    animation-name: float-bob3;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes float-bob3 {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0px);

    }
}
.form_box{
    width: 660px;
    height: 466px;
    background: #15161C;
    padding: 25px 40px 40px;
    border-radius: 8px;
}
.form_title{
    font-size: 28px;
    font-weight: 500;
    color: white;
    padding-bottom: 25px;
}
.inputbox{
    height: 54px;
    background-color: transparent;
    transition: .5s;
    border: 1px solid #353D51;
    border-radius: 30px;
    padding: 6px 20px;
    display: block;
    width: 100%;
    color: #fff;
    margin-bottom: 20px;
    margin-right: 24px;
}
.inputbox2{
    height: 54px;
    background-color: transparent;
    transition: .5s;
    border: 1px solid #353D51;
    border-radius: 30px;
    padding: 6px 20px;
    display: block;
    width: 100%;
    color: #fff;
    margin-bottom: 20px;
}
.inputbox3{
    /* width: 1500px; */
    height: 54px;
    background-color: transparent;
    transition: .5s;
    border: 1px solid #353D51;
    border-radius: 30px;
    padding: 6px 20px;
    display: block;
    color: #fff;
    margin-bottom: 20px;
    width: 100%;
}
.text{
    width: 580px;
    height: 120px;
    padding: 10px 15px;
}
.text::placeholder{
    /* padding: 8px 0; */
}
.mt{
    margin-top: 10px;
}
.inputbox::placeholder{
    font-size: 16px;
}
.inputbox2::placeholder{
    font-size: 16px;
}
.inputbox3::placeholder{
    font-size: 16px;
}
.inputbox4::placeholder{
    font-size: 16px;
}
/* contact end */
/* blog strt */
.trustHead p{
    color: #919ea4;
    margin: 24px 0 10px 0;
    line-height: 1.7;
}
.main_blog{
    padding: 0 60px;
}
.blog_img img{
    border-radius: 7px;
    display: flex;
}
.blog_hover{
    height: 225.6px;
    width: 380px;
    background: rgb(255, 187, 0, 0.9);
    padding: 24px 30px 5px;
    bottom: -95px;
    left: 0;
    border-radius: 0 0 8px 8px;
    transition: .5s;
}
.blog_hover2{
    background: rgb(106, 181, 144, 0.9);
}
.blog_hover3{
    background: rgb(226, 172, 104, 0.9);
}
.meta_blog a{
    color: #fff;
}
.blog_title h2 a{
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
}
.blog_title{
    margin-top: 10px;
    margin-bottom: 13px;
}

.bt1,.bt2,.bt3{
    color: white;
    font-weight: 400;
    line-height: 28px;
}
.blog_1{
    position: relative;
}
.blog_hover{
    position: absolute;
    bottom: -95px;
}
.blog_1{
    overflow: hidden;
}
.blog_1:hover .blog_hover{
    bottom: 0px;
}
/* blog end */

/* footer strt */
.main_footer{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    border-bottom: 1px solid rgba(255, 255, 255,0.5);

}
.footer_con{
    padding: 32px 0 5px 0;
    margin-bottom: 16px;
}
.footer_con p{
    color: #CBCDCE;
    line-height: 1.7;
}
.f_icons li a{
    height: 40px;
    line-height: 42px;
    width: 40px;
    text-align: center;
    background: #393E4B;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
     margin: 0 5px;
     &:hover{
        background-color: var(--yelo);
     }
}
.con2_title h4{
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    padding: 0 0 38px;
}
.f_menu{
    position: relative;
    margin-bottom: 15px;
}
.f_menu::before{
    position: absolute;
    content: '';
    left: 0px;
    top: 12px;
    /* border: 1px solid #FFBC00; */
    background-color: var(--yelo);
    width: 13px;
    height: 2px;
}
.footer_menu li a{
    padding: 0 0 13px 22px;
    font-size: 15px;
}
.con4_p p{
    color: #CBCDCE;
    line-height: 1.7;
}
.input_box{
    margin-top: 30px;
    position: relative;
}
.plan{
    color: white;
    position: absolute;
    top: 5px;
    right: 10px;
    height: 45px;
    width: 45px;
    background-color: var(--yelo);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}
.con1{
    margin-bottom: 60px;
}
.main_copy{
    color: white;
}
#footer{
    padding: 80px 0 16px 0;
}
#copy{
    padding-top: 35px;
    padding-bottom: 35px;
}
/* footer end */