@import url("./common.css");
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  font-family: var(--font-roboto);
  font-size: 18px !important;
}
body p {
  text-align: justify !important;
}
.main-menu {
  border-top: 6px solid var(--empee-blue);
}
.main-menu li a.nav-link {
  padding: 24px 10px !important;
  color: var(--empee-blue);
  font-size: 18px;
  font-weight: bold;
}
.main-menu #mobile-menu {
  margin-top: 15px;
}
.main-menu li a:is(:hover, :focus) {
  background-color: transparent;
}
/* Tree Menu */
.navbar .dropdown-menu div[class*="col"] {
  margin-bottom: 1rem;
}

.navbar .dropdown-menu {
  background-color: var(--white) !important;
  border-top: 2px solid #f1f1f1 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  padding: 25px 0;
  border-bottom: 2px solid #f1f1f1 !important;
}
.dropdown-menu ul {
  padding-inline-start: 30px;
}
.navbar {
  padding-top: 0px;
  padding-bottom: 0px;
}

.navbar .nav-item {
  padding: 0.5rem 0.5rem;
}

/* makes the dropdown full width  */
.navbar .dropdown {
  position: static;
}

.about-menu-image img {
  display: block;
  margin-left: auto;
}
/* End Tree Menu */
.navbar-toggler span {
  background-color: var(--black);
  display: block;
  height: 3px;
  width: 25px;
  margin-top: 4px;
  margin-bottom: 4px;
  position: relative;
}
.home-video {
  position: relative;
}
.home video {
  display: block;
  object-fit: cover;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  height: 90vh;
}
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
}
.banner-content h1 {
  color: var(--white);
  font-size: 60px;
  margin: 0 0 12px 0;
  font-family: var(--font-playfair);
  font-weight: bold;
  padding: 0;
}
.banner-content p {
  color: var(--white);
  font-size: 24px;
  padding: 0;
}

.banner-content h1,
.banner-content p {
  text-align: center !important;
}
.scroll-down {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  cursor: pointer;
  animation: bounce 1.5s infinite;
}

.scroll-down svg {
  display: block;
  margin: 0 auto;
  width: 70px;
}

.scroll-down svg path {
  fill: var(--white);
}

.scroll-down p {
  color: white;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0;
  text-align: center;
}

/* Bounce animation */
@keyframes bounce {
  0%,
  100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-10px);
  }
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  background-color: var(--white) !important;
  box-shadow: 0 0 10px 0 var(--black) !important;
}
.section {
  padding: 60px 0;
}
h3 {
  color: var(--empee-brown);
  margin: 0;
  font-size: 18px;
  font-weight: var(--font-roboto);
  font-weight: 500;
  padding: 0;
}
h2 {
  color: var(--black);
  font-size: 42px;
  margin: 0 0 10px 0;
  font-family: var(--font-playfair);
  font-weight: 400;
  padding: 0;
}
.home-about p {
  color: var(--black);
  font-size: 18px;
  font-weight: 300;
}
.empee-button-brown-spacing,
.empee-button-yellow-spacing {
  margin-top: 40px;
}
.empee-button-brown {
  padding: 10px 30px;
  border: 1px solid var(--empee-brown);
  color: var(--empee-brown);
  background-color: var(--white);
  transition: 0.3s;
}
.empee-button-brown:is(:hover, :focus) {
  background-color: var(--empee-brown);
  color: var(--white);
  transition: 0.3s;
  text-decoration: none;
}
.empee-button-yellow {
  padding: 10px 30px;
  border: 1px solid var(--empee-yellow);
  color: var(--empee-yellow);
  background-color: transparent;
  transition: 0.3s;
}
.empee-button-yellow:is(:hover, :focus) {
  background-color: var(--empee-yellow);
  color: var(--black);
  transition: 0.3s;
  text-decoration: none;
}
.home-crafting {
  background-color: var(--empee-blue);
}
.home-spirits {
  background-image: linear-gradient(to bottom right, #581d17, #a94007);
}
.home-crafting h2,
.home-spirits-content h2 {
  color: var(--white);
  margin-bottom: 25px;
}

.home-crafting-content h3,
.home-spirits-content h3 {
  color: var(--empee-yellow);
  font-style: italic;
}
.home-crafting-content h4,
.home-spirits-content h4 {
  color: var(--empee-yellow);
  font-family: var(--font-playfair);
  font-size: 35px;
  color: var(--empee-yellow);
  margin: 10px 0 30px 0;
  padding-bottom: 0;
}
.home-crafting p,
.home-spirits-content p {
  color: var(--white);
  font-weight: 300;
}
.home-crafting-image-area,
.home-spirits-image-area,
.about-us-about-image-area {
  padding: 0;
}
.main-title-center {
  margin-bottom: 40px;
}
#news-slider h4 {
  font-size: 30px;
  font-family: var(--font-playfair);
  font-weight: 500;
  color: var(--black);
  margin: 0 0 25px 0;
  line-height: 110%;
}
#news-slider p {
  font-weight: 300;
}
#news-slider .carousel-indicators {
  bottom: -80px;
}
#news-slider .carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  text-indent: -999px;
  background-color: var(--empee-grey);
  border-radius: 50%;
}
#news-slider .carousel-indicators li.active {
  background-color: var(--empee-yellow);
}
.section.home-media {
  padding-bottom: 100px;
}
#news-slider .carousel-item {
  padding: 15px;
}
.csr h3 {
  color: var(--empee-yellow);
}
.csr {
  background-color: var(--empee-lite-grey);
}
.csr-grid-container {
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
.csr-grid-content-area {
  position: absolute;
  bottom: 15px;
  width: 100%;
  display: block;
}
.css-grid-content-box {
  padding: 15px 10px;
  background-color: var(--empee-brown);
  margin: 0 15px;
  transition: 0.3s;
}
.css-grid-content-box h4 {
  font-size: 18px;
  color: var(--white);
  font-family: var(--font-playfair);
  font-weight: 400;
  margin: 0;
  padding-bottom: 5px;
  line-height: 110%;
}
.css-grid-content-box h5 {
  color: var(--empee-yellow);
  font-size: 16px;
  font-style: italic;
  margin: 0;
  padding: 0;
  font-family: var(--font-playfair);
}
.csr-grid-container:hover .css-grid-content-box {
  background-color: var(--empee-blue);
  transition: 0.3s;
}
.footer {
  background-color: var(--empee-blue);
  padding: 40px 0;
}
.footer h5 {
  font-family: var(--font-playfair);
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 15px 0;
  color: var(--white);
}
.footer h5::after {
  content: "";
  border-bottom: 1px solid var(--empee-yellow);
  padding-top: 10px;
  display: block;
  width: 65px;
}
.footer ul {
  list-style: none;
  padding-inline-start: 5px;
}
.footer ul b {
  float: left;
  width: 30px;
}

.footer ul b img {
  width: 18px;
}
.footer ul li {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.footer ul li:last-child {
  margin-bottom: 0;
}
.footer ul span {
  width: 82%;
  float: left;
  padding: 2px 0 0 0;
  color: var(--white);
  font-size: 16px;
}
.footer ul li a {
  color: var(--white);
  font-weight: 400;
  font-size: 16px !important;
  font-family: var(--font-roboto);
}
.footer ul li a:is(:hover, :focus) {
  text-decoration: none;
  color: var(--white);
}
.footer-social-icons {
  margin-top: 120px;
}
.footer-social-icons ul {
  padding-inline-start: 40px;
}
.copyrights {
  background-color: #003164;
  padding: 20px 0;
}
.copyrights ul {
  margin-bottom: 0;
  padding-inline-start: 0;
}
.copyrights ul li {
  display: inline-block;
  list-style: none;
  padding: 0 5px;
}
.copyrights ul li:first-of-type {
  padding-left: 0;
}
.copyrights ul li a {
  color: var(--white);
  font-size: 14px;
  font-weight: 300;
}
.copyrights {
  color: var(--white);
  font-size: 14px;
  font-weight: 300;
}
.csr-grid-container:hover {
  margin-top: -15px;
  transition: 0.3s;
}
.subpage-banner {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 150px;
  background-size: cover;
  /* background-color: var(--empee-blue); */
  background-image: url("../images/sub-banner.webp");
}
/* .page-template-about .subpage-banner {
  background-image: url("../images/about-banner.webp");
} */
.page-template-about .subpage-banner {
  background-image: url("../images/sub-banner-about.webp");
}
.post-type-archive-csr .subpage-banner,
.single-csr .subpage-banner {
  background-image: url("../images/subbanner-csr.webp");
}
.post-type-archive-news .subpage-banner,
.single-news .subpage-banner {
  background-image: url("../images/subbanner-media.webp");
}
.page-template-careers .subpage-banner {
  background-image: url("../images/subbanner-career.webp");
}
.page-template-contact .subpage-banner {
  background-image: url("../images/subbanner-contact.webp");
}
.page-template-empee-ltd .subpage-banner {
  background-image: url("../images/sub-banner-hospitality.webp");
}
.page-template-universal-ltd .subpage-banner {
  background-image: url("../images/sub-banner-alcobev.webp");
}
.subpage-banner-content-area {
  flex-direction: column;
  min-height: 120px;
  justify-content: flex-end;
}
.subpage-banner-content-area h1 {
  font-size: 40px;
  font-weight: bold;
  font-family: var(--font-playfair);
  margin: 0 0 10px 0;
  color: var(--white);
  padding: 0;
  text-shadow: 2px 2px 3px var(--black);
}
.subpage-banner-content-area p {
  color: var(--white);
  font-size: 18px;
  font-family: var(--font-roboto);
  font-weight: 400;
  text-shadow: 2px 2px 3px var(--black);
  margin-bottom: 0;
}
.message-from-founder p {
  font-weight: 300;
}
.message-from-founder h2 {
  margin-bottom: 15px;
}
.message-from-founder h4 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
  font-family: var(--font-playfair);
  color: var(--empee-blue);
}
.message-from-founder h5 {
  color: var(--empee-brown);
  font-family: var(--font-playfair);
  font-weight: 500;
  font-style: italic;
  font-size: 20px;
  margin: 0;
}
.about-us-about {
  background-color: var(--empee-lite-grey);
}
.about-us-about-image-area figure {
  margin: 0;
}
.about-us-about-content h2 {
  margin-bottom: 40px;
}
.our-vision-mission {
  background-color: var(--empee-blue);
}
.our-vision-mission h3 {
  color: var(--white);
}
.our-vision-mission h2 {
  color: var(--empee-yellow);
}
.page-template-about .csr {
  background-color: var(--white);
}
.vision-mission-box {
  background-color: var(--white);
  padding: 40px;
}
.vision-mission-box svg {
  width: 125px;
  height: 125px;
  background-color: var(--empee-brown);
  border-radius: 50%;
}
.vision-mission-box h5 {
  color: var(--empee-blue);
  font-size: 30px;
  font-weight: 500;
  font-family: var(--font-playfair);
  font-style: italic;
  margin: 30px 0 20px 0;
  padding: 0;
}
.vision-mission-box p,
.vision-mission-box ul li {
  color: var(--black);
  font-weight: 300;
}
.vision-mission-box ul li {
  text-align: left;
  padding-bottom: 6px;
}
.vision-mission-box ul li:last-child {
  padding-bottom: 0;
}
.dropdown-menu p {
  color: var(--empee-brown);
  font-weight: bold;
  margin-bottom: 0;
  font-size: 20px;
}
/* .page-template-empee-ltd .subpage-banner {
  background-image: url("../images/empee-subpage-banner.webp");
} */
figure {
  margin: 0;
}
.about-empee p {
  font-weight: 300;
}
.page-template-empee-ltd .csr {
  display: none;
}
.empee-highlights h6,
.universal-highlights h6 {
  color: var(--empee-blue);
  font-weight: bold;
  margin: 0;
  padding-bottom: 5px;
  font-size: 18px;
}
.empee-highlights p,
.universal-highlights p {
  font-weight: 300;
}
.empee-highlights h2,
.universal-highlights h2 {
  margin-bottom: 30px;
}
/* .page-template-universal-ltd .subpage-banner {
  background-image: url("../images/universal-spirits-banner.webp");
} */
.page-template-universal-ltd .csr {
  display: none;
}
.about-universal-content p {
  font-weight: 300;
}

/* Careers */
/* .page-template-careers .subpage-banner,
.awsm_job_openings-template-custom .subpage-banner {
  background-image: url("../images/career-banner.webp");
} */
.page-template-careers .csr {
  display: none;
}
.page-template-careers .entry-content {
  margin: 0;
}

.posted-date-text,
.job-location {
  color: #5d5d5d;
  font-size: 14px;
}
.posted-date,
.awsm-job-specification-term {
  color: var(--black);
}
.awsm-job-item {
  font-size: 16px;
  padding: 30px;
}
.awsm-grid-item .awsm-job-item {
  border: 1px solid #aaafc9;
}
.custom-excerpt-class {
  color: var(--black);
  margin-bottom: 25px;
}
.custom-excerpt-class::before {
  content: "Description:";
  font-weight: bold;
  margin-right: 5px;
  display: block;
}
.border-area {
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 8px 0;
  margin-bottom: 15px;
}
.awsm-job-post-title {
  font-size: 30px !important;
  font-weight: bold;
  font-family: var(--font-roboto);
}
.awsm-job-more {
  padding: 10px 20px;
  border: 1px solid #aaafc9;
  font-size: 14px;
  color: var(--black);
}
.awsm-job-more-container .awsm-job-more span::before {
  content: "" !important;
}
.awsm-selectric {
  border: 1px solid #aaafc9;
}
.awsm-selectric .label {
  font-size: 16px;
}
.awsm-grid-right-col {
  margin-bottom: 10px;
}
.awsm-filter-item,
.awsm-filter-item-toggle {
  display: inline-block;
  margin-right: 10px; /* Adjust spacing between fields */
  vertical-align: top; /* Align fields to the top */
}
.awsm-filter-items {
  margin-bottom: 20px;
}

.awsm-filter-toggle-text-wrapper {
  color: var(--black) !important;
}
.awsm-filter-toggle.awsm-on {
  background-color: var(--white);
}
.awsm-filter-toggle {
  border-color: #aaafc9;
  font-weight: bold;
}
.awsm_job_openings-template-custom .entry-title {
  margin-top: 0;
  border: none;
}
.awsm_job_spec_above_content {
  border: 1px solid #aaafc9;
  padding: 20px;
}
.awsm-job-form-inner {
  border: 1px solid #aaafc9;
}
.entry-header {
  display: none;
}
.awsm-job-form-group label {
  margin-bottom: 2px;
  font-weight: bold;
}
.awsm-job-form-control.awsm-form-file-control {
  border: none !important;
}
textarea {
  resize: none;
}
.awsm-job-form-control {
  height: 45px;
  border: 1px solid #aaafc9;
  border-radius: 6px;
}

.awsm-job-form-inner h2 {
  font-family: var(--font-roboto);
  font-weight: bold;
  font-size: 35px;
}

.single-awsm_job_openings .entry-content {
  margin: 0;
}

.single-awsm_job_openings
  .awsm-job-specification-wrapper
  .awsm-job-specification-item {
  margin-bottom: 10px;
}

.awsm-application-submit-btn {
  padding: 10px 30px;
  border: 1px solid var(--empee-brown);
  color: var(--empee-brown);
  background-color: var(--white);
  transition: 0.3s;
}
.awsm-application-submit-btn:is(:hover, :focus) {
  background-color: var(--empee-brown);
  color: var(--white);
  transition: 0.3s;
  text-decoration: none;
}

.awsm-job-inline-group label {
  margin-bottom: 5px;
  font-weight: 300;
  font-size: 16px;
}

.awsm-job-form-control:is(:focus, :hover) {
  border: 1px solid #aaafc9;
  outline: none !important;
  box-shadow: none !important;
}

textarea.awsm-job-form-control {
  height: auto !important;
}

.back-button {
  text-align: right;
  color: var(--empee-brown);
  margin-bottom: 10px;
}
.back-button a {
  color: var(--empee-brown);
  font-weight: bold;
  text-decoration: none;
  transition: 0.3s;
  border: 1px solid var(--empee-brown);
  padding: 5px 10px;
}
.back-button a:is(:hover, :focus) {
  background-color: var(--empee-brown);
  color: var(--white);
  transition: 0.3s;
  text-decoration: none;
}

.single-awsm_job_openings
  .awsm-job-specification-wrapper
  .awsm-job-specification-item:last-of-type {
  margin-bottom: 0;
}
.awsm-job-form-error {
  color: red;
}

/* End Careers */

.main-menu .nav-link.active,
.page-template-careers .nav-link.careers-active,
.single-awsm_job_openings .nav-link.careers-active {
  color: var(--empee-brown);
}

/* .post-type-archive-csr .subpage-banner,
.single-csr .subpage-banner {
  background-image: url("../images/about-banner.webp");
} */

/* Gallery Layout */
.csr-images {
  column-gap: 20px;
  column-fill: balance;
  margin: 20px auto 0 auto;
}
.csr-images .item {
  display: block;
  margin: 0 0 20px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  width: 100%;
}
.csr-images .item img {
  width: 100%;
  height: auto;
}

@media (min-width: 600px) {
  .csr-images {
    column-count: 2;
  }
}
@media (min-width: 900px) {
  .csr-images {
    column-count: 3;
  }
}
@media (min-width: 1200px) {
  .csr-images {
    column-count: 3;
  }
}

.csr-image-container {
  position: relative;
  overflow: hidden;
}

.csr-image-content {
  position: absolute;
  display: block;
  bottom: 20px;
  padding: 15px;
  width: 100%;
  transition: all 0.6s;
  background: #0000008a;
}

.csr-image-content p {
  font-size: 18px;
  font-weight: bold;
  color: var(--white);
  margin-bottom: 0;
}

/* Gallery Layout End */

.year-title {
  font-size: 18px;
  cursor: pointer;
  margin: 12px 0;
  padding: 12px;
  border-radius: 6px;
  display: block;
  color: #4856b2;
}

.year-title.active-year {
  color: #fff;
  background-color: #4856b2;
  border: none;
  font-weight: bold;
}

.post-list {
  position: relative;
  padding-left: 20px;
}

/* General Timeline Styling for Archive Page */
.post-type-archive-csr .timeline {
  position: relative;
  padding: 20px 0;
  border-left: 2px solid #ccc; /* Default border color */
}

/* Remove individual borders from timeline items */
.post-type-archive-csr .timeline-item {
  position: relative;
  margin-bottom: 10px;
  padding-left: 10px;
}

/* Use a single border for the entire timeline */
.post-type-archive-csr .timeline-item::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: transparent; /* Remove border from individual items */
  z-index: 1;
}

/* Highlight border for the active post */
.post-type-archive-csr .timeline-item.active::before {
  background-color: #4856b2; /* Active post border color */
}

/* Timeline marker for each post */
.post-type-archive-csr .timeline-marker {
  position: absolute;
  left: -11px;
  top: 0;
  width: 10px;
  height: 10px;
  /* background-color: #ccc;
  border: 2px solid #fff;
  border-radius: 50%; */
  z-index: 2;
}

.post-type-archive-csr.timeline-item a:is(:hover, :focus) {
  color: #4856b2;
  transition: 0.3s;
  text-decoration: none;
}

/* Active post marker */
/* .post-type-archive-csr .timeline-item.active .timeline-marker {
  background-color: #007bff;
} */

/* Timeline content (post title and date) */
.post-type-archive-csr .timeline-content {
  padding: 5px;
  border-radius: 5px;
  transition: background-color 0.3s, border-color 0.3s;
  font-size: 16px;
  color: var(--black);
}

.post-type-archive-csr .timeline-content a {
  color: var(--black);
  transition: 0.3s;
}

/* Active post content */

/* Optional: Hover effect for non-active posts */
.post-type-archive-csr .timeline-item.active a {
  color: #4856b2;
}

.post-type-archive-csr .timeline-item.active a:is(:hover, :focus) {
  color: #4856b2;
  text-decoration: none;
  transition: 0.3s;
}

/* General Timeline Styling for Single Post Page */
.single-csr .timeline {
  position: relative;
  padding: 20px 0;
  border-left: 2px solid #ccc; /* Default border color */
}

/* Remove individual borders from timeline items */
.single-csr .timeline-item {
  position: relative;
  margin-bottom: 10px;
  padding-left: 10px;
}

/* Use a single border for the entire timeline */
.single-csr .timeline-item::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: transparent; /* Remove border from individual items */
  z-index: 1;
}

/* Highlight border for the active post */
.single-csr .timeline-item.active::before {
  background-color: #4856b2; /* Active post border color */
}

/* Timeline marker for each post */
.single-csr .timeline-marker {
  position: absolute;
  left: -11px;
  top: 0;
  width: 10px;
  height: 10px;
  /* background-color: #ccc;
  border: 2px solid #fff;
  border-radius: 50%; */
  z-index: 2;
}

/* Active post marker */
/* .single-csr .timeline-item.active .timeline-marker {
  background-color: #007bff;
} */

/* Timeline content (post title and date) */
.single-csr .timeline-content {
  padding: 5px;
  transition: background-color 0.3s, border-color 0.3s;
  font-size: 16px;
}
.single-csr .timeline-content a {
  color: var(--black);
  transition: 0.3s;
  display: block;
}
/* Active post content */
.single-csr .timeline-item.active a {
  color: #4856b2;
}

.single-csr .timeline-item a:is(:hover, :focus) {
  color: #4856b2;
  transition: 0.3s;
  text-decoration: none;
}

/* Optional: Hover effect for non-active posts */

.single-csr .entry-content,
.post-type-archive-csr .entry-content {
  margin: 0;
  padding: 0;
}
.csr-images {
  padding-bottom: 40px;
}
.single-csr .csr,
.post-type-archive-csr .csr {
  background: none !important;
}
.single-csr .entry-content p,
.post-type-archive-csr .entry-content p {
  font-size: 24px;
  color: var(--black);
  font-weight: bold;
  margin-bottom: 0;
}
.csr-sidebar h5 {
  margin: 0;
  font-size: 24px;
  color: var(--empee-blue);
  border-bottom: 1px solid var(--empee-blue);
  padding-bottom: 10px;
}
.csr-sidebar-section {
  background-color: #f0f3ff;
}
.csr-sidebar {
  padding-top: 60px;
}
.mfp-title {
  font-size: 20px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-top: 5px;
}
/* .page-template-contact .subpage-banner {
  background-image: url("../images/about-banner.webp");
} */

.contact-reach-us ul {
  list-style: none;
  padding-inline-start: 5px;
}
.contact-reach-us ul b {
  float: left;
  width: 30px;
}
.contact-reach-us ul li {
  width: 100%;
  float: left;
  padding-bottom: 15px;
}
.contact-reach-us ul li:last-child {
  padding-bottom: 0;
}
.contact-reach-us ul span {
  width: 82%;
  float: left;
  padding: 2px 0 0 0;
  color: var(--black);
  font-size: 16px;
}
.contact-reach-us ul li a {
  color: var(--black);
  font-weight: 400;
  font-size: 16px !important;
  font-family: var(--font-roboto);
}
.contact-reach-us ul li a:is(:hover, :focus) {
  text-decoration: none;
  color: var(--black);
}

.contact-us-form .form-control {
  border: none !important;
  border-bottom: 1px solid #ced4da !important;
  border-radius: 0 !important;
  height: 50px;
}
.contact-us-form .form-control:focus {
  box-shadow: none !important;
}

.contact-us-form .form-group {
  margin-bottom: 30px;
}

.contact-us-form textarea.form-control {
  height: auto !important;
}
.contact-us-form textarea {
  resize: none !important;
}
.contact-us-form .wpcf7-submit {
  margin-top: 30px;
}
.contact-us-form p {
  margin-bottom: 0;
}
.contact-us-form .wpcf7-submit {
  padding: 10px 30px;
  border: 1px solid var(--empee-brown);
  color: var(--empee-brown);
  background-color: var(--white);
  transition: 0.3s;
}
.contact-us-form .wpcf7-submit:is(:hover, :focus) {
  background-color: var(--empee-brown);
  color: var(--white);
  transition: 0.3s;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}
.contact-us-page h2 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.navbar-toggler svg {
  width: 50px;
}
.back-button {
  display: none;
}
.close-btn {
  display: none;
}
button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.csr-archive-page {
  padding: 60px 0;
}

.single-csr .fbx-rounded .fbx-prev,
.post-type-archive-csr .fbx-rounded .fbx-prev {
  left: -60px;
}
.single-csr .fbx-rounded .fbx-next.fbx-btn-shadow,
.single-csr .fbx-rounded .fbx-prev.fbx-btn-shadow,
.post-type-archive-csr .fbx-rounded .fbx-next.fbx-btn-shadow,
.post-type-archive-csr .fbx-rounded .fbx-prev.fbx-btn-shadow {
  box-shadow: none;
}
.single-csr .fbx-light .fbx-next,
.single-csr .fbx-light .fbx-prev,
.post-type-archive-csr .fbx-light .fbx-next,
.post-type-archive-csr .fbx-light .fbx-prev {
  background: 0 0 !important;
  color: #fff !important;
}
.fg-masonry.fg-captions-bottom.fg-light .fg-caption-title,
.fg-masonry.fg-captions-bottom.fg-light .fg-caption-title a {
  font-weight: bold !important;
  font-size: 18px !important;
}
.fg-item-inner {
  position: relative !important;
}
.foogallery.fg-masonry.fg-captions-bottom .fg-item-inner .fg-caption {
  position: absolute !important;
  display: block !important;
  bottom: 0px !important;
  padding: 0px !important;
  width: 100% !important;
  transition: all 0.6s !important;
  background: #0000008a !important;
}
.fg-masonry.fg-captions-bottom.fg-light .fg-caption-title,
.fg-masonry.fg-captions-bottom.fg-light .fg-caption-title a {
  color: var(--white) !important;
}
.leadership-team-layer {
  position: relative;
  overflow: hidden;
}
.leadership-team-box {
  position: absolute;
  bottom: 15px;
  width: 100%;
  display: block;
}
.leadership-box-content {
  padding: 15px 10px;
  background-color: var(--empee-brown);
  margin: 0 15px;
  transition: 0.3s;
  text-align: center;
}
.leadership-box-content h4 {
  font-size: 24px;
  color: var(--white);
  font-family: var(--font-playfair);
  font-weight: 400;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  line-height: 110%;
}
.leadership-box-content h5 {
  color: var(--empee-yellow);
  font-family: var(--font-playfair);
  font-weight: 500;
  font-style: italic;
  font-size: 18px;
  margin: 0;
}
.empee-news .entry-header,
.single-news .entry-header {
  display: block;
}
.empee-news .entry-header h3 {
  font-family: var(--font-playfair);
  color: var(--empee-blue);
  font-size: 22px;
  margin-bottom: 10px;
}
.empee-news .entry-header h3 a {
  color: var(--black);
}
.empee-news .entry-header .news-date,
.single-news .entry-header .news-date {
  color: var(--empee-yellow);
  margin-bottom: 10px;
  font-size: 18px;
}
.single-news p {
  margin-bottom: 10px;
}

.sidebar-menu-news-archieves {
  border: 1px solid var(--empee-brown);
  padding: 30px;
}
.sidebar-menu-news-archieves h2 {
  font-size: 20px;
}
.sidebar-menu-news-archieves a {
  color: var(--black);
}
.single-news .entry-header h2 {
  font-size: 30px;
}

.nav-previous a {
  padding: 10px 30px;
  border: 1px solid var(--empee-brown);
  color: var(--empee-brown);
  background-color: var(--white);
  transition: 0.3s;
}

.nav-next a {
  padding: 10px 30px;
  border: 1px solid var(--empee-brown);
  color: var(--empee-brown);
  background-color: var(--white);
  transition: 0.3s;
}
.nav-next a:hover {
  background-color: var(--empee-brown);
  color: var(--white);
  transition: 0.3s;
  text-decoration: none;
}
.nav-previous a:hover {
  background-color: var(--empee-brown);
  color: var(--white);
  transition: 0.3s;
  text-decoration: none;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: right !important;
  width: 50% !important;
  text-align: right !important;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: left !important;
  width: 50% !important;
  text-align: left !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border: none;
}
.wpcf7-not-valid-tip {
  color: red;
  margin-top: 5px;
}

.careers-form .wpcf7-submit {
  padding: 10px 30px;
  border: 1px solid var(--empee-brown);
  color: var(--empee-brown);
  background-color: var(--white);
  transition: 0.3s;
}
.careers-form .wpcf7-submit:is(:hover, :focus) {
  background-color: var(--empee-brown);
  color: var(--white);
  transition: 0.3s;
  text-decoration: none;
  outline: none;
  box-shadow: none;
}
.careers-form .form-control {
  border: none !important;
  border-bottom: 1px solid #ced4da !important;
  border-radius: 0 !important;
  height: 50px;
}
.careers-form .form-control:focus {
  box-shadow: none !important;
}

.careers-form .form-group {
  margin-bottom: 30px;
}

.careers-form textarea.form-control {
  height: auto !important;
}
.wpcf7 form.sent .wpcf7-response-output {
  border: none !important;
}
#empee-slider .carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  text-indent: -999px;
  background-color: var(--white);
  border-radius: 50%;
  opacity: 1;
}
#empee-slider .carousel-indicators li.active {
  background-color: var(--black);
}
#unviersal-slider .carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  text-indent: -999px;
  background-color: var(--white);
  border-radius: 50%;
  opacity: 1;
}
#unviersal-slider .carousel-indicators li.active {
  background-color: var(--black);
}
.form-control {
  font-size: 16px !important;
}
.home-crafting-logo {
  width: 125px;
  margin-bottom: 15px;
}
.home-spirits-logo {
  width: 300px;
  margin-bottom: 15px;
}
.careers-form label {
  font-weight: bold;
}
input[type="radio" i]:focus-visible {
  outline: none !important;
}
.home-crafting-content svg {
  width: 150px;
}
.menu-logo,
.menu-logo-universal {
  display: none;
}

/* .dropdown-menu {
  display: block;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  padding-top: 0;
  padding-bottom: 0;
}


.dropdown-menu.show {
  max-height: 1000px;
  opacity: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
} */

.home-crafting-content-area,
.home-spirits-content-area,
.about-us-about-content-area {
  display: flex;
  align-items: center;
}
.home-crafting .row,
.home-spirits .row,
.about-us-about .row {
  display: flex;
  align-items: stretch;
}
.home-crafting-image-area figure,
.home-crafting-image-area img,
.home-spirits-image-area figure,
.home-spirits-image-area img,
.about-us-about-image-area img,
.about-us-about-image-area figure {
  height: 100%;
  width: 100%;
  margin: 0;
  display: block;
}
.dropdown-menu p a {
  color: var(--empee-brown);
  font-weight: bold;
  margin-bottom: 0;
  font-size: 20px;
}
.dropdown-menu span a:hover,
.dropdown-menu p a:hover {
  text-decoration: none;
}
.csr-post-title{
    margin-bottom:20px;
}