body{
    background-color: #242424;
    /* cursor: url("https://paragmilkfoods.agentc.in/assets/images/pen-icon.svg"), auto; */
    
}
.no-scroll{
    overflow: hidden;
}
.menu-icons {
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 5;
}
.menu-buttons {
    margin: 50%, 0, 0, 0;
}
.menu-close:hover {
    background-color: #cc9517;
}
.bg-yellow {
    background-color: #f8b71a;
}
.bg-white {
    background-color: #ffffff;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.navigation-section {
    /* background-image: url("https://paragmilkfoods.agentc.in/assets/images/homepage/header-expand.png"); */
    /* background-image: url("{{asset('assets/images/homepage/header-expand.png')}}"); */
    height: 100vh;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: 100% 100%;
    width: 100%;
}



/* Header section - starts */
.header-expanded-1{
    opacity: 0;
}
.address-section{
    opacity: 0;
}
.menu-list-div{
    opacity: 0;
}

/* Header section - ends */


/* // space-mono font family */
/* starts here */
.space-mono-regular {
    font-family: "Space Mono", monospace;
    font-weight: 400;
    font-style: normal;
}

.space-mono-bold {
    font-family: "Space Mono", monospace;
    font-weight: 700;
    font-style: normal;
}

.space-mono-regular-italic {
    font-family: "Space Mono", monospace;
    font-weight: 400;
    font-style: italic;
}

.space-mono-bold-italic {
    font-family: "Space Mono", monospace;
    font-weight: 700;
    font-style: italic;
}

/* ends here */

/* // spectral font family */
/* starts here */
.spectral-extralight {
    font-family: "Spectral", serif;
    font-weight: 200;
    font-style: normal;
}

.spectral-light {
    font-family: "Spectral", serif;
    font-weight: 300;
    font-style: normal;
}

.spectral-regular {
    font-family: "Spectral", serif;
    font-weight: 400;
    font-style: normal;
}

.spectral-medium {
    font-family: "Spectral", serif;
    font-weight: 500;
    font-style: normal;
}

.spectral-semibold {
    font-family: "Spectral", serif;
    font-weight: 600;
    font-style: normal;
}

.spectral-bold {
    font-family: "Spectral", serif;
    font-weight: 700;
    font-style: normal;
}

.spectral-extrabold {
    font-family: "Spectral", serif;
    font-weight: 800;
    font-style: normal;
}

.spectral-extralight-italic {
    font-family: "Spectral", serif;
    font-weight: 200;
    font-style: italic;
}

.spectral-light-italic {
    font-family: "Spectral", serif;
    font-weight: 300;
    font-style: italic;
}

.spectral-regular-italic {
    font-family: "Spectral", serif;
    font-weight: 400;
    font-style: italic;
}

.spectral-medium-italic {
    font-family: "Spectral", serif;
    font-weight: 500;
    font-style: italic;
}

.spectral-semibold-italic {
    font-family: "Spectral", serif;
    font-weight: 600;
    font-style: italic;
}

.spectral-bold-italic {
    font-family: "Spectral", serif;
    font-weight: 700;
    font-style: italic;
}

.spectral-extrabold-italic {
    font-family: "Spectral", serif;
    font-weight: 800;
    font-style: italic;
}
/* ends here */

/* Downloaded fonts family */

@font-face {
    font-family: "the-seasons-regular";
    src: url("https://paragmilkfoods.agentc.in/assets/fonts/The-Seasons-Font/by-sachin/FONTSPRINGDEMO-TheSeasonsLightRegular.otf")
        format("otf");
}

@font-face {
    font-family: "the-seasons-bold";
    src: url("https://paragmilkfoods.agentc.in/assets/fonts/The-Seasons-Font/by-sachin/FONTSPRINGDEMO-TheSeasonsBold.otf")
        format("otf");
}

/* // @font-face {
//   font-family: 'the-seasons-regular';
//   src:  url('https://paragmilkfoods.agentc.in/assets/fonts/The-Seasons-Font/Fontspring-DEMO-theseasons-reg.otf') format('otf');
// }

// @font-face {
// font-family: 'the-seasons-bold';
// src:  url('https://paragmilkfoods.agentc.in/assets/fonts/The-Seasons-Font/Fontspring-DEMO-theseasons-bd.otf') format('otf');
// } */

@font-face {
    font-family: "the-logic-monospace";
    src: url("https://paragmilkfoods.agentc.in/assets/fonts/Logic-Monospace/Monospaced.ttf")
        format("ttf");
}

:root {
    --min-font-size: 1rem;
    --max-font-size: 10rem;
    --responsive-font-size: calc(
        var(--min-font-size) + (var(--max-font-size) - var(--min-font-size)) *
            ((100vw - 320px) / (1280 - 320))
    );
}

/* Ends here */

/* .header-main {
    background-image: url("https://paragmilkfoods.agentc.in/assets/images/homepage/header-default-blur1.png");
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
} */

/* Testing Starts---- */
.content-section {
    position: relative;
    height: 100vh; /* Set the height of the section */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
}

.scrolling-content {
    width: 100%; /* Take full width of the section */
    height: 100%;
    overflow-y: auto; /* Enable vertical scrolling */
    scroll-behavior: smooth; /* Smooth scrolling */
}

.centered-heading {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
/* ----Testing Ends */

.heading{
    position: relative;
}

.header-main{
    position: absolute;
    z-index: 2;
    right: 6%;
    /* opacity: 0; */
}
.header-background{
    height: 100vh;
    size: 100% 100%;
    width: 100%;
}
.header-over {
    width: 100%;
    height: 100vh;
    /* clip-path: inset(0 0 0 100%); */
}
.header-main-company-name {
    position: absolute;
    color: white;
    padding-top: 13%;
    padding-left: 12%;
    font-size: 2vw;
    z-index: 2;
}
.header-main-heading {
    position: absolute;
    color: white;
    padding-top: 22%;
    padding-left: 15%;
    padding-right: 15%;
    /* // font-size: 12rem;
    // font-size: var(--responsive-font-size); */
    font-size: 10.5vw;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.header-main-company-logo {
    position: absolute;
    padding-left: 12%;
    padding-top: 8%;
    z-index: 2;
}

.company-name {
    font-family: "the-seasons-regular";
    line-height: 2vw;
    transform: translate(0px)
    rotate(0deg);
    transform-origin: left bottom;
    will-change: transform;
}

.company-name-header-expanded {
    font-family: "the-seasons-regular";
    padding-top: 20%;
    line-height: 2vw;
    font-size: 2vw;
}
.company-name-header-expanded-wwr {
    font-family: "the-seasons-bold";
    padding-top: 60%;
    line-height: 2vw;
    font-size: 3vw;
}

.company-name-header-expanded-wwr-logo {
    font-family: "the-seasons-bold";
    padding-top: 20%;
    line-height: 2vw;
    font-size: 3vw;
}

.align-vertical {
    vertical-align: top;
}

.heading-text {
    font-family: "the-seasons-regular";
    line-height: 8vw;
    /* position: relative; */
}

.header-expanded-1 {
    background-image: url("https://paragmilkfoods.agentc.in/assets/images/homepage/header-expanded-img-1.png");
    /* // width: 100; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
ul {
    list-style-type: none;
}
.manu-headings {
    font-family: "the-seasons-bold";
    font-size: 3vw;
}

.address-section {
    background-image: url("https://paragmilkfoods.agentc.in/assets/images/homepage/header-expanded-img-2.png");
    /* // width: 100; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: white;
    font-family: "the-logic-monospace";
    /* // position: absolute; */
}
.selected-menu {
    color: #f8b71a;
}

h2 {
    font-family: "the-seasons-bold";
    font-size: 10vw;
}

.year-text {
    color: #c0ced8;
}
.year-content {
    font-family: "the-logic-monospace";
    font-size: 2vw;
    text-align: justify;
    margin-top: 5px;
}
.img-text {
    position: absolute;
    /* // margin-left: ; */
    /* // margin-right: auto; */
    left: 0;
    right: 0;
    top: 18%;
    /* // bottom: 0; */
    /* // right: 0; */
    text-align: center;
    line-height: 7.5vw;
}
.milestone-heading {
    font-family: "the-seasons-bold";
    font-size: 10vw;
    opacity: 0;
}
.milestones {
    background-color: #e9f0f6;
}
.image-view{
  max-width: 100%;
}

.highlighted{
    font-weight: bold;
}

.carousel-control-prev{
    top: unset;
    bottom: unset;
    width: unset;
}
.carousel-control-next{
    bottom: unset;
    width: unset;
}


/* // .years-counter{

// } */

.brand-heading-horizontal {
    font-family: "The-Seasons-Font";
    font-size: 15vw;
    /* // position: absolute; */
    z-index: -1;
    /* // display: flex; */
    /* // flex-direction: row-reverse; */
    /* // transform: rotateZ(270deg); */
}

.brand-details {
    background-image: url("https://paragmilkfoods.agentc.in/assets/images/homepage/brands-heading.svg");
    background-repeat: no-repeat;
    /* // background-size: 100% 100%; */
}

.brand-heading-vertical {
    font-family: "The-Seasons-Font";
    font-size: 15vw;
    /* // display: flex; */
    /* // flex-direction: row-reverse; */
    transform: rotateZ(270deg);
    /* // line-height: 0; */
    opacity: 0;
    /* color: white; */
}
.brand-image-hover{
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.brand-image-hover img{
    transition: transform 0.5s ease;
}

.brand-image-hover:hover img{
    transform: scale(1.2);
}

.our-team {
    background-color: #fffbf1;
    position: relative;
}

.our-team-images {
    padding-top: 10%;
    text-align: end;
    padding-bottom: 10%;
}

.our-team-heading {
    padding-top: 8%;
    padding-bottom: 10%;
    padding-right: 10%;
}

.our-team-heading-text {
    font-family: "the-seasons-bold";
    font-size: 7vw;
    line-height: 8vw;
}

.img-container{
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.img-container img{
    transition: transform 0.5s ease;
}

.img-container:hover img{
    transform: scale(1.2);
}

.img-container-blogs{
    /* position: relative;
    display: inline-block; */
    overflow: hidden;
}
.img-container-blogs img{
    transition: transform 0.5s ease;
}

.img-container-blogs:hover img{
    transform: scale(1.2);
}

.text-overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(270deg);
    white-space: nowrap;
    color: white;
    font-family: 'the-logic-monospace';
    font-size: 1.5rem;
}

.cow-vector-art {
    position: absolute;
    bottom: 0;
    right: 0;
}

.network-and-presence {
    background-color: #e9f0f6;
}
.network-and-presence-heading-text {
    font-family: "the-seasons-bold";
    font-size: 7vw;
    padding-top: 1vw;
    text-align: center;
}
.switch-locations {
    background-color: white;
    padding-top: 1vw;
    padding-bottom: 1.5vw;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
}
.btn-secondary {
    min-width: 200px;
    border-radius: 0%;
    background-color: #f6f6f6;
    color: black;
    border-color: #f6f6f6;
}

.btn-check:checked {
    background-color: black;
    color: white;
}

.global-map-img {
    width: 50%;
}

.domestic{
    display: flex;
    justify-content: space-around;
}

.domestic-map-img {
    width: 80%;
}

.global-text {
    font-family: "The-Seasons-Font";
    position: absolute;
    bottom: 10%;
    left: 20%;
    font-size: 3vw;
    line-height: 3vw;
}
.domestic-text {
    font-family: "The-Seasons-Font";
    /* // position: absolute;
    // bottom: 10%;
    // left: 20%; */
    font-size: 2.5vw;
    line-height: 3vw;
}
.q1-2024{
    opacity: 0;
}

.growth-div {
    background-image: url("https://paragmilkfoods.agentc.in/assets/images/homepage/growth.png");
    width: 100;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.growth-heading-text {
    font-family: "the-seasons-bold";
    font-size: 7vw;
    padding-top: 5vw;
    color: white;
    line-height: 5vw;
}

.growth-text {
    font-family: "Logic-Monospace";
    /* // position: absolute;
    // bottom: 10%;
    // left: 20%; */
    font-size: 5vw;
    line-height: 3.5vw;
    color: white;
}
.head {
    font-size: 3vw;
}

.growth-text-vertical {
    color: white;
    transform: rotateZ(270deg);
    position: absolute;
    font-family: "the-seasons-bold";
    font-size: 8vw;
    bottom: 12vw;
    left: 20vw;
    opacity: 0;
}

.dairy-news-section {
    background-image: url("https://paragmilkfoods.agentc.in/assets/images/homepage/global-presence-bg.png");
    width: 100;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.dairy-news-images {
    /* // width: 50%; */
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    background: #e9e9e9;
    object-fit: cover;
}

.news-heading {
    font-family: "the-seasons-regular";
    font-size: 2vw;
    line-height: 2vw;
}

.news-desc {
    font-family: "the-logic-monospace";
    text-align: justify;
    line-height: 1vw;
}

.read-more {
    height: 7vw;
    width: 7vw;
}
.read-more:hover {
    color: white;
    background-color: black;
}

.cow-img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.blogs-section {
    background-image: url("https://paragmilkfoods.agentc.in/assets/images/homepage/blogs.png");
    width: 100;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.blog-header {
    color: white;
    font-family: "the-seasons-bold";
    font-size: 10vw;
    bottom: 12vw;
    left: 20vw;
    line-height: 5vw;
}

.blog-heading {
    font-family: "the-seasons-regular";
    font-size: 2vw;
}

.our-clients-section {
    background-image: url("https://paragmilkfoods.agentc.in/assets/images/homepage/our-clients.png");
    width: 100;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.view-more {
    height: 5vw;
    width: 16vw;
}
.view-more:hover {
    color: white;
    background-color: black;
}

.our-clients-header {
    font-family: "the-seasons-bold";
    font-size: 10vw;
    line-height: 8vw;
}
.our-brands{
    background-color: white;
}

.brand-images {
    width: 100%;
    filter: grayscale(100%);
}
.brand-images:hover {
    filter: grayscale(0%);
}

.brand-images-div {
    margin-top: 5vw;
    display: flex;
    justify-content: space-between;
    /* // flex-direction: row; */
    width: 100%;
}
.carousel-example{
  display: flex;
  justify-content: space-between;
  width: 100%;
  overflow-x: auto;
  overflow: hidden;
}
.our-clients-header-div{
    opacity: 0;
}

.life-at-parag-header-div{
    opacity: 0;
}

.our-clients-text-vertical {
    color: black;
    transform: rotateZ(270deg);
    position: absolute;
    font-family: "the-seasons-bold";
    font-size: 4vw;
    bottom: 22vw;
    right: -6vw;
    opacity: 0;
}

.life-at-parag-header {
    font-family: "the-seasons-bold";
    font-size: 10vw;
    /* // line-height: 8vw; */
}

.life-at-parag-desc {
    color: white;
    text-align: justify;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 2vw;
}

.company-name-footer-expanded {
    font-size: 5vw;
    font-family: "the-seasons-regular";
    line-height: 5vw;
    margin-top: 5vw;
}

.footer-site-links {
    width: 40vw;
}

.footer-links {
    margin-right: 2vw;
    color: white;
    text-decoration: none;
    font-family: "the-logic-monospace";
}

.copywrite-text {
    margin-top: 5vw;
}

/* // .carousel-control-prev-icon {
//     filter: grayscale(100%);
// } */

@media (max-width: 754px) {
    .cow-img-image{
        width: 40%;
    }
      .image{
        width: 50%
      }
      .year-thing{
        display: none;
      }
    .header-main {
        background-image: url("https://paragmilkfoods.agentc.in/assets/images/homepage/header-over-mb.png");
        height: 100vh;
        width: 100;
        background-repeat: no-repeat;
        /* // background-attachment: fixed; */
        background-size: 100% 100%;
    }
    .header-over {
        display: none;
    }
    /* // .menu-icons{
    //   // text-align: right;
    // } */
    .header-main-company-logo {
        padding-left: 10%;
        padding-top: 25%;
    }
    .company-logo {
        width: 80%;
        height: 80%;
    }
    .header-main-company-name {
        padding-top: 42%;
        padding-left: 10%;
        font-size: 4vw;
    }
    .company-name {
        line-height: 4vw;
        transform: translate(0px)
        rotate(0deg);
        transform-origin: left bottom;
        will-change: transform;
    }
    .header-main-heading {
        position: absolute;
        color: white;
        padding-top: 60%;
        padding-left: 10%;
        padding-right: 10%;
        /* // font-size: 12rem;
        // font-size: var(--responsive-font-size); */
        font-size: 16.5vw;
        width: 100%;
        height: 100%;
    }
    .heading-text {
        line-height: 16.5vw;
    }
}


/* Portrait phones */
@media (min-width: 320px) and (max-width: 480px) {

}

/* Landscape phones */
@media (min-width: 481px) and (max-width: 767px) {

}

/* Portrait tablets */
@media (min-width: 768px) and (max-width: 1024px) {

}

/* Landscape tablets and small desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

}

/* Small desktops */
@media (min-width: 1281px) and (max-width: 1366px) {

}

/* Large desktops */
@media (min-width: 1367px) and (max-width: 1920px) {

}

/* Extra large screens */
@media (min-width: 1921px) {

}