@import url("https://fonts.googleapis.com/css?family=Poppins:900,700,500,800,600,400|Inter:900,700,500,800,600,400");

*{
    padding: 0;
    margin: 0;
    transition: 0.2s;
}
body{
    background-color: #F6F6F6;
    overflow-x: hidden;
}
.newswireCont{
    height: auto;
    background-color: #e8e8e8;
    border: 2px solid red;
    border-radius: 0.5vw;
    margin-top: 1vw;
}
.newswireCont h3{
    font-size: 1.5vw;
    font-family: "Poppins";
    color: red;
    margin-top: 1vw;
    margin-left: 1vw;

}
.newswireCont p{
    font-size: 1.2vw;
    font-family: "poppins";
    font-weight: 600;
    margin-top: 1vw;
    margin-left: 1vw;
    margin-right: 1vw;
    padding-bottom: 1vw;
}
.newswireCont h4{
    font-size: 1.2vw;
    font-family: "poppins";
    font-weight: 300;

    margin-left: 1vw;
    margin-right: 1vw;
    padding-bottom: 1vw;
    color: black;
}
.newCont {
    width: 90%;
    margin-left: 5%;
}
.aboutCont{
    height: auto;
margin-bottom: 4vw;
}
.landing img{
    width: 55%;  /* Reduced from 100% to 55% (45% reduction) */
    margin-top: 4vw;
    display: block;  /* Added to center the image */
    margin-left: auto;
    margin-right: auto;
}
.aboutGrid{
    display: grid;
    grid-template-columns: 60% 40%;
    margin-top: 100px;
}
.aboutSect{

    height: auto;
}
.aboutSect h1{
    font-size: 2.2vw;
    font-weight: bold;
    font-family: "Poppins";
    color: #FFB800;
}

.about-readmore-btn{
    margin-top: 1vw;
}
.line{
    width: 6vw;
    height: 0.4vw;
    background-color:#FFB800 ;
    margin-top: 1.7vw;
}
.aboutSect p{
    font-family: 'Inter';
    color: black;
    font-weight: 500;
    font-size: 1.4vw;
    line-height: 2vw;
    text-align: justify;
    width: 90%;
    margin-top: 2vw;
}
.aboutSect h2{
    font-size: 1.1vw;
    font-family: "Poppins";
    padding-right: 2.25vw;
    padding-left: 2.25vw;
    padding-top: 0.80vw;
    padding-bottom: 0.80vw;
    background-color: #FFB800;
    width: max-content;
    color: white;
    margin-top: 2.5vw;
    font-weight: bold;
    border-radius: 0.5vw;
}
.aboutSect h2:hover{
    background-color:#0B2F55 ;
}
/******************************************************************************/
.optionsGrid{
    display: grid;
    grid-template-columns: 48% 48%;
    grid-column-gap: 4%;
    grid-row-gap: 6%;
    margin-top: 0.75vw;
}
.options{
    height: 11vw;
    background-color: white;
    filter: drop-shadow(0 0 0.40rem #e1e1e1);
    border-radius: 0.3vw;
    text-align: center;
}
.options:hover{
    background-color: #FFB800;
}
.options img{
    height: 4.75vw;
    margin-top: 1.75vw;
}
a{
    text-decoration: none;
}
.options h3{
    font-family: "poppins";
    font-weight: 500;
    color: #0B2F55;
    text-decoration: none;
    font-size: 1.25vw;
    margin-top: 1vw;
}

/******************************************************************************/
.valuesCont{
    height: auto;
    background-color: #0B2F55;
    border-radius: 0.4vw;
    margin-top: 7vw;
}
.valuesDetails{
    width: 93%;
    margin-left: 3.5%;
    padding-top: 3.5%;
    padding-bottom: 3%;
}
.valuesDetails h1{
    font-family: "Inter";
    font-weight: bold;
    color: white;
    font-size: 1.9vw;
}
.valuesDetails p{
    font-family: 'Inter';
    color: white;
    font-weight: 400;
    font-size: 1.3vw;
    line-height: 2vw;
    text-align: justify;
    margin-top: 1vw;
}
.valuesDetails h2{
    font-size: 1.1vw;
    font-family: "Poppins";
    padding-right: 2.25vw;
    padding-left: 2.25vw;
    padding-top: 0.70vw;
    padding-bottom: 0.70vw;
    background-color: #FFB800;
    width: max-content;
    color: #0B2F55;
    margin-top: 1.5vw;
    font-weight: bold;
    border-radius: 0.5vw;
}
.valuesDetails h2:hover{
    background-color: white;
}


/******************************************************************************/
.visionMissionCont{
    margin-top: 2%;
}
.visionMissionGrid{
    display: grid;
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
}
.visionMission{
    background-color: white;
    height: auto;
    filter: drop-shadow(0 0 0.40rem #e1e1e1);
    border-radius: 0.3vw;
    text-align: center;
}
.visionMission img{
    margin-top: 3vw;
    height: 3vw;
}
.visionMission h1{
    font-size: 1.9vw;
    font-family: "Inter";
    font-weight: 900;
    color: #FFB800;
    padding-top: 0.5vw;
}
.visionMission p{
    font-size: 1.3vw;
    font-family: "Inter";
    font-weight: normal;
    color: #0B2F55;
    padding-top: 2vw;
    width: 85%;
    margin-left: 7.5%;
    line-height: 2vw;
    margin-bottom: 2vw;
}

.visionMission:hover{
    background-color: #FFB800;
    color: white;
}

.visionMission:hover h1{
    color: #0B2F55;
}

/*****************************************************************************/
.visionData{
    border-bottom: 3px dashed #FFB800;
    height: auto;
}
.visionData h1{
    font-family: "Poppins";
    font-weight: bolder;
    font-size: 1.9vw;
    color: #0B2F55;
    margin-top: 2.5vw;
}
.visionData p{
    font-size: 1.3vw;
    font-family: "Inter";
    font-weight: normal;
    color: #0B2F55;
    padding-top: 1.4vw;
    width: 97%;
    line-height: 2vw;
    padding-bottom: 2.5vw;
}

/********************************************************************************/

.brandsCont{
    background-color: white;
    margin-top: 3vw;
    height: auto;
    text-align: center;
    padding: 2vw 0;
}
.brandsCont h1{
    color: #0B2F55;
    font-family: "Inter";
    font-weight: bolder;
    font-size: 1.9vw;
    padding-top: 2vw;
}
.brandsCont img{
    width: 90%;
    height: auto;
    margin-top: 4vw;
    margin-bottom: 4vw;
}

.affiliations-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2vw;
    padding: 4vw;
    max-width: 1200px;
    margin: 0 auto;
}

.affiliations-grid img {
    width: 100%;
    max-width: 300px;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
    margin: 0 auto;
}

.affiliations-grid img:hover {
    transform: scale(1.05);
}

@media screen and (max-width: 700px) and (min-width: 320px)
{
    .aboutGrid {
        display: grid;
        grid-template-columns: 100%;
        margin-top: 100px;
    }

    .aboutSect h1 {
        font-size: 8vw;
        font-weight: bold;
        font-family: "Poppins";
        color: #FFB800;
    }

    .line {
        width: 30vw;
        height: 1vw;
        background-color: #FFB800;
        margin-top: 1.7vw;
    }
    .newswireCont h3 {
        font-size: 6vw;
        font-family: "Poppins";
        color: red;
        margin-top: 4vw;
        margin-left: 4vw;
    }
    .newswireCont h4 {
        font-size: 5vw;
        font-family: "poppins";
        font-weight: 300;
        margin-left: 4vw;
        margin-right: 1vw;
        padding-bottom: 5vw;
        color: black;
    }
    .newswireCont p {
        font-size: 5vw;
        font-family: "poppins";
        font-weight: 600;
        margin-top: 4vw;
        margin-left: 5vw;
        margin-right: 5vw;
        padding-bottom: 4vw;
    }
    .aboutSect p {
        font-family: 'Inter';
        color: black;
        font-weight: 500;
        font-size: 5vw;
        line-height: 7vw;
        text-align: justify;
        width: 100%;
        margin-top: 6vw;
    }

    .aboutSect h2 {
        font-size: 5vw;
        font-family: "Poppins";

        padding-right: 4vw;
        padding-left: 4vw;
        padding-top: 2vw;
        padding-bottom: 2vw;

        background-color: #FFB800;

        width: max-content;
        color: white;
        margin-top: 5vw;
        font-weight: bold;
        border-radius: 1.5vw;
    }

    .options img {
        height: 15vw;
        margin-top: 7vw;
    }

    .options {
        height: 35vw;
        background-color: white;
        filter: drop-shadow(0 0 0.40rem #e1e1e1);
        border-radius: 0.3vw;
        text-align: center;
    }

    .options h3 {
        font-family: "poppins";
        font-weight: 500;
        color: #0B2F55;
        text-decoration: none;
        font-size: 3.5vw;
        margin-top: 1vw;
    }

    .optionsGrid {
        display: grid;
        grid-template-columns: 48% 48%;
        grid-column-gap: 4%;
        grid-row-gap: 5%;
        margin-top: 7vw;
    }

    .valuesDetails h1 {
        font-family: "Inter";
        font-weight: bold;
        color: white;
        font-size: 6vw;
    }

    .valuesDetails p {
        font-family: 'Inter';
        color: white;
        font-weight: 400;
        font-size: 5vw;
        line-height: 6vw;
        text-align: justify;
        margin-top: 5vw;
    }

    .valuesDetails {
        width: 85%;
        margin-left: 7.5%;
        padding-top: 12%;
        padding-bottom: 12%;
    }

    .valuesDetails h2 {
        font-size: 5vw;
        font-family: "Poppins";

        padding-right: 4vw;
        padding-left: 4vw;
        padding-top: 2vw;
        padding-bottom: 2vw;

        background-color: #FFB800;

        width: max-content;
        color: #0B2F55;
        margin-top: 5vw;
        font-weight: bold;
        border-radius: 1.5vw;
    }

    .valuesCont {
        margin-top: 15vw;
    }

    .visionMissionGrid {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 2%;
        grid-row-gap: 3%;
        margin-top: 5vw;
    }

    .visionMission img {
        margin-top: 3vw;
        height: 10vw;
    }

    .visionMission h1 {
        font-size: 5vw;
        font-family: "Inter";
        font-weight: 900;
        color: #FFB800;
        padding-top: 0.5vw;
    }

    .visionMission p {
        font-size: 5vw;
        font-family: "Inter";
        font-weight: normal;
        color: #0B2F55;
        padding-top: 5vw;
        width: 85%;
        margin-left: 7.5%;
        line-height: 6vw;
        margin-bottom: 5vw;
    }

    .visionData h1 {
        font-family: "Poppins";
        font-weight: bolder;
        font-size: 5vw;
        color: #0B2F55;
        margin-top: 2.5vw;
    }

    .visionData p {
        font-size: 5vw;
        font-family: "Inter";
        font-weight: normal;
        color: #0B2F55;
        padding-top: 1.4vw;
        width: 97%;
        line-height: 6vw;
        padding-bottom: 7.5vw;
    }

    .ms{
        margin-bottom: 5vw;
    padding-bottom: 5vw;
    height: 450vw;
    margin-top: 15vw;
    }

    .affiliations-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 2vw;
    }
    
    .brandsCont h1 {
        font-size: 5vw;
    }
}