@media screen and (max-width: 1500px) {
.a-hero,
.l-hero,
.mile-hero,
.trading-hero,
.m-hero,
.c-hero {
height: 400px;
}
}
@media screen and (max-width: 1024px) {
.ftr-d01 {
grid-template-columns: repeat(2, 1fr);
padding-left: 0;
}
.alladdress {
width: 225px;
}
}
@media screen and (max-width: 992px) {
    
.nav-button {
display: none;
}
h1 {
font-size: 100px;
line-height: 100px;
}
h2 {
font-size: 42px;
line-height: 52px;
}
.box {
flex-direction: column;
}
.box p {
font-size: 16px;
}
.marquee {
margin-bottom: 50px;
}

.b-row {
flex-direction: column;
}
 
.b-left {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.b-left img {
width: 100%;
}
.b-right {
width: 100%;
}
.b-row2 {
flex-direction: column-reverse;
}
.Business {
padding-bottom: 0px;
}
.Nurturing-main h2 {
font-size: 80px;
line-height: 80px;
}
.Stories {
padding-top: 50px;
}
h3 {
font-size: 24px;
line-height: 34px;
}
.ftr-d4,
.ftr-d3 {
/* width: 40%; */
gap: 20px;
flex-direction: row;
justify-content: space-around;
width: auto;
}
.ftr-d5 {
display: contents;
}
.s-boxes {
flex-wrap: wrap;
justify-content: space-between;
gap: 50px;
}
.s-box {
width: 46%;
}
.b-box img {
width: 60px;
}
.Legacy {
padding: 100px 0px;
}
.Work {
padding-top: 50px;
padding-bottom: 100px;
}
.Work-main {
gap: 50px;
}
.timeline-line {
/* top: -160px; */
}
.Leader-main {
flex-direction: column;
}
.ldr-right {
width: 100%;
}
.ldr-right img {
width: 100%;
}
.ldr-left {
width: 100%;
}
.ldr-2 {
flex-direction: column-reverse;
}
.right-gredient-new,
.left-gredient {
width: 100px;
}
.l-hero {
margin-top: 70px;
}
.mob-btn {
display: flex !important;
padding-left: 20px;
padding-top: 15px;
}
.cgrid-2 img {
width: 250px;
}
.cform-left,
.cform-right {
padding: 0px;
}
.customer-ca {
margin-bottom: 100px;
}
.career-about {
padding-top: 60px;
padding-bottom: 30px;
}

.carrer-title {
padding-top: 80px;

}
.csr-activities {
display: flex;
flex-direction: column-reverse !important;
}
}
@media screen and (max-width: 768px) {
.trd-main {
flex-direction: column;
}
.trd-box {
width: 100%;
}
.l-right {
position: sticky;
top: 10%;
}
.ftr-d1 {
width: 100%;
max-width: 100%;
}
.ftr-col {
gap: 60px;
flex-direction: column;
}
.ftr-d0 {
flex-direction: column;
}
.ftr-d2 {
max-width: 100%;
}
.ftra-d2 {
grid-template-columns: repeat(3, 1fr);
}
.read-more {
display: none; /* Hide the Read More button on screens larger than tablet */
}

/* "Read More" Button Styles */
.read-more {
display: read-more;
margin-top: 8px;
color: #23376c;
cursor: pointer;
text-decoration: none;
font-weight: bold;
}

/* Hide the additional text by default */
.more-text {
display: flex;
}
.Work,
.Legacy {
padding-top: 50px;
padding-bottom: 50px;
}
.Work-main {
flex-direction: column;
}
.Work-box {
width: 100%;
}
.trd-boxes {
margin-bottom: 100px;
}
.inno-main {
flex-direction: column-reverse;
gap: 50px;
align-items: center;
}
.inno-box {
width: 100%;
}
.inno-1 {
flex-direction: column-reverse;
}
.inno-2 {
flex-direction: column;
}
/* .c-grid-main {
flex-direction: column-reverse;
gap: 50px;
}
.cgrid-1,
.cgrid-2 {
width: 100%;
}

.cgrid-2 img {
width: auto;
position: relative;
top: 0;
right: 0;
bottom: 0px;
}
.csr-combo {
flex-direction: column-reverse;
}
.csr-l {
width: 100%;
} */
.career-about {
padding-top: 30px;
}
.jobs{
padding-bottom: 50px;
}
.csr-activities {
flex-direction: column-reverse !important;
}

}
@media screen and (max-width: 767px) {
.inno-main,
.c-grid-main {
flex-direction: column-reverse;
}
.inno-main {
gap: 40px;
}
.c-grid-main {
gap: 25px;
}
.cform-main {
padding: 20px;
}
.cgrid-2 img {
position: revert;
width: 100%;
}
.csr-nature{
flex-direction: column-reverse;
}
h1 {
font-size: 64px;
line-height: 74px;
}
.hero .row,
.a-hero,
.l-hero {
height: 700px;
}
.ab-2,
.ab-1 {
width: 100%;
}
.a-row {
gap: 20px;
}
.boxes {
flex-wrap: wrap;
border-right: 1px solid black;
}
.box {
width: 50%;
}
.box:last-child {
border-right: none;
border-top: 1px solid black;
}
.box:first-child {
border-bottom: 1px solid black;
}
.marquee {
margin-bottom: 0px;
}
.b-boxes {
margin-bottom: 20px;
}
.Nurturing-main {
height: 550px;
}
.Stories {
padding-top: 0px;
}
.s-box {
width: 100%;
}
.s-box img {
width: 100%;
}
.ftr-row {
flex-wrap: wrap;
row-gap: 70px;
padding-bottom: 100px;
}

.ftr-d1,
.ftr-d2,
.ftr-d3,
.ftr-d4 {
width: 100%;
max-width: 100%;
}
.ftr-col {
gap: 25px;
}
/* .ftr-col {
flex-direction: column;
} */

.ftr-d01 {
flex-direction: column;
padding-left: 0;
}

footer form {
margin-top: 50px;
}

footer input,
footer .nav-btn {
width: 100%;
}

.nav-btn {
font-size: 14px;
}

.copy-p {
font-size: 14px;
}

.ftr-d01 {
grid-template-columns: repeat(2, 1fr);
}

footer form {
margin-top: 50px;
}

.ftr-row {
padding-bottom: 100px;
}

.copy-p,
footer .f-text,
footer .link {
font-size: 14px;
}

footer .nav-btn {
font-size: 14px;
}

footer .links {
font-size: 18px;
}
/* .ftr-row {
flex-wrap: wrap;
row-gap: 70px;
padding-bottom: 100px;
} */
/* .ftr-d1 {
width: 40%;
padding-right: 0px;
}
.ftr-d2 {
width: 40%;
} */
footer form {
margin-top: 50px;
}
/* .ftr-d3,
.ftr-d4 {
width: 40%;
} */
.copy-p {
font-size: 14px;
}
.nav-btn {
font-size: 14px;
}
/* .Legacy-main {
flex-direction: column-reverse;
} */
.l-right {
width: 100%;
}
.l-left {
width: 100%;
}
.l-2 {
/* flex-direction: column; */
margin-top: 80px;
}
.Work {
padding-top: 0px;
}
.Work-main {
flex-direction: column;
}
.Work-box {
width: 100%;
}
.l-eye {
flex-direction: column-reverse;
}
.v-right {
width: 100%;
}
.v-left {
width: 100%;
}
.logo img {
width: 110px;
}
.dot-p {
font-size: 14px;
}
.l-hero {
margin-top: 60px;
}
.form-box {
width: 100%;
}
.trd-row,
.trd-main,
.cform-main {
flex-direction: column;
}
.trd-about,
.trd-box,
.inno-box,
.cgrid-1,
.cgrid-2,
.cform-left,
.cform-right,
.form-box {
width: 100%;
}
.cform-main form {
justify-content: center;
}
.cform-left,
.cform-right {
padding: 0px;
}
.cform-main {
gap: 20px;
}
}
@media screen and (max-width: 536px) {
.ftr-d01 {
grid-template-columns: repeat(1, 1fr);
}
}
@media screen and (max-width: 478px) {
footer input {
font-size: 16px;
}
.ftr-col {
flex-direction: column;
gap: 60px;
}
.trading-hero {
background-size: cover;
}
.ftr-d0 {
gap: 50px;
}
footer .nav-btn {
font-size: 12px;
padding: 10px 30px;
}

.ftr-d3,
.ftr-d4 {
width: 100%;
}

.copy-p {
font-size: 13px;
}
h1 {
font-size: 42px;
line-height: 52px;
}
h2 {
font-size: 32px;
line-height: 40px;
}
p {
font-size: 16px;
line-height: 26px;
}
.hero .row,
.a-hero,
.l-hero {
height: 600px;
}
.l-right {
position: relative;
}
.box p {
font-size: 14px;
}
.nav-btn {
font-size: 12px;
}
.about-sec {
padding: 50px 0px;
}
.Business {
padding-top: 50px;
}
.Business h2 {
margin-bottom: 30px;
}
.trd-boxes {
margin-bottom: 50px;
}
h3 {
font-size: 20px;
line-height: 30px;
}
.b-row2 {
margin-top: 80px;
}
.Nurturing {
margin: 50px 0px;
}
.Nurturing-main h2 {
font-size: 48px;
line-height: 58px;
}
.Nurturing-main {
height: 400px;
}
.Stories h2 {
margin-bottom: 30px;
}

/* .ftr-d3,
.ftr-d4 {
width: 47%;
} */
.ftr-row {
padding-bottom: 0px;
}
.Work h2 {
margin-bottom: 30px;
}
.Work-box {
padding: 50px 30px;
}
.Legacy {
padding: 50px 0px;
}
.customer-ca {
margin-bottom: 0px;
}
.leadership {
padding-top: 50px;
padding-bottom: 0px;
}
.ldr-2 {
margin-top: 50px;
}
.ldr-3 {
margin-top: 50px;
}
.right-gredient-new,
.left-gredient {
display: none;
}
.timeline-line {
top: -128px;
}
footer .link,
footer .f-text {
font-size: 14px;
}
/* footer .f-text a{
font-weight: 400 !important;
} */
footer input {
font-size: 16px;
}

footer .nav-btn {
font-size: 12px;
padding: 10px 30px;
}

.copy-p {
font-size: 13px;
}

footer .links {
font-size: 18px;
}
.s-box h3 {
margin-top: 24px;
}
.Legacy-main {
margin: 0px 0px 30px 0px;
}
.Legacy-main {
flex-direction: column-reverse;
}
.l-2 {
flex-direction: column;
}
.trd-row,
.trd-main,
.cform-main {
flex-direction: column;
}
.trd-about,
.trd-box,
.inno-box,
.cgrid-1,
.cgrid-2,
.cform-left,
.cform-right,
.form-box {
width: 100%;
}
.cform-main form {
justify-content: center;
}
.cform-left,
.cform-right {
padding: 0px;
}
.inno-main,
.c-grid-main {
flex-direction: column-reverse;
}
.inno-main {
gap: 40px;
}
.c-grid-main {
gap: 25px;
}
.cform-main {
padding: 20px;
}
.cgrid-2 img {
position: revert;
width: 100%;
}
.time-box1 {
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-content: center;
gap: 30px; /* You can adjust spacing */
position: relative;
}
.time-box2 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 30px; /* You can adjust spacing */
position: relative;
}

.time-title2 {
margin: 0px 0px 0px 20%;
width: 75%;
}
.time-title,
.time-para {
margin: 0px 0px 0px 20%;
width: 75%;
}

.round {
margin: 0px;
}
.time-main::after {
margin: 26px;
}
}
@media screen and (max-width: 332px) {
.timeline-line {
top: -152px;
}
}
@media screen and (min-width: 1280px) and (max-width: 1350px) {
/* Your CSS styles for this range of screen widths */
.timeline-line {
top: -160px;
}
}