/* Global Reset */
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.customcenter-text span {
    color: #fff !important;
}

ul {
    list-style: none;
}
.custommenu .customitem a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #fff; /* Text color */
}

.custommenu .customitem a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0; /* Start from the left */
    width: 0;
    height: 2px;
    background: #fff; /* Border color */
    transition: width 0.3s ease-in-out; /* Smooth width transition */
}

.custommenu .customitem a:hover::after {
    width: 100%; /* Expand to full width */
}

.custommenu .customitem a:hover {
    background: #e33023 !important; /* Background color change */
}
.customitem a {
    display: flex;
    justify-content: space-between; /* Align text left and arrow right */
    align-items: center; /* Center items vertically */
    text-decoration: none; /* Remove default underline */
    color: #fff; /* Text color */
    padding: 10px; /* Add padding for spacing */
}

.customitem .customdropdown {
    margin-left: auto; /* Pushes the arrow to the far right */
    position: relative; /* Remove unnecessary left styling */
}
/* Header Styling */
.customheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 20px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.customlogo {
    display: flex;
    align-items: center;
}

.customlogo img {
    height: 40px;
}

.customlogo a {
    margin-left: 10px;
    font-size: 1.2rem;
    font-weight: bold;
}

.customnav-links {
    display: flex;
    align-items: center;
    margin: 0px;
}

.customnav-links li {
    margin-left: 20px;
}

.customnav-links a:hover {
    color: #ffcc00;
}

/* Hamburger Menu */
.customhamburger {
    font-size: 1.5rem;
    cursor: pointer;
            }

/* Off-Canvas Menu */
.customoff-canvas {
    position: fixed;
    top: 0;
    right: -100%;
    width: 300px;
    height: 100%;
    background: #2e2e2e;
    color: white;
    transition: right 0.3s ease-in-out;
    padding: 20px;
    z-index: 1200;
}

.customoff-canvas.active {
    right: 0;
}

.customclose-btn {
    font-size: 1.5rem;
    cursor: pointer;
    color: white;
    position: absolute;
    top: 20px;
    right: 20px;
}

.custommenu .customitem {
    margin: 20px 0;
}

.custommenu .customitem a {
    color: white;
    display: block;
    font-size: 1.1rem;
    padding: 10px;
    transition: background 0.3s;
}

.custommenu .customitem a:hover {
    background: #e33023;
}

/* Overlay */
.customoverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1100;
    display: none;
}

.customoverlay.show {
    display: block;
}

/* Responsive Design */
@media (max-width: 768px) {
    .customnav-links {
        display: none;
    }
    a.mobile-header-login {
        display: none;
    }
    a.dropdown-toggle.header-login-main {
        display: none;
    }
    

    .customhamburger {
        display: block;
    }
}
/* Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: "Poppins", sans-serif;
background-color: #f9f9f9;
}

/* Header Styling */
.customheader {
background: rgba(0, 0, 0, 0.8);
color: white;
width: 100%;
position: fixed;
top: 0;
z-index: 1000;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.customcontainer {
display: flex;
align-items: center;
justify-content: space-between;
width: 90%;
margin: 0 auto;
padding: 10px 0;
}

/* Logo */
.customlogo {
display: flex;
align-items: center;
}

.customlogo img {
height: 40px;
}

.customlogo span {
margin-left: 10px;
font-size: 1.0rem;
font-weight: 500;
text-transform: uppercase;
}

/* Centered Text */
.customcenter-text {
flex: 1;
text-align: center;
font-size: 1.0rem;
font-weight: 500;
}

/* Right Navigation */
.customnav {
display: flex;
align-items: center;
}
i.fas.fa-angle-right.customdropdown {
    left: 0.7rem;
    position: relative;
}
iframe {
    border: none !important;
}
div#videoBackground {
    
    height: 700px !important;
}

.customnav-links {
display: flex;
align-items: center;
}

.customnav-links li {
margin-left: 20px;
list-style: none;
}

.customnav-links a {
color: white;
font-size: 1rem;
text-decoration: none;
transition: color 0.3s;
}

.customnav-links a:hover {
color: #ffcc00;
}

/* Hamburger Menu */
.customhamburger {
margin-left: 20px;
font-size: 1.5rem;
color: white;
cursor: pointer;
}

/* Media Query for Mobile */
@media (max-width: 768px) {

li.mobile-login {
display: none;
}


.customhamburger {
display: block;
}
}
.customsub-menu {
display: block;
max-height: 0; /* Initially collapsed */
overflow: hidden;
transition: max-height 0.4s ease; /* Smooth transition */
}

.customfas.fa-angle-right {
transition: transform 0.3s ease;
}

.customfas.fa-angle-right.rotate {
transform: rotate(90deg); /* Rotate dropdown icon */
}
.customoff-canvas {
position: fixed;
top: 0;
right: -300px; /* Hidden by default */
width: 300px;
height: 100%;
background-color: #2e2e2e;
color: white;
transition: right 0.3s ease-in-out;
z-index: 1001;
}

.customoff-canvas.active {
right: 0; /* Slide in */
}

.customoverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
display: none;
}

.customoverlay.show {
display: block;
}
#customoffCanvas {
position: fixed;
top: 0;
right: -300px; /* Hidden by default */
width: 300px;
height: 100%; /* Full screen height */
background-color: #2a4e95;
overflow-y: auto; /* Enables vertical scrolling */
overflow-x: hidden; /* Prevents horizontal scrolling */
transition: right 0.s ease-in-out;
z-index: 1001;
}

#customoffCanvas.active {
right: 0; /* Slide-in when active */
}

/* Custom scrollbar styling (optional) */
#customoffCanvas::-webkit-scrollbar {
width: 8px;
}

#customoffCanvas::-webkit-scrollbar-thumb {
background: #555; /* Scrollbar color */
border-radius: 10px;
}

#customoffCanvas::-webkit-scrollbar-track {
background: #2e2e2e; /* Scrollbar track color */
}
/* Sidebar Menu Styling */
.custommenu .customitem {
border-bottom: 1px solid #f7f7f733; /* Bottom border for each item */
}

.custommenu .customitem:last-child {
border-bottom: none; /* Removes the border from the last item */
}

.custommenu .customitem a {
display: flex;
padding: 10px 15px; /* Padding for better spacing */
color: #ffffff; /* Text color */
text-decoration: none;
font-size: 14px;
transition: background 0.3s ease, color 0.3s ease;
}
a.custommenu-link {
    display: block !important;
}


.custommenu .customitem a:hover {
background-color: #234c97; /* Highlight on hover */
color: #fff; /* Optional hover text color */
}
button#customcloseBtn {
background-color: #e13027; /* Red background */
color: #fff !important; /* White icon color */
width: 30px; /* Set a fixed width */
height: 30px; /* Set a fixed height */
border: none !important; /* Remove any default border */
border-radius: 50%; /* Make it fully rounded */
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem; /* Adjust font size for the "X" icon */
cursor: pointer;
position: absolute;
top: 10px; /* Adjust vertical positioning */
right: 10px; /* Adjust horizontal positioning */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Optional shadow for depth */
transition: background-color 0.3s ease; /* Smooth hover effect */
}

button#customcloseBtn:hover {
background-color: #d0201e; /* Slightly darker red on hover */
}

.customnav-links .no-margin {
    margin-left: 0; /* Reset margin for this class */
}
html {
    font-size: 16px !important;
    font-family: "Poppins", sans-serif !important;
    }
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        .why-choose-us-box {
            font-size: 14px !important;
            margin-bottom: 20px;
            height: 454px !important;
            
        }
        .why-choose-us-box p {
            font-size: 15px;
            font-weight: 400;
            line-height: 29px;
            color: #fff;
        }
        .why-choose-us-box h4 {
            color: #fff;
            font-weight: 500;
            font-size: 16px;
        }
      }
      
      @media only screen and (min-width: 344px) and (max-width: 882px) {
        .customnav-links li {
            margin-left: 13px;
            list-style: none;
        }
        .customnav-links a {
            color: white;
            font-size: 0.9rem;
            text-decoration: none;
            transition: color 0.3s;
        }
        
      }
      .seed-invest {
        text-align: center;
        margin-top: 150px;
        color: #fff !important;
    }
    .customdropdown.rotate {
        transform: rotate(90deg); /* Rotates the icon to point right */
        transition: transform 0.3s ease;
    }
    
   
    section.seed-invest-main {
        background: #2a4e95;
        padding-top: 30px;
        padding-bottom: 80px;
    }