@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900 &display=swap");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

.poppins-thin { font-family: "Poppins", sans-serif;  font-weight: 100;font-style: normal;}
.poppins-extralight { font-family: "Poppins", sans-serif; font-weight: 200; font-style: normal;}
.poppins-light { font-family: "Poppins", sans-serif; font-weight: 300; font-style: normal;}
.poppins-regular {font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal;}
.poppins-medium { font-family: "Poppins", sans-serif;font-weight: 500;font-style: normal;}
.poppins-semibold {font-family: "Poppins", sans-serif;font-weight: 600;font-style: normal;}
.poppins-bold { font-family: "Poppins", sans-serif;font-weight: 700;font-style: normal;}
.poppins-extrabold { font-family: "Poppins", sans-serif; font-weight: 800; font-style: normal;}
.poppins-black { font-family: "Poppins", sans-serif; font-weight: 900; font-style: normal;}
.poppins-thin-italic {font-family: "Poppins", sans-serif;font-weight: 100;font-style: italic;}
.poppins-extralight-italic {font-family: "Poppins", sans-serif;font-weight: 200;font-style: italic;}
.poppins-light-italic {font-family: "Poppins", sans-serif;font-weight: 300;font-style: italic;}
.poppins-regular-italic {font-family: "Poppins", sans-serif;font-weight: 400;font-style: italic;}
.poppins-medium-italic {font-family: "Poppins", sans-serif;font-weight: 500;font-style: italic;}
.poppins-semibold-italic { font-family: "Poppins", sans-serif; font-weight: 600; font-style: italic;}
.poppins-bold-italic {font-family: "Poppins", sans-serif;font-weight: 700;font-style: italic;}
.poppins-extrabold-italic { font-family: "Poppins", sans-serif; font-weight: 800; font-style: italic;}
.poppins-black-italic { font-family: "Poppins", sans-serif; font-weight: 900; font-style: italic;}
* { font-family: "Poppins", sans-serif; color: #03080B;}
/*font*/
.font-8{font-size: 8px;}
.font-10{font-size: 10px;}
.font-12{font-size: 12px;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.font-26{font-size: 26px;}
.font-28{font-size: 28px;}
.font-30{font-size: 30px;}
.font-32{font-size: 32px;}
.font-34{font-size: 34px;}
.font-36{font-size: 36px;}
.font-38{font-size: 38px;}
.font-40{font-size: 40px;}
/*Rounded*/
.rounded1{ border-radius: 5px;}
.rounded2{ border-radius: 10px;}
.rounded3{ border-radius: 15px;}
.rounded4{ border-radius: 20px;}
.rounded5{ border-radius: 25px;}
.rounded6{border-radius: 50px;}
/*background color*/
.bg-1 {background-color: #090909;}
.bg-2{  background-color: #2E2E2E;}
.bg-gold{ background-color: #9A712D;}
/*text colour*/
.text-gold{color:#9A712D;}
/*Section css*/
.section-About-us{padding: 40px 0px;}
.section-team{ padding: 50px 0px; background-color: #121212;}
.section-resources{padding: 50px 0px;background-color: #222222;}
.section-Product{padding: 50px 0px;}
.sectionGetinTouch{padding: 50px 0px;background-color: #2E2E2E;}
.section-footer{  background-image: url('../images/banner/footer.png');background-repeat: no-repeat; background-size: cover;}
.about-us-banner{  background-image: url('../images/banner/aboutus.png');  background-repeat: no-repeat;  background-size: cover;}
/* General Navigation Styles */
.nav-header { position: fixed;  top: 0; left: 0; width: 100%; /* Make it span the full width of the viewport */z-index: 1000; display: flex;
  justify-content: space-between; align-items: center; background-color: #131313; padding: 0 80px; /* Adds left-right margin (container effect) */
  height: 100px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.nav-logo a img { width: 200px;}
.nav-menu { display: flex; flex-direction: row;}
.nav-menu ul {display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; gap: 10px; list-style: none}

.nav-menu ul li a {  color: #ffffff; font-size: 16px;text-decoration: none;position: relative;padding: 5px 10px;transition: color 0.3s ease-in-out;}

/* Style for Button Register and Login Links */
.nav-menu ul li a {color: #ffffff;font-size: 16px;text-decoration: none;position: relative;transition: all 0.3s ease-in-out;}

.nav-menu ul li:last-child a,
.nav-menu ul li:nth-last-child(2) a {color: #9A712D;border-radius: 5px;font-weight: 500;transition: all 0.3s ease-in-out;}

/* .nav-menu ul li:last-child a:hover,
.nav-menu ul li:nth-last-child(2) a:hover {  background-color: #ffffff;  color: #9a712d;} */

 /* Hover Effect */
 .nav-menu ul li a:hover { color: #9A712D; }

 .nav-menu ul li a::after {
    content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 2px;
     background: #9A712D;
     transition: width 0.3s ease-in-out;
 }
 .nav-menu ul li a:hover::after { width: 100%; }
  /* Dropdown Styles */
  .dropdown { display: none; position: absolute; top: 65%; right:45px; background-color: white; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px; border-radius: 5px; z-index: 1000;
    width: 200px;}
.dropdown.visible {
    display: block;
}
.dropdown h4 {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
}
.dropdown a {text-decoration: none;color: #007BFF;
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
    transition: background 0.3s;
}
.dropdown a:hover {background-color: #f1f1f1;}
/* Hover Effect */
.nav-menu ul li a:hover { color: #9A712D;}
/* Responsive Styles */
@media (max-width: 768px) {
    .nav-menu ul {  flex-direction: column;}
    .dropdown { position: static;box-shadow: none; padding: 5px;}
}

/* Responsive Styles */
@media (max-width: 768px) {
    .nav-menu ul { flex-direction: column;}
    .dropdown { position: static; box-shadow: none; padding: 5px;}
}
/* Hamburger Button */
.nav-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; cursor: pointer; z-index: 1000; /* Ensure toggle is above other elements */}

.nav-toggle span { background: #ffffff; height: 3px; width: 25px; border-radius: 2px; transition: all 0.3s ease-in-out;}

/* Toggle Button Active State */
.nav-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px);}

.nav-toggle.active span:nth-child(2) {  opacity: 0;}

.nav-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px);}

/* Position indicators vertically on the right side */
.carousel-indicators.vertical-indicators { position: absolute;position: absolute;top: 83%;right: 0px;transform: translateY(-50%);display: flex;flex-direction: column; align-items: flex-end; margin: auto; margin-right: 82px;}
.carousel-indicators.vertical-indicators .indicator { width: 15px; /* Horizontal line width */ height: 3px; /* Line thickness */background-color: white; /* Default color */opacity: 0.5; /* Semi-transparent default */ transition: background-color 0.3s, opacity 0.3s;}
.carousel-indicators .active { opacity: 1; background-color: #826026; width: 40px;}
.carousel-indicators.vertical-indicators .indicator:hover { opacity: 0.8; /* Brighten on hover */}
.carousel-indicators [data-bs-target] { border-top: 0px solid transparent;}
/*tab event*/
.twc-tab .nav-pills .nav-link.active, 
.nav-pills .show>.nav-link { color: #03080B;  background-color: #9A712D; padding: 10px 30px;  font-size: 12px; font-weight: bold;text-transform: uppercase;}
.twc-tab .nav-pills .nav-link { background-color: #03080B;  border: none;  border-radius: 0.5rem;  margin-right: 5px;  color: #ffffff;  padding: 10px 30px; font-size: 12px; font-weight: bold;text-transform: uppercase;}
.tab-containt h2{ font-size: 40px;  color: #ffffff;  font-weight: bold;}
.tab-containt p{ font-size: 22px; color: #ffffff; font-weight: normal;}
.icon-bg img{ background-color:#000000; padding: 10px; border-radius: 76px; width: 60px;margin-bottom: 10px;}
.twc-card{ background-color: #10582E;}
.heading{ font-weight: 400; font-size: 40px; color: #ffffff;}
.heading span{ color: #9A712D;}

  
/*team*/
.team {  border-radius: 10px; overflow: hidden;filter: grayscale(100%); transition: all 0.3s ease-in-out;  background-color: #000;cursor: pointer; }
.team img { width: 100%;  height: auto;}
.team h6, 
.team p {text-align: center; transition: all 0.3s ease-in-out; }
.team h6 { font-size: 22px; font-weight: 500; color: #ffffff; }
.team p {  font-size: 16px; font-weight: 500; color: #9A712D; }

/* Hover effect */
.team:hover {
    filter: grayscale(0); /* Restore original colors */
    /*transform: scale(1.05); /* Slightly enlarge the card */
}
/* Card Resources - Common Styles */
.card-Resources, .card-Resources2, .card-Resources3, .card-Resources4 { background-color: #222222; border-top: 1px solid #222; border-bottom: 1px solid #222; padding: 35px; position: relative; overflow: hidden; transition: background-color 0.3s ease, opacity 0.3s ease-in-out;  border-radius: 10px;}
.card-Resources::before, .card-Resources2::before, .card-Resources3::before, .card-Resources4::before { content: ""; position: absolute;  top: 0; left: 0;   width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0; z-index: 0;}
.card-Resources:hover::before, .card-Resources2:hover::before, .card-Resources3:hover::before, .card-Resources4:hover::before { opacity: 1;transition:1s;}
/* Background Images */
.card-Resources::before { background-image: url('../images/card/card-bg-1.png'); }
.card-Resources2::before { background-image: url('../images/card/card-bg-2.png'); }
.card-Resources3::before { background-image: url('../images/card/card-bg-3.png'); }
.card-Resources4::before { background-image: url('../images/card/card-bg-4.png'); }
/* Text and Link Styles */
.card-Resources h6, .card-Resources2 h6, .card-Resources3 h6, .card-Resources4 h6,
.card-Resources p, .card-Resources2 p, .card-Resources3 p, .card-Resources4 p,
.card-Resources a, .card-Resources2 a, .card-Resources3 a, .card-Resources4 a { position: relative; z-index: 1;}
.card-Resources h6, .card-Resources2 h6, .card-Resources3 h6, .card-Resources4 h6 { font-size: 24px; color: #9A712D;}
.card-Resources p, .card-Resources2 p, .card-Resources3 p, .card-Resources4 p { font-size: 18px; color: #fff; margin: 0;}
.card-Resources a, .card-Resources2 a, .card-Resources3 a, .card-Resources4 a {  font-size: 16px; color: #fff; margin: 0; text-transform: uppercase; cursor: pointer; text-decoration: none;}
.card-Resources a i, .card-Resources2 a i, .card-Resources3 a i, .card-Resources4 a i { font-size: 16px; color: #fff; margin: 0;}
.card-Resources a:hover, .card-Resources2 a:hover, .card-Resources3 a:hover, .card-Resources4 a:hover {text-decoration: none;}
/*slick slider css*/
.product-card{ background-color: #222222;height:400px; padding: 20px !important; text-align: center; display: flex; align-items: center; border-radius: 10px;
    margin: 5px;flex-direction: column;}
.product-card img{width: 100px; margin-bottom: 20px;}
.product-card h6{font-size: 22px;font-weight: 500;color: #ffffff;}
.product-card p{font-size: 14px;font-weight: 500;color: #888686;}
.slick-prev, .slick-next { padding: 5px; z-index: 1;}
.slick-prev:before, .slick-next:before {font-family: '';font-size: 30px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;background-color: #9A712D;border-radius: 50px;padding: 7px;width: 50px;}
.slick-prev {left: 30px;}
.slick-next {right: 67px;}
/*get in touch*/
.getintouchform label{color: #C6C6C6;font-size: 15px;padding-left: 0;}
.getintouchform input{border: none;border-radius: 0;border-bottom: 1px solid #9A712D;background-color: transparent;color: #C6C6C6;}
.getintouchform .form-control:focus { color: #cbcbcb; background-color: transparent; border-color: transparent; outline: 0; box-shadow: 0 0 0 .25rem rgb(30 30 30); border-bottom: 1px solid #9A712D;}

/*footer*/
footer a:hover {
    color: #9A712D; /* Change to your desired hover color */
}
footer hr{
    color: #9A712D;
}


/*30-01-2025*/
.animated-img {
    opacity: 1;
    filter: blur(10px);
    transition: opacity 1.5s ease-out, filter 1.5s ease-out;
}

    .animated-img.show {
        opacity: 1;
        filter: blur(0);
    }

.product-main h1 {
    font-weight: 600;
    color: #9A712D;
    text-align: center;
    font-size: 56px;
}

.product-main p {
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 36px;
}

.KeyFeaturesdiv {
    margin-bottom: 50px;
}

    .KeyFeaturesdiv h3 {
        color: #fff;
        text-align: center;
        font-size: 38px;
        line-height: 58px;
        display: inline-block; /* Makes the element wrap around its content */
        border-bottom: 1px solid #826026; /* Adds border only below text */
        padding-bottom: 5px; /* Adds spacing for better visibility */
    }

.hexagonal {
    background-image: url('../../images/product/bggreen.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 226px;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hexagonalfour {
    background-image: url(../../images/product/bggreen.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 203px;
    height: 223px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hexagonal-body4 {
    text-align: center;
    padding: 15px;
}

.hexagonal-body {
    text-align: center;
    padding: 15px;
}

.hexagonal-body4 h5 {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
}

.hexagonal-body h5 {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
}

.hexagonal-body4 p {
    font-size: 16px;
    color: #212121;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.hexagonal-body p {
    font-size: 17px;
    color: #212121;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.hexa-main {
    display: flex;
    flex-wrap: wrap;
    gap: 7%;
    justify-content: center;
    margin-bottom: 25px;
}



.hexa-main2 {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: center;
    margin-bottom: 40px;
}


.container h4 {
    color: #ffffff;
    display: inline-block;
    border-bottom: 3px solid #9A712D;
    padding-bottom: 2px;
}

.card-border {
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    background-color: #212121;
    padding: 10px;
    margin-bottom: 10px;
}

.card-title {
    font-size: 18px;
    font-weight: bold;
    min-height: 50px;
    /* Ensures equal title alignment */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #9A712D;
}

.card-subtext {
    font-size: 14px;
    min-height: 60px;
    /* Ensures equal paragraph alignment */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #888686;
}

.section-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #ffffff;
    display: inline-block;
    border-bottom: 3px solid #9A712D;
    padding-bottom: 2px;
}


/* key consideration */

.invest-card {
    background-color: #212121;
    padding: 3px 19px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 120px;
    /* overflow: hidden; */
    border-bottom-left-radius: 57px;
    border-top-left-radius: 57px;
}

.icon-circle {
    width: 97px;
    height: 101px;
    background-color: #212121;
    /* border: 2px solid #c2a03f; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.invest-card::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 119px;
    height: 103%;
    background-color: #000;
    /* border-top-right-radius: 40px; */
    /* border-bottom-right-radius: 50px; */
    border-radius: 50%;
    border: 2px solid #c2a03f;
}

.tile {
    font-size: 18px;
    font-weight: bold;
    color: #c2a03f;
}

.card-text {
    font-size: 14px;
    color: #bfbfbf;
}

.card-content {
    text-align: left;
    padding-left: 110px;
}

.consideration-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
    padding: 20px;
}



.consideration-item {
    text-align: center;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sideration-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 80px;
    padding: 20px;
}

.ideration-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 108px;
    padding: 20px;
}

.circle-container img {
    width: 134px;
    height: 133px;
    object-fit: contain;
}

.description {
    font-size: 18px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #9A712D!important;
    margin-top: 5px;
    text-align: center;
}