.card-container {
margin: 0 auto; /* Centers the container */
padding: 0 30px; /* Adds left and right spacing */
max-width: 1320px; /* Restricts max width for better layout */
}
.ndc-card {
background: #ffffff;
border-radius: 10px;
padding: 20px;
text-align: left;
height: 100%;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2); /* Increased shadow for better visibility */
border-top: 1px solid #aaa; /* Darker & thicker gray top border */
border-bottom: 1px solid #aaa; /* Darker & thicker gray bottom border */
width: 100%;
max-width: 1152px; /* Adjust as needed */
margin:auto
}
.ndc-card-benefit {
font-size: 18px;
font-weight: bold;
color: #0056b3;
margin-bottom: 10px;
}
.ndc-text {
font-size: 16px;
font-weight: bold; /* Middle text bold */
color: #333;
}
.ndc-muted {
font-size: 14px;
color: #6c757d; /* Light gray muted text */
}
/*---Added for What is NDC?-----*/
.modern-section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 40px;
gap: 20px;
}
.modern-left {
flex: 1;
min-width: 300px;
}
.modern-left h1 {
font-size: 2rem;
margin-bottom: 35px;
}
.modern-left .modern-subtext {
font-size: 1.8rem;
color: #25304B;
font-family: Poppins, sans-serif;
}
.modern-right {
flex: 1;
min-width: 300px;
}
.modern-btn {
margin-top: 20px;
padding: 12px 24px;
border-radius: 25px;
border: 2px solid #000099;
backgound-color:white;
color: #000099;
font-size: 16px;
cursor: pointer;
}
@media (max-width: 768px) {
.modern-section {
flex-direction: column;
text-align: center;
}
}
/* Ends What is NDC?-------*/
/*-----------------added for Get Added section----*/
/* General Section Styling */
.started-section {
padding: 0px;
max-width: 1152px;
width:100%;
margin: auto;
text-align: center;
}
.text-center {
text-align: center;
}
.started-section-text p {
text-transform: uppercase;
color: #5F6368;
font-size: 1rem;
}
.started-section-text h1 {
font-weight: 500;
font-size: 2rem;
line-height: 1;
letter-spacing: -0.8%;
}
/* Card Container */
.started-section-card-container {
display: flex;
/* flex-wrap: wrap;*/
justify-content: center;
gap: 20px;
margin-top: 10px;
}
.footer {
/* background: linear-gradient(to bottom, #000099, #00005C); */
color: #fff;
/* padding-top: 10px;
}
/* Individual Card */
.started-section-card {
background: #fff;
padding: 10px;
border: 1px solid rgb(226, 235, 242);
border-radius: 12px;
transition: transform 0.3s ease-in-out;
width:100%;
max-width:350px;
}
.started-section-card:hover {
transform: translateY(-5px);
}
/* Image Container */
.started-section-card-img-container {
position: relative;
width: 100%;
max-width: 400px;
height: 250px;
margin: auto;
}
.started-section-card-img-container img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}
/* Overlay Text on Image */
.started-section-card-img-container-text {
position: absolute;
bottom: 12px;
left: 0;
right: 0;
width: 90%;
background: rgba(70, 70, 70, 0.6);
backdrop-filter: blur(12px);
color: white;
text-align: left;
padding: 10px;
border-radius: 12px;
margin: auto;
}
.started-section-card-img-container-text p {
margin: 5px 0;
font-size: 12px;
}
/* Footer Text */
.standard-section-footer {
text-align: center;
color: #000099;
text-decoration: underline;
font-size: 1.2rem;
font-weight: 500;
margin-top: 10px;
}
/* Responsive Design */
@media (max-width: 1024px) {
.started-section-text h1 {
font-size: 2rem;
}
.started-section-card-container {
flex-wrap: wrap;
}
.started-section-card-img-container {
height: 220px;
}
}
@media (max-width: 768px) {
.started-section {
padding: 10px;
}
.started-section-text h1 {
font-size: 1.8rem;
}
.started-section-card-container {
flex-direction: column;
align-items: center;
}
.started-section-card-img-container {
height: 200px;
}
.standard-section-footer {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.started-section-text h1 {
font-size: 1.6rem;
}
.started-section-text p {
font-size: 0.9rem;
}
.started-section-card-img-container {
height: 180px;
}
.started-section-card-img-container-text p {
font-size: 0.9rem;
}
}
/*--------Get Added ends------*/
/*--------------Added for NDC APIs----*/
.ndc-section {
padding: 20px 10px;
max-width: 1152px;
width:100%;
margin: auto;
}
/* Section Title */
.ndc-section-text p {
text-transform: uppercase;
color: #5F6368;
text-align: center;
}
.ndc-top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.ndc-left {
flex: 1;
}
.ndc-left h1 {
font-size: 2rem;
line-height: 1;
text-align: center;
}
.ndc-right {
flex-shrink: 0;
}
.view-btn {
padding: 12px 24px;
border-radius: 8px;
border: 1px solid #000099;
color: #000099;
font-size: 16px;
cursor: pointer;
background: transparent;
transition: 0.3s;
}
.view-btn:hover {
background: #000099;
color: white;
}
/* Card Container */
.ndc-section-card-container {
display: flex;
/* flex-wrap: wrap; */
justify-content: center;
gap: 20px;
margin-top: 10px;
margin-bottom: 2rem;
}
.ndc-section-card {
background: #fff;
padding: 15px;
border: 1px solid rgb(226, 235, 242);
border-radius: 12px;
width: 100%;
max-width: 350px;
text-align: left;
transition: transform 0.3s;
}
.ndc-list{
font-size:12px;
color:#000099;
text-decoration:underline
}
.ndc-section-footer{
color:#25304B;
font-weight:600 !important;
}
.ndc-section-para{
font-size:12px!important
}
.ndc-section-card:hover {
transform: translateY(-5px);
}
.ndc-section-card-img-container {
width: 100%;
height: 220px;
overflow: hidden;
border-radius: 12px;
}
.ndc-section-card-img-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Footer Text */
.standard-section-footer {
color: #000099;
text-decoration: underline;
font-size: 1.4rem;
font-weight: 500;
margin-top: 10px;
}
/* Responsive Styles */
@media (max-width: 1024px) {
.ndc-top {
flex-direction: column;
text-align: center;
}
.ndc-left h1 {
font-size: 2rem;
text-align: center;
}
.ndc-right {
margin-top: 10px;
}
}
@media (max-width: 768px) {
.ndc-section-card-container {
flex-direction: column;
align-items: center;
}
.ndc-section-card {
max-width: 100%;
}
}
@media (max-width: 480px) {
.ndc-left h1 {
font-size: 1.8rem;
}
.view-btn {
font-size: 14px;
padding: 10px 20px;
}
}
/*--------------NDC APIs ends----*/
/*--------------Added for Footer----*/
.footer-section{
/* background: linear-gradient(to bottom, #000099, #00005C); */
/* background-color: #000090; */
color: #fff;
}
.footer {
/* background: linear-gradient(to bottom, #000099, #00005C); */
color: #fff;
padding-top: 10px;
font-family: Arial, sans-serif;
}
.footer-bottom {
text-align: center;
margin-top: 12px;
padding: 10px 20px;
font-size: 14px;
color: #ccc;
}
/* Dotted Line at Top & Bottom */
/* .footer::before,
.footer::after {
content: "..........................................................................................................";
display: block;
font-size: 18px;
color: #ccc;
text-align: center;
letter-spacing: 2px;
white-space: nowrap;
overflow: hidden;
margin-bottom: 10px;
}
.footer::after {
margin-top: 10px;
} */
.footer-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.below-footer-content {
display: flex;
gap: 44px;
color: white;
text-decoration: auto !important;
/*text-underline-offset: 4px;*/
font-size: 15px;
}
/*.below-footer-content :hover {
color: white !important;
text-decoration: auto !important;
text-underline-offset: 4px !important;
font-size: 15px !important;
font-weight:10px !important !important;
}*/
.footer-column {
flex: 1;
min-width: 180px;
margin: 10px 0;
margin-left:3%
}
.footer-column h3 {
font-size: 18px;
margin-bottom: 15px;
}
.footer-column ul {
list-style: none;
padding: 0;
}
.footer-column ul li {
margin-bottom: 8px;
}
.footer-column ul li a {
text-decoration: none;
color: #bbb;
transition: color 0.3s;
}
.footer-column ul li a:hover {
color: #fff;
}
.social-icons a {
margin-right: 10px;
}
.social-icons img {
width: 24px;
height: 24px;
filter: brightness(0) invert(1); /* Makes icons white */
}
/* Responsive Design */
@media (max-width: 768px) {
.footer-container {
flex-direction: column;
text-align: center;
}
.footer-column {
margin-bottom: 20px;
}
.social-icons {
display: flex;
justify-content: center;
}
}
/*--------------Footer ends----*/
/*------------Added for image with card--------*/
.ndc-features-section {
border-radius: 28px;
color: #ffffff;
}
.ndc-features-section-container {
min-height: 80vh;
width: 100%;
max-width:1320px;
position: relative;
border-radius: 28px;
display: flex;
justify-content: center;
overflow: hidden;
margin:auto;
}
.ndc-features-section-image {
position: absolute;
top: 0;
width: 105%;
height: 100%;
object-fit: cover;
border-radius: 28px;
}
.ndc-features-content {
padding: 40px;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0, 0.95) 20%, rgba(0,212,255,0) 100%);
position: relative;
top: 0;
width: 100%;
min-width: 100vh;
display: flex;
border-radius: 28px;
flex-direction: column;
justify-content: space-between;
}
.ndc-feature-text {
text-align: left;
}
.ndc-feature-text h1 {
font-size: 20px;
font-weight: 400;
font-family:'Poppin';
}
.cards {
display: flex;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
margin-top: 6rem
}
.card {
background: linear-gradient(180deg, rgba(121, 157, 165, 0.69) -53.93%, rgba(33, 25, 17, 0.69) 100%) !important;
backdrop-filter:blur(12px) !important;
color:white !important;
padding: 20px 20px;
border-radius: 20px !important;
width: 31%;
gap: 28px;
display: flex;
flex-direction: column;
}
.card h3 {
font-size: 1.8rem;
font-weight: 500;
line-height: 2rem;
margin: 0;
color:white !important;
}
.card p {
font-weight: 300;
margin: 0;
color:white !important;
}
.card-text {
display: flex;
align-items: center;
justify-content: space-between;
color:white !important;
}
.card-text img {
width: 70px;
height: 70px;
border-radius: 50%;
width: fit-content;
}
/*------------image with cards ends---------*/
/*--------------added for signup page--------------*/
.form-group {
flex: 0 0 auto;
margin-bottom: 1rem !important;
}
label{
font-weight: bold;
font-size: 1rem;
color: #333;
width:100% !important;
}
.col-md-6{
width: 100% !important;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
transition: box-shadow 0.3s ease !important;
}
.signup-container{
width:100%
}
/*-----added for bread crumbs-----*/
.breadcrumb {
background-color: transparent; /* Remove default background */
font-size: 14px;
padding: 8px 0;
}
.breadcrumb-item a {
text-decoration: none;
color: #000099; /* Dark blue link color */
font-weight: bold;
}
.breadcrumb-item.active {
color: gray;
font-weight: normal;
}
/*----added for image in ndc-api page----*/
.ndc-image-container {
position: relative;
width: 100%;
/* max-width: 1152px; Adjust as needed */
margin: auto;
}
.ndc-background-image {
width: 100%;
height: 400px;
display: block;
border-radius: 32px;
}
/* Add a dark gradient overlay for better text visibility */
.ndc-image-container::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 1%;
z-index: 1;
}
/* Position text over the image */
.text-img-overlay {
position: absolute;
top: 45%;
left: 40px;
transform: translateY(-50%);
color: white;
font-size: 20px;
font-weight: bold;
text-align: left;
padding: 10px;
border-radius: 5px;
font-family: 'Poppins', sans-serif;
z-index: 2; /* Ensure text appears above overlay */
}
/* Styling for headings inside the overlay */
.ndc-api-img-head {
font-size: 14px;
margin: 0;
}
.ndc-api-img-text {
font-size: 36px;
margin-top: 5px;
}
/*added for full width*/
@media (min-width: 1200px) {
.container{
max-width:100% !important
}