.wrapper{
    width: 265px;
    margin:30px auto;
    position:relative;
    text-align:center;
}
/* Top Button */
.top-btn{
    background: #79c3ea;
    color:#fff;
    padding: 10px 10px;
    border-radius:6px;
    font-size: 18px;
    margin-bottom: 50px;
}

/* Rocket Head */
.rocket-head {
    width: 0;
    height: 0;
    border-left: 132px solid transparent;
    border-right: 134px solid transparent;
    border-bottom: 250px solid #79c3ea;
    margin: auto;
    position: relative;
}

.lift{
    position:absolute;
    top: 110px;
    left: -50px;
    width: 100px;
    height: 100px;
    background:#1F33D8;
    border-radius:50%;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight: normal;
    font-size: 22px;
    line-height:1.1;
}

/* Chapter */
.chapter{
    background:#F4EB49;
    padding: 20px 0;
    font-weight: 400;
    font-size: 30px;
    border-left: 10px solid #79c3ea;
    border-right: 10px solid #79c3ea;
}

/* Vertical Text */
.vertical{
    position:absolute;
    left: -90px;
    top: 355px;
    background: #79c3ea;
    color:#fff;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    padding: 105px 15px;
    font-weight:bold;
    letter-spacing: 36px;
    font-size:14px;
}

/* Rocket Body */
.body-section{
    background: #79c3ea;
    padding:22px 18px;
    margin-top: 10px;
}

.inner{
    background: #ffffff;
    padding:18px;
}

.card-box{
    /* background: #48a7dd; */
    color:#fff;
    padding: 0px 0px;
    border-radius:6px;
    margin-bottom:14px;
    font-size:13px;
}

.free-btn{
    background:#79C3EA;
    border:none;
    padding: 3px 5px;
    border-radius:5px;
    font-size: 18px;
    color:#fff;
    width: 27%;
    min-height: 70px;
}
.free-btn1{
    background:#79C3EA;
    border:none;
    padding: 3px 5px;
    border-radius:5px;
    font-size: 16px;
    color:#fff;
    width: 70%;
    min-height: 70px;
}

/* Purple Section */
.purple{
    background: #cb6ce6;
    padding:16px;
}

.pay{
    background: #ffffff;
    padding:8px 10px;
    border-radius:6px;
    color:#fff;
}

/* Science */
.science{
    background:#4FA3D1;
    padding:18px;
}

.stop{
    width: 40px;
    height: 40px;
    background:#FF1E1E;
    border-radius:50%;
    position:relative;
    /* display: block; */
    /* margin: auto; */
    /* padding: 0px; */
}

.stop::after{
    content:'';
    width: 25px;
    height: 5px;
    background:#fff;
    position:absolute;
    top: 19px;
    left: 7px;
}

/* Bottom */
.bottom{
    background:#F4EB49;
    padding: 20px;
    font-weight: 400;
    font-size: 23px;
    border-left: 10px solid #79c3ea;
    border-right: 10px solid #79c3ea;
}

/* Wings */
.wings {
    width: 0;
    height: 0;
    border-left: 75px solid transparent;
    border-right: 58px solid transparent;
    border-top: 98px solid #F26522;
    margin: auto;
    float: inline-start;
}

/* Smoothness */
.card-box, .pay, .free-btn{
    transition:all 0.3s ease;
}

.card-box:hover{
    transform:scale(1.03);
}

.col-md-4.main {
    margin-bottom: 60px;
    margin-top: 30px;
}

.inner a {
    color: #fff !important;
    text-decoration: none !important;
}
.inner2 a {
    color: #000 !important;
    text-decoration: none !important;
}
.purple a {
    color: #fff !important;
    text-decoration: none !important;
}

.bottom.mt-3.inner2 a {
    font-size: 20px;
}


/* Responsive */
@media(max-width:576px){
    .wrapper{
        width:100%;
    }
   /* .vertical{
        display:none;
    }*/

}
#btn-icon {
    border-radius: 50px;
    background: red;
    border: red;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-white.shadow-sm {
    padding: 20px 0;
}
.footer-section{
    background:rgb(245, 245, 245);
    color:#fff;
    padding: 30px 0 20px;
}

.footer-section h4,
.footer-section h5{
    margin-bottom:20px;
    font-weight:600;
    text-align: center;
    color: black;
}

.footer-section p{
    color: #000000;
    text-align: center;
    margin-bottom: 5px;
}

.footer-section ul li{
    margin-bottom:10px;
}

.footer-section ul li a{
    color:#cfcfcf;
    text-decoration:none;
    transition:.3s;
}

.footer-section ul li a:hover{
    color:#d4a840;
}

.footer-section hr{
    border-color:rgba(255,255,255,.15);
}

.footer-section i{
    margin-right:8px;
    color:#d4a840;
}

#wings_2 {
    position: relative;
    top: -98px;
    left: 132px;
}
.lift a {
    color: white;
    text-decoration: none;
}


.payment-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:9px 40px;
    border-radius:50px;
    text-decoration:none;
    color:#fff;
    background: green;
    font-size:18px;
    font-weight:600;
    transition:.3s;
    box-shadow: 0 10px 25px #1F33D8);
}

.payment-btn:hover{
    transform:translateY(-3px);
    color:#fff;
}

@media(max-width:768px){

    .quiz-body{
        padding:7px;
    }

    .question-box{
        flex-direction:column;
        text-align:center;
    }

    .question-box h4{
        font-size:16px;
        margin-bottom: 7px;
    }
    #wings_2 {
  position: relative;
  top: 0;
  left: 30px;
}
}

.whitepaper-section{
    background:#f5f7fb21;
}

.whitepaper-card{
    background:#fff;
    padding: 30px;
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
}

.chapter-badge{
    display:inline-block;
    padding:8px 20px;
    background: #79c3ea;
    color:#fff;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.whitepaper-card h1{
    font-size: 30px;
    font-weight:700;
    color:#0b1f3a;
    margin-bottom:10px;
}

.subtitle{
    color:#666;
    font-size:20px;
}

.content{
    line-height:1.9;
    color:#444;
    font-size:17px;
}

.content h2{
    color:#0b1f3a;
    margin-top: 21px;
    margin-bottom: 15px;
    font-weight:700;
    border-left: 4px solid #79c3ea;
    padding-left:15px;
}

.content ul{
    margin:20px 0;
    padding-left:20px;
}

.content ul li{
    margin-bottom:12px;
}

.content ul li::marker{
    color: #79c3ea;
}

@media(max-width:768px){

    .whitepaper-card{
        padding:25px;
    }

    .whitepaper-card h1{
        font-size:30px;
    }

    .subtitle{
        font-size:16px;
    }
}

.voyager-section{
    background:#f5f6f81c;
    min-height:100vh;
}

.voyager-card{
    background:#fff;
    padding: 31px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.title{
    font-size: 30px;
    font-weight: 600;
    color:#1f2d3d;
}

.question-box h3{
    font-size: 25px;
    color:#4a5568;
    margin:0;
}

.form-control{
    height:55px;
    border-radius:10px;
}

.input-group-text{
    border-radius:10px 0 0 10px;
}

.btn-buy{
    background:#f4b400;
    color:#000;
    border:none;
    padding:14px 35px;
    border-radius:50px;
    font-weight:700;
    transition:.3s;
}

.btn-buy:hover{
    background:#e0a200;
}

@media(max-width:768px){

    .voyager-card{
        padding:10px;
    }

    .title{
        font-size:32px;
    }

    .question-box h3{
        font-size:24px;
    }

    .btn-buy{
        width:100%;
    }
}

.btn.btn-buy {
  background: green;
}.btn.btn-buy {
  background: green;
  color: white;
  padding: 14px 20px;
}
.chapter a {
  text-decoration: none;
  color: black;
}
/* payment */
.checkout-wrapper{
    max-width:1000px;
    margin:50px auto;
}

.checkout-card{
    background:#fff;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    overflow:hidden;
}

.checkout-header{
    background:#79c3ea;
    color:#fff;
    padding:15px;
    text-align:center;
}

.checkout-header h2{
    margin:0;
    font-weight:600;
}

.question-box{
    padding:13px;
    text-align:left;
    background:#fafafa;
    border-bottom:1px solid #eee;
    font-size:16px;
    /*! font-weight:600; */
    /*! margin-top: 5px; */
}

.form-section{
    padding:30px;
}

.form-label{
    font-weight:600;
    margin-bottom:8px;
}

.form-control{
    height:52px;
    border-radius:10px;
    border:1px solid #ddd;
}

.form-control:focus{
    box-shadow:none;
    border-color:#d4a840;
}

.section-title{
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
    color:#222;
}

.payment-icons img{
    height:30px;
    margin-right:8px;
}

.cart-box{
    background:#fafafa;
    border:1px solid #eee;
    border-radius:12px;
    padding:20px;
}

.cart-item{
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
}

.total-row{
    border-top:1px solid #ddd;
    padding-top:15px;
    margin-top:15px;
    font-size:20px;
    font-weight:700;
}

.pay-btn{
    background:#00b86b;
    border:none;
    height:55px;
    border-radius:10px;
    font-size:18px;
    font-weight:600;
}

.pay-btn:hover{
    background:#00995a;
}

@media(max-width:768px){
    .form-section{
        padding:20px;
    }
}
.btn-clr {
  background: green;
  border: none;
  border-radius: 50px;
  padding: 9px 30px;
  color: white;
  font-weight: 600;
}

.quiz-section{
    /*! min-height:100vh; */
    display:flex;
    align-items:center;
    justify-content:center;
    padding:50px 0;
}

.quiz-card{
    width:100%;
    background:#fff;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    overflow:hidden;
}

.quiz-header{
    background:#79c3ea;
    color:#fff;
    padding:9px;
    text-align:center;
}

.quiz-body{
    padding:30px;
}

.question{
    font-size:22px;
    font-weight:600;
    margin-bottom:25px;
}

.form-check{
    /*! border:1px solid #e5e5e5; */
    border-radius:10px;
    padding:9px 15px 15px 0;
    margin-bottom:12px;
    transition:.3s;
}

.form-check:hover{
    /*! background:#faf7ef; */
    /*! border-color:#d4a840; */
}

.form-check-input:checked{
    background-color:#d4a840;
    border-color:#d4a840;
}

.pay-btn{
    background:#28a745;
    border:none;
    padding:12px 30px;
    font-size:18px;
    font-weight:600;
    border-radius:10px;
}

.pay-btn:hover{
    background:#218838;
}

.quies-anser {
  display: flex;
  justify-content: space-between;
}

.btn.pay-btn {
  background: green;
  color: white;
  height: 43px;
}
.btn:hover{
     background: green!important;
 
}