@charset "utf-8";
body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  line-height: 24px;
  font-weight: 400;
  font-size: 16px;
  color: #444;
}
img {
  border: 0;
}
.clearme {
  clear: both;
}
.cbr-btn {
  display: inline-block;
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  width: 300px;
  padding: 10px 0 12px 0;
  text-align: center;
  background-color: #00235d;
  color: #fff !important;
  text-decoration: none;
  transition: all .3s;
  border-radius: 5px;
  margin: 10px;
  border: 0;
  cursor: pointer;
}
.cbr-btn:hover {
  background-color: #8cc63f;
  color: #00235d !important;
  border: 0;
}
#cbr-demo-area .cbr-btn:hover {
  background-color: #fff;
  color: #00235d !important;
  border: 0;
}
.cbr-btn-inverted {
  display: inline-block;
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  width: 300px;
  padding: 10px 0 12px 0;
  text-align: center;
  background-color: #8cc63f;
  color: #00235d !important;
  text-decoration: none;
  transition: all .3s;
  border-radius: 5px;
  margin: 10px;
  border: 0;
  cursor: pointer;
}
.cbr-btn-inverted:hover {
  background-color: #fff;
  color: #00235d !important;
  border: 0;
}
.cbr-guide-btn {
  display: inline-block;
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  padding: 15px 77px 19px 77px;
  text-align: left;
  background-color: #00235d;
  color: #fff !important;
  text-decoration: none;
  transition: all .3s;
  border-radius: 5px;
  margin: 10px;
  cursor: pointer;
  background-image: url("../assets/icons/guide-icon.svg");
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: -50px 6px;
}
.cbr-guide-btn:hover {
  background-color: #00235d;
  color: #fff !important;
  padding: 15px 55px 19px 99px;
  background-position: 45px 6px;
}
.cbr-grey-btn {
  display: inline-block;
  font-family: 'Roboto Slab', serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  width: 300px;
  padding: 10px 0 12px 0;
  text-align: center;
  background-color: #f1f1f1;
  color: #444 !important;
  text-decoration: none;
  transition: all .3s;
  border-radius: 5px;
  margin: 10px;
  border: 0;
  cursor: pointer;
}
.cbr-grey-btn:hover {
  background-color: #00235d;
  color: #fff !important;
  border: 0;
}
#cbr-floating-button {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}
#cbr-floating-button .cbr-btn {
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: #fff;
  color: #00235d !important;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 20%);
}
#cbr-floating-button .cbr-btn:hover {
  background-color: #8cc63f !important;
}
#cbr-nav-area-inner h1 {
  padding: 0;
  margin: 0;
  font-size: 16px;
}
.h3-block {
  background-color: #00235d;
  color: #fff;
  font-weight: 700;
  padding: 5px 8px 12px 15px;
  display: inline-block;
  margin-top: 3px;
  margin-bottom: 20px;
}
#video-area h2, #cbr-intro-area h2, #cbr-overview-area h2, #cbr-participation-area h2, #cbr-demo-area h2, #cbr-faq-area h2 {
  background-color: #8cc63f;
  margin: 0 auto;
  padding: 2px 0 2px 0;
  color: #00235d;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  width: 150px;
  margin-bottom: 7px;
}
#cbr-demo-area-content-inner h2 {
  margin: 0;
  padding: 0;
  font-family: 'Roboto Slab', serif;
  font-size: 41px;
  line-height: 50px;
  font-weight: 400;
  color: #00235d;
  margin-top: 5px;
  text-transform: none;
  letter-spacing: normal;
  width: auto;
  text-align: left;
}
#video-area h3, #cbr-intro-area h3, #cbr-overview-area h3, #cbr-participation-area h3, #cbr-demo-area h3, #cbr-faq-area h3, #pay-data-area h3, #cbr-subpage-content-area h3 {
  margin: 0;
  padding: 0;
  font-family: 'Roboto Slab', serif;
  font-size: 41px;
  line-height: 50px;
  font-weight: 400;
  color: #00235d;
  margin-top: 5px;
}
/* Links */
#cbr-nav-area a:link, #video-area a:link, #cbr-intro-area a:link, #cbr-overview-area a:link, #cbr-participation-area a:link, #cbr-demo-area a:link, #cbr-faq-area a:link, #cbr-subpage-content-area a:link, #video-area a:visited, #cbr-intro-area a:visited, #cbr-overview-area a:visited, #cbr-participation-area a:visited, #cbr-demo-area a:visited, #cbr-faq-area a:visited, #cbr-subpage-content-area a:visited, #cbr-nav-area a:visited {
  text-decoration: none;
  transition: all .3s;
  color: #00235d;
}
#cbr-nav-area a:active, #video-area a:active, #cbr-intro-area a:active, #cbr-overview-area a:active, #cbr-participation-area a:active, #cbr-demo-area a:active, #cbr-faq-area a:active, #cbr-subpage-content-area a:active, #video-area a:hover, #cbr-intro-area a:hover, #cbr-overview-area a:hover, #cbr-participation-area a:hover, #cbr-demo-area a:hover, #cbr-faq-area a:hover, #cbr-subpage-content-area a:hover, #cbr-nav-area a:hover {
  text-decoration: none;
  color: #006600;
}
#cbr-nav-area {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
}
#cbr-logo {
  display: block;
  width: 300px;
  height: 59px;
  float: left;
}
#cbr-nav-area-inner {
  width: 1160px;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0;
}
#cbr-nav {
  text-align: right;
  float: right;
}
.cbr-nav-item {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  padding: 14px 2px 10px 2px;
  color: #00235d !important;
  background-color: #fff;
  border-bottom: 4px solid #fff;
  transition: all .7s;
  margin: 0 20px;
}
.cbr-nav-item:hover {
  color: #00235d !important;
  border-bottom: 4px solid #8cc63f;
}
#video-area {
  height: 450px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
#video-area-inner {
  height: 450px;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: -1;
  background-color: #00235d;
}
#video-area-content {
  padding-top: 150px;
  width: 960px;
  margin: 0 auto;
  text-align: right;
}
#video-area-content-box {
  width: 960px;
  background-color: #fff;
  text-align: center;
}
#new-data-box {
  display: inline-block;
  text-align: right;
  background-color: #8cc63f;
  padding: 15px 20px 15px 60px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  color: #00235d;
  background-image: url("../assets/icons/new-data-icon.svg");
  background-repeat: no-repeat;
  background-size: 33px;
  background-position: 18px 11px;
}
#video-area-content-box-inner {
  margin: 0;
  padding: 15px 15px 20px 15px;
  text-align: center;
  font-family: 'Roboto Slab', serif;
  font-size: 41px;
  line-height: 50px;
  font-weight: 400;
  color: #00235d;
}
#video-area-inner video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}
#cbr-intro-area {
  width: 100%;
  height: 800px;   /* Changed from 750px */
  background-color: #fff;
  overflow: hidden;
}
.cbr-intro-area-bg {
  width: 100%;
  background-image: url("../assets/backgrounds/people-background.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#cbr-intro-area-inner {
  width: 1160px;
  height: 750px;
  margin: 0 auto;
  position: relative;
}
.cbr-intro-dot {
  width: 300px;
  height: 300px;
  border-radius: 150px;
  background-color: rgba(0, 35, 93, 0.95);
  text-align: center;
  float: left;
  position: absolute;
  top: 225px;
  left: 70px;
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #fff;
}
.cbr-intro-dot-icon {
  background-image: url("../assets/icons/cbr-intro-dot-icon.svg");
  background-repeat: no-repeat;
  background-size: 50px;
  display: block;
  text-align: center;
  width: 50px;
  height: 50px;
  margin: 37px auto 10px auto;
}
.cbr-intro-dot-number {
  display: block;
  font-family: 'Roboto Slab', serif;
  font-size: 105px;
  line-height: 70px;
  font-weight: 700;
  color: #fff;
  padding: 10px 0 20px 0;
  width: 290px;
  text-align: center;
}
.cbr-intro-content {
  width: 430px;
  float: right;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #444;
  margin-top: 100px;
}
.counter {
  padding-left: 20px;
}
#cbr-overview-area {
  width: 100%;
  height: 790px;
  overflow: hidden;
  position: relative;
}
.cbr-overview-cloud {
  background: url("../assets/backgrounds/sky.jpg") repeat-x;
  height: 576px;
  width: 5760px;
  animation: slide 120s linear infinite;
  position: absolute;
  z-index: -2;
}
@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1920px, 0, 0);
  }
}
#cbr-overview-area-inner {
  width: 1160px;
  height: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.cbr-overview-content {
  width: 650px;
  float: left;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #444;
  margin-top: 350px;
}
.cbr-overview-person {
  top: 310px;
  width: 468px;
  height: 765px;
  float: right;
  background-image: url("../assets/backgrounds/person.png");
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.cbr-overview-drone {
  width: 123px;
  height: 46px;
  background-image: url("../assets/backgrounds/drone.png");
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
  top: 300px;
  left: 1220px;
  animation: dronefly 15s ease-in-out infinite;
}
@keyframes dronefly {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(-300px, 40px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.cbr-overview-wheat {
  top: -100px;
  width: 100%;
  height: 244px;
  background-image: url("../assets/backgrounds/wheat.png");
  background-repeat: no-repeat;
  position: relative;
  z-index: -1;
}
#cbr-participation-area {
  width: 100%;
  position: relative;
  border-top: 10px solid #8cc63f;
  background-color: #00235d;
}
#cbr-participation-area-inner {
  width: 1160px;
  margin: 0 auto;
  padding-top: 70px;
  text-align: center;
}
#cbr-map-area {
  width: 1160px;
  height: 500px;
  background-image: url("../assets/backgrounds/maps.png");
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: -30px;
}
#cbr-map-left-col {
  margin-top: 80px;
  width: 580px;
  text-align: center;
  float: left;
}
#cbr-map-right-col {
  margin-top: 80px;
  width: 580px;
  text-align: center;
  float: right;
}
.cbr-map-data-area {
  display: inline-block;
  width: 250px;
  text-align: center;
  margin: 10px;
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #fff;
}
.cbr-map-roles-dot {
  background-image: url("../assets/icons/roles-icon.svg");
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center center;
  width: 80px;
  height: 80px;
  border-radius: 41px;
  border: 2px solid #8cc63f;
  text-align: center;
  display: inline-block;
}
.cbr-map-employees-dot {
  background-image: url("../assets/icons/employees-icon.svg");
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center center;
  width: 80px;
  height: 80px;
  border-radius: 41px;
  border: 2px solid #8cc63f;
  text-align: center;
  display: inline-block;
}
.cbr-map-dot-number {
  display: block;
  font-family: 'Roboto Slab', serif;
  font-size: 70px;
  line-height: 60px;
  font-weight: 700;
  color: #fff;
  width: 233px;
  text-align: center;
  margin: 8px 17px 12px 0;
}
#cbr-demo-area {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 50px 0;
  background-color: #8cc63f;
}
#cbr-demo-area-inner {
  width: 1160px;
  margin: 0 auto;
  text-align: center;
}
#cbr-demo-area-form {
  text-align: left;
  float: left;
  width: 580px;
  margin-top: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#cbr-demo-area-form-inner {
  padding-left: 50px;
}
#cbr-demo-area-content {
  text-align: left;
  float: left;
  width: 580px;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #00235d;
}
#cbr-demo-area-content-inner {
  padding: 20px 40px 0 0;
}
#cbr-demo-area-inner label {
  font-family: 'Roboto Slab', serif;
  font-size: 14px;
  font-weight: 700;
  color: #00235d;
  margin: 10px 0;
  text-transform: uppercase;
}
#cbr-demo-area-inner input {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px 0;
  width: 500px;
  padding: 10px;
  background-color: #fff;
  border: 0;
  transition: all .3s;
  color: #00235d;
}
#cbr-demo-area-inner button {
  margin: 0;
  margin-top: 10px;
  width: 520px;
}
#cbr-faq-area {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 60px 0;
}
#cbr-faq-area-inner {
  width: 1160px;
  margin: 0 auto;
  text-align: center;
}
#cbr-faq-area-inner .accordion {
  text-align: left;
  background-color: #f1f1f1;
  color: #00235d;
  cursor: pointer;
  padding: 16px 40px 20px 20px;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-top: 10px;
}
#cbr-faq-area-inner .accordion h2 {
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: none;
  width: auto;
  text-align: left;
  margin: 0;
  padding: 0;
  background: none;
}
#cbr-faq-area-inner .active, .accordion:hover {
  background-color: #00235d;
  color: #fff;
}
#cbr-faq-area-inner .active h2 {
  color: #fff;
}
#cbr-faq-area-inner .active:hover h2 {
  color: #00235d;
}
#cbr-faq-area-inner .accordion:hover {
  background-color: #8cc63f;
  color: #00235d;
}
#cbr-faq-area-inner .panel {
  text-align: left;
  padding: 0 20px;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #444;
  font-weight: 400;
  margin-top: 10px;
}
#cbr-faq-area-inner .accordion:before {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  content: "+";
  color: #00235d !important;
  float: right;
  margin-right: -20px;
}
#cbr-faq-area-inner .active:before {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  content: "-";
  color: #fff !important;
  float: right;
  margin-right: -20px;
}
#pay-data-area-content-can {
  padding-top: 120px;
  width: 100%;
  height: 450px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
  background-image: url("../assets/backgrounds/can-map.png");
  background-repeat: no-repeat;
  background-position: center top;
}
#pay-data-area-content-us {
  padding-top: 120px;
  width: 100%;
  height: 450px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
  background-image: url("../assets/backgrounds/us-map.png");
  background-repeat: no-repeat;
  background-position: center 15px;
}
#pay-data-area-content-box {
  width: 720px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
}
#pay-data-title-box {
  display: inline-block;
  text-align: center;
  padding: 12px 25px 16px 25px;
}
#pay-data-area-content-can h1, #pay-data-area-content-us h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Roboto Slab', serif;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  color: #fff;
}
#pay-data-area-content-can h2, #pay-data-area-content-us h2 {
  margin: 0;
  padding: 15px 15px 20px 15px;
  text-align: center;
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #00235d;
  text-transform: none;
  letter-spacing: normal;
  width: auto;
  background: none;
}
#cbr-subpage-content-area {
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0;
  border-top: 10px solid #8cc63f;
  overflow: hidden;
}
#cbr-subpage-content-area-inner {
  padding-top: 70px;
  width: 1160px;
  margin: 0 auto;
  text-align: center;
}
#cbr-subpage-content-col-outer {
  width: 720px;
  margin: 30px auto;
  text-align: center;
}
.cbr-subpage-content-col {
  width: 350px;
  float: left;
  text-align: center;
  font-family: 'Roboto Slab', serif;
  font-size: 70px;
  line-height: 60px;
  font-weight: 700;
  color: #00235d;
  margin: 5px;
}
.cbr-subpage-content-col .accordion {
  text-align: left;
  background-color: #8cc63f;
  color: #00235d;
  cursor: pointer;
  padding: 16px 40px 20px 20px;
  width: 100%;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-top: 10px;
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
.cbr-subpage-content-col .active, .accordion:hover {
  background-color: #00235d;
  color: #fff;
}
.cbr-subpage-content-col .accordion:hover {
  background-color: #00235d;
  color: #fff;
}
.cbr-subpage-content-col .panel {
  text-align: left;
  padding: 0 20px;
  background-color: #f1f1f1;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #444;
  font-weight: 400;
  padding-top: 10px;
  margin-top: -10px;
}
.cbr-subpage-content-col .accordion:before {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  content: "+";
  color: #00235d !important;
  float: right;
  margin-right: -20px;
}
.cbr-subpage-content-col .active:before {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  content: "-";
  color: #fff !important;
  float: right;
  margin-right: -20px;
}
.cbr-subpage-content-col .accordion:hover:before {
  color: #fff !important;
}
.cbr-subpage-content-col ul {
  padding-top: 5px;
  padding-bottom: 10px;
  margin-left: -15px;
}

/*Uzairs Updates*/
.cbr-nav-item[href="https://cbr.agcareers.com/login"] {
  background-color: #00235D; /* Dark blue background */
  color: #ffffff !important; /* White text */
  padding: 10px 20px; /* Padding for spacing */
  border-radius: 21px; /* Rounded edges */
  text-decoration: none; /* Remove underline */
  font-weight: normal;
  display: inline-block; /* Ensures it behaves like a button */
  transition: background-color 0.3s ease-in-out;
  border-bottom: none !important; /* Remove the green underline */
}

.cbr-nav-item[href="https://cbr.agcareers.com/login"]:hover {
  background-color: #001a45; /* Slightly darker blue on hover */
  border-bottom: none !important; /* Prevents any green underline from appearing */
}

#cbr-banner {
  background-color: #8CC63F; /* Green background */
  color: #ffffff; /* White text */
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 0; /* Makes it thinner */
  width: 100%;
}

#cbr-banner a {
  color: #002A5C;
  text-decoration: none;
  display: inline-block;
  padding: 5px 15px; /* Adjust spacing */
}



.cbr-intro-content {
  text-align: left;
  max-width: 700px; /* Matches Figma */
}

/* Subtitle (Industry Specific, Confidential, Competitive) */
.cbr-intro-subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 200 !important;/* Extra Light */
  letter-spacing: 0.04em; /* 4% stretch */
  color: #6C757D; /* Soft Gray */
  margin-bottom: 8px;
}

.cbr-intro-header {
  font-family: 'Roboto', sans-serif !important;
  font-size: 30px !important;
  font-weight: 600 !important;
  background-color: #002A5C !important;
  color: white !important;
  padding: 12px 18px !important;
  display: block !important;  /* Allow the header to expand fully */
  margin: 10px 0 !important;
  line-height: 1.2 !important; /* Ensures proper spacing */
  text-align: left !important;
  white-space: normal !important; /* Ensures wrapping */
  width: fit-content !important; /* Expands to fit content */
  min-width: 300px !important; /* Ensures a reasonable width */
  max-width: 100% !important; /* Prevents overflow */
  word-wrap: break-word !important; /* Ensures long words break correctly */
  box-sizing: border-box !important;
}

/* Body Text */
.cbr-intro-text {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 400; /* Regular */
  color: #333; /* Dark Gray */
  line-height: 1.6;
  margin-bottom: 20px;
}

.cbr-intro-buttons {
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
  justify-content: flex-start !important; /* Aligns buttons to the left */
}

.cbr-intro-buttons .cbr-btn {
  background-color: #8CC63F !important; /* Green */
  border: none !important;
  border-radius: 4px !important;
  padding: 8px 18px !important; /* Less padding */
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #002A5C !important;
  cursor: pointer !important;
  flex: 1 !important; /* Makes buttons stretch */
  max-width: 250px !important;
  text-align: center !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Hover Effect */
.cbr-intro-buttons .cbr-btn:hover {
  transform: scale(1.05) !important;
  box-shadow: 0px 4px 10px rgba(140, 198, 63, 0.3) !important;
}

/* NEW STYLES FOR SURVEY PAGE */
.cbr-food-beverage-back {
  top: -260px;
  width: 100%;
  background: url("../assets/backgrounds/food-beverage-pic.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  z-index: -3;
  height: 1100px;
  background-blend-mode: multiply;
  background-color: #667b9e;
}
.cbr-food-beverage-data-back {
  top: 850px;
  width: 100%;
  background: url("../assets/backgrounds/food-beverage-data-pic.png");
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  z-index: -2;
  height: 1100px;
}
.cbr-food-beverage-content {
  top: 450px;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 1160px;
}
.cbr-food-beverage-content h3 {
  font-size: 45px !important;
  line-height: 65px !important;
  filter: drop-shadow(0px 0px 20px #000f27);
  font-weight: 700 !important;
}