* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

.Container-Head{
max-width: 100%; 
margin: 0 auto;
padding: 0px 0px ;

}

header {
    background-color: #f5f5f5a9;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    padding: 12px 32px 16px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    border-bottom-width: 2px;
    border-color: #ffffff4d;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 0px;
    backdrop-filter: blur(5px);
    background-color: #f5f5f533;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
    opacity: 1;
}

.header-container {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    display: flex;
    align-items: center;
    font-size: 30px;
    font-weight: bolder;
    color: #000;
    font-variant: small-caps;
}



.logo-mini {
    display: flex;
    align-items: center;
    font-size: 100px;
    font-weight: bolder;
    gap:25px;
  
}

.nav-menu {
    display: flex;
    gap: 20px;
    list-style: none;
    position: relative;
    top: 0;
    bottom: 0;
}

.nav-menu .LI {
    border-radius: 10px;
    padding: 10px 15px;
    transition-duration: 0.9s;
    transition-timing-function: ease;
}

.nav-menu .LI:hover {
    padding: 10px 15px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px inset;
    will-change: auto;
}

.nav-menu a {
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    transition: color 0.3s ease;
}

.get-started {
    align-items: center;
    border-radius: 10px;
    box-shadow: rgba(61, 61, 61, 0.72) 0px 0.602187px 1.08394px -1.25px, rgba(61, 61, 61, 0.64) 0px 2.28853px 4.11936px -2.5px, rgba(61, 61, 61, 0.25) 0px 10px 18px -3.75px, rgba(0, 0, 0, 0.35) 0px 0.706592px 0.706592px -0.583333px, rgba(0, 0, 0, 0.34) 0px 1.80656px 1.80656px -1.16667px, rgba(0, 0, 0, 0.33) 0px 3.62176px 3.62176px -1.75px, rgba(0, 0, 0, 0.3) 0px 6.8656px 6.8656px -2.33333px, rgba(0, 0, 0, 0.26) 0px 13.6468px 13.6468px -2.91667px, rgba(0, 0, 0, 0.15) 0px 30px 30px -3.5px;
    opacity: 1;
    will-change: auto;
    background-color: #000;
    color: #fff;
    font-weight: 500;
       padding: 10px 20px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
       transition: all 0.3s ease;
}


.get-started:hover {
    background-color: #000000;
    border-radius: 10px;
    box-shadow: rgba(61, 61, 61, 0.72) 0px 0.602187px 1.08394px -1.25px, rgba(61, 61, 61, 0.64) 0px 2.28853px 4.11936px -2.5px, rgba(61, 61, 61, 0.25) 0px 10px 18px -3.75px, rgba(0, 0, 0, 0.48) 0px 0.706592px 0.706592px -0.583333px, rgba(0, 0, 0, 0.47) 0px 1.80656px 1.80656px -1.16667px, rgba(0, 0, 0, 0.46) 0px 3.62176px 3.62176px -1.75px, rgba(0, 0, 0, 0.43) 0px 6.8656px 6.8656px -2.33333px, rgba(0, 0, 0, 0.36) 0px 13.6468px 13.6468px -2.91667px, rgba(0, 0, 0, 0.21) 0px 30px 30px -3.5px;
    transition: background-color 0.3s ease;
    opacity: 1;
    will-change: auto;
}

button.get-started::before {
    align-items: center;
    content: "";
    margin-right: 5px;
background-image: url("https://cdn-icons-png.flaticon.com/512/254/254407.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
  width: 25px;
    height: 25px;
    background-color: #fff;
    border-radius: 8px;
}

.get-started span{

 position: relative;
 top: -6px;
}

.hamburger {
    display: none;
    flex-direction: column;
    cursor: pointer;
    gap: 5px;
}

.hamburger span {
    width: 25px;
    height: 3px;
    background-color: #000;
    transition: all 0.3s ease;
}

.menu-container {
    display: none;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    width: 100%;
    padding: 12px 15px;
    position: relative;
    z-index: 2000;
}

.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    cursor: pointer;
}

.menu-header .logo {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.menu-header .menu-toggle {
    font-size: 24px;
    color: #f5a623;
}

.menu-items {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.menu-items.open {
    max-height: 300px;
}

.menu-items li {
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.list-Menu-Get-Started{
margin-top: 10px;
    background-color: #000000;
    width: 100%;
    border-radius: 10px;
    box-shadow: rgba(61, 61, 61, 0.72) 0px 0.602187px 1.08394px -1.25px, rgba(61, 61, 61, 0.64) 0px 2.28853px 4.11936px -2.5px, rgba(61, 61, 61, 0.25) 0px 10px 18px -3.75px, rgba(0, 0, 0, 0.35) 0px 0.706592px 0.706592px -0.583333px, rgba(0, 0, 0, 0.34) 0px 1.80656px 1.80656px -1.16667px, rgba(0, 0, 0, 0.33) 0px 3.62176px 3.62176px -1.75px, rgba(0, 0, 0, 0.3) 0px 6.8656px 6.8656px -2.33333px, rgba(0, 0, 0, 0.26) 0px 13.6468px 13.6468px -2.91667px, rgba(0, 0, 0, 0.15) 0px 30px 30px -3.5px;
    transform: none;
    justify-content: center;
}


.Menu-Get-Started{
    color: #fff;
    text-decoration: none;
        align-content: center;
    align-items: center;
    
    height: min-content;
    justify-content: c-start;
    overflow: visible;
    padding: 0;
    position: relative;
    width: min-content;
}

@media (max-width: 768px) {
    .nav-menu {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    .menu-container {
        display: block;
        position: fixed;
        top: 10px;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        z-index: 2000;
        background-color: #f5f5f5;
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.07) 0px 0.706592px 0.706592px -0.583333px, rgba(0, 0, 0, 0.07) 0px 1.80656px 1.80656px -1.16667px, rgba(0, 0, 0, 0.07) 0px 3.62176px 3.62176px -1.75px, rgba(0, 0, 0, 0.06) 0px 6.8656px 6.8656px -2.33333px, rgba(0, 0, 0, 0.05) 0px 13.6468px 13.6468px -2.91667px, rgba(0, 0, 0, 0.03) 0px 30px 30px -3.5px, rgb(255, 255, 255) 0px 3px 1px 0px inset;
        backdrop-filter: blur(5px);
        margin-top: 0;
    }

    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .hamburger.active span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }

    .get-started {
        display: none;
    }

    header {
        display: none;
    }

    body {
        padding-top: 0;
    }

    .menu-header .logo {
        font-size: 16px;
    }

    .menu-items li {
        padding: 12px 16px;
    }
    .Container-Head{
max-width: 100%; 
margin: 0 auto;
padding: 160px 0px 0px 0px;

}
}

.banner {
    text-align: center;
    position: relative;
   padding: 130px 70px 180px 70px;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}

.banner video {
    object-fit: cover;
        width: 135%;
  
    -webkit-filter: brightness(0.69) grayscale(1) invert(1);
    filter: brightness(0.69) grayscale(1) invert(1);
   opacity: 0.8;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
 
z-index: -1;
    min-height: 500px;
}

.banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    z-index: 9999 !important;
     
}

.banner .tagline {
    justify-content: center;
    line-height: 17px;
    display: flex;
    padding: 3px 6px 1px;
    gap: 3px;
    margin: 0 auto;
    max-width: 248px;
    font-size: 12px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom-width: 1px;
    border-color: #f5f5f5;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-top-width: 1px;
    background-color: rgb(245, 245, 245);
    border-radius: 60px;
    box-shadow: 0px 0.7065919983928324px 0.7065919983928324px -0.5416666666666666px rgba(0, 0, 0, 0.1), 0px 1.8065619053231785px 1.8065619053231785px -1.0833333333333333px rgba(0, 0, 0, 0.09), 0px 3.6217592146567767px 3.6217592146567767px -1.625px rgba(0, 0, 0, 0.09), 0px 6.8655999097303715px 6.8655999097303715px -2.1666666666666665px rgba(0, 0, 0, 0.09), 0px 13.646761411524492px 13.646761411524492px -2.7083333333333335px rgba(0, 0, 0, 0.08), 0px 30px 30px -3.25px rgba(0, 0, 0, 0.05), inset 0px 3px 1px 0px var(--token-d4c0a0e6-8fba-45bc-8f6f-215e608cd0df, rgb(255, 255, 255));
    opacity: 1;
    font-family: "Satoshi", "Satoshi Placeholder", sans-serif;
}

.Logo-Name{
    display: flex; 
  
    justify-content: center; 
    gap: 10px;
}

.banner .logo {
    background-image: linear-gradient(25deg, #000 60%, #ffffff 124%);
    display: inline-block;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 100px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}



.banner .description {
    font-size: 20px;
    color: #333;
    max-width: 600px;
    margin: 0 auto 30px;
    text-transform: capitalize;
}

.banner .buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.btn {
    font-family: "Inter", "Inter Placeholder", sans-serif;
    padding: 14px 28px;
    font-weight: 500;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.3s ease;
   
    text-decoration: none;
   
}

.btn-primary {
    background-color: #000000;
    border-radius: 10px;
  
    opacity: 1;
    box-shadow: rgba(61, 61, 61, 0.72) 0px 0.602187px 1.08394px -1.25px, rgba(61, 61, 61, 0.64) 0px 2.28853px 4.11936px -2.5px, rgba(61, 61, 61, 0.25) 0px 10px 18px -3.75px, rgba(0, 0, 0, 0.35) 0px 0.706592px 0.706592px -0.583333px, rgba(0, 0, 0, 0.34) 0px 1.80656px 1.80656px -1.16667px, rgba(0, 0, 0, 0.33) 0px 3.62176px 3.62176px -1.75px, rgba(0, 0, 0, 0.3) 0px 6.8656px 6.8656px -2.33333px, rgba(0, 0, 0, 0.26) 0px 13.6468px 13.6468px -2.91667px, rgba(0, 0, 0, 0.15) 0px 30px 30px -3.5px;
   

    color: #fff;
}

.btn-primary:hover {
   
   box-shadow: rgba(61, 61, 61, 0.85) 0px 0.602187px 1.08394px -1.25px,
            rgba(61, 61, 61, 0.75) 0px 2.28853px 4.11936px -2.5px,
            rgba(61, 61, 61, 0.35) 0px 10px 18px -3.75px,
            rgba(0, 0, 0, 0.45) 0px 0.706592px 0.706592px -0.583333px,
            rgba(0, 0, 0, 0.44) 0px 1.80656px 1.80656px -1.16667px,
            rgba(0, 0, 0, 0.43) 0px 3.62176px 3.62176px -1.75px,
            rgba(0, 0, 0, 0.4) 0px 6.8656px 6.8656px -2.33333px,
            rgba(0, 0, 0, 0.36) 0px 13.6468px 13.6468px -2.91667px,
            rgba(0, 0, 0, 0.25) 0px 30px 30px -3.5px;
}

.btn-secondary {
   
    border-radius: 10px;
    box-shadow: rgba(158, 158, 158, 0.69) 0px 0.706592px 0.706592px -0.583333px, rgba(158, 158, 158, 0.68) 0px 1.80656px 1.80656px -1.16667px, rgba(158, 158, 158, 0.65) 0px 3.62176px 3.62176px -1.75px, rgba(158, 158, 158, 0.61) 0px 6.8656px 6.8656px -2.33333px, rgba(158, 158, 158, 0.52) 0px 13.6468px 13.6468px -2.91667px, rgba(158, 158, 158, 0.3) 0px 30px 30px -3.5px, rgb(255, 255, 255) 0px 3px 1px 0px inset !important;
    opacity: 1;

    background-color: #f5f5f5;
    color: #000;
    
    
}

.btn-secondary:hover {
    box-shadow: rgba(61, 61, 61, 0.85) 0px 0.602187px 1.08394px -1.25px,
            rgba(61, 61, 61, 0.75) 0px 2.28853px 4.11936px -2.5px,
            rgba(61, 61, 61, 0.35) 0px 10px 18px -3.75px,
            rgba(0, 0, 0, 0.45) 0px 0.706592px 0.706592px -0.583333px,
            rgba(0, 0, 0, 0.44) 0px 1.80656px 1.80656px -1.16667px,
            rgba(0, 0, 0, 0.43) 0px 3.62176px 3.62176px -1.75px,
            rgba(0, 0, 0, 0.4) 0px 6.8656px 6.8656px -2.33333px,
            rgba(0, 0, 0, 0.36) 0px 13.6468px 13.6468px -2.91667px,
            rgba(0, 0, 0, 0.25) 0px 30px 30px -3.5px;
   
}

.btn-icon {
    padding: 10px 15px;
    background-color: #000;
    color: #fff;
    position: Fixed;

    
}

.btn-icon::before {
 
    align-items: center;
    content: "";
    margin-right: 5px;
   
    background-image: url("https://www.iconsdb.com/icons/preview/white/whatsapp-xxl.png");
    background-position: center center;
   
 
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block; /* Ensures the pseudo-element is treated as a block for sizing */
    width: 20px; /* Adjust as needed */
    height: 20px; /* Adjust as needed */
}

.btn-icon:hover {
    background-color: #333;
}

.footer-text {
    font-size: 12px;
    color: #666;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

@media (max-width: 768px) {
    .banner {
        padding: 30px 24px;
        min-height: 68vh; /* Ensure full viewport height on mobile */
    }
    .banner video {
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-height: 112vh; /* Match viewport height */
    }
    .banner .logo-mini {
        font-size: 36px;
        
    }
    .banner .description {
        font-size: 16px;
        margin-top: 10px;
    }
    .buttons {
        display: inline ;
        flex-direction: column;
        gap: 10px;
    }
    .btn {
        justify-content: center;
       width: 150px;
        padding: 12px;
        margin: 10px;
    }

    .banner .buttons {
    display: inline;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.Logo-Name{
    display: grid; 
    gap: 10px !important; 
    justify-content: center; 
}

.main-cont0{

    justify-content: center;
    margin: 0 auto;

}
.FixedBtm {
    position: fixed;
    bottom: 30px !important;
    right: 20px !important;
    z-index: 1000;
}

.Main-Copyryt{
        position: relative;
    right: -9px !important;
    top: 11px ;
    
}
}



.Main-sub-container-ourlogo {
    background: radial-gradient(50% 50% at 50% 50%, #ffffff00 0%, rgb(255, 255, 255) 100%);
    flex: none;
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: 3;
}

.main-cont0 {
    background: linear-gradient(180deg, #0e1229 -278%, #ffffff 136%);
    border-radius: 100px;
    box-shadow: #7a7a7a94 0px 0.706592px 0.989229px -0.541667px, #7a7a7a91 0px 1.80656px 2.52919px -1.08333px, rgba(122, 122, 122, 0.55) 0px 3.62176px 5.07046px -1.625px, rgba(122, 122, 122, 0.52) 0px 6.8656px 9.61184px -2.16667px, rgba(122, 122, 122, 0.46) 0px 13.6468px 19.1055px -2.70833px, rgba(122, 122, 122, 0.32) 0px 30px 42px -3.25px;
    opacity: 1;
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 10px;
    position: relative;
    width: min-content;
}

.main-cont1{
    background: linear-gradient(90deg, #000000 0%, #00000066 213%);
    border-radius: 100px;
    box-shadow: #0817243d 0px 0.706592px 0.706592px -0.666667px, rgba(16, 49, 77, 0.23) 0px 1.80656px 1.80656px -1.33333px, rgba(16, 49, 77, 0.22) 0px 3.62176px 3.62176px -2px, rgba(16, 49, 77, 0.2) 0px 6.8656px 6.8656px -2.66667px, rgba(16, 49, 77, 0.16) 0px 13.6468px 13.6468px -3.33333px, rgba(16, 49, 77, 0.06) 0px 30px 30px -4px;
    opacity: 1;
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 16px;
    position: relative;
    width: min-content;
}

.main-cont2 {
    aspect-ratio: 1 / 1;
    flex: none;
    height:  64px;
    overflow: visible;
    position: relative;
    width: 64px;
}


.main-cont0-mini {
  
    border-radius: 100px;
    opacity: 1;
    align-content: center;
    
}



.main-cont2-mini {
    aspect-ratio: 1 / 1;
    flex: none;
    height:  24px;
    overflow: visible;
    position: relative;
    width: 24px;
}

.FixedBtm {
    position: fixed;
    bottom: 16px;
    right: 8px;
    z-index: 1000;
}
.Main-Copyryt{
    text-align: center;
 margin-top: 50px;
position: relative;
    align-items: center;
    
justify-content: center; 
border-bottom-width: 0px;
border-color: rgba(0, 0, 0, 0);
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-top-width: 0px;
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.26) 0px 0.636953px 1.14652px -1.125px, rgba(0, 0, 0, 0.24) 0px 1.9316px 3.47689px -2.25px, rgba(0, 0, 0, 0.192) 0px 5.10612px 9.19102px -3.375px, rgba(0, 0, 0, 0.03) 0px 16px 28.8px -4.5px;
    opacity: 1; 
    padding: 8px ;
   position: relative;
   right: 20px;
    overflow: hidden;
   
    width: 160px;
    align-items: center;
    z-index: 100000;
}
.Main-Copyryt-text{
font-size: 12px;
font-weight: 600;
text-align: center;

}

.Main-Btn {
    text-align: center;
    position: relative; 
    right: -12px;
}

.btn.btn-icon {

    font-size: 13px;
    align-items: center;
    display: flex;
   border-bottom-width: 1px;
    --border-color: var(--token-6396e7f2-0645-4f69-9a36-80e94f8ee015, rgb(14, 28, 41));
    --border-left-width: 1px;
    --border-right-width: 1px;
    --border-style: solid;
    --border-top-width: 1px;
    background: linear-gradient(180deg, rgba(62, 105, 184, 0.5) 0%, var(--token-6396e7f2-0645-4f69-9a36-80e94f8ee015, rgb(14, 28, 41)) 16.216216216216218%);
    border-radius: 11px;
    box-shadow: rgba(61, 61, 61, 0.72) 0px 0.602187px 1.08394px -1.25px, rgba(61, 61, 61, 0.64) 0px 2.28853px 4.11936px -2.5px, rgba(61, 61, 61, 0.25) 0px 10px 18px -3.75px, rgba(0, 0, 0, 0.35) 0px 0.706592px 0.706592px -0.583333px, rgba(0, 0, 0, 0.34) 0px 1.80656px 1.80656px -1.16667px, rgba(0, 0, 0, 0.33) 0px 3.62176px 3.62176px -1.75px, rgba(0, 0, 0, 0.3) 0px 6.8656px 6.8656px -2.33333px, rgba(0, 0, 0, 0.26) 0px 13.6468px 13.6468px -2.91667px, rgba(0, 0, 0, 0.15) 0px 30px 30px -3.5px;
    opacity: 1;
    transition: background-color 0.3s ease;
}

.btn.btn-icon:hover {
    
}

.contain-text{
align-items: center;
   margin: 0 auto;
    background-color:#f5f5f5;
    box-shadow: inset 0 3px 1px #fff6, inset 0 -3px 1px #fff6;
    justify-content: center;
  
 
  z-index: 2;

    
}


.sub-contain-text{
      background-color:#f5f5f5;
   padding: 100px 40px;
  
     

}

.Main-text{
        margin: 0 auto;
     max-width: 900px;
    font-family: "Inter", "Inter Placeholder", "sans-serif";
    font-style: normal;
    font-weight:  normal;
    color: #0000008c;
    font-size: 30px;
    letter-spacing: normal;
    justify-content: center;
    text-align: center;
    line-height: 1.4em;
    
}

.Main-text span{
    color:#000 ;
}

.Site-Author-name{
padding: 20px 10px;
justify-content: center;
    display: flex
;
align-items: center; /* Vertical centering */
 

}


.author-logo{
     align-content: center;
    align-items: center;
    background: linear-gradient(180deg, #000000 -278%, #ffffff 136%);
    border-radius: 100px;
    box-shadow: 0 .7065919983928324px .9892287977499653px -.5416666666666666px #7a7a7a94, 0 1.8065619053231785px 2.52918666745245px -1.0833333333333333px #7a7a7a91, 0 3.6217592146567767px 5.0704629005194874px -1.625px #7a7a7a8c, 0 6.8655999097303715px 9.61183987362252px -2.1666666666666665px #7a7a7a85, 0 13.646761411524492px 19.10546597613429px -2.7083333333333335px #7a7a7a75, 0 30px 42px -3.25px #7a7a7a52;
   
    height: min-content;
    justify-content: center;
    overflow: visible;
   padding: 5px;
    position: relative;
    max-width: 50px;
    max-height: 50px;
}

.author-logo img{
    border-radius: 50%;
}
.author-name-title{
text-align: center;
    margin-left: 14px;
    font-size: 15px;
    font-weight: 400;
}

.author-name-text {
    text-align: center;
    margin-left: 14px;
    font-size: 18px;
    font-weight: 600;
}