:root {
  --green-color: #0CEEAE; 
  --white-color: #fff;
  --black-color: #000;
  --color-gray: #EEE1C0;
  --button-color:#C98F00;
  --divider-color: #EEE1C0;
  --green-txt: #2D5016;
}

a:hover{ text-decoration: none;}

body{
    font-family: "Manrope", sans-serif; padding: 0; margin: 0; background-color: var(--black-color);
}

.sec-space{
    padding: 50px 0px;
}

.header-section{
    background-color: var(--black-color);
    padding: 10px 0px;
    color: var(--white-color);
}

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

.menu-section ul li{
    margin-right: 25px;
}

.menu-section ul li a{
    color: var(--white-color);
    font-size: 15px;
    font-weight: 700;
}

.menu-section ul li a:hover{
    color: var(--green-color);
}

.menu-section ul li.active a{
    color: var(--green-color);
}

.header-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.getbtn a{
    display: inline-block;
    background-color: var(--green-color);
    color: var(--black-color);
    border: var(--green-color) solid 1px;
    padding: 8px 25px;
    border-radius: 10px;
    font-weight: 700;
}

.getbtn a:hover{
    border: var(--white-color) solid 1px;
    background-color: transparent;
    color: var(--white-color);
}

.loginbtn{
    margin: 0px 15px;
}

.loginbtn a{
    display: inline-block;
    background-color: transparent;
    color: var(--white-color);
    border: var(--white-color) solid 1px;
    padding: 8px 25px;
    border-radius: 10px;
    font-weight: 700;
}

.loginbtn a:hover{
    background-color: var(--green-color);
    color: var(--black-color);
    border: var(--green-color) solid 1px;
}

.top-search a{
    color: var(--white-color);
    font-size: 22px;
}

.banner-section{
    position: relative;
}

.banner-section img{
    width: 100%;
    max-width: 100%;
}

.banner-caption{
    position: absolute;
    top: 30px;
    width: 100%;
    color: var(--white-color);
    text-align: center;
}

.banner-caption h2{
    font-size: 40px;
    color: var(--white-color);
    font-weight: 700;
}

.banner-caption h2 span{
    color: var(--green-color);
}

.banner-caption h3{
    font-size: 15px;
    line-height: 22px;
}

.research-section{
    background-image: url('../images/bg1.png');
    background-repeat: no-repeat;
    position: relative;
}

.paragraph-txt p{
    color: var(--white-color);
    font-size: 15px;
}

.shadow{
    position: relative;
}

.shadow:before{
    content: '';
    background-image: url('../images/shadow.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100px;
    width: 100%;
    position: absolute;
    top: -50px;
    left: 0;
}

.research-section .title-section{
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}

.title-section h3{
    color: var(--green-color);
    font-weight: 600;
    font-size: 14px;
}

.title-section h2{
    color: var(--white-color);
    font-weight: 700;
    font-size: 35px;
}

.title-section h4{
    color: var(--white-color);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.work-section{
    position: relative;
}



.work-section .title-section h2{
    font-size: 30px;
}

.research-box{
    margin-top: 30px;
    position: relative;
}

.research-box .research-image img{
    max-width: 100%;
}

.research-content{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 50px 10px 10px;
    background-color: #00000052;
}

.research-content h5{
    font-size: 18px;
    color: var(--white-color);
    margin-bottom: 0px;
}

.research-content p{
    font-size: 11px;
    color: var(--white-color);
}

.research-content .viewbtn{
    padding: 0;
    margin: 0;
    position: absolute;
    right: 10px;
    bottom: 30px;
}

.research-content .viewbtn img{
    height: 40px;
}

.def-btn a{

}

.def-btn a{
    display: inline-block;
    background-color: var(--green-color);
    color: var(--white-color);
    border: var(--green-color) solid 1px;
    padding: 12px 25px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
}

.def-btn a:hover{
    border: var(--white-color) solid 1px;
    background-color: transparent;
    color: var(--white-color);
}

.work-img img{
    width: 100%;
    max-width: 100%;
}

.work-list ul{
    padding-left: 20px;
}

.work-list ul li{
    color: var(--white-color);
    font-size: 14px;
    margin-top: 20px;
}

.work-list ul li h2{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.work-list ul li h3{
    font-size: 11px;
    font-weight: 400;
}

.view-service a{
    display: inline-block;
    background: linear-gradient(109.46deg, rgba(201, 201, 201, 0.24) 1.57%, rgba(196, 196, 196, 0.03) 100%);
    border: 0.5px solid;
    border: linear-gradient(108.87deg, rgba(255, 255, 255, 0.8) 0.66%, rgba(211, 211, 211, 0.1) 99.48%);
    border-radius: 10px;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 700;
    padding: 10px 25px;
}

.investing-section{
    background-image: url('../images/gredian1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.invest-wrap{
    background-image: url('../images/gredian1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: flex;
     justify-content: space-between;
     align-items: center;
}

.invest-left {
    width: 30%;
    margin-right: 30px;
}

.invest-right {
    width: 30%;
    margin-left: 30px;
}

.invest-middle{
    width: 40%;
}

.invest-middle img{
    max-width: 100%;
}

.invest-box{
    display: flex;
    border: #0FF3B480 solid 1px;
    border-radius: 10px;
    padding: 10px;
    align-items: center;
    margin: 20px 0px;
    max-width: 320px;
}

.invest-icon{
    margin-right: 15px;
}


.invest-cont h2{
    color: var(--white-color);
    font-size: 16px;
    font-weight: 600;
}
.invest-cont h3{
    color: var(--white-color);
    font-size: 11px;
    font-weight: 400;
}

.start-journey-btn a{
   display: inline-block;
   background-color: #364d42;
    border: rgba(211, 211, 211, 0.6) solid 1px;
    border-radius: 10px;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 700;
    padding: 10px 25px; 
}

.intelligence-section{
    background-image: url('../images/img2.png');
    background-repeat: no-repeat;
}

.philosophy-section{
    background-image: url('../images/img3.png');
    background-repeat: no-repeat;
}

.founder-section{
    background-image: url('../images/img4.png');
    background-repeat: no-repeat;
    position: relative;
}

.price-box{
    padding: 15px;
    border-radius: 10px;
    margin-top: 30px;
}

.price-box.starter{
    border: #0FF3B4 solid 1px;
    background: linear-gradient(109.46deg, rgba(15, 243, 180, 0.3) 1.57%, rgba(15, 243, 180, 0.096) 100%);

}

.price-box h2{
    color: var(--white-color);
    font-size: 30px;
    font-weight: 700;
}

.price-box h3{
    color: #B8C7BE;
    font-size: 14px;
    font-weight: 400;
}

.box-price{
    font-size: 40px;
    font-weight: 700;
    color: var(--white-color);
    border-bottom: #CDCACA solid 1px;
    padding-bottom: 20px;
}

.box-price span{
    color: #B8C7BE;
    font-size: 14px;
    font-weight: 400;
}

.box-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}

.box-icon{
    background-color: rgba(196, 196, 196, 0.1);
    border: #D3D3D31A solid 1px;
    padding: 10px;
    border-radius: 10px;
}

.price-box.starter .box-tag{
   background-color: rgba(196, 196, 196, 0.1);
    border: #D3D3D31A solid 1px;
    padding: 10px 25px;
    border-radius: 10px; 
    color: #00F9B0;
    font-size: 14px;
    font-weight: 700;
}

.price-box.pro .box-tag{
    background-color:#EFAB2D;
    border: #EFAB2D solid 1px;
    padding: 10px 25px;
    border-radius: 10px; 
    color: var(--black-color);
    font-size: 14px;
    font-weight: 700;
}

.price-box.elite .box-tag{
    border: rgba(110, 65, 244, 1) solid 1px;
    color: rgba(110, 65, 244, 1) ;
    padding: 10px 25px;
    border-radius: 10px; 
    font-size: 14px;
    font-weight: 700;
}

.plan-details ul{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.plan-details ul li{
    color: var(--white-color);
    font-size: 15px;
    font-weight: 600;
    padding-top: 10px;
}

.plan-details ul li span{
    display: inline-block;
    margin-right: 10px;
}

.plan-btn{
    margin-top: 30px;
}

.plan-btn a{
    display: block;
    padding: 10px;
    color: var(--white-color);
    font-size: 14px;
    font-weight: 700;
    border-radius: 15px;
    text-align: center;
}

.price-box.starter .plan-btn a{
    border: #0FF3B4 solid 1px;
}

.price-box.starter .plan-btn a:hover{
    background-color: #0FF3B4;
}

.price-box.pro{
    border: #FAC160 solid 1px;
    background: linear-gradient(109.46deg, rgba(248, 193, 96, 0.3) 1.57%, rgba(241, 189, 99, 0.15) 100%);

}

.price-box.elite{
    border: rgba(110, 65, 244, 1) solid 1px;
    background: linear-gradient(109.46deg, rgba(110, 65, 244, 0.3) 1.57%, rgba(110, 65, 244, 0.09) 100%);

}

.price-box.pro .plan-btn a{
    border: #EFAB2D solid 1px;
}

.price-box.pro .plan-btn a:hover{
    background-color: #EFAB2D;
}

.price-box.elite .plan-btn a{
    border: rgba(110, 65, 244, 1) solid 1px;
}

.price-box.elite .plan-btn a:hover{
    background-color: rgba(110, 65, 244, 1);
}

.site-info{
    padding: 15px 0px;
    color: var(--white-color);
}

.info-wrap{
    align-items: center;
}

.info-icon{
    height: 65px;
    width: 65px;
    border-radius: 100%;
    border: rgba(0, 242, 254, 0.15) solid 1px;
    background-color: #043438;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.info-cont span{
    display: block;
    font-size: 13px;
    color: #94A3B8;
}

.info-cont span.digit{
    color: var(--white-color);
    font-size: 20px;
    font-weight: 700;
}

.testimonial-box{
    margin-top: 50px;
    background: linear-gradient(0deg, rgba(217, 217, 217, 0.035), rgba(217, 217, 217, 0.035)),
linear-gradient(110.11deg, rgba(254, 118, 0, 0.152) 56.4%, rgba(0, 0, 0, 0.06) 140.09%);
padding: 20px;
border: rgba(255, 255, 255, .6) solid 1px;
color: var(--white-color);
border-radius: 10px;
}

.testi-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
}

.testi-top .star img{
    height: 15px;
}

.testi-top .quote img{
    height: 15px;
}

.testimonial-box p{
    font-size: 13px;
    text-align: left;
    line-height: 22px;
    padding-left: 25px;
}

.testi-bottom{
    display: flex;
    align-items: center;

}

.testi-bottom .testi-pic img{
    height: 45px;
    width: 45px;
    border-radius: 10px;
}

.testi-bottom h2{
    font-size: 15px;
    font-weight: 500;
    padding-left: 10px;
}

.testimonial-slider .owl-item.center .testimonial-box{
    background: linear-gradient(0deg, rgba(217, 217, 217, 0.035), rgba(217, 217, 217, 0.035)),
linear-gradient(110.11deg, rgba(49, 29, 255, 0.2) 56.4%, rgba(0, 0, 0, 0.06) 140.09%);

}

.brighter-section{
    background-image: url("../images/bg2.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.button-section a.start-btn{
    display: inline-block;
    background-color: #00F9B0;
    color: var(--black-color);
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 12px;
    font-weight: 700;
    margin-right: 5px;
}

.button-section a.viewplan-btn{
    display: inline-block;
    background: rgba(8, 48, 39, 1);
    color: var(--white-color);
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 12px;
    font-weight: 700;
    border: rgba(182, 182, 182, 1) solid 1px;
    margin-left: 5px;
}

.brighter-info{
    margin-top: 50px;
    background: radial-gradient(130% 120% at 50% 50%, #03201D 0%, #021614 45%, #010C0A 100%);
    border: 1px solid rgba(6, 182, 212, 0.25);
    padding: 15px 30px;
    border-radius: 15px;
}

.footer-section{
    background-image: url("../images/footer-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
}

.footer-top{
    padding-bottom: 30px;
    border-bottom: #8D8D8D solid 1px;
}

.footer-info{
    max-width: 200px;
    padding-top: 10px;
}

.footer-info h4{
    color: var(--white-color);
    font-size: 16px;
    font-weight: 700;
}

.footer-info p{
    color: var(--white-color);
    font-size: 13px;
    font-weight: 400;
}

.footer-menu h2{
    font-size: 18px;
    font-weight: 600;
    color: var(--white-color);
    padding-bottom: 15px;
}

.footer-menu ul li{
    padding-top: 0px;
    list-style-type: disc;
    color: var(--white-color);
    margin-left: 15px;
}

.footer-menu ul li a{
    color: var(--white-color);
    font-size: 12px;
    font-weight: 400px;
}

.footer-social a{
    display: inline-block;
    margin-right: 10px;
    background: linear-gradient(109.46deg, rgba(201, 201, 201, 0.24) 1.57%, rgba(196, 196, 196, 0.03) 100%);
    color: var(--white-color);
    
    border-radius: 5px;
   height: 35px;
   width: 35px;
   text-align: center;
   padding-top: 5px;
   border: Mixed solid;
border: linear-gradient(108.87deg, rgba(255, 255, 255, 0.8) 0.66%, rgba(211, 211, 211, 0.1) 99.48%);
}

.copyright{
    color: var(--white-color);
    font-size: 13px;
    font-weight: 400;
}
.f-design{
    color: var(--white-color);
    font-size: 13px;
    font-weight: 400;
}

.footer-bottom{
    padding: 15px 0px;
}

.about-banner{
    position: relative;
}

.about-banner img{
    width: 100%;
    max-width: 100%;
}

.banner-layer{
    position: absolute;
    width: 100%;
    color: var(--white-color);
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.banner-layer h3{
    font-size: 14px;
    font-weight: 600;
    color: #0FF3B4;
    text-transform: uppercase;
}

.banner-layer h2{
    font-size: 50px;
    font-weight: 700;
    color: var(--white-color);
}

.banner-layer p{
    font-size: 13px;
    font-weight: 400;
    color: var(--white-color);
}

.faq-section{
    background-image: url('../images/gredian1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.accordion .card{
    margin-bottom: 15px;
    background: linear-gradient(109.46deg, rgba(201, 201, 201, 0.24) 1.57%, rgba(196, 196, 196, 0.03) 100%);
    border: #0FF3B4 solid 1px;
}

.accordion .card-header{
    padding: 0;
}

.accordion .card-header .btn-link{
    display: block;
    color: #fff;
    text-decoration: none;
    width: 100%;
    text-align: left;
    padding: 15px;
}

.accordion .card-header .btn-link i{
    float: right;
}

.job-content{
    color: var(--white-color);
    font-size: 13px;
    font-weight: 400;
}

.plan-section{
   background-image: url("../images/plan-bg.png");
    background-repeat: no-repeat;
    background-size: cover; 
}

.plan-list{
    display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 50px;
}

.plan-box{
    display: flex;
    flex: 0 0 calc(50% - (20px / 2)); 
  box-sizing: border-box;
    background: linear-gradient(109.46deg, rgba(201, 201, 201, 0.24) 1.57%, rgba(196, 196, 196, 0.03) 100%);
    border: #0FF3B4 solid 1px;
    border-radius: 5px;
    padding: 15px;
}

.plan-info{
    padding-left: 15px;
}

.plan-info h2{
    color: var(--white-color);
    font-size: 18px;
    font-weight: 600;
}

.plan-info p{
    color: var(--white-color);
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0px;
}

.plan-icon{
    height: 40px;
    width: 40px;
    background-color: #fff;
    min-width: 40px;
    border-radius: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.plan-icon img{
    height: 35px;
}

.subscription-section{
    background-image: url("../images/subscription-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.flex-viewport{
    max-width: 500px;
    margin: 0 auto;
    border: #0FF3B4 solid 1px;
    border-radius: 10px;
}

ol.flex-control-nav li a{
    background-color: #fff !important;
}