@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

:root {
    --orange: #d2a94f;
    --black: #181619;
}

@font-face {
    font-family: Bodoni;
    src: url('../fonts/bodoni72.ttc');
}

@font-face {
    font-family: CinzelBlack;
    src: url('../fonts/cinzel-decorative-black.otf');
}

@font-face {
    font-family: CinzelBold;
    src: url('../fonts/cinzel-decorative-bold.otf');
}

@font-face {
    font-family: CinzelRegular;
    src: url('../fonts/cinzel-decorative-regular.otf');
}

@font-face {
    font-family: HelveticaBold;
    src: url('../fonts/helvetica-neue-bold.ttf');
}

@font-face {
    font-family: HelveticaLight;
    src: url('../fonts/helvetica-neue-light.otf');
}

@font-face {
    font-family: HelveticaMedium;
    src: url('../fonts/helvetica-neue-medium.otf');
}

@font-face {
    font-family: HelveticaThin;
    src: url('../fonts/helvetica-neue-thin.otf');
}

@font-face {
    font-family: HelveticaRegular;
    src: url('../fonts/helvetica-neue.ttf');
}

body{
    width: 100vw;
    overflow-x: hidden;
}

a,p,span,h1,h2,h3,h4,h5,h6{
    font-family: HelveticaRegular;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img{
    max-width: 100%;
}

body{
    border-top: 10px solid var(--orange);
}

.navbar-expand-lg{
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 25px;
}

.navbar-brand img{
    max-height: 60px;
}

.navbar-expand-lg .navbar-nav .nav-link{
    color: #fff;
    margin-left: 20px;
    margin-right: 20px;
    font-family: HelveticaMedium;
    font-size: 14px;
}

.navbar-expand-lg .navbar-nav .big .nav-link{
    color: var(--orange);
    border: 2px solid var(--orange);
    padding-left: 25px;
    padding-right: 25px;
}


.section-header{
    position: relative;
    min-height: 100vh;
    background: url('../images/header-bg-orange-min3.gif');
    background-size: 100% auto;
    background-position-x: 0px;
    background-position-y: 0px;
    transition-duration: 5s;
    background-attachment: fixed;
}

/*
.section-header .bg{
position: absolute;
top: 0;
z-index: -1;
}
*/

.section-header .nav a{
    color: #fff;
}

.banner .text{
    border-left: 10px solid var(--orange);
    padding-left: 30px;
    margin-top: 10vw;
    margin-bottom: 10vw;
}

.banner .text p{
    font-family: Bodoni;
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-right: 15px;
}

.banner .text p.name{
    font-family: HelveticaMedium;
    font-size: 20px;
    line-height: 30px;
}

.section-content{
    background: url('../images/star-bg.webp');
    background-size: 100% auto;
    /*    min-height: 148vw;*/
    padding-bottom: 220px;
    position: relative;
    background-position-x: 0px;
    background-position-y: 0px;
    transition-duration: 5s;
}

.section-content .tree-bg{
    position: absolute;
    z-index: 1;
    bottom: 0;
    background: url('../images/tree.webp');
    background-size: 100% auto;
    min-height: 81vw;
    width: 100%;
}

.page-home .p1{
    font-size: 150px;
    line-height: 200px;
    font-family: CinzelBold;
}

.page-home .p2{
    font-family: CinzelBold;
    font-size: 65px;
    line-height: 65px;
    padding-top: 40px;
}

.page-home .p2a{
    font-family: CinzelBold;
    font-size: 65px;
    line-height: 65px;
    text-align: center;
}

.page-home .s1{
    padding-top: 120px;
}

.page-home .s2{
    padding-top: 30px;
    position: relative;
    z-index: 2;
}

.s1 .separator{
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 30px;
}

.page-home .p3{
    font-family: HelveticaThin;
    font-size: 17px;
}

.separator{
    width: 160px;
    height: 8px;
    background: var(--orange);
    margin-bottom: 30px;
}

.page-home .s3{
    text-align: center;
    padding-top: 100px;
}

.page-home .s3 .separator{
    margin: 0 auto;
    margin-top: 35px;
    width: 180px;
}

.page-home .p4{
    font-size: 40px;
    font-family: CinzelBold;
}

.page-home .s4{
    position: relative;
    z-index: 10;
}

.page-home .s4 .box{
    background: rgba(255,255,255,.15);
    border-radius: 15px;
    padding: 50px 30px;
    margin-top: 100px;
    backdrop-filter: blur(3px);
}

.page-home .s4 .box.b2{
    margin-top: 220px;
}

.page-home .s4 .box.mr{
    margin-right: 15px;
}

.page-home .s4 .box.ml{
    margin-left: 15px;
}

.page-home .s4 .box .i2{
    border: 2px solid var(--orange);
    border-radius: 50%;
    padding: 20px;
}

.page-home .p5{
    font-family: 'HelveticaLight';
    font-size: 50px;
    margin-top: 10px;
}

.page-home .p5 span{
    font-family: CinzelBold;
    font-size: 30px;
    border-bottom: 2px solid;
    padding-bottom: 10px;
    padding-right: 20px;
    margin-right: 5px;
    position: relative;
    top: -10px;
}

.page-home .p6{
    font-family: HelveticaMedium;
    margin-top: 15px;
    font-size: 18px;
    border-bottom: 2px solid var(--orange);
    margin-left: -25px;
    padding-left: 25px;
    padding-bottom: 5px;
}

.page-home .p7{
    font-family: HelveticaLight;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
}

.page-home .s4 .box.b2 .p7{
    min-height: 110px;
}

.page-home .section-questions{
    background: url('../images/faq-bg.png');
    background-size: 100% auto;
    background-size: cover;
    background-position: top center;
    min-height: 100vh;
    position: relative;
    z-index: 1;
    margin-top: -220px;
    display: block;
}

.page-home .p8{
    margin-top: 20vw;
    font-size: 62px;
    line-height: 80px;
    margin-bottom: 50px;
    font-family: CinzelBold;
}

.page-home .s5{
    margin-top: 20vw;
    /*    min-height: 700px;*/
    padding-bottom: 100px;
}

.page-home .s5 .accordion-button,
.page-home .s5 .accordion-item{
    background: none;
    color: #fff;
    border: none;
}

.page-home .s5 .accordion-button{
    border-bottom: 1px solid var(--orange);
    padding-left: 0;
    outline: none!important;
    box-shadow: none!important;
}

.page-home .s5 .accordion-button::after {
    display: none;
}

.page-home .s5 .accordion-button svg{
    color: var(--orange);
    border: 1px solid;
    padding: 7.5px;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    margin-right: 15px;
}

.page-home .s5 .accordion-button svg.bi-dash-lg{
    display: none;
}

.page-home .s5 .accordion-button[aria-expanded="true"] svg.bi-dash-lg{
    display: block;
}

.page-home .s5 .accordion-button[aria-expanded="true"] svg.bi-plus-lg{
    display: none;
}

.section-invest{
    background-image: url('../images/invest-bg.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-color: #bb9b24;
    color: var(--black);
    padding-bottom: 60px;
}

.section-footer{
    background-color: var(--black);
    padding: 15px 50px;
    box-shadow: 0px -1px 15px 5px rgb(0 0 0 / 50%);
}

.p9{
    color: var(--black);
    font-size: 32px;
    font-family: HelveticaBold;
    padding-top: 60px;
    padding-bottom: 70px;
    font-family: CinzelBold;
}

.p10{
    font-family: HelveticaLight;
    font-size: 40px;
    color: var(--black);
    margin-bottom: 100px;
}

.p20{
    font-family: HelveticaLight;
    font-size: 40px;
    color: white;
    margin-bottom: 50px;
}

.p10 > span{
    margin-left: 30px;
    margin-right: 30px;
}

.p10 span{
    font-family: HelveticaMedium;
    font-size: 66px;
    line-height: 72px;
    color: var(--black);
    letter-spacing: 5px;
}

.p20 > span{
    margin-left: 30px;
    margin-right: 30px;
}

.p20 span{
    font-family: HelveticaMedium;
    font-size: 66px;
    line-height: 72px;
    color: var(--red);
    letter-spacing: 5px;
}

.p11{
    font-family: HelveticaRegular;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
}




.p12{
    color: var(--black);
    font-family: HelveticaBold;
    font-size: 20px;
    margin-bottom: 10px;
}

.p13{
    margin-bottom: 10px;
}

.p13 a{
    color: var(--black);
    font-family: HelveticaBold;
    font-size: 20px;
    text-decoration: none;
}

.p13a a{
    font-size: 20px;
    color: var(--black);
    font-family: HelveticaBold;
}

.p13b a{
    font-size: 16px;
    color: var(--black);
    font-family: HelveticaRegular;
    text-decoration: none;
    line-height: 25px;
}

.p13b{
    margin-bottom: 0px;
    margin: 0px;
    margin-top: -5px;
    
}
.section-footer p{
    color: var(--orange);
    font-size: 14px;
    line-height: 40px;
    margin-bottom: 0;
}

.section-footer .social img{
    max-height: 40px;
    margin-left: 5px;
}

.page-invest .section-header{
    /*    min-height: 0;*/
    /*    background-position-y: -60px;*/
}

.page-invest .text{
    margin-top: 150px;
    margin-bottom: 150px;
}

.page-invest .text .p21{
    margin-bottom: 10px;
}

.page-invest .text .p22{
    font-family: Bodoni;
    color: var(--orange);
    font-size: 80px;
    line-height: 80px;
    text-transform: inherit;
}

.page-invest .section-portfolio{
    background: url('../images/portfolio-bg.png');
    background-size: 100% auto;
    background-position: bottom center;
    /*    background-position-y: -20vw;*/
    padding-bottom: 100px;
    background-color: #2a2b30;
    background-repeat: no-repeat;
}

.section-portfolio p.heading{
    text-align: center;
    font-size: 60px;
    margin-top: 100px;
    font-family: CinzelBold;
    padding-bottom: 20px;
}

.section-portfolio .separator{
    background: #fff;
    margin: 0 auto;
    height: 4px;
}

.section-portfolio .box{
    margin-top: 80px;
    background: rgba(0,0,0,.45);
    background: rgba(255,255,255,.1);
    border-radius: 5px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px;
}

.section-portfolio .box img{
    background: var(--black);
    border: 1px solid #fff;
    padding: 10px 30px;
}

.section-portfolio .box .p23{
    font-family: HelveticaMedium;
    border-bottom: 2px solid var(--orange);
    margin-top: 10px;
    margin-bottom: 10px;
}

.section-portfolio .box .p24{
    font-family: HelveticaThin;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    min-height: 170px;
}

.page-invest .section-tree{
    background: rgb(16,14,16);
   /* background: linear-gradient(90deg, rgba(16,14,16,1) 0%, rgba(18,16,18,1) 50%, rgba(16,14,16,1) 100%);*/
   background: linear-gradient(90deg, rgba(16,14,16,1) 100%, rgba(16,14,16,1) 100%, rgba(16,14,16,1) 100%);
}

.section-look .content{
    background: url('../images/investment-bg-1.png');
    background-size: 50% auto;
    min-height: 51.4vw;
    background-attachment: fixed;
} 

.p25,
.p25 span.text{
    font-family: CinzelBold;
    font-size: 80px;
    line-height: 90px;
    max-width: 480px;
    margin: 0 auto;
    padding-top: 10vw; 
}


.p55,
.p55 span.text{
    font-family: CinzelBold;
    font-size: 80px;
    line-height: 90px;
    max-width: 480px;
    margin: 0 auto;
    padding-top: 7vw; 
}

/*
.section-look .content .separator{
    margin: 0 auto;
    display: block;
    height: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}
*/

.p26{
    font-family: HelveticaThin;
    max-width: 480px;
    margin: 0 auto;
}

.section-do .content{
    background: url('../images/investment-bg-4.png');
    background-size: 50% auto;
    height: 51.55vw;
    background-attachment: fixed;
} 

.section-do .image{
    height: 51.55vw;
}

.section-do .content .separator{
    margin-left: 0;
    display: block;
    height: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

.section-do .content .p26{
    color: #fff;
}

.section-spot{
    background: url('../images/investment-bg-5.png');
    background-size: 100% auto;
    background-position: top center;
}

.section-spot .support .thumb-1{
    margin: 0 auto;
    display: block;
    margin-top: 150px;
    margin-bottom: 30px;
    text-align: center;
}

.section-spot .support .box{
    background: rgba(23,60,40,.5);
    padding: 30px 30px;
    min-height: 350px;
}

.section-spot .support .box .p27{
    font-family: HelveticaMedium;
    font-size: 18px;
    border-bottom: 2px solid var(--orange);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.section-spot .support .box .p28{
    font-family: HelveticaThin;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
}

.spots{
    padding-bottom: 200px;
}

.spots .heading{
    text-align: center;
    font-size: 60px;
    margin-top: 150px;
    font-family: CinzelBold;
    padding-bottom: 20px;
}

.spots .separator{
    background: #fff;
    margin: 0 auto;
    height: 4px;
    margin-bottom: 30px;
}

.spots .thumb-2{
    max-width: 80%;
    margin-bottom: 30px;
}

.spots .line{
    width: 100px;
    height: 4px;
    background: var(--orange);
    transform: rotate(90deg);
    left: -70px;
    position: relative;
    top: 60px;
}

.spots .p29{
    font-family: HelveticaMedium;
    color: var(--orange);
    font-size: 18px;
    margin-bottom: 10px;
}

.spots .p30{
    font-family: HelveticaThin;
    font-size: 15px;
    line-height: 25px;
    max-width: 200px;
}

.section-look .content{
    background: url('../images/investment-bg-1.png');
    background-size: 50% auto;
    height: 51.4vw;
    background-attachment: fixed;
} 

.section-look .image{
    height: 51.4vw;
}

.section-look .content .separator{
    margin-left: 0;
    display: block;
    height: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.section-stand{
    background: url('../images/about-stand.png');
    background-size: 100% auto;
    padding-top: 100px;
    padding-bottom: 150px;
}

.section-stand .p25,
.section-stand .p25 span.text{
    font-size: 78px;
    margin-bottom: -30px;
    padding-top: 50px;
}

.section-stand .p55,
.section-stand .p55 span.text{
    font-size: 78px;
    margin-bottom: -30px;
    padding-top: 50px;
}
.section-stand .content .separator{
    margin: 0 auto;
    display: inline-block;
    height: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    top: -40px;
}
.section-stand .image{
    text-align: center;
}

.section-stand .image img{
    width: 80%;
}

.section-mission .content{
    background: url('../images/about-us-bg-2.png');
    background-size: 50% auto;
    height: 40.1vw;
    background-attachment: fixed;
}

.section-vision .content{
    background: url('../images/about-us-bg-3.png');
    background-size: 50% auto;
    background-size: cover;
    height: 53.95vw;
    background-attachment: fixed;
}

.section-promise .content{
    background: url('../images/about-us-bg-6.png');
    background-size: 50% auto;
    height: 40.15vw;
    background-attachment: fixed;
}

.section-mission .image{
    height: 40.1vw;
}

.section-vision .image{
    height: 53.95vw;
}

.section-promise .image{
    height: 40.15vw;
}


.section-promise .content .separator,
.section-vision .content .separator,
.section-mission .content .separator{
    margin: 0 auto;
    display: block;
    margin-left: 0;
    height: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

.section-mission .p25,
.section-mission .p25 span.text{
    padding-top: 60px;
}

.section-promise .p25,
.section-promise .p25 span.text{
    padding-top: 80px;
}

.section-mission .p55,
.section-mission .p55 span.text{
    padding-top: 60px;
}

.section-promise .p55,
.section-promise .p55 span.text{
    padding-top: 80px;
}
.page-contact .section-header{
    /*    min-height: 0;*/
}

.page-contact .banner{
    text-align: center;
    padding-top: 200px;
    padding-bottom: 150px;
    /*    min-height: 0;*/
}

.p41{
    font-family: Bodoni;
    color: var(--orange);
    font-size: 52px;
    line-height: 52px;
    text-transform: inherit;
}

.section-form{
    background: url('../images/contact-bg.png');
    background-size: 100% auto;
    background-position: bottom center;
    padding-top: 80px;
    padding-bottom: 80px;
}

.section-form .separator{
    height: 4px;
    margin: 40px auto;
    background: #fff;
}

.p42{
    text-align: center;
    font-family: CinzelBold;
    font-size: 60px;
}

.p43{
    text-align: center;
    font-family: HelveticaLight;
    margin: 0 auto;
    max-width: 530px;
    line-height: 1.3;
}

.p44{
    font-family: HelveticaMedium;
    padding-top: 80px;
    font-size: 16px;
}

.enquire input{
    display: none;
}

.enquire label{
    color: #fff;
    font-family: HelveticaMedium;
    font-size: 16px;
    margin-right: 30px;
    cursor: pointer;
    transition-duration: .25s;
    margin-bottom: 30px;
}

.enquire input:checked + label{
    color: var(--orange);
}

.section-form textarea,
.section-form input[type="email"],
.section-form input[type="text"]{
    width: 100%;
    background: rgba(255,255,255,.15);
    border: 1px solid #fff;
    box-shadow: none;
    padding: 10px 15px;
    color: #fff;
    margin-bottom: 30px;
    outline: none !important;
}

.section-form textarea{
    height: 192px;
    margin-bottom: 30px;
}

.section-form button{
    text-align: center;
    margin: 0 auto;
    display: block;
    background: rgba(255,255,255,.15);
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 20px;
}

.page-team .banner .text p.name {
/*
    font-size: 18px;
    line-height: 18px;
*/
}

.section-team{
    background: url('../images/team-bg.png');
    background-size: 100% auto;
    background-position: bottom center;
    padding-top: 100px;
    padding-bottom: 100px;
}

.p51{
    font-family: CinzelBold;
    font-size: 60px;
    text-align: center;
    margin-bottom: 150px;
}

.member{
    margin-top: 150px;
}

.member.right .col-lg-8,
.member.left .col-lg-4{
    padding-right: 0;
}

.member.right .col-lg-4,
.member.left .col-lg-8{
    padding-left: 0;
}

.member .content{
    padding-top: 36px;
    padding-bottom: 36px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgb(182 176 176 / 15%);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.member.right .content{
    border-radius: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.p52{
    font-family: HelveticaMedium;
    color: var(--orange);
    font-size: 24px;
    margin-bottom: 0px;
    border-left: 2px solid var(--orange);
    padding-left: 30px;
}

.member.right .p52{
    border-left: none;
    border-right: 2px solid var(--orange);
    padding-right: 30px;
    text-align: right;
}

.p53{
    font-family: HelveticaThin;
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-left: 2px solid var(--orange);
    padding-left: 30px;
}

.member.right .p53{
    border-left: none;
    border-right: 2px solid var(--orange);
    padding-right: 30px;
    text-align: right;
}

.p54{
    font-family: HelveticaThin;
    border-left: 2px solid var(--orange);
    padding-left: 30px;
    height: 160px;
    overflow: auto;
    line-height: 24px;
}

.member.right .p54{
    border-left: none;
    border-right: 2px solid var(--orange);
    padding-right: 30px;
    text-align: right;
}

.member .content img{
    max-height: 40px;
}

.member .content a{
    margin-left: 30px;
    display: block;
}

.member.right .content a{
    margin-right: 30px;
    margin-left: 0;
    text-align: right;
}

.member .image{
    background: rgb(182 176 176 / 15%);
    border-bottom-left-radius: 180px;
    border-top-left-radius: 180px;
}

.member.right .image{
    background: rgb(182 176 176 / 15%);
    border-radius: 0;
    border-bottom-right-radius: 180px;
    border-top-right-radius: 180px;
}

.member .image img{
    position: relative;
    top: -50px;
    margin-bottom: -50px;    
}

.section-invest form{
    position: relative;
}

.section-invest input[type="email"]{
    margin-top: 50px;
    width: 100%;
    background: none;
    border: 2px solid #181719;
    box-shadow: none;
    padding: 10px 15px;
    color: #181719;
    margin-bottom: 30px;
    outline: none !important;
}

.section-invest input[type="email"]::placeholder{
    color: #181719;
}

.section-invest input[type="email"]:-ms-input-placeholder{
    color: #181719;
}

.section-invest input[type="email"]::-ms-input-placeholder{
    color: #181719;
}

.section-invest button[type="submit"]{
    background: none;
    box-shadow: none;
    border: none;
    color: #181719;
    position: absolute;
    right: 10px;
    top: 60px;
}

.section-form .alert{
    margin-top: 30px;
    text-align: center;
    display: none;
}

.section-invest .alert{
    display: none;
}




@property --num {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
}

.p10 span.numanim {
    animation: counter 2s ease-in-out;
    counter-reset: num var(--num);
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.p10 span.numanim::after {
    content: counter(num);
}

.p20 span.numanim {
    animation: counter 2s ease-in-out;
    counter-reset: num var(--num);
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

.p20 span.numanim::after {
    content: counter(num);
}

@keyframes counter {
    from {
        --num: 0;
    }
    to {
        --num: 3000000;
    }
}

.hidden-num{
    display: none;
}



.image img{
    min-height: 100%;
}


/*XL*/
@media (min-width: 1920px) and (max-width: 2560px) {
    .section-header{
        min-height: 54vw;
    }
    .page-home .p7{
        min-height: 66px;
    }
    .s4{
        padding-top: 900px;
    }
    /*.s4{
        padding-bottom: 13.5vw;
    }*/
    .p25{
        font-size: 60px;
        line-height: 70px;
    }
    .p55{
        font-size: 60px;
        line-height: 70px;
    }

    .page-team .banner .text{
/*
        margin-top: 6.5vw;
        margin-bottom: 6.5vw;
*/
    }
    .p54{
        height: 102px;
    }
    .page-invest .banner .text{
        /*
        margin-top: 6.5vw;
        margin-bottom: 6.5vw;
        */
    }    
    .section-spot {
        background-position: bottom center;
        background-repeat: no-repeat;
        background-color: #000;
    }
    .spots{
        padding-bottom: 100px;
    }

    .section-form{
        background-size: cover;
    }


}

/*XL*/
@media (min-width: 1440px) and (max-width: 1920px) {
    .section-header{
        min-height: 54vw;
    }
    .page-home .p7{
        min-height: 66px;
    }
    .s4{
        padding-top: 300px;
    }
    /*.s4{
        padding-bottom: 13.5vw;
    }*/
    .p25{
        font-size: 60px;
        line-height: 70px;
    }
    .p55{
        font-size: 60px;
        line-height: 70px;
    }

    .page-team .banner .text{
/*
        margin-top: 6.5vw;
        margin-bottom: 6.5vw;
*/
    }
    .p54{
        height: 102px;
    }
    .page-invest .banner .text{
        /*
        margin-top: 6.5vw;
        margin-bottom: 6.5vw;
        */
    }    
    .section-spot {
        background-position: bottom center;
        background-repeat: no-repeat;
        background-color: #000;
    }
    .spots{
        padding-bottom: 100px;
    }

    .section-form{
        background-size: cover;
    }


}
/*XL*/
@media (max-width:1399px){
    .section-header{
        min-height: 54vw;
    }
    .page-home .p7{
        min-height: 66px;
    }
    /*.s4{
        padding-bottom: 13.5vw;
    }*/
    .p25{
        font-size: 60px;
        line-height: 70px;
    }
    .p55{
        font-size: 60px;
        line-height: 70px;
    }

    .page-team .banner .text{
/*
        margin-top: 6.5vw;
        margin-bottom: 6.5vw;
*/
    }
    .p54{
        height: 102px;
    }
    .page-invest .banner .text{
        /*
        margin-top: 6.5vw;
        margin-bottom: 6.5vw;
        */
    }    
    .section-spot {
        background-position: bottom center;
        background-repeat: no-repeat;
        background-color: #000;
    }
    .spots{
        padding-bottom: 100px;
    }

    .section-form{
        background-size: cover;
    }


}

/*LG*/
@media (max-width:1199px){
    .section-header{
        /*        background-size: cover;*/
    }
    .banner .text p{
        font-size: 30px;
        line-height: 40px;
    }
    .banner .text p.name{
        font-size: 18px;
    }
    .s4{
        padding-bottom: 200px;
    }
    .section-content{
        background-size: auto 100%;
    }
    .page-home .section-questions{
        margin-top: -210px;
    }
    .page-home .p6{
        font-size: 16px;
    }
    .page-home .p7{
        min-height: 88px;
    }
    .page-home .p8{
        font-size: 48px;
        line-height: 60px;
        margin-bottom: 30px;
    }
    .section-stand{
        padding-bottom: 100px;
    }
    .p25{
        font-size: 50px;
        line-height: 60px;
    }
    .section-stand .p25, 
    .section-stand .p25 span.text{
        font-size: 60px;
        line-height: 70px;
    }
    .p55{
        font-size: 50px;
        line-height: 60px;
    }
    .section-stand .p55, 
    .section-stand .p55 span.text{
        font-size: 60px;
        line-height: 70px;
    }
    .section-look .content,
    .section-do .content,
    .section-promise .content,
    .section-mission .content,
    .section-vision .content{
        padding: 0px 30px;
    }
    .section-mission .content .p25{
        padding-top: 30px;
    }
    .section-mission .content .p55{
        padding-top: 30px;
    }
    .section-vision .content{
        background-size: cover;
    }
    .p54 {
        height: 45px;
    }
    .page-invest .banner .text{
        margin-top: 8.5vw;
    }
    .section-look .content .separator{
        display: block;
        margin-left: 0;
    }
    .member{
        margin-top: 100px;
    }
    .p51{
        line-height: 1.25;
        margin-bottom: 50px;
    }
}

/*MD*/
@media (max-width:991px){
    .navbar-brand{
        margin-right: 0;
    }

    .navbar-brand img{
        max-height: 45px;
    }

    .navbar-toggler{
        color: #fff;
        color: var(--orange);
        padding-right: 0;
        border: none !important;
        box-shadow: none !important;
        transition-duration: 1s;
    }

    #navbarNavDropdown{
        position: absolute;
        top: 80px;
        right: 25px;
        background: var(--orange);
        z-index: 1;
    }

    .navbar-expand-lg{
        padding-left: 10px;
    }

    .navbar-expand-lg .navbar-nav .big .nav-link{
        color: #fff;
        padding-left: 30px;
        padding-right: 30px;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 1px solid rgba(255,255,255,.25);
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
        text-align: center;
    }
    .section-header{
        background-size: auto 100%;
    }
    .i1{
        margin-top: 50px;
    }
    .page-home .p6{
        font-size: 16px;
    }
    .p2a{
        font-size: 55px;
        line-height: 55px;
    }
    .page-about .banner .text{
        margin-top: 10vw;
    }
    .section-stand{
        background-size: auto 100%;
    }
    .section-mission .image{
        height: 80.2vw;
    }

    .section-vision .image{
        height: 107.5vw;
    }

    .section-promise .image{
        height: 80vw;
    }
    .section-promise .content,
    .section-vision .content,
    .section-mission .content{
        height: auto;
        background-size: cover;
        background-attachment: scroll;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .section-mission .content{
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .section-vision .content{
        padding-top: 250px;
        padding-bottom: 250px;
    }
    .section-promise .content{
        padding-top: 200px;
        padding-bottom: 200px;
    }
    .section-look .content{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .section-do .content{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section-promise .p25,
    .section-mission .p25,
    .p25,
    .section-promise .p25 span.text,
    .section-mission .p25 span.text,
    .p25 span.text{
        font-size: 40px;
        margin-bottom: 0;
        line-height: 50px;
        padding-top: 0;
    }
    .section-promise .p55,
    .section-mission .p55,
    .p55,
    .section-promise .p55 span.text,
    .section-mission .p55 span.text,
    .p55 span.text{
        font-size: 40px;
        margin-bottom: 0;
        line-height: 50px;
        padding-top: 0;
    }
    .p26{
        line-height: 1.75;
    }
    .section-look .content .separator{
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .section-do .content .separator{
        position: relative;
        top: -10px;
    }
    .section-do .content .p26{
        position: relative;
        top: -30px;
    }
    .spots .heading{
        line-height: 1.25;
        margin-bottom: 0;
    }

    


    .page-contact .banner{
        padding-top: 100px;
    }
    .section-spot .support .box .p28{
        min-height: 200px;
    }
    .page-home .p2a{
        font-size: 58px;
    }
    .p42{
        line-height: 1.25;
    }
    .page-home .s4 .box{
        max-width: 300px;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-top: 50px;
    }

    .page-home .s4 .box .i2{
        max-width: 200px;
        margin-bottom: 20px;
    }
    .page-home .p7{
        min-height: 66px;
    }
    .page-home .p6{
        margin-left: 0;
        padding-left: 0;
    }

    .page-home .s4 .box.b2{
        margin-top: 50px;
    }

    .page-home .s4 .box.b2 .p7{
        min-height: 110px;
    }
    .page-home .section-content{
        padding-bottom: 50px;
    }
    .page-home .s4{
        padding-bottom: 50px;
    }
    .page-home .section-questions{
        background: none;
        background-color: #19171a;
        margin-top: 0;
        min-height: 0;
        padding-bottom: 80px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-home .p8{
        font-size: 40px;
        line-height: 50px;
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .page-home .s5{
        margin-top: 20px;
        padding-bottom: 0;
    }
    .section-invest{
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .p9{
        padding-bottom: 20px;
        font-size: 26px;
    }

    .p10{
        line-height: 50px;
        margin-bottom: 50px;
    }

    .p10 span{
        font-size: 40px;
        line-height: 50px;
    }

    .p10 > span{
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
        display: inline-block;
    }
    
    .p20{
        line-height: 50px;
        margin-bottom: 50px;
    }

    .p20 span{
        font-size: 30px;
        line-height: 50px;
    }

    .p20 > span{
        margin-top: 20px;
        margin-left: 0;
        margin-right: 0;
        display: inline-block;
    }
    .section-team{
        background-size: auto 100%;

        padding-left: 30px;
        padding-right: 30px;

        padding-top: 50px;
        padding-bottom: 50px;
    }

    .p51{
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 50px;
    }

    .member{
        margin-top: 100px;
        /*
        padding-left: 30px;
        padding-right: 30px;
        */
    }

    .member.right .col-lg-8, .member.left .col-lg-4{
        padding-right: calc(var(--bs-gutter-x)/ 2);
    }

    .member.right .col-lg-4, .member.left .col-lg-8{
        padding-left: calc(var(--bs-gutter-x)/ 2);
    }

    .member.right .image,
    .member .image{
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
    }

    .member.right .content,
    .member .content{
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .member.right .p54,
    .member.right .p53,
    .member.right .p52{
        text-align: left;
        border-right: none;
        border-left: 2px solid var(--orange);
    }

    .member.right .content a{
        text-align: left;
        margin-left: 30px;
    }

    .member .image img {
        position: relative;
        top: -60px;
        margin-bottom: -60px;
    }

    .p54{
        height: auto;
    }
    .section-footer{
        padding-left: 30px;
        padding-right: 30px;
    }

    .section-footer p{
        line-height: 20px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 13px;
    }

    .social{
        text-align: center !important;
    }
}

/*SM*/
@media (max-width:767px){
    body{
        width: 100vw;
        overflow-x: hidden;
    }
    .section-header{
        background-size: cover;
    }
    .banner .text p.name{
        line-height: 30px;
    }

    .section-content{
        background-size: cover;
        padding-bottom: 50px;
    }
    .page-home .p2a{
        font-size: 40px;
        line-height: 50px;
    }
    .page-home .s1{
        padding-top: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-home .p1{
        font-size: 80px;
        line-height: 100px;
    }

    .page-home .p2{
        font-size: 40px;
        line-height: 50px;
        padding-top: 0;
    }

    .page-home .p4 {
        line-height: 50px;
    }
    .page-home .s4 .box.b2 .p7,
    .page-home .p7{
        min-height: 0;
    }

    .page-home .s2{
        padding-top: 0;
    }

    .i1{
        width: 80%;
        margin-left: 10%;
        margin-top: 20px;
    }

    .page-home .s3{
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-home .s3 .separator{
        margin-top: 25px;
    }

    .page-about .banner .text{
        /*        margin-top: 30vw;*/
    }

    .section-stand{
        background-size: auto 100%;
        padding-top: 50px;
        padding-bottom: 80px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .section-stand .content .separator{
        top: -30px;
        top: 0px;
        display: block;
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .section-stand .p25,
    .section-stand .p25 span.text{
        font-size: 50px;
        margin-bottom: 0;
        line-height: 60px;
        padding-top: 0;
        /*        height: 160px;*/
        display: block;
    }
    .section-stand .p55,
    .section-stand .p55 span.text{
        font-size: 50px;
        margin-bottom: 0;
        line-height: 60px;
        padding-top: 0;
        /*        height: 160px;*/
        display: block;
    }

    .section-mission .content{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .section-vision .content{
        padding-top: 200px;
        padding-bottom: 200px;
    }
    .section-promise .content{
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .page-team .banner .text p.name{
        line-height: 30px;
    }

    .page-invest .section-portfolio{
        background-size: auto 100%;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .section-portfolio p.heading{
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 10px;
    }

    .section-portfolio .box{
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px;
        min-height: 0;
    }

    .section-portfolio .box .p24{
        min-height: 0;
    }

    .section-look .image{
        height: 102.5vw;
    }

    .section-do .image{
        height: 102.5vw;
    }

    .section-do .image,
    .section-look .image{
        /*        display: none;*/
    }

    .section-do .content,
    .section-look .content{
        padding-left: 30px;
        padding-right: 30px;
        background-size: cover;
        padding-bottom: 50px;
        padding-top: 50px;
        height: auto;
    }

    .section-look .content{
        padding-top: 200px;
        padding-bottom: 200px;
    }
    
    .section-do .content{
        padding-top: 150px;
        padding-bottom: 150px;
    }
    
    .section-look .content .separator{
        position: relative;
/*        top: -35px;*/
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .section-do .content .separator{
        position: relative;
/*        top: -15px;*/
        margin-bottom: 20px;
        margin-top: 20px;
        display: block;
        margin-left: 0;
    }

    .section-look .p26{
/*        margin-top: -30px;*/
    }

    .section-do .p26{
        margin-top: 30px;
    }

    .section-spot{
        background-size: cover;
        padding-top: 50px;
        padding-bottom: 50px;

        padding-left: 30px;
        padding-right: 30px;

    }

    .section-spot .support .thumb-1{
        margin-top: 0;
        margin-bottom: 0;
    }

    .section-spot .support .box{
        min-height: 0px;
        margin-bottom: 50px;
    }

    .page-invest .text .p22 {
        font-size: 60px;
        line-height: 70px;
    }

    .spots{
        /*
        padding-left: 30px;
        padding-right: 30px;
        */
        text-align: center;
        padding-bottom: 0;
    }

    .spots .heading{
        font-size: 40px;
        line-height: 50px;
        margin-top: 80px;
        padding-bottom: 0;
    }

    .spots .thumb-2{
        margin-bottom: 0;
    }




    .section-form{
        background-size: auto 100%;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .p42{
        font-size: 40px;
        line-height: 50px;
    }

    .section-form .separator{
        margin: 20px auto;
    }

    .p44{
        padding-top: 50px;
    }

    .enquire label{
        font-size: 14px;
        margin-right: 15px;
    }
    .page-contact .banner{
        padding-top: 90px;
        padding-bottom: 100px;
    }


    .banner .text{
        margin-left: 30px;
    }
    .enquire label{
        margin-bottom: 5px;
    }
    .section-form #name{
        margin-top: 20px;
    }
}

/*XS*/
@media (max-width:575px){
    .banner .text{
        margin-left: 10px;
        padding-left: 10px;
        border-left-width: 5px;
        margin-bottom: 80px;
        margin-top: 70px;
    }
    .page-team .banner .text{
        margin-bottom: 80px;
        margin-top: 70px;
    }
    .banner .text p{
        font-size: 30px;
        line-height: 40px;
        font-weight: 500;
    }
    .banner .text p.name{
        font-size: 14px;
        line-height: 18px;
    }
    .page-home .p2a{
        font-size: 25px;
        line-height: 36px;
    }
    .page-home .p8,
    .page-home .p4{
        font-size: 36px;
    }
    .p10 span{
        font-size: 32px;
        line-height: 40px;
    }
    
    .p10 span{
        font-size: 32px;
        line-height: 40px;
    }
    .section-mission .content{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-vision .content{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-promise .content{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .member .content{
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .member .content .p52,
    .member .content .p53,
    .member .content .p54{
        border: none;
        padding-left: 0;
        padding-right: 0;
    }
    .member.right .content a,
    .member .content a{
        margin-left: 0;
    }
    .spots .separator{
        margin-bottom: 0;
    }
    .spots .p30{
        max-width: none;
    }
    .section-look .content{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section-do .content{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
.p20{
    font-size: 25px;
}





.animated{animation-duration:1s;animation-fill-mode:both}
.animated.infinite{animation-iteration-count:infinite}
.animated.delay-1s{animation-delay:1s}
.animated.delay-2s{animation-delay:2s}
.animated.delay-3s{animation-delay:3s}
.animated.delay-4s{animation-delay:4s}
.animated.delay-5s{animation-delay:5s}
.animated.fast{animation-duration:.8s}
.animated.faster{animation-duration:.5s}
.animated.slow{animation-duration:2s}
.animated.slower{animation-duration:3s}
@media (prefers-reduced-motion){
    .animated{animation:unset!important;transition:none!important}

}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}.
fadeInDown{animation-name:fadeInDown}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.fadeInUp{animation-name:fadeInUp}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
.fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}
.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}
.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}
.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}
.fadeOutUp{animation-name:fadeOutUp}