* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

body {
    background: #fff;
    font-family: Unbounded, sans-serif !important;
   scroll-behavior: smooth;
   overflow-x: hidden;
}

.bullance-container {
    width: 100%;
    box-shadow: 0 0 3px #ff00373b;
    padding: 10px;
    position: fixed;
    background: #fff;
    top: 0;
    z-index: 1000000000;
}

.bullance-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: auto;


}


.bullance-logo {
    width: 250px;
}

.bullance-logo img {
    width: 100%;
}

.bullance-ham-menu{
    padding: 10px;
    background: linear-gradient(45deg, #d00205, #04264e);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    display: none;
}

.bullance-nav-menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;


}

.bullance-nav-menu ul li {
    list-style: none;
}

.bullance-nav-menu ul li .bullance-nav-link {
    text-decoration: none;
    margin: 0 20px;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;

}

.bullance-nav-menu ul li .bullance-nav-link.btn {
    padding: 15px 20px;
    background: linear-gradient(45deg, #d00205, #04264e);
    color: #fff;
    border-radius: 30px;
 
}

.bullance-nav-menu ul li .bullance-nav-link:hover {
    letter-spacing: 1px;
    transition: 0.3s;
}

.bullance-herro-contaner {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 80%;
    margin: auto;
    min-height: 100vh;
    margin-top: 100px;
}

.bullance-herro {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20%;
    margin-top: 100px;
}

.bullance-herro .bullance-hero-title {

    font-size: 4rem;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;
    margin-bottom: 50px;

}

.bullance-herro .bullance-hero-skill {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.bullance-hero-skill .bullance-herro-tagline {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 10px;
}

.bullance-herro-tagline img {
    width: 35px;
    margin-right: 10px;
}

.bullance-herro-tagline .skil-text {
    font-size: 1.5rem;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;

}

.bullance-hero-circle {
    max-width: 400px;
    margin-top: 30px;
    overflow:hidden;

}

.bullance-hero-circle:before {
    position: absolute;
    content: "";
    background: url(/assets/images/bullance-circle-logo.png);
    width: 100px;
    height: 100px;
    z-index: 1;
    background-repeat: no-repeat;
    margin-top: 145px;
    margin-left: 145px;
}
/*.bullance-hero-circle:after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background: #fff;*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    z-index: 9;*/
/*    background-repeat: no-repeat;*/
/*    margin-top: 145px;*/
/*    margin-left: -255px;*/
/*    border-radius: 50%;*/
/*    box-shadow: 0 0 5px #ff000073;*/
/*}*/



.bullance-hero-circle .bullance-hero-circle-bg {
    width: 100%;
    animation: circle 7s linear infinite;
}

@keyframes circle{
    100% {
        transform: rotate(360deg);
    }
}


/* --hero area ---  */


.bullance-section-contaner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 80%;
    margin: 30px auto;
    margin-bottom: 150px;


}


.bullance-section-title {
    font-size: 3rem;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;
    margin-bottom: 50px;
}

.bullance-do-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.bullance-do-container .bullance-do-content {
    display: flex;
    justify-content: center;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 3px #ff00373b;
    width: 49%;
    margin-bottom: 30px;
}

.bullance-do-content .bullance-do-img {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 20px;

}


.bullance-do-img img {
    width: 100%;
}

.bullance-do-content .bullance-do-text-container {
    width: 70%;
    text-align: left;
}

.bullance-do-text-container .bullance-do-title {
    font-size: 1.3rem;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;
    margin-bottom: 5px;

}

.bullance-do-text-container .bullance-do-text {
    font-size: 0.8rem;
    color: #000;
    /* background:linear-gradient(45deg, #d00205, #04264e); */
    -webkit-background-clip: text;

}

.bullance-do-text-container .read-btn {
    background: linear-gradient(45deg, #d00205, #04264e);
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
    margin: 10px auto;
    border-radius: 5px;
}



/* --- about area ---  */
.bullance-about-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding: 10px;
    box-shadow: 0 0 3px #ff000042;
    border-radius: 10px;

}

.bullance-about-container .bullance-about-left {
    width: 50%;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.bullance-about-left .bullance-about-title {
    font-size: 2rem;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;
    margin-bottom: 5px;
}

.bullance-about-left .bullance-about-text {
    font-size: 1rem;
    color: #000;
    /* background:linear-gradient(45deg, #d00205, #04264e); */
    -webkit-background-clip: text;
    margin-bottom: 5px;
}






.bullance-about-container .bullance-about-right {
    width: 40%;
}

.bullance-about-container .bullance-about-right img {
    width: 100%;
    height: 600px;
}



/* ---contact area ---  */

.bullance-contact-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 30px;
    box-shadow: 0 0 3px #ff00373b;
    border-radius: 10px;
}

.bullance-contact-container .bullance-contact-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.bullance-contact-left .bullance-contact-title,
.bullance-contact-right .bullance-contact-title {
    font-size: 2rem;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.bullance-contact-left .bullance-contact-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bullance-contact-link img {
    width: 50px;
    margin-right: 7px;
}

.bullance-contact-link {
    font-size: 1.5rem;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;
    margin-bottom: 5px;
    text-decoration: none;
}





.bullance-contact-container .bullance-contact-right {
    width: 50%;
}

.bullance-contact-right .bullance-contact-box {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 3px #ff00373b;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.bullance-contact-box .from-contoler {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    text-align: center;
    margin-bottom: 20px;
}

.from-contoler label {
    font-size: 1.5rem;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;
    margin-bottom: 5px;
    text-decoration: none;
}

.from-contoler .bullance-input {
    padding: 10px;
    border-radius: 7px;
    border: 2px solid #cb071b1a;
    font-size: 1rem;
    text-align: center;
}

.from-contoler .bullance-text-input {
    padding: 10px;
    border-radius: 10px;
    border:2px solid #cb071b1a;
    font-size: 1rem;
    text-align: center;
    height: 100px;
}

.from-contoler .smt-btn {
    padding: 10px 20px;
    color: #fff;
    background: linear-gradient(45deg, #d00205, #04264e);
    border-radius: 7px;
    border: 1px solid #ccc;
    width: fit-content;
    margin: auto;
    font-size: 2rem;
}


/* ---footer are --  */

.footer {
    padding: 20px;
    box-shadow: 0 0 3px #ff00373b;
}

.bullance-footer-box {
    width: 100%;
    justify-content: space-between;
    display: flex;

}

.bullance-footer-box .bullance-fotter-container {
    width: 100%;

    display: flex;
    flex-direction: column;
}

.bullance-footer-title {
    font-size: 1.5rem;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;
    margin-bottom: 5px;
    text-decoration: none;
}

.bullance-footer-link li {
    list-style: none;

}

.bullance-footer-link li a {
    text-decoration: none;
    text-align: left;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;

}
.bullance-footer-link li a:hover{
    letter-spacing: 1px;
    transition: 0.3s;
}


.bullance-section-contaner.tradingview {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 10px;
    margin: 0 !important;
    box-shadow: 0 0 3px #ff00373b;
 

}
.bullannce-tradingview-container{
    width: 81%;
    margin: 0 auto;
}


/*--crypto--exchange--*/

.bullance-exchange {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}
.bullance-exchange .bullance-exchange-container {
  padding: 10px;
    box-shadow: 0 0 10px #ff00373b;
    width: 100%;
    display: flex;
    border-radius: 10px;
    margin-bottom:50px;
}


.bullance-exchange-container .bullance-exchange-left {
    width: 40%;
    margin-right: 20px;
}
.bullance-exchange-container .bullance-exchange-left img{
    width:100%;
    border-radius:10px;
}

.bullance-exchange-container .bullance-exchange-right {
   width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
   
}

.bullance-exchange-right .bullance-exchange-title{
    font-size: 2rem;
    color: transparent;
    background: linear-gradient(45deg, #d00205, #04264e);
    -webkit-background-clip: text;
    margin-bottom: 10px;

}

.bullance-exchange-description {
    font-size: 1rem;
    margin-bottom:10px;
}
.bullance-exchange-right .bullance-exchange-btn{
   padding: 15px 20px;
    background: linear-gradient(45deg, #d00205, #04264e);
    color: #fff;
    border-radius: 10px;
    width:fit-content;
    text-decoration:none;
    font-size:1.5rem;
    animation: colorChange 1s linear infinite;

}

@keyframes colorChange {
    100%{
        filter: hue-rotate(360deg);
    }
    
}