:root {
  /* Brand Colors */
  --primary-color: #ff0a1d;   /* red */
  --secondary-color: #3b71b5; /* dark gray/blue */
  --accent-color: #f39c12;    /* orange */
  --green-color:#0ac112;
  --pink-color:#fb00f2;
  --orange-color-light : #ffd8b9;
  --blue-color-light:#ecfaff;
  --green-color-light:#d5f8de;

  /* Neutral Colors */
  --white: #ffffff;
  --black: #000000;
  --light-gray: #f8f9fa;
  --gray: #bdc3c7;
  --dark-gray: #7f8c8d;

  /* Text Colors */
  --text-main: #333333;
  --text-light: #777777;

}
.liteRegular{font-weight: 300;display: inline; font-size: 35px;}
a{text-decoration: none; cursor: pointer !important;}
.greenColorLightBg{background: var(--green-color-light) !important; }
.blueColorLightBg{background: var(--blue-color-light) !important; }
.orangeColorLightBg{background: var(--orange-color-light) !important; }
.pinkColor{color: var(--pink-color) !important;}
.pinkColorBg{background: var(--pink-color) !important; }
.orangeColor{color: var(--accent-color) !important;}
.orangeColorBg{background: var(--accent-color) !important; }
.greenColor{color: var(--green-color) !important;}
.greenColorBg{background: var(--green-color) !important; }
.secondaryColor{color: var(--secondary-color)!important;}
.secondaryColorBg{background: var(--secondary-color)!important;}
.primaryColor{color: var(--primary-color)!important;}
.secondaryColor{color: var(--secondary-color)!important;}
body{font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;}
.topHeader{width:100%; background: #e35752; color: white}
.topHeaderText{display: flex; align-items: center; margin: 0px;height: 100%;}
.mainBody{width: 100%;  }

.top-search-box {position: relative;width: 100%;margin: auto;}
  .top-search-box .form-control {border-radius: 999px;padding-right: 40px;border: 1px solid #ddd;}
  .top-search-box svg {position: absolute;top: 50%;right: 15px;transform: translateY(-50%);width: 18px;height: 18px;
    stroke: #666;pointer-events: none;
  }
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--primary-color);
}
/* here padding 6px to 5px by shivang */
.navbar-nav .nav-item{padding: 0 1px; font-weight: 500; }

.carousel-caption {
  text-align: left; /* keep caption on left */
  left: 5%; /* shift slightly inside */
  bottom: 0; /* place at bottom */


  padding: 20px;
  border-radius: 8px;
}

/* .bannerCaption{
display: inline-block; padding: 0 20px;}

} */
.carousel-caption h1,
.carousel-caption h5 {
  color: var(--primary-color);
  margin: 0;}


  .bannerCaption {
  display: inline-block;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 10%;
  bottom: 5%;
}

.bannerCaption h5{font-size: 35px; font-weight: 300;}
.bannerCaption h1{font-size: 45px; font-weight: 600; margin-bottom: 30px;}
.bannerCaption span{height:5px; background: var(--primary-color); width: 50%; margin: 10px 0; display: block;}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
section{padding: 0 0 75px 0 ;}
.sectionHeading{padding:0 0 35px;}


.custMenu .dropdown-menu li:hover a{background: var(--primary-color) !important; color: #fff !important;}

.cardSection .card{ padding: 39px; border-radius: 5px;}
.cardSection .row {--bs-gutter-x: 2.5rem;}
.cardSection .card img{border: 1px solid #ccc; border-radius: 0;}
.cardCaption{background: var(--primary-color); display: inline; padding: 4px 15px; color: #FFF; }
.cardSection .card .card-body{padding: 28px 0 0;}
.cardSection .card .card-text{margin: 30px 0 20px 0;}
.cardSection .card a{text-decoration: none; font-size: 1em;}
.card-desc{font-size: .85em;}
.line-clamp-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.line-clamp-4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}


.verticleSlideSection{background: var(--primary-color); width: 100%; color: #fff; padding: 30px 0;}
.blueInner{height: 100%;}
.verticleSlideSection .nav-pills .nav-link {
  border-radius: 0;
  padding: 15px 30px;
  color: white;
  background-color: #00a8e6;
  text-align: left;
}
.verticleSlideSection .nav-pills .nav-link.active {
  background-color: #0191c6;
}
.verticleSlideSection .tab-content {
  padding: 80px;
  background: #fff;
  height: 100%;
}
.verticleSlideSection .tab-content img{width: 100%;}
.verticleSlideSection .tab-content p{margin-top: 20px;}
.verticleSLideTxt{padding:20px 0 0;}

.FrancoLagentsSection{padding: 75px 0;}


.divider{border-bottom: 1px solid #ccc; }
.cardLegends .card{ padding: 39px; border-radius: 5px; height: 100%;}
.cardLegends .row {--bs-gutter-x: 2.5rem;}
.cardLegends .card img{ border-radius: 0;}
.cardLegends .card .card-body{padding:20px 0 0 0;}
.cardLegends .card .card-text{margin: 30px 0 20px 0;}

.cardLegends .card a{text-decoration: none; font-size: .85em;}
.divider{border-bottom: 1px solid #ccc; margin:5px 0 20px 0;}
.cardLegends .card a{text-decoration: none; font-size: .85em;}

.cardLegends .carousel-indicators{bottom: -80px;}
.cardLegends .carousel-indicators [data-bs-target] {
  width: 30px;          /* dash width */
  height: 4px;          /* dash thickness */
  border-radius: 2px;   /* slightly rounded edges */
  background-color: #d33;  /* inactive color */
}
.cardLegends .carousel-indicators .active {
  background-color: #f55;  /* active dash color */
}

.clintSection{background: var(--primary-color); width: 100%; height:880px; margin: 30px;}

.client-section {
  background: linear-gradient(var(--primary-color) 70%, #333 30%);
}
.client-section .card {
  border: none;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  padding: 20px;
}
.client-section .card img {
  object-fit: cover;
}
.client-section .card-body h6 {
  color: #e35752;
}
.client-section .carousel-indicators{bottom: -70px;}
.client-section .carousel-indicators [data-bs-target] {
  width: 30px;
  height: 4px;
  border-radius: 2px;
  background-color: #bbb;
}
.client-section .carousel-indicators .active {
  background-color: #e35752;
}
.footer {
background-color: var(--primary-color) !important; /* Blue background */
  font-size: 16px;
}
.footer h6 {
  margin-bottom: 15px;
}
.footer a:hover {
  text-decoration: underline;
}


/* Submenu container */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
  display: none;
}
.dropdown-submenu > a::after {
  content: "›";
  float: right;
  margin-left: 5px;
  font-weight: bold;
}

/* Show submenu on hover (desktop) */
@media (min-width: 992px) {
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}

/* Active submenu (Zinda) */

.active-submenu:hover {
  background-color: #c0392b !important; /* darker red */
  color: #fff;
}

/* Active top-level nav (Products) */
.active-top {
  position: relative;
  font-weight: 600;
  color: #e74c3c !important;
}
.custMenu .dropdown-toggle::after{border-top:none}
.dropdown-menu{border-radius: 0px; border: 0px;padding: 20px;}
.dropdown-menu li{min-width: 200px; border-bottom: 1px solid #e9e9e9;}
.dropdown-menu li a{padding: 8px;}



.productImage{width: 100%; border: 1px solid #ccc; max-height: 350px;}
.productImage img{width: 100%; height: 100%;}
.productContent{padding: 30px 0;}
.productContent ul{margin: 0;}
.proDesc{padding: 80px 0;}
.proDesc ol{padding-left: 15px;}

.moreProducts{padding: 60px 0; background: #f6f7f8;}
.moreProducts .card{padding:35px 35px  0  35px;}
.moreProducts .card img {border: 0px; padding: 30px;}
.moreProducts .card .card-body{border-top: 1px solid #ccc; padding: 10px 0; margin: 10px 0; text-align: center;}
.moreProducts .card .card-body h5{font-weight: normal; margin: 10px 0;}
.banner-inner{position: relative;}
/* .banner-inner h1{bottom: 8%; text-transform: initial !important; color: var(--primary-color); left: 15%;
   padding: 15px; position: absolute;} */

   .banner-inner h1{ color: var(--primary-color); position: relative;}

   .productDivisions{margin-bottom: 30px; padding: 70px 0;}
   .productListing{margin-bottom: 40px;}
.productListing .card{padding: 20px 0 0;border:0px; text-align: center; border-radius: 0px; }
.productListing .card img{padding: 30px 30px 15px; width: 250px; margin: auto;}
.productListing .card h5{padding: 0;}
.productListing .card .card-body{padding: 0px; padding: 20px ;}
.proListGal {background: #e7f3fe; padding: 70px 0;}

.leadershipSection{background:#f5f7f9 ;padding: 70px 0; margin-bottom: 30px;}
.leaderImg{background: #fff; padding: 20px 20px 10px 20px }
.leaderImg h6{padding-top: 10px; font-weight: bold;}

.peopleBg{background:url(../images/people/people-bgImg.jpg); background-position:center center; background-repeat: no-repeat;  }
.peopleBgText{ padding: 50px 30px;  margin: 60px 0;}
.darkBg{background:#353535; width: 100%; height:100%; padding: 70px 0;  color: #fff; }

.peopleCard .card{background: #fff; padding: 40px 30px; border-radius: 0px; height: 100%;}
.peopleCard .card .card-title{font-weight: 600}
.peopleCard .card .card-body{padding: 20px 0px;}

.globalPresence{padding: 70px 0; margin-bottom: 30px;}
.globalBgImg{background: url(../images/global-presence/glabal-bg-map.jpg) 100%; background-position: cover;}
.interList{margin-bottom: 20px;}
.interList ul{margin: 0px; list-style: none;  display:flex ; justify-content:center;flex-wrap: wrap;}
.interList ul li{float: left; padding: 10px 20px; text-align: center;}
.interList ul li p{padding: 10px 0; font-weight: 600;}


.mapSection{padding: 70px 0; background: #f8f9fa;}
.MapCardBottom .card{border-radius: 0px; padding: 60px 30px; height: 100%;}
.custom-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.custom-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.custom-list .bullet {
  flex-shrink: 0;
  width: 30px;
  height: 20px;
  margin-right: 20px;
  margin-top: 0px;
}
.custom-list .bullet img{width: 100%;}

.careerSection{padding: 30px 0; margin-bottom: 30px;}
.formSection{background: url(../images/career/form-image.jpg) center center;background-size: cover; min-height:500px}
.formInput{width: 100%;  background: #fff; margin: 40px 0; padding: 20px; border: 1px solid #ccc}
.formInput .form-control{height:60px; border-radius: 0px; background: #f6f7f8; margin: 10px 0;}
.custom-file-upload {
  border: 1px solid #ccc;
  background-color: #f6f7f8;
  height: 60px;
  width: 100%;
  display: flex;
  border-radius: 0;
  overflow: hidden;
  margin: 8px 0;
}

.upload-label {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  color: #757575;
}

.upload-btn {
  background-color: #dbdbdb;
  border: none;
  width: 120px;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #757575;
}
.btn-custom{background: #e25752; color: #fff; font-weight: bold; margin: 10px 0; padding: 20px 0; text-align: center; border-radius: 0px;}

.peopleSection{padding: 70px 0;}
.legendsSection {background: #f6f7f8; padding: 70px 0;}
.legentsCard .card{border-radius: 0px; padding: 30px 20px; height: 100%;}
.legentsCard .card .card-body{padding: 20px 0;}

.businessSection{padding: 60px 0 0; }

.businessCardSection{ padding: 0px 0 20px;}
.businessCardSection .card{padding:25px;border:1px solid #ccc; border-radius: 0px; height: 100%; }
.businessCardSection .card .card-body{ padding: 30px  0;}
.businessCardSection .cardCaption{margin: 20px 0 30px 0;}

.otherBusiness{background: #f6f7f8; padding: 70px 0; }
.otherCard{margin-bottom: 40px;}
.otherCard .card{background: transparent; border-radius: 0; padding: 20px;}
.otherCard .card p{font-size: 14px;}

.aboutSection{padding: 70px 0;}
.abtTopGray{width: 100%; background-color: #f6f7f8; height: 30px;}
.abtCardImg{width: 350px; margin: 0 30px 0 0;}

.aboutBlueSection{background: #00a8e6; padding: 60px 0; color: #fff;}
.aboutListing{border-left: 5px solid #0dbeff;  padding: 0 10px;}
.aboutListing .divider{border-bottom: 1px solid #0dbeff;}

.visionSection{padding: 70px 0;}
.visionSection h2{font-size: 2.2rem}
.visionInner{display: flex; justify-content: center; }
.visionInner img{margin-left: 100px;}
.visionInner h2{font-weight: 700; }

/* .blueInner button.nav-link {text-transform: uppercase;} */

.interList ul li img {
  width: 50px;
}

.csrSlider{position: relative;}
.csrSlider .carousel-caption{top: 0;}
.csrSliderCaption{width: 100%; padding: 50px; margin: 20px;
 /* Fade edges 100px on all sides */
 /* -webkit-mask-image:
      linear-gradient(to bottom, transparent 0, black 50px, black calc(100% - 50px), transparent 100%),
      linear-gradient(to right, transparent 0, black 50px, black calc(100% - 50px), transparent 100%);
    -webkit-mask-composite: intersect;
    mask-image:
      linear-gradient(to bottom, transparent 0, black 50px, black calc(100% - 50px), transparent 100%),
      linear-gradient(to right, transparent 0, black 50px, black calc(100% - 50px), transparent 100%);
    mask-composite: intersect; */
  }

  .csrSlider{padding: 70px 0 0;}
  .support-slider-caption{width: 100%; height: 100%; }
  .support-text{display: flex; height: 100%; display: flex; align-items: center; font-size: 1.2em;}
  .support-text p{text-align: center; font-weight: 600;}
 .supportSection{padding: 70px 0;}
  .supportBg{background-color: #f6f7f8; padding: 70px 0;}
  .cancerCareSection{background: var(--secondary-color); max-height: 450px; padding: 70px 0 150px; }
.cancerCareSection img{margin-top: -130px;}
.clearfix{clear: both;}
.expandingSection{margin:80px 0 0px ; padding: 0px 0 30px;}
.bottomSection{padding:0;}


.contactSection{padding: 30px 0; margin-bottom: 30px;}
.contactSpace{display: inline-block; padding-left:20px;}
.contactFormSection{background: #f6f7f8; padding: 70px 0;}


.timelinetSection{padding: 70px 0;}


/* New Pages CSS STart */
.founder_colarge_section {
  background:var(--primary-color); height: auto; position: relative;
}
.img-box{width: 100%; background: #fff; padding: 15px;}

/* this add by shivang 10-02-2026*/
.img-box.img-center {
    display: flex;
    align-items: center;      /* vertical center */
    justify-content: center;  /* horizontal center */
    height: 100%;
    background: #fff;
    padding: 15px;
}

.img-box.img-center img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;   /* no stretch */
}
/* this end by shivang 10-02-2026*/

.awardImg{position: absolute; left:47%; top: 59%;}
.artSection{
  background: #f6f7f8;padding: 70px 0;
}
.bookSection{padding: 70px 0; }
.card.book{padding: 20px; border-radius: 0;}
.card.book h5{height: 100px; display: inline-block; }
.book img{height: 250px; min-width: 180px; width: 100%;}


.quizSection{padding: 70px 0; background-image: url(../images/quiz/bg_strip.jpg);background-position: cover; }
.btn-black{background-color: #000000;}
.quizTriviaSection{padding: 70px 0; background-image: url(../images/quiz/bg_strip.jpg);background-position: cover; }
.quizInner {background: #ffffff;width: 90%;max-width: 900px; margin: auto; padding: 70px;}
.quizInner h1 {text-align: center;margin-bottom: 25px;color: #333;font-weight: 600;}
.quizInner .QuizQuestion {background: #faf9ff;border-left: 6px solid #667eea;padding: 15px 20px;border-radius: 10px;margin-bottom: 18px;transition: transform 0.2s ease;}
.QuizQuestion:hover {transform: scale(1.01); border-left: 6px solid var(--primary-color);}
.QuizQuestion p {margin: 0 0 10px;font-weight: 500;color: #222;}
.quizInner label {display: block;padding: 8px 10px;margin-bottom: 6px;background: #ffffff;border-radius: 8px;cursor: pointer; transition: 0.2s ease;}
.quizInner label:hover {background: #eef0ff;}
.quizInner input[type="radio"] {margin-right: 8px;accent-color: #667eea;}
.quizInner button {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#677de7+0,754ea5+100 */
  background: linear-gradient(to right,  #677de7 0%,#754ea5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.quizInner button:hover {transform: translateY(-2px);box-shadow: 0 10px 20px rgba(0,0,0,0.25);}

/*@media (max-width: 600px) {*/
/*  .quizInner {*/
/*      padding: 20px;*/
/*  }*/
/*  .book img{height: 100%;}*/
/*}*/
@media (max-width: 600px) {
  .quizInner {
      padding: 20px;
  }
  .book img{height: 100%;}

  .btnViewEmop{padding:5px !important}
  .btnViewEmop img{height: 15px !important; padding: 0 5px 0 10px !important;}
  .nameFont{font-size: 12px;}
  .subText{font-size: 8px;}
  .empImg{margin: 5px !important;}
}

/*add by shivang 15-01-2026*/
.employeeSection,.starEmployeeSection{padding: 70px 0;}  
.proListGal1 { padding: 70px 0;}