@charset "UTF-8";
/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2023 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Variable Italic(Variable font)
 * Satoshi Light
 * Satoshi Light Italic
 * Satoshi Regular
 * Satoshi Italic
 * Satoshi Medium
 * Satoshi Medium Italic
 * Satoshi Bold
 * Satoshi Bold Italic
 * Satoshi Black
 * Satoshi Black Italic
 *
*/
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-Variable";
  src: url("./assets/fonts/Satoshi-Variable.woff2") format("woff2"), url("./assets/fonts/Satoshi-Variable.woff") format("woff"), url("./assets/fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/
@font-face {
  font-family: "Satoshi-VariableItalic";
  src: url("./assets/fonts/Satoshi-VariableItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-VariableItalic.woff") format("woff"), url("./assets/fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Light";
  src: url("./assets/fonts/Satoshi-Light.woff2") format("woff2"), url("./assets/fonts/Satoshi-Light.woff") format("woff"), url("./assets/fonts/Satoshi-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-LightItalic";
  src: url("./assets/fonts/Satoshi-LightItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-LightItalic.woff") format("woff"), url("./assets/fonts/Satoshi-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Regular";
  src: url("./assets/fonts/Satoshi-Regular.woff2") format("woff2"), url("./assets/fonts/Satoshi-Regular.woff") format("woff"), url("./assets/fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-Italic";
  src: url("./assets/fonts/Satoshi-Italic.woff2") format("woff2"), url("./assets/fonts/Satoshi-Italic.woff") format("woff"), url("./assets/fonts/Satoshi-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Medium";
  src: url("./assets/fonts/Satoshi-Medium.woff2") format("woff2"), url("./assets/fonts/Satoshi-Medium.woff") format("woff"), url("./assets/fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-MediumItalic";
  src: url("./assets/fonts/Satoshi-MediumItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-MediumItalic.woff") format("woff"), url("./assets/fonts/Satoshi-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Bold";
  src: url("./assets/fonts/Satoshi-Bold.woff2") format("woff2"), url("./assets/fonts/Satoshi-Bold.woff") format("woff"), url("./assets/fonts/Satoshi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BoldItalic";
  src: url("./assets/fonts/Satoshi-BoldItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-BoldItalic.woff") format("woff"), url("./assets/fonts/Satoshi-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "Satoshi-Black";
  src: url("./assets/fonts/Satoshi-Black.woff2") format("woff2"), url("./assets/fonts/Satoshi-Black.woff") format("woff"), url("./assets/fonts/Satoshi-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi-BlackItalic";
  src: url("./assets/fonts/Satoshi-BlackItalic.woff2") format("woff2"), url("./assets/fonts/Satoshi-BlackItalic.woff") format("woff"), url("./assets/fonts/Satoshi-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  height: 100%;
  width: 100%;
  overflow-x: hidden !important;
  font-family: "Satoshi-Variable", sans-serif !important;
  background-color: #FFFFFF !important; /* Changed background color to white */
}
body h1, body h2, body h3, body h4, body h5, body p {
  padding: 0;
  margin: 0;
}


.toolsContainer{
    padding: 80px;
}
.investorHostingTools{
    color: #FFFFFF;
    font-family: 'Satoshi-bold';
    font-size: 12px;
    background-color: #797979;
    width: fit-content;
    padding: 7px 20px 7px 20px;
    border-radius: 44.94px;
    height: auto;
}

.mainHeaderHeading{
    font-family: 'Satoshi-Black';
    font-size: 32px;
    line-height: 40px;
    margin-top: 20px;
}

.makeBetter{
    color: #1a1a1a;
}

.mainHeadingDescription{
    font-family: 'Satoshi-Medium';
    color: #333333;
    font-size: 14px;
    width: 30%;
    line-height: 20px;
    margin: 25px 0px 30px 0px;
}

.cardWrapper{
    display: flex;
    margin: 30px 0px 30px 0px;
    gap: 20px;
}

.cardContainer{
    border-style: solid;
    /* background-color: red; */
    width: fit-content;
    border-width: 1px;
    padding: 10px;
    border-radius: 10px;
    
}

.cardTitle{
    font-family: 'Satoshi-Black';
    color: #333333;
    font-size: 22px;
    margin: 20px 0px 20px 0px;
}

.cardHeading{
    font-family: 'Satoshi-Medium';
    color: #5c5c5c;
    font-size: 14px;
    width: 320px;
}

.comingSoon{
    margin: 20px 0px 20px 0px;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    display: flex;
    font-family: 'Satoshi-Bold';
    color: #1a1a1a;
    border-radius: 24px;
    align-items: center;
    gap: 15px;
    
}

.buttonIcon{
    border-radius: 50%;
    background-color: #dedede;
    padding: 15px;
    width: 20px;
    height: auto;
    align-items: center;
}

.featuredHeading{
    font-family: 'Satoshi-Black';
    font-size: 32px;
    color: #333333;
    margin-top: 125px;
}
.toolsBody{
    margin-top: 50px;
    /* background-color: red; */
    display: flex;
}

.featuredTools{
    /* background-color: green; */
    width: 50%;
}
.topDescription{
    font-family: 'Satoshi-Medium';
    font-size: 14px;
    color: #333333;
    width: 60%;
    margin: 15px 0px 10px 0px;
}
.bottomDescription{
    font-family: 'Satoshi-Medium';
    font-size: 14px;
    color: #333333;
    width: 60%;
    margin: 15px 0px 30px 0px;
    line-height: 25px;
}

.countryReports{
    font-family: 'Satoshi-Bold';
    font-size: 14px;
    color: #1a1a1a;
    display: flex;
    gap: 15px;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-radius: 40px;

}

.buttonIcon{
    background-color: #dedede;
    border-radius: 50%;
    width: 15%;
}

.benchmarkContainer{
    /* background-color: purple; */
    width: 35%;
    margin-top: 20px;
    
}

.benchmarkCard{
    border-style: solid;
    border-width: 1px;
    border-color: #dedede ;
    padding: 20px;
    border-radius: 10px;
    margin-top: 40px;

}
.benchMarkHeader{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.benchMarkHeading{
    font-family: 'Satoshi-Black';
    font-size: 18px;
    color: #333333;
}

.benchDescription{
    margin: 15px 0px 15px 0px;
    width: 70%;
}

.viewReports{
    background-color: #296EB4;
    padding: 10px 20px 10px 20px;
    color: #fefefe;
    font-family: 'Satoshi-Medium';
    border-radius: 5px;
    /* margin-bottom: 5px; */
    font-size: 14px;
    border-style: none;
}

.benchmarkPic{
    width: 45px;
    height: auto;
}

.section3{
    margin-top: 120px;
}

.investorHosting{
    color: #FFFFFF;
    font-family: 'Satoshi-bold';
    font-size: 12px;
    background-color: #797979;
    width: fit-content;
    padding: 7px 20px 7px 20px;
    border-radius: 44.94px;
    height: auto;
    margin: auto;
}

.businessIntt{
    font-family: 'Satoshi-Black';
    font-size: 36px;
    line-height: 40px;
    margin-top: 20px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
}

.keyComp{
    color: #1a1a1a;
}

.businessDescription{
    font-family: 'Satoshi-Medium';
    font-size: 14px;
    color: #1a1a1a;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    width: 43%;
    
}

.newsletterContainer{
    border-style: solid;
    border-width: 2px;
    width: fit-content;
    margin: auto;
    padding: 50px;
    font-family: 'Satoshi';
    border-color: #80BDFF;
    border-radius: 15px;
    margin-top: 50px;
    margin-bottom: 80px;
}

.newsHeader{
    font-family: 'Satoshi-Bold';
    font-size: 16px;
    text-align: center;
    color: #858585;
}

.newsDescription{
    font-family: 'Satoshi-Black';
    font-size: 32px;
    text-align: center;
    color: #1a1a1a;
}

.Thoussand{
    color: #007bff;
}

.emailAddress{
    padding: 10px;
    width: 60%;
    border-color: #dedede;
    border-style: solid;
    border-radius: 25px;
    font-family: 'Satoshi-Medium';
    font-size: 12px;
    margin-top: 40px;
    margin-left: 25px;

}

.subscribe{
    padding: 10px;
    border-radius: 5px;
    border: none;
    font-family: "Satoshi-Medium";
    color: #fefefe;
    background-color: #007bff;
}

.notificationBell{
    background-color: white;
}

.section4{
    background-color: #F9F9F9;
}

.officialPartners{
    color: #FFFFFF;
    font-family: 'Satoshi-bold';
    font-size: 12px;
    background-color: #797979;
    width: fit-content;
    padding: 7px 20px 7px 20px;
    border-radius: 44.94px;
    height: auto;
    margin: auto;
    margin-top: 50px;
}

.partnersHeading{
    font-family: 'Satoshi-Black';
    font-size: 32px;
    text-align: center;
    color: #1a1a1a;
    margin-top: 20px;
}

.topLogoContainer{
    display: flex;
}

.bottomLogoContainer{
    display: flex;
}

.partnerContainer{
    /* border-style: solid; */
    /* display: flex; */
    justify-content: center;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    padding: 10px;
    font-family: 'Satoshi-Medium';
    color: #353535;
    font-size: 14px;
}

.containerDescription{
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}

.logoTop{
    
}

.bottomLogoContainer{
    margin-top: 80px;
}

.topLogoContainer{
    margin-top: 50px;
}

.section4{
    padding: 10px;
    padding-bottom: 90px;
}

.contentWrappers{
    display: flex;
    justify-content: space-between;

}

.sectionHeader5{
    font-family: 'Satoshi-Black';
    font-size: 32px;
    color: #1a1a1a;
}
.newstrend{
    font-family: 'Satoshi-Medium';
    color: #484848;
}

.development{
    /* background-color: red; */
    width:60%;
    padding: 30px;
}
.rightDev{
    background-color: #F9F9F9;
    width: 30%;
    font-family: 'Satoshi-Bold';
    color: purple;
    padding: 20px;
    border-radius: 10px;
}
.newsTab{
    display: flex;
    gap: 20px;
    font-family: 'Satoshi-Bold';
    font-size: 16px;
    color: #dedede;
}
.allclass{
    /* border-style: solid; */
    border-width: 1px;
    padding: 5px;
    border-radius: 15px;
    padding-left: 20px;
    padding-right: 20px;
    color: #D6D6D6;
}

.newsHeadline{
    display: flex;
    gap: 30px;
    font-family: 'Satoshi-Bold';
    color: #1a1a1a;
    font-size: 30px;
    margin-top: 35px;
}

.exchangeRate{
    font-size: 10px;
    align-items: center;
    border-style: solid;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
    align-self: center;
}

.newsSlider{
    margin-top: 25px;
    width: 90%;
    border-radius: 15px;
}

.newsHeading{
    font-family: 'Satoshi-Bold';
    font-size: 32px;
    width: 80%;
    line-height: 45px;
    color: #333333;
    margin-top: 30px;
}

.newsTime{
    display: flex;
    align-items: center;
    gap: 20px;
    color: #B5B5B5;
    font-family: 'Satoshi-Bold';
    margin-top: 20px;
}
.actualTime{
    align-items: center;
}

.newsParagraph{
    font-family: 'Satoshi-regular';
    color: #1a1a1a;
    font-size: 12px;
    width: 95%;
    margin-top: 20px;

}

.sectionDescription{
    font-family: 'Satoshi-Medium';
    color: #353535;
    width: 45%;
    margin-top: 20px;
}

.investorButton{
    font-family: 'Satoshi-Bold';
    color: #fefefe;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #000066;
    padding: 15px;
    border-radius: 40px;
    border: none;
    margin-top: 20px;
}

.section5{
    margin-top: 80px;
}