@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body, html{ overflow-x: hidden;}

:root {
    --fontFamily: "Poppins", sans-serif;
    --mainColor: #C8102E;
    --secounderyColor: #fff8ee;
    --paragraphColor: #333333;
    --paragraphColorSecond: #B9B9BA;
    --whiteColor: #ffffff;
    --blackColor: #252525;
    --fontSize: 16px;
    --transition: .5s;
    --cream: #FAF6F0;
    --gold: #D4A744;
        --navy: #0F1A2E;
        --bs-body-color: #111111;
}
.h1, .h2, h1, h2 {
    font-weight: 700;
    font-family: "Bebas Neue", sans-serif; letter-spacing: 1px;
}


.bgblue{ background: var(--navy);}
.textgold{ color: var(--gold)!important;}
.bgcream{ background: var(--cream);}
.footer-area { background: #0A1220;}
.footer-widget-info {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-top-info {border-color: rgba(255, 255, 255, 0.1);}
.font-36 { font-size: 36px;}
.footer-top-info .content p { margin-bottom: 0px;}


p {
    color: var(--blackColor); }

.h3, .h4, .h5, .h6, h3, h4, h5, h6 {
    
    font-family: "Poppins", sans-serif;
    font-weight: 600!important; text-transform: uppercase;
}

.blog-single-card .content h3 { font-family: "Poppins", sans-serif; text-transform: capitalize; font-weight: 500;}

.ourbrands { background-color: #ffffff!important; border-radius: 25px;}

.academics-item h4 { font-family: "Bebas Neue", sans-serif; font-size: 60px; margin-bottom: 0px;}

.text-off-white {color: var(--secounderyColor)!important;}



.preloader-dot:nth-child(1), .preloader-dot:nth-child(2), .preloader-dot:nth-child(3), .preloader-dot:nth-child(4) {    background:var(--mainColor);}
.about-inner .custom-card { background: #fff2f3; padding: 30px; border-radius: 20px;}
.cardimg img{ border-radius: 10px!important;}



/* Disable selection everywhere */
/* body{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */

/* Allow selection in form fields */
input,
textarea,
select{
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}


img{
  pointer-events:none;
  -webkit-user-drag:none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 600;}

.navbar-area.sticky { background-color: var(--whiteColor);}


.banner-content-2 .content h1 {   font-weight: 600; letter-spacing: 2px;
    font-family: "Bebas Neue", sans-serif; font-size: 150px; line-height: 1; margin-bottom: 0px;}

.banner-content-2 { max-width: none; text-align: left;}
.banner-content-2 .content p {     width: 60%; max-width: 550px;
    text-align: left;
    margin: inherit;     font-size: 24px;
    font-weight: 300;}
.redtext {color:#C8102E}
.greentext {color:#008832}
.yellowtext { color:#f0800b}

.year {font-family: "Bebas Neue", sans-serif;  font-size: 36px !important;
    font-weight: 500;
   }
  
.year::after { content: ""; width: 85px; height: 2px; background: #ffffff; position: absolute; left: 0px; bottom: 0px;}




/* .navbar-area.style-2
 {
      background-color: rgba(0, 0, 0, .5);
      
} */

.navbar-area.style-2 .navbar { background: #ffffff;
    top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 10px;}
.navbar-area.style-2 .navbar .navbar-nav .nav-item .nav-link { color: var(--blackColor);}

.navbar-area.sticky .navbar {top:0px; padding-left: 0px; padding-right: 0px;}



.navbar-area .navbar{ padding:10px 0px}
.banner-content .content{padding-top: 150px;}
.default-btn-width-auto{ width: auto;}
.customicons{ font-size: 64px; color:var(--mainColor)}
.benefitssec .customicons{ font-size: 36px;}
.benefitssec .icon{display: flex; align-items: center; justify-content: center;}
.benefitssec p{ color:#F9FAFB}
.academics-item h4{ padding-top: 10px;}
.big-bg-1::before{opacity: 0.6;}
.features-content .image{ right:-10px}
.quick-search{background-image: url(../img/all-img/bg-image.jpg);}
.footer-widget-info .footer-widget ul{  display: flex; align-items: center; justify-content: center;}
.footer-widget-info .footer-widget ul li a i{ display: none;}

.footer-widget-info .footer-widget ul li {padding-left: 50px; margin-bottom: 0px;}
.customlist li{ display: flex;  margin-bottom: 10px;}
.customlist li i{color:var(--mainColor);  padding-top: 2px; margin-right: 10px;
    font-size: 20px;}
.customlist li span{ padding-left: 10px;}
.font-weight-700{ font-weight: 700;}

.navbar-brand .logo-light{ max-width:300px;}
.quick-search .course-search-box .search-key .form-select{ font-size: 18px;}

.inner-features-content {background-color: var(--secounderyColor); color:var(--bs-body-color)}
.inner-features-content h2, .inner-features-content h3, .inner-features-content p {color:var(--bs-body-color)!important}
.inner-features-content .icon{ background-color: var(--mainColor)!important;}
.inner-features-content .icon .customicons{ color:#ffffff}
.navbar-area .navbar .other-option { visibility: hidden;}


.smallico svg, .smallico img{ max-width: 100px; max-height: 70px;}
.academics-item {    padding: 30px;
    text-align: center;
    margin-bottom: 25px;}
.academics-item p { margin-bottom: 0px;}
i.smallico {
    display: block;
    margin-bottom: 15px;
}

.banner-area-2 { display: flex; align-items: center;}
.banner-img { height: 100vh;}

.banner-content-2 .content .buttons-action { margin-bottom: 0px;}
.focus-area {  background-color: var(--secounderyColor);}
.w-80 { max-width: 1700px; margin-left: auto; margin-right: auto;}
.about-us-area-2 .content-items { display: flex; align-items: center;}
.about-us-area-2 .content-items .content { top:auto;     right: 0%;
    border-radius: 5px;
    bottom: -30px;
    width: 100%;
    text-align: center;
    height: auto;
    padding: 0px;
  position: static !important; background: none;)
  
  }

  .about-us-area-2 .content-items .content p{ color:var(--blackColor); font-size: 16px; font-weight: 600; margin-bottom: 0px; padding-top: 20px;}



    /* Card container */
.about-us-area-2 .content-items {
  display: flex;
  flex-direction: column;
}



    
.btnlink{color: #e2a240;
    border-bottom: 2px solid #e2a240!important;
    border-radius: 0px;
    padding-left: 0px !important;}

.quotetext{font-size: 20px;
    font-weight: 300;
    font-style: italic;}

.whatwedo .section-title .sub-title{ justify-content: center;}
.subscribe-area{ background: none;}
.subscribe-area::before{ display: none;}
.subscribe-area .section-title p, .subscribe-area .section-title h2 {    color: var(--bs-body-color);}
.titlearea { padding-bottom: 15px;}

.section-banner.bg-1 { position: relative; height: 100vh;}
.section-banner.bg-1.abouthero{ background-image: url(../img/goldentemple.jpg)!important;}

.section-banner.bg-1.bodhero {background-image: url(../img/bodbg.jpg)!important;}
.section-banner.bg-1.awardshero {background-image: url(../img/awardsbg.jpg)!important;}

.section-banner.bg-1.corehero {background-image: url(../img/corehero.jpg)!important;}
.section-banner.bg-1.mediahero {background-image: url(../img/mediacover.jpg)!important;}
.section-banner.bg-1.brandshero {background-image: url(../img/brandhero.jpg)!important;}
.section-banner.bg-1.sustainhero{background-image: url(../img/sustainhero.jpg)!important;}
.section-banner.bg-1.careerhero{background-image: url(../img/careerhero.jpg)!important;}
.section-banner.bg-1.partnerhero{background-image: url(../img/partnerhero.jpg)!important;}
.section-banner.bg-1.galleryhero{background-image: url(../img/galleryhero.jpg)!important;}

.section-banner.bg-1.menufacturinghero {background-image: url(../img/menufacturinghero.jpg)!important;}

.career-1 {  background-image: url(../img/career-1.jpg);}
.career-2 {  background-image: url(../img/career-2.jpg);}
.career-3 {  background-image: url(../img/career-3.jpg);}
.career-4 {  background-image: url(../img/career-4.jpg);}

.banner-img.career-banner::before{ display: none;}




.section-banner.bg-1.contacthero{ background-image: url(../img/contactus.jpg);}

.section-banner.bg-1::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: #000000;
    opacity: 0.2;

display: none;

}

.banner-spacing { padding:225px 0px}
.visionmissionsec .vision { background: var(--mainColor); color:var(--whiteColor);}
.visionmissionsec .vision p{color:var(--whiteColor);}
.visionmissionsec .mission { background: var(--whiteColor);}

.navbar-area.style-2.sticky .navbar .navbar-nav .nav-item .nav-link.active{ color:var(--mainColor); font-weight: 500;}

.section-banner .section-info h2 {font-family: "Bebas Neue", sans-serif;}


.contact-form .form-control { border-color: #d4d4d4!important;}



.custom-tabs {
  gap: 15px;
}

.custom-tabs .nav-link {
  border-radius: 25rem;
  padding: 15px 40px;
  background: #e6d0b0;
  color: #555;
  font-weight: 500;
  border: none;
}

.custom-tabs .nav-link  h4 {    font-size: 22px;
    font-family: 'Lexend', sans-serif; margin-bottom: 0px; padding-bottom: 0px;}

.custom-tabs .nav-link.active {
  background: var(--mainColor);
  color: #fff;
}

.custom-tabs .nav-link:hover {
  background:var(--mainColor);
  color: #fff;
}

.custom-tab-content p { font-size: 18px;}

.logo-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  align-items: center;
}

.logo-grid img {
  max-width: 120px;
  opacity: 0.6;
  transition: all 0.3s ease;
}

.logo-grid img:hover {
  opacity: 1;
  transform: scale(1.05);
}




.year-exp {
    background: #fff;
    padding: 20px 40px;
    display: flex;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    top: -160px;
    right: 20px; z-index: 10;
    align-items: center;
    border-bottom: 6px solid var(--mainColor);
    animation: dzMove1 12s linear infinite;
}

.year-exp .year {
    font-size: 80px!important;
    line-height: 1;
    margin: 0; color: var(--mainColor);
}

.year-exp .text {
    font-weight: 600;
    margin-bottom: 0;
    margin-left: 20px;
}

.outline-text {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 62px;
  color: transparent; /* 👈 makes inside empty */
  letter-spacing: 3px;  color: var(--blackColor);
}

.inline_video_class { width: 100%;}

.video-frame { border-radius: 14px;}


/* .video-frame {
  padding: 6px;
  border-radius: 14px;
  background: linear-gradient(180deg, #0F1A2E, #20304e);
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
} */

.video-frame video {
  border-radius: 12px;
}
.bgvideo .video-frame { background: none; border: none; box-shadow: none; border-radius: 0px; padding: 200px 0px 0; height: 100%;  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

.video-frame video {
  border-radius: 12px;
}

.subheading { font-weight: 500;}

.cocacolaimg { background-image: url(../img/cocacola.jpg);}
.thumbsimg { background-image: url(../img/thumbsup.jpg);}
.spriteimg { background-image: url(../img/sprite.jpg);}
.kinleyimg { background-image: url(../img/kinley.jpg);}
.schweppesimg { background-image: url(../img/schweppes.jpg);}
.fantaimg { background-image: url(../img/fanta.jpg);}

.about-us-area-2 .content-items .image { width: 100%;}

.about-us-area-2 .content-items .image { border-radius: 20px; border:1px solid rgba(255, 255, 255, .1); padding:220px 0px}


.about-us-area-2.ourbrands .content-items .image { padding:0px}



.about-us-area-2.ourbrands .content-items .image img { border-radius: 20px;}


.about-content-courser.owl-theme .owl-nav [class*=owl-] {width: 65px; height: 65px !important; right: -80px; border-radius: 100%;
    top: 40%; background: #fff;
    border: 1px solid var(--mainColor);} 

    .about-content-courser.owl-theme .owl-nav [class*=owl-].owl-next { left: -80px;}

 #home-sustainability-sec { position: relative;}   
.sustainability-sec { background: url(../img/sustainability.png) no-repeat left top; background-size: cover; width: 100%; height: 100%; border-radius: 25px 0px 0px 25px; min-height: 500px; }



.warehouse { background: url(../img/warehouse.png) no-repeat left top; background-size: cover; width: 100%; height: 100%; border-radius: 0px 25px 25px 0px; min-height: 500px; position: relative; }
#home-sustainability-sec .section-title h2{ text-align: left;}
#home-sustainability-sec h5{ letter-spacing: 5px; font-family: var(--fontFamily); text-transform: uppercase; text-align: left;}

.sustainability-sec { position: relative;}
.sustainability-sec::before, .warehouse::before{ content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); position: absolute; left: 0px; top: 0px; border-radius: 25px 0px 0px 25px;}
.warehouse::before {border-radius: 0px 25px 25px 0px; background: rgba(226, 29, 42, .5); }

#home-sustainability-sec.ourbrands { background: none!important;}
.textpart { position: relative; z-index: 10;}
.textpart p{font-size: 24px;
    color: #ffffff;
    font-weight: 300;}

    .btn-outline {border: 1px solid #ffffff;
    font-size: 16px;
    color: #ffffff;
    padding: 10px 30px;}

     .btn-outline:hover { background-color: var(--mainColor); border:1px solid #ffffff}

.bottom-large-text h1 { font-size: 100px; color:var(--blackColor)}

.footer-top-info .content .image { top:0px}
.footer-top-info .content { max-width: 800px;}
.footer-top-info .content ul{margin-top: 20px;}
.footer-top-info .content ul li a { background-color: #C8102E;}
.ptb-50 { padding-top:50px; padding-bottom: 50px;}

.footer-top-info { border-color: #333333;}
#keyfacts .academics-item { padding-bottom: 0px; margin-bottom: 0px;}

.navbar-area .navbar .navbar-nav .nav-item .dropdown-menu { border-radius: 15px;}

.banner-content-2 .content h1 small { font-size:36px;}

.subheadingwithtext { display: flex; align-items: center;}
.subheadingwithtext  i.smallico { width: 50px; margin-bottom: 0px;}
.subheadingwithtext  i.smallico svg{ max-width: 48px; max-height: 36px;}

.Highlights-text { font-size: 24px; font-weight: 600;}
.font-weight-600 { font-weight: 500!important;}



#roadmap-sec { background: url(../img/roadmap.png) no-repeat center top; min-height: 800px;  background-size: cover;}

/* TIMELINE */
.timeline-road {
  position: relative;
  width: 100%;
  height: 650px;
  background: url('your-background.png') no-repeat center/cover;
}

/* Pin */
.pin {
  position: absolute;
  width: 100px;
  height: 100px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  color: #e20012;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0; display: flex; align-items: center; justify-content: center;
}

/* Year text */
.timelineyear {
  line-height: 75px;
  font-size: 24px;
      white-space: break-spaces;
    flex-wrap: wrap;
    line-height: 27px;
    text-align: center;
    display: flex;
    align-items: center;
}

/* Pointer */
.pin::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px 8px 0;
  border-style: solid;
  border-color: #fff transparent transparent;
}


/* Tooltip (base) */
.tooltip-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  padding: 20px 20px;
  border-radius: 8px;
  font-size: 16px;
  width: 220px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  opacity: 0;
  transition: all 0.3s ease;
  color: var(--blackColor);
  font-weight: 500;
}

/* LEFT TOOLTIP */
.pin.left .tooltip-box {
  right: 110px;
  transform: translateY(-50%) translateX(10px);
}

.pin.left:hover .tooltip-box {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* LEFT ARROW */
.pin.left .tooltip-box::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 8px 0 8px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

/* RIGHT TOOLTIP */
.pin.right .tooltip-box {
  left: 110px;
  transform: translateY(-50%) translateX(-10px);
}

.pin.right:hover .tooltip-box {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* RIGHT ARROW */
.pin.right .tooltip-box::after {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-width: 8px 10px 8px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}

/* Animation (keep as is) */
.pin.show {
  animation: popIn 0.6s ease forwards;
}

@keyframes popIn {
  0%   { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
  60%  { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

/* Road alignment (your values kept) */
.p1 { top: 40%; left: 50%; }
.p2 { top: 55%; left: 46%; }
.p3 { top: 64%; left: 57%; }
.p4 { top: 76%; left: 43%; }
.p5 { top: 92%; left: 50%; }


/* TIMELINE END */

.navbar-area .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link { font-size: 15px;}
.navbar-area .navbar .navbar-nav .nav-item .nav-link:hover, .navbar-area .navbar .navbar-nav .nav-item .nav-link.active {
    color: var(--mainColor);
}

.director-card {
  position: relative;
  overflow: hidden;
  border-radius: 10px; border:1px solid #d4d4d4
}

/* Image */
.director-card img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

/* 🔴 FRONT INFO (Always visible) */
.info {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px;
  background: linear-gradient(to top, rgba(0,0,0,.5), transparent);
  color: #fff;
  z-index: 2; min-height: 100px;
}

.info h4 {
  margin: 0;
  font-size: 18px;
}

.info span {
  font-size: 14px;
  opacity: 0.8;
}

/* 🔥 HOVER OVERLAY */
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:linear-gradient(180deg, #ff0000, #ff6b6b);
  color: #fff;
  padding: 20px;
  display: flex;
  align-items: flex-end;
  transform: translateY(100%);
  transition: transform 0.5s ease;
  z-index: 3;
  flex-direction: column;
    align-items: flex-start;
    overflow-y: auto;
}

/* Text animation */
.overlay p {
  opacity: 0;
  transform: translateY(20px);
  transition: 0.4s ease; color: var(--whiteColor);
}

/* 🔥 HOVER EFFECT */
.director-card:hover .overlay {
  transform: translateY(0);
}

.director-card:hover .overlay p {
  opacity: 1;
  transform: translateY(0);
}

/* Optional zoom */
.director-card:hover img {
  transform: scale(1.15);
}


.awards-card  { padding: 25px; height: 100%; border: 1px solid #f5f5f5;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);}
.awards-card .info{ position: static; background: none;height: auto; min-height: auto; padding-bottom: 0px!important;}
.awards-card .info h4{ color: var(--blackColor); text-align: center; text-transform: capitalize; font-size: 16px; font-weight: 500 !important;}
.director-card:hover {border-color: var(--mainColor); }

.awards-card .info p {
    font-size: 15px;
    color: #666666;
    text-align: center;
}


.core-value-card .icon {    margin-bottom: 15px;
    display: inline-block;
    height: 100px;
    width: 100%;
    align-items: center;}

    .core-value-card .icon i.smallico {width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; margin-bottom: 0px;}


/* Base Card */
.value-card {
  background: #fff2f3;
  border-radius: 20px;
  padding: 30px;
  transition: 0.4s;
  text-align: left; height: 100%;
}

/* Heights */
.big-card {
  height: 320px;
}

.small-card {
  height: 250px;
}

/* Icon */
.icon {
  font-size: 32px;
  color: #e20012;
  margin-bottom: 15px;
}

/* Hover */
.value-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 20px rgba(0,0,0,0.1);
}
 
.contact-form label { margin-bottom: 10px;}

.blogrightsec  .blog-single-card { padding: 20px;}
.blogrightsec .image { width: 150px;}
.blogrightsec  .content { padding:0px; padding-left: 20px;}

.blog-single-card {box-shadow:none}
.blog-single-card .content { padding-left: 0px; padding-right: 0px;}



/* .manufacturing-plants { margin-top: 150px;} */


/* TIMELINE */
.manufacturing-plants-map {
  position: relative;
  width: 100%;
  height:1000px;
  background: url(../img/in.svg) no-repeat center top; background-size: contain;
}

/* Pin */
.manufacturing-plants-map .pin {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 0%;
  text-align: center;
  font-weight: bold;
  color: #e20012;
  transform: translate(-50%, -50%) scale(0.5); box-shadow: none;
  opacity: 0; display: flex; align-items: center; justify-content: center;
background: url(../img/map-pin.svg) no-repeat center top; background-color: yellow; border-radius: 100%;


}

.manufacturing-plants-map .pin:hover {background-color:#ffffff;}

/* Year text */
.manufacturing-plants-map .timelineyear {
  line-height: 75px;
  font-size: 24px;
      white-space: break-spaces;
    flex-wrap: wrap;
    line-height: 27px;
    text-align: center;
    display: flex;
    align-items: center;
}

/* Pointer */
.manufacturing-plants-map .pin::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px 8px 0;
  border-style: solid;
  border-color: #fff transparent transparent; display: none;
}


/* Tooltip (base) */
.manufacturing-plants-map .tooltip-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  padding: 20px 20px;
  border-radius: 8px;
  font-size: 16px;
  width:300px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  opacity: 0;
  transition: all 0.3s ease;
  color: var(--blackColor);
  font-weight: 500;
}
/* PIN */
.manufacturing-plants-map .pin{
    position: absolute;
    cursor: pointer;
}

/* TOOLTIP DEFAULT */
.manufacturing-plants-map .pin .tooltip-box{
    position: absolute;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 99;

    background: #fff;
    padding: 20px;
    border-radius: 12px;
    width: 320px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

/* SHOW ON HOVER */
.manufacturing-plants-map .pin:hover .tooltip-box{
    opacity: 1;
    visibility: visible;
}

/* KEEP OPEN WHEN ACTIVE */
.manufacturing-plants-map .pin.active .tooltip-box{
    opacity: 1;
    visibility: visible;
}

/* RIGHT TOOLTIP */
.manufacturing-plants-map .pin.right .tooltip-box{
    left: 50px;
    transform: translateY(-50%);
}

/* RIGHT ARROW */
.manufacturing-plants-map .pin.right .tooltip-box::after{
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
}

/* LEFT TOOLTIP */
.manufacturing-plants-map .pin.left .tooltip-box{
    right: 40px;
    transform: translateY(-50%);
}

/* LEFT ARROW */
.manufacturing-plants-map .pin.left .tooltip-box::after{
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

@keyframes popIn {
  0%   { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
  60%  { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

/* Road alignment (your values kept) */
.manufacturing-plants-map .p1 { top: 9%; left: 24%; }
.manufacturing-plants-map .p2 { top: 12%; left: 23%; }
.manufacturing-plants-map .p3 { top: 12%; left:26.5%; }
.manufacturing-plants-map .p4 { top: 15%; left: 26%; }
.manufacturing-plants-map .p5 { top: 19%; left: 27%; }
.manufacturing-plants-map .p6 { top: 22.5%; left: 25%; }
.manufacturing-plants-map .p7 { top: 18%; left: 33%; }
.manufacturing-plants-map .p8 { top: 22%; left: 29%; }

.manufacturing-plants-map .p9 { top: 28%; left: 29%; }
.manufacturing-plants-map .p10 { top: 26%; left:30.5%; }
.manufacturing-plants-map .p11 { top: 29.5%; left: 30.5%; }

.manufacturing-plants-map .p12 { top: 36%; left:25%; }
.manufacturing-plants-map .p13 { top: 47%; left:18%; }


/* TIMELINE END */
.statecards {color: #ffffff; padding: 15px 25px; border-radius:10px; margin-bottom: 15px;}
.jammucards { background: #5DADE2; }
.himachalcard { background: #58D68D; }
.punjabcards { background: #F5B041; }
.haryanacards { background: #AF7AC5; }
.rajasthancards { background: #EC7063; }
.gujratcards { background: #48C9B0; }
.address-cards p{ font-size: 13px; font-weight: 500; color:#fff}
.address-cards h5 { margin-bottom: 0px!important; padding-bottom: 0px!important; text-transform: capitalize; font-weight: 400!important;}

.mobileshow { display: none;}


.navbar-area .navbar .navbar-nav .nav-item:last-child .dropdown-menu{ width: 180px; left: -100px; display: none;}

.navbar-area .navbar .navbar-nav .nav-item:last-child a::before{ display: none;}

.abouthero { position: relative;}
.abouthero:after{ content: ""; position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, .4); top:0px; left: 0px; z-index: -1;}
.abouthero h1{    font-size: 48px; padding-top:450px}


.highlight-blog .blog-single-card { position: relative;}
.highlight-blog .content { position: absolute; bottom: 0px; padding: 0px 30px; background: linear-gradient(to top, #000 0%, transparent 100%);}
.highlight-blog .content a, .highlight-blog .content li{ color:#ffffff!important}
.highlight-blog .content ul{ margin-bottom: 5px!important;}

.newspaperlogo {background-color: #ffffff;
    padding: 5px 10px;
    /* max-height: 25px; */
    display: block;
    width: auto;
    max-width: 150px; margin-bottom: 10px;}

.blogright .blog-single-card .image, .blogright .blog-single-card .image img{ height: 100%;}
.blogright .blog-single-card .image img { object-fit: cover; min-height: 110px;}
.blog-single-card .content h3 { font-size: 18px;}
.blogright .blog-single-card .content h3 { margin-bottom: 0px; padding-bottom: 0px;}
.blog-single-card .content .meta ul { margin-bottom: 10px;}
.highlight-blog .blog-single-card .content h3 { font-size: 22px;}

.blogright .blogimg { position: relative!important;}
.blogright .newspaperlogo { position: absolute; max-width: 100px; bottom:0px; margin-left:10px}

.galleryvideo .image a{ display: block;}
.galleryvideo .image { margin-bottom: 30px;}



@media (min-width: 992px) {
    .five-col{
        width:20%;
        flex:0 0 20%;
    }
}



/* Container */
.flip-card {
      perspective: 1000px;
    height: auto;
    border: none !important;
    background: none !important;
    box-shadow: none;
  /* height: 450px; overflow: hidden; */
}

/* Inner */
.flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.7s ease;
  transform-style: preserve-3d;
}

/* Flip on hover */
.flip-card:hover .flip-inner {
  transform: rotateY(180deg);
}

/* FRONT & BACK */
.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  backface-visibility: hidden; display: flex;
    align-items: center;
    justify-content: center;
}

/* FRONT */
.flip-front {
  background: #fff;
}

/* BACK */
.flip-back {
  background: #ffffff;
  transform: rotateY(180deg);
}

.flip-back .image img {
    max-height: 300px;
    width: 100%;
}

/* Image */
.flip-front img,
.flip-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Info overlay */
.info {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0,0,0,0.6);
  color: #fff;
}

/* Optional hover shadow */
.flip-card:hover {
  transform: translateY(-0px);
  transition: 0.3s;
}

.flip-card.awards-card {
    border: 1px solid #d4d4d4; border-radius: 10px; transition: all 0.3s ease-in; padding: 0px;
}
.awards-card:hover{ transition: all 0.3s ease-in; border: 1px solid #f21a2a;}


.banner-img::before { opacity: .3;}

.impactglance, .lightredbg {    background: #fff2f3; border-radius: 20px;}
.p-30 { padding: 50px;}
.impactglance h4{ font-size: 32px;}

.academics-item h4 {
    margin-bottom: 10px;
    font-size: 22px;
    font-family: 'Lexend', sans-serif;
}

.ourapproach .academics-item { border-radius: 10px; border-color: #d4d4d4;}


.partnersvideo video-box {
  width: 100%;
  aspect-ratio: 9/16; /* 👈 same as your design (portrait cards) */
  overflow: hidden;
  border-radius: 16px;
}

.partnersvideo .video-frame {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 👈 fills nicely */
}

.careerform { border-radius: 20px;}

/* Select Dropdown Fix */
.careerform select.form-control {
    
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 16px;
}


/* .footer-top-info  li { display: none!important;} */

.word {        width: 100%;
    text-align: left;
    right: 30px;
    font-size: 60px;
    color: #e20012;
    font-weight: 600;
    top: 18px;}



    /* -------------------------------------------------------- CORE VALUES  --------------------------------------------------------*/

.core-values-sec .value-card {background: url(../img/canblock.svg) no-repeat center top; background-color: transparent; background-size: cover; border-radius: 0px;}

/* .core-values-sec { background: #000000;} */


.core-values-sec{
       padding:100px 0;
    overflow:hidden; border-radius: 0px;
}

/* ROW */
.core-values-row{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap:30px;
    height:450px;
}

/* FIXED ITEM */
.core-values-sec .value-item{
    position:relative;
    width:230px;
    height:260px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    flex-shrink:0; margin-bottom: -4px;
}

/* CAN */
.core-values-sec .value-card{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 260px;
    background: url(../img/canblock.svg) no-repeat center top;
    background-size: 100% 100%;
    overflow: hidden;
    cursor: pointer;
    transition: height .80s cubic-bezier(.22, 1, .36, 1);
    transform-origin: bottom center;
    display: flex;
    justify-content: center;
    background-size: 100%; background-color: transparent; box-shadow: none!important;
}

/* HOVER */
.core-values-sec .value-card:hover{
    height:400px;
    z-index:50;
}

.core-values-sec .value-card:hover:after, .core-values-sec .value-card.active::after {
    content: "";
    background: #B11226;
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0px;
    z-index: -1;
}

/* LETTER */
.core-values-sec .can-letter{
    position:absolute;

    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-size:90px;
    font-weight:900;
    color:#ffffff;
    transition:all .45s ease;
    z-index:2;
}
.core-values-sec .value-card small { width: 100%; font-size: 13px; text-transform: uppercase;  position: absolute; width: 100%; text-align: center; bottom: 30px; color:#ffffff; font-weight: 500;}

.core-values-sec .value-card:hover small, .core-values-sec .value-card.active small { display: none;}

/* LETTER MOVE */
.core-values-sec .value-card:hover .can-letter{
    top:85px;
    font-size:70px;
}

/* CONTENT */
.core-values-sec .card-content{
    position:absolute;

    left:0;
    bottom:-220px;

    width:100%;

    padding:0 15px 35px;

    opacity:0;

    transition:
    bottom .55s cubic-bezier(.22,1,.36,1),
    opacity .45s ease;
}

/* SHOW CONTENT */
.core-values-sec .value-card:hover .card-content{
    bottom:20px;
    opacity:1;
}

/* TITLE */
.core-values-sec .card-content h4{
    text-align:center;
    font-size:22px;
    font-weight:800;
    margin-bottom:14px;
    color:#ffffff;
}

/* TEXT */
.core-values-sec .card-content p{
    text-align:center;
    font-size:15px;
    line-height:1.3;
    color:#ffffff;
}

/* SHADOW */
.core-values-sec .value-card:hover{
    filter:drop-shadow(0 25px 50px rgba(255,0,0,.18));
}


/* DEFAULT OPEN CARD */
.core-values-sec .value-card.active{
    height:400px;
    z-index:10;
}

/* DEFAULT LETTER POSITION */
.core-values-sec .value-card.active .can-letter{
    top:85px;
    font-size:70px;
}

/* DEFAULT CONTENT SHOW */
.core-values-sec .value-card.active .card-content{
    bottom:20px;
    opacity:1;
}

  /* -------------------------------------------------------- CORE VALUES  --------------------------------------------------------*/


.sustainability-sec.p-5 , .legacy-sec.p-5 { padding:80px!important}

.address-cards.mobileshow svg{width: 12px; height: 12px; margin-left: 10px; margin-top: -2px;}
.address-cards.mobileshow p a{ color: var(--whiteColor);}

.address-cards.mobileshow p a b { position: relative;}
.address-cards.mobileshow p a b:after{ content: ""; width: 12px; height: 12px; background: url(../img/location-arrow.svg) no-repeat left center; position:absolute; margin-left: 10px; margin-top: 3px;}

.nutrition-card{
    max-width:100%;
    background:#fff;
    padding:35px;
    font-family:'Poppins',sans-serif;
    color:#111;
}
.nutrition-card hr{margin: 15px 0;}
.nutrition-card h2{
    font-size:36px;
    font-weight:700;
    margin-bottom:35px;
}

.nutrition-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
}

.nutrition-top strong{
    font-size:16px;
    font-weight:700;
}

.nutrition-top p{
    margin-top:10px;
    font-size:18px;
}

hr{
    border:none;
    height:4px;
    background:#ddd;
    margin:30px 0;
}

.nutrition-table{
   
    flex-direction:column;
    gap:18px;
}

.nutrition-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
    font-weight:500;
}

.ingredients{
    font-size:14px;
    line-height:1.8;
    text-transform:uppercase;
}

.ingredients strong{
    font-weight:700;
}

.nutrition-footer{
    
    font-size:14px;
    font-weight:500;
}

.text-end{
    text-align:right;
}

.text-grey { color:var(--bs-body-color); font-weight: 700;}
.textinnerflipcard {position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;}

.brandcards div.pt-3.text-center { margin-bottom: 15px;}
    .brandcards div.pt-3.text-center a,  .owl-item .item div a{ color: var(--mainColor); margin-bottom: 25px;}
    .owl-item .item div a {display: flex; align-items: center; justify-content: center;}
        .brandcards div.pt-3.text-center a:hover,  .owl-item .item div a:hover { color: var(--blackColor);}

        .navbar-nav .nav-item.d-none{ display: block!important;}

        #lightgallery li{ margin-bottom: 24px; cursor: pointer;}
.portfolio-name {
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}
#lightgallery li img { border-radius: 10px; max-height: 160px; object-fit: cover; width: 100%; transition: transform 0.2s ease;}
#lightgallery li:hover img { transform: scale(1.1);}

.navbar-area .navbar .navbar-nav .nav-item .dropdown-toggle:before {right: -1px; top: 21px;}

/* .bgvideo { height: 100vh!important;} */
 .bgvideo .video-frame { padding-top: 120px; } 

.section-banner.bgvideo{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: #000;

    display: flex;
    align-items: center;
    justify-content: center;
}

.section-banner.bgvideo .video-frame{
    width: 100%;
    height: 100%;

    /* 16:9 proportion */
    aspect-ratio: 16 / 9;

    object-fit: cover;
    display: block;
}


#keyfacts { background: var(--cream);}



  .sustainability-home .sustainability-wrapper{
        max-width:1400px;
        margin:auto;
    }

    .sustainability-home .sustainability-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:30px;
    }

    .sustainability-home .sustainability-card{
        background:#ffffff;
        border:1.5px solid #ff0000;
        border-radius:18px;
        padding:30px;
        /* min-height:400px; */
        transition:.1s ease-in-out;
    }

    .sustainability-home .sustainability-card:hover{
        transform:translateY(-20px);
    }

    .sustainability-home .card-title{
        font-family:'Bebas Neue', sans-serif;
        font-size:36px;
        line-height:1;
        color:#1a0000;
        letter-spacing:1px;
        margin-bottom:28px;
    }

    /* .sustainability-home .stat-block{
        margin-bottom:34px;
    } */

    .sustainability-home .stat-number{
        font-family:'Bebas Neue', sans-serif;
        font-size:72px;
        line-height:0.9;
        color: var(--mainColor);
        letter-spacing:1px;
        margin-bottom:18px; font-weight: 700;
    }

    .sustainability-home .stat-text{
        font-size:16px;
        line-height:1.35;
        color: var(--blackColor);
        font-weight:400;
    }


@media (max-width: 768px) {
  .logo-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .custom-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
  }
}



@media only screen and (max-width:1600px) {
#kandhariBanner .container-fluid{max-width: 1400px;}
.w-80 {max-width: 96%;}

}

@media only screen and (max-width:1440px) {
#kandhariBanner .container-fluid{max-width: 1300px;}
.w-80 {max-width: 96%;}
.about-content-courser.owl-theme .owl-nav [class*=owl-] {right:-20px}
.about-content-courser.owl-theme .owl-nav [class*=owl-].owl-next { left:-20px}
.navbar-area.style-2 .navbar { top:15px}
.navbar-area.sticky .navbar { top:0px}

}


@media only screen and (min-width: 1600px) {

      .navbar-area .navbar .navbar-nav {
        top: 0px;
    }
.navbar-area .navbar .navbar-nav > .nav-item {
    margin-right: 40px;
}
}


 @media(max-width:1200px){
        .sustainability-home .sustainability-grid{
            grid-template-columns:repeat(2,1fr);
        }
    }

@media only screen and (max-width: 991px) {
    .navbar-area .navbar .navbar-brand img {
        max-width: none;
        max-height: 36px;
    }

.desktopshow { display: none;}
.mobileshow { display: block;}


}

@media only screen and (max-width: 767px) {
html, body {
  overflow-x: clip; /* better than hidden */
}
.section, .container, .row {
  overflow: hidden;
}

.navbar-area [data-aos] {
  overflow-x: hidden;
}

    .banner-content .content {
        top: 35px;
        padding: 0px 30px;
    }
    .banner-content .content h1 {
        font-size: 36px;
        line-height: 48px;
    }
    .banner-content .content p { width: 100%;}
    .white-shape { border:none}
    .banner-content .content .default-btn{        margin-bottom: 15px;
        margin-left: 0px !important;
        margin-right: 10px;}
        .quick-search{ background: none;}
        .contact-form .form-select{ padding-left: 15px;}
.about-us-area-2 .content-items { flex-direction: column;}

button[class*="carousel-control"] { display: none;}
.banner-content-2 .content p { width: 100%;}
.banner-content-2 .content span { margin-bottom: 10px;}
.customlist li i { padding-top: 0px;}
    .about-us-area-2 .content-items .image {border-radius: 5px 5px 0px 0px;}
    .about-us-area-2 .content-items .content h2 { margin-bottom: 20px; }
    .leadership .leadershipimg { margin-bottom: 30px;}

    .whatwedo .academics-item { margin-bottom: 0px;}
    .default-btn { padding: 12px 30px;}
    .business-development {flex-direction: column-reverse;}
    .section-title { margin-bottom: 30px;}

    .custom-tabs .nav-link h4 { font-size: 18px;}
    .custom-tabs .nav-link { padding:15px 25px}
    .custom-tabs {white-space: nowrap;}

    .banner-content-2 .content h1 { font-size: 80px;}
    .banner-area-2 {
      background-position: right -300px top;
}
.banner-img::before { opacity: .6;}
.outline-text, .bottom-large-text h1, .academics-item h4 {font-size: 48px;
        letter-spacing: 0;}

.abouttxt .title-anim.px-5 { padding-left: 0px!important; padding-right: 0px!important;}

.video-frame { margin-bottom: 30px;}
.year-exp .year { font-size: 52px!important;}


.about-us-area-2 .content-items .image {padding: 0px; height: 250px; object-fit: cover; background-size: contain; border:none; height: auto;}

.about-content-courser.owl-theme .owl-nav [class*=owl-] {right: 40%;
        width: 32px;
        height: 32px !important;
        bottom: -25px;
        top: auto;}

    .about-content-courser.owl-theme .owl-nav [class*=owl-].owl-next { left:40%}

    .sustainability-sec, .sustainability-sec::before, .warehouse::before, .warehouse { border-radius: 20px;}
    .footer-top-info .content p { font-size: 16px; }
    .footer-top-info { padding-left: 20px; padding-right: 20px;}
    .year-exp { display: none;}
    #keyfacts .academics-item { padding-left: 5px; padding-right: 5px;}
    .smallico svg, .smallico img {
    max-width: 100px;
    max-height: 60px;
}
    
.navbar-area.style-2 .navbar { background: none; top:0px; padding-left: 0px; padding-right: 0px;  max-width: 100%;}
.navbar-area.style-2 { background: #ffffff;}
.navbar-area.style-2 .navbar .navbar-toggler, .navbar-area.style-2.sticky .navbar .navbar-toggler { color: var(--mainColor);}
.responsive-navbar { width: 100%!important;}
    
   
    .navbar-area.sticky { padding:0px}

    .banner-img { height:75vh;}
    .big-bg-5, .big-bg-6 { background-position: right!important;}
    .banner-content-2 .content p { font-size: 18px;}
    .textpart p { font-size: 18px;}

    .about-inner .custom-card .card-body { padding-left: 0px; padding-right: 0px;}
    .timeline-road { position: absolute; bottom: 50px;}

.tooltip-box {    position: absolute;
    top: -42%;}
    .pin.right .tooltip-box { left: -90px;}
    .pin.left .tooltip-box { right: -90px;}
    .pin { width: 72px; height: 72px;}
    .timelineyear { font-size: 16px; line-height: 18px;}

    .pin.right .tooltip-box::after,  .pin.left .tooltip-box::after { display: none;}
    .tooltip-box { width: 200px; padding: 15px; font-size: 14px;}

    .p1 { top: 40%; left: 50%; }
.p2 { top: 55%; left: 33%; }
.p3 { top: 64%; left: 70%; }
.p4 { top: 76%; left: 40%; }
.p5 { top: 92%; left: 50%; }

.overlay.p-5{ padding:20px!important}
.pt-5.director-row.g-5 { padding-top:1.5rem!important; --bs-gutter-y: 1.5rem;}
.section-banner.bg-1.awardshero {
    background-position: left top;
}

/* .section-banner.bg-1 { min-height: 400px; display: block; background: red; border: 2px solid red;} */
.section-banner.bg-1 {
    position: relative;
    height: 200px;
    margin-top: 56px;
}

.manufacturing-plants { margin-top: 50px;}
.manufacturing-plants-map { height: 450px;}



.statecards h4 { margin-bottom: 0px; font-size: 16px; position: relative; margin-bottom: 15px;}
.statecards h4:before {
    content: "";
    width: 40px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    bottom: -5px;
}
.address-cards p b{ width: 100%;  display: block;   font-size: 16px;  font-weight: 600;}
.address-cards p{ font-size: 14px;}

.manufacturing-plants-map .pin {width: 8px; height: 8px; padding:3px}
.manufacturing-plants-map .p1 { top: 11%; left: 23%;}
.manufacturing-plants-map .p2 { top: 13%; left: 23.5%;}
.manufacturing-plants-map .p4 { top: 16%; left: 26%;}
.manufacturing-plants-map .p3 {top: 14%; left: 27%;}
.manufacturing-plants-map .p7 {top: 20%; left: 32%;}
.manufacturing-plants-map .p5 {top: 20%; left: 25%;}
.manufacturing-plants-map .p6 {top: 22.5%; left: 26%;}
.manufacturing-plants-map .p12 {top: 37%; left: 24%;}
.manufacturing-plants-map .p13 { top: 43%; left: 14%;}
.manufacturing-plants-map .p8 {left: 25.5%; top:25%}
.manufacturing-plants-map .p10 { left: 30%; top:26%}
.manufacturing-plants-map .p11 { left: 30%;}
.manufacturing-plants-map .p9 { left: 28%;}

.manufacturing-plants-map .pin.right .tooltip-box, .manufacturing-plants-map .pin.left .tooltip-box { left: 20px; font-size: 12px; width: 200px;}

.responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-button:before { font-size: 28px;}
.academics-item h4 { font-size: 22px;}
.p-30 { padding: 15px; padding-top: 25px;}
.p-30 .cardimg { padding-bottom: 15px;}
.ptb-50.ourapproach { padding-bottom: 30px;}
.text-reverse { flex-direction:column-reverse;}

.partnerpage .ptb-50 { padding-bottom: 0px;}
.partnerpage  h3.pt-5 { padding-top:0px!important;}
.partnersvideo .col-md-4 { margin-bottom: 15px;}
.nutrition-card { padding:0px;}


.bgvideo .video-frame { padding: 0px!important;}
.sustainability-sec, .warehouse { background-position:  left 50% top;}


/*  HOME BANNER SMALL CSS START */

#kandhariBanner {margin-top: 57px;}
.banner-img, .banner-img::before { height:200px;}
.banner-area-2{ background-position: center top; background-size: cover;}
.banner-content-2 .content h1 { font-size: 36px;}
.banner-content-2 .content p + p{ display: none;}
.big-bg-2, .big-bg-5, .big-bg-3, .big-bg-2, .big-bg-4, .big-bg-6 { padding: 0px!important;}
.banner-img::before { opacity: 0.3;}
.year::after { display: none;}
.banner-content-2 .content p { font-size: 24px!important;}


       .sustainability-home .sustainability-grid{
            grid-template-columns:1fr;
            gap:20px;
        }

        .sustainability-home .sustainability-card{
            min-height:auto;
        }

        .sustainability-home .card-title{
            font-size:32px;
        }

        .sustainability-home .stat-number{
            font-size:72px;
        }

        .sustainability-home .stat-text{
            font-size:16px;
        }


/*  HOME BANNER SMALL CSS END */

 .five-col{width:50%;flex:0 0 50%;}

.ourbrands  .video-frame { margin-bottom: 0px;}  
.ourbrands p.px-5{ padding-left: 0px!important; padding-right: 0px!important;}
.fs-5 {font-size: 1rem !important;}
.nutrition-top strong, .nutrition-row { font-size: 14px;}
.ingredients { font-size: 12px;}
.teammember-modal .modal-body {overflow: auto; height: 80vh;}

#core-values .director-row { padding:15px; padding-bottom: 60px;}
.section-banner.bgvideo .video-frame { margin-bottom: 0px;}
.abouthero h1 {
    font-size: 20px; padding-top: 135px;
}

.blogright .blog-single-card .content h3 { margin-bottom: 30px;}

.blogright .blog-single-card .row { flex-direction: column-reverse;}
.blogright .blog-single-card .content.p-0{ padding: 30px 0px 0px 0px!important;}
.blog-area hr.mb-5 { margin-top: 0px!important; padding-top: 0px!important;}
.blog-area .butn { display: none;}
.blog-single-card { margin-bottom: 0px;}
.blogright .blog-single-card { margin-bottom: 30px;}
.highlight-blog { margin-bottom: 60px;}

.about-content-courser.video-courser.owl-theme .owl-nav [class*=owl-] { bottom: -45px;}



.career-carsusal .about-content-courser.owl-theme .owl-nav [class*=owl-].owl-next {left: 38%;}
.career-carsusal .about-content-courser.owl-theme .owl-nav [class*=owl-]{right: 38%;}

.womenwork {flex-direction: column-reverse; margin-top: 30px;}
.womenwork .cardimg { margin-top: 30px;}


}



@media screen and (max-width:575px){
    .footer-widget-info .footer-widget ul{    flex-wrap: wrap;    justify-content: start; }
    .footer-widget-info .footer-widget ul li{ padding-left: 30px; padding-bottom:15px;}
    .footer-widget-info.py-5 { padding-bottom: 0px!important;}
}

 @media screen and (max-width: 767px) {
     .bgvideo .video-frame {padding:15px}
 }