*{margin: 0px; padding: 0px; }
.banner{position: relative;background: url(../img/banner.html) no-repeat;display: flex;align-items: center;height: 85vh;border-top:#d9c296 1px solid;border-bottom:#d9c296 1px solid;background-size: cover; background-position: bottom center;}
.banner::before{position: absolute;top:0px;bottom: 0px;width:100%;height:100vh;background: #0e0606ad;ex: 9;content: '';}
.banner img{position: absolute; width: 100%; height: 100vh;}
.banner .container{position: relative; z-index: 99; text-align: center;}
h1, h2, h3, h4, h5, h6{font-family: 'Friends 3'}
.formdesign {
padding:30px;
border: #d9c296 1px solid;
margin-top: -50px;
z-index: 99;
position: relative;
background: #1c1c1c;
}
.mobile{display: none;}
    .desktop{display: block;}
.banner h1 {
    font-size: 55px;
}

.modal-content{ background: transparent;}
.modal-body {
    background: transparent;
}

.modal.show .modal-dialog {
    background: transparent;
}

div#onload {
    background: transparent;
}
.modal-content button.btn-close {
    background: #000000;
    height: 35px;
    width: 35px;
    padding: 0;
    line-height: 20PX;
    border-radius: 50%;
    left: auto;
    right: 0;
    top: 7px;
    position: absolute;
    opacity: 1;
    color: #fff;
}

.modal-body .footerform {
    background: #d9c197;
}
.cursor{cursor: pointer;}
.modal-body .footerform input[type="text"], .modal-body .footerform.footerform input[type="number"], .modal-body .footerform input[type="email"] {
    background: #ffffff6b;
    color: #000;
}

.modal-body .footerform  input[type="submit"] {
    background: #000;
    color: #fff;
}
input[type="number"]:focus, input[type="text"]:focus, input[type="email"]:focus {
    outline: none;
    border: 0;
}
.accordion-button {
    font-size: 24px !important;
}
.banner h4 {
    font-size: 28px;
}
body{background: #000;}
body, p, li{font-family: "Montserrat", sans-serif; line-height: 32px;}
.form-row {position: relative;display: block;overflow: hidden;}

input[type="text"], input[type="number"], input[type="email"] {background: #d9c298;border-radius: 0;border: 0px;height: 45px;padding-left: 45px;width: 100%;}
input[type="submit"]{background: #d9c298; width: 100%; text-align: center; font-family: 'Friends 3'; border: #d9c298 1px solid; height: 45px; font-size: 22px;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide spin buttons in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
.icon {
position: absolute;
left: 5px;
width: 30px;
height: 30px;
top: 0;
bottom: 0;
margin: auto;
}

.icon img {
width: 100%;
}
.formdesign  .col-3.col-md-3.col-sm-12.col-12 {
background: #1c1c1c;
}
.codedata{padding: 70px 0px;}
.investment {margin: 60px 0px;box-shadow: 0 0 70px #212121;border: #d9c298 1px solid;position: relative;padding: 60px 0px 40px;}
.inventory {
background: rgb(135,106,76);
background: linear-gradient(90deg, rgba(135,106,76,1) 0%, rgba(232,208,162,1) 50%, rgba(135,106,76,1) 100%);
margin: 20px 0px 0;
display: block;
clear: both;
position: relative;
padding: 10px 0px;
}

ul {
margin: 0;
padding: 0;
list-style: none;
}
.clortitle{color: #d9c298;}
.opportunity, .high, .upcoming{margin-bottom: 30px;font-size: 45px;}
.high li{color: #fff;background: transparent;line-height: 20px;font-size: 18px;}

.high li:nth-child(2) {
border-left:#fff 1px solid;
border-right:#fff 1px solid;
padding: 0 25px;
margin: 0px 25px;
}


.centerhead {padding: 10px 0px 15px;border-top: #fff 1px solid;border-bottom: #fff 1px solid;margin: 40px 0px 50px;}

.centerhead p {
margin: 0;
}


.inventory ul, .inventory ul li {
background: transparent;
}

.inventory ul {display: flex;justify-content: center;padding-right: 60px;align-items: center;}

.inventory ul li {font-size: 35px;font-family: 'Friends 3'}
.bigfont{font-size: 22px;}


.investmentnew {margin: 70px auto;box-shadow: 0 0 70px #ffffff38;border: #d9c298 1px solid;position: relative;}
.grow li{color: #e6c695;padding-right: 50px;margin-bottom: 10px;font-family: 'Friends 3';font-size: 24px;}
.grow{padding: 40px 0px;}
.bestinvstment{background: rgb(135,106,76);background: linear-gradient(90deg, rgba(135,106,76,1) 0%, rgba(232,208,162,1) 50%, rgba(135,106,76,1) 100%);padding: 10px 35px;margin-top: 30px;display: inline-block;font-size: 24px;color: #000;font-family: 'Friends 3'}
a{cursor: pointer; text-decoration: none;}
.groimg {
display: flex;
align-items: end;
height: 100%;
}
.inventory ul li img {
    width: 20px;
}

.inventory ul li:nth-child(2) {
    padding: 0px 50px;
}
.groimg img {
height: 100%;
width: 100%;
}

.investment::before, .investmentnew::before, .banner::after, .borderdesign::before{content: "";position: absolute;left:0;right:0px;margin:auto;background: url(../img/star.html) no-repeat center;height: 40px;width: 40px;background-size: contain;top: -21px;}
.tee {
    padding-bottom: 10px;
}
.map{background: #e9ce9f;}
.maplist li{ padding-right: 130px; margin-bottom: 10px; position: relative; padding-left: 15px;}
.maplist li::before{content: ""; position: absolute; height: 4px; width: 4px; background: #000;top: 10px;left:0px; border-radius: 50%;}
.maplist h2{margin-bottom: 20px;}

.growborder {
    padding: 50px;
}

.growborder h2 {
    color: #e6c695;
}

.growborder li {
    color: #fff;
}
p.text-white.upcoming {
    font-size: 18px;
    line-height: 28px;
}
.newgro .investmentnew::after {
    height: 100%;
    width: 1px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: #e9ce9f;
    top: 0;
}
.newgro .investmentnew {
    padding: 0px 0px;
}
.marginspace{margin: 70px 0px;}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: all 0.5s;
  }
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
  }
  .accordion-button::after {
    transition: all 0.5s;
  }
  .borderdesign {
    position: relative;
}
.borderdesign::before {
    top: -60px;
}
.borderdesign::after{content: "";position: absolute;width:100%;height: 1px;background: #dfc197;left:0px;right:0;margin: auto;top: -40px;}
.accordion-collapse.collapse.show, button.accordion-button[aria-expanded="true"] {
    background: #d9c298;
    border: 0px !important;
}

button.accordion-button[aria-expanded="true"] {
    border: 0px !important;
    outline: none;
    box-shadow: none;
    color: #000;
    font-size: 22px;
}

.accordion-header, .accordion-header button {
    border: 0px !important;
}

.accordion-item {

    border: 0px !important;
}

.accordion-item {
    margin-bottom: 8px;
}

.accordion-body {
    border: 0px !important;
    background: #d9c298;
}
.faqs{position: relative;padding-bottom: 50px;}
.faqs::before, .faqs::after{content: "";position: absolute;width:120px;height: 100%;background: url(../img/arrow.html) no-repeat;right:auto;left: 0;top: 0px;background-size: contain;bottom: 0;margin:auto;background-position: center;}
.faqs::after{transform: rotate(180deg);left: auto;right:0px;top: 0;bottom: 0;margin: auto;}
.callno{font-size: 30px;}
.apointcall h2.opportunity.text-white {margin-bottom: 10px;}

.footer {
    padding: 60px 0px 10px; border-top:#fff 1px solid
}
.footerform {
    width: 100%;
    padding: 30px;
    border: #d9c298 1px solid;
    border-radius: 20px;
    box-shadow: 0 0 70px #212121;

}

.footerform input[type="text"], .footerform input[type="number"], .footerform input[type="email"] {
    background: transparent;
    border: #d9c29899 1px solid;
    margin-bottom: 10px;
    color: #fff;
    height: 45px;
    padding-left: 20px;
    width: 100%;
}
.footerform p{line-height: 20px; font-size: 14px;}
header ul {
    display: flex;
    justify-content: end;
    align-items: center;
}

a.callme {
    padding: 10px 30px;
    margin-right: 20px;
    background: #9b731b;
    color: #fff;
    font-size: 20px;
}

header {
    padding: 20px 0px;
    position: relative;
    width: 100%;
    background: #000;
}

header a {
    color: #fff;
    font-size: 32px;
    font-family: 'Friends 3'
}
.fixelement {
    position: fixed;
    top: 0;
    left: auto;
    transition: all .1s ease-in;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 85px;
}

.fixelement li {
    background: #9a7514;
    margin-bottom: 5px;
    transition: all .1s ease-in;
    right: -180px;
    position: relative;
    display: flex;
    align-items: center;
}

.fixelement li a {
    color: #fff;
    font-size: 20px;
    width: 100%;
    padding: 0px 20px 0 0;
}

.fixelement li:hover {
    right: 0;
}
.grow ul {
    padding-right: 60px;
}


@media only screen and (max-width:800px) {
    header a {
        font-size: 22px;
    }
    
    header a img {
        width: 20px;
    }
    
    a.callme {
        font-size: 18px;
        padding: 8px 20px;
    }
    
    header ul {
        justify-content: center;
    }
    
    .banner {
        height: auto;
        padding: 90px 0px;
    }
    
    .banner h1 {
        font-size: 35px;
    }
    
    .fixelement {right: 0;top: auto;bottom: 0;height: auto;background: #9a7514;width: 100%;justify-content: space-evenly;display: flex;z-index: 9999;padding: 8px 0px;}
    
    .fixelement li {
        right: 0;
        margin: 0px 14px;
    }
    
    .fixelement ul {
        display: flex;
    }
    
    .fixelement li a {
        padding: 0;
        font-size: 16px;
    }
    
    .faqs::after, .faqs::before {
        display: none;
    }
    
    .growborder {
        padding: 15px;
    }
    
    .rightborder {
        border-right: 0;
        border-bottom: 1px solid #e6c695;
    }
    
    .fixelement li a img {
        width: 25px;
    }
    
    .bestinvstment {
        font-size: 15px;
        width: 100%;
    }
    
    .grow li {
        padding-right: 0;
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    
    .grow ul {
        padding-right: 0;
    }
    
    .newgro .investmentnew .row.m-0 {
        flex-direction: column-reverse;
    }
    
    .inventory ul li {
        font-size: 25px;
    }
    
    .inventory ul li:nth-child(2) {
        padding: 0px 15px;
    }
    
    .inventory ul {
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
    }
    
    .codedata ul {
        padding: 0 20px;
    }
    
    .high li:nth-child(2) {
        padding: 0px 15px;
        margin: 0px 10px;
    }
    
    .high li {
        font-size: 14px;
    }
    
    .bigfont {
        font-size: 16px;
    }
    
    p.text-white.upcoming br {
        display: none;
    }
    
    .opportunity, .high, .upcoming {
        font-size: 30px;
    }
    
    input[type="text"], input[type="number"], input[type="email"] {
    }
    
    .formdesign {
        margin-top: -50px;
    }
    .banner h4 {
        font-size: 24px;
    }
    .maplist li {
        padding-right: 0;
    }
    .marginspace {
        margin: 30px 0px 0;
    }
.mobile{display: block; padding-bottom: 30px;}
    .desktop{display: none;}
    .accordion-button {
        font-size: 20px !important;
    }
    
    p {
        line-height: 26px;
    }
    .footer .apointcall {
        width: 100%;
        text-align: center;
    }
    
    .d-flex.callno {
        justify-content: center;
        margin-bottom: 25px;
    }
    
    .footerform {
        padding: 20px;
        border-radius: 10px;
    }
    .newgro .investmentnew::after {
        display: none;
    }
    
    .maplist {
        padding: 40px 15px 0;
    }
    p.text-white.upcoming {
        padding: 0px 16px;
        font-size: 16px;
        line-height: 26px;
    }
    .form-row{margin-bottom: 15px;}
    section.tee.revrseal .row.m-0 {
        flex-direction: column-reverse;
    }
}