: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);
}
.navbar-nav .nav-item{padding: 0 6px; 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: 60%; 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;}