@charset "utf-8";
/* CSS Document */

body, html {
    height: 100%;
}

body {
	overflow-x: hidden;
}

html {
	overflow-x: visible!important;
	scroll-behavior: smooth;
}
#nav {
	z-index: 1050;
	/* Make sure it is higher than other elements */
}



/*NAVIGATION*/
.nav-color.scrolled {
  background-color: #582124!important;
  transition: background-color 200ms linear;
}

.nav-bg-color {
  background-color: transparent!important;
}
.nav-bar-bg {
	position: fixed !important;
}

.nav-txt-color a{
    color: #84602C!important;

}

.logo img {
	height: 4.3vmax;
}

.nav-link.active {
  cursor: pointer;
  position: relative;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px; 
  transition: all 1s;
}

.nav-link.active:after,
.nav-link.active:before {
  content: " ";
  width: 100%; 
  height: 100%;
  position: absolute;
  transition: all 1s;
}

.nav-link.active:after {
  top: -1px;
  left: -1px;
  border-top: 1px solid #84602C;
}

.nav-link.active:before {
    bottom: -1px;
    right: -1px;
    border-bottom: 1px solid #84602C;
}

.btn1 {
    cursor: pointer;
    position: relative;
    padding: 10px 20px;
    background: white;
    font-size: 28px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 1s;
  }
  .btn1:after, .btn1:before {
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    transition: all 1s;
  }
  .btn1:after {
    top: -1px;
    left: -1px;
    border-top: 1px solid #84602C;
  }
  .btn1:before {
    bottom: -1px;
    right: -1px;
    border-bottom: 1px solid #84602C;
  }
  .btn1:hover {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .btn1:hover:before, .btn1:hover:after {
    width: 100%;
    height: 100%;
  }


.btn2-wrapper {
    position: relative;
    display: inline-block;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 1s;
    z-index: 1;
}

.btn2-wrapper::before,
.btn2-wrapper::after {
    content: " ";
    width: 0;
    height: 0; 
    position: absolute;
    transition: all 1s;
    z-index: -1;
}

.btn2-wrapper::before {
    top: -1px;
    left: -1px;
    border-top: 1px solid #84602C;
}

.btn2-wrapper::after {
    bottom: -1px;
    right: -1px;
    border-bottom: 1px solid #84602C;
}

.btn2-wrapper:hover {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.btn2-wrapper:hover::before,
.btn2-wrapper:hover::after {
    width: 100%;
    height: 100%; 
}

.btn2-wrapper.active {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.btn2-wrapper.active::before,
.btn2-wrapper.active::after {
    width: 100%; 
    height: 100%; 
}

.btn2.dropdown-toggle::after {
    content: ""; 
    display: inline-block;
    vertical-align: 0.1em;
    border-top: 0.3em solid;
    position: relative;
    z-index: 2;
}


/* HOME PAGE */

.home-container-box {
  perspective: 2000px;
}

.home-section-box {
  min-height: 100vh;
  transform-style: preserve-3d;
  font-weight: 500;
  font-size: 48px;
  background-image: url('images/landing-page/23M.png');
  background-size: cover; /* Ensures the image covers the entire container */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents the image from repeating */
}
.home-section-box:nth-child(1) {
  background-color: #FBF2F0;
}
.home-section-box:nth-child(2) {
  background-color: #FBF2F0;
}

.home-title {
  text-shadow: 12px 6px 12px #2d1908;
}

.logo-container {
	position: relative;
	
	&:before {
		content:  "";
		position: absolute;
		top:      calc( 100% - 2px );
		width:    100%;
		height:   4px;
		background-color: #6B1B28;
		transform-origin: center center;
		transform: scaleX( 0 );
		
		animation: line-animation 3s ease alternate;
	}
	
	h1#page-logo {		
		animation: clip-path-reveal-1 3s ease alternate;
	}
}
  
  @-webkit-keyframes line-animation {
    0% {
      transform: scaleX(0);
    }
    15% {
      transform: scaleX(0);
    }
    20%, 25% {
      transform: scaleX(1);
      top: calc(100% - 2px);
    }
    50% {
      transform: scaleX(1);
      top: 0px;
    }
    70% {
      transform: scaleX(0.2);
      top: 0px;
    }
    80%, 100% {
      transform: scaleX(0.2);
      top: 0px;
    }
  }
  
  @keyframes line-animation {
    0% {
      transform: scaleX(0);
    }
    15% {
      transform: scaleX(0);
    }
    20%, 25% {
      transform: scaleX(1);
      top: calc(100% - 2px);
    }
    50% {
      transform: scaleX(1);
      top: 0px;
    }
    70% {
      transform: scaleX(0.2);
      top: 0px;
    }
    80%, 100% {
      transform: scaleX(0.2);
      top: 0px;
    }
  }
  @-webkit-keyframes clip-path-reveal-1 {
    0%, 25% {
      -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
              clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    }
    50% {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
  }
  @keyframes clip-path-reveal-1 {
    0%, 25% {
      -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
              clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    }
    50% {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
  }

.home-sub-title {
  font-family: "default-gothic", sans-serif;
  font-style: normal;
  color: #ff7716;
}

/* WELCOME #e47a00*/

/* .card-title {
    font-family: "default-gothic", sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    color: #A18448 !important;
}

.card-body {
    background-color: #6B1B28;
}

.card-body p {
    color: #F0E297;
}

.card {
    height: 100% !important;
}
  
.card img {
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 3 / 2;
} */

.welcome-card-container {
  padding-top: 3em;
  margin-bottom: 3em;
}

.flip-card {
  perspective: 1000px;
  width: 96%;
  min-height: 300px; 
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d; 
  transition: transform 0.6s;
  border-radius: 8px;
  box-shadow: 4px 12px 10px rgba(38, 2, 2, 0.5);
}

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

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border: 1px solid #ddd; 
  border-radius: 8px;
  overflow: hidden;
}

.flip-card-front {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}


.flip-card-back {
  background-color: #6B1B28;
  color: #F0E297;
  transform: rotateY(180deg); 
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}


.flip-card-front img {
  width: 100%;
  height:  90%;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}



/* SALES */

.sale-report {
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  padding-top: 1em;
}

.sales-vertical-img {
	width: 64%;
	height: auto;
	object-fit: cover;
}

/* SIRE DAM */

.sireDam-sec-bg {
  background-color: #6B1B28;
}

.sir-dam-head {
	font-family: "bakbak-one", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #622e06;
}

.sireDam_wrap {
  width: 100%;
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
}

.sireDam-card-container {
  position: relative;
  width: 100%;
  height: 14vw;
  overflow: hidden;
  background-color: #fff;
}

.sireDam-card-container:hover .sireDam-arrow {
  transform: translateX(85%);
  opacity: 1;
}

.sireDam-display {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; 
  }

.sireDam-background-img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.sireDam-card-container:hover .sireDam-display {
  height: 20%;
  box-shadow: 0px 1px 3px #0000001f, 0px 1px 2px #0000003d;
}

.sireDam-desc {
	position: relative;
	z-index: 1; 
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px; 
}

.sireDam-transition {
  transition: 700ms cubic-bezier(0.54, 0.21, 0.18, 1.35);
}

.sireDam-card-container:hover .sireDam-desc {
  opacity: 1;
}

table.ped {
	width: 100%;
	font-size: 1em !important;
	color: #000;
	text-align: left !important;
}

table.ped td {
	vertical-align: middle;
}

table.ped td.sod {
	color: #900E0E;
	font-weight: bold;
	text-align: left;
	font-family: "Exo 2", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

.parents{
	font-family: "Exo 2", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

table.ped td.parents {
	padding-left: 44px;
}

td.parents {
	font-size: 0.8em;
}

div.ped {
	overflow: hidden;
	/* margin-bottom: 1.5em; */
	display: flex;
	justify-content: center;
	justify-items: center;
}

div.ped-btm {
	overflow: hidden;
}

.sire-dam-cardTitle a{
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
	color: #723404;
}
.sire-dam-cardTitle a:hover {
	color: #900E0E;
}

/* SEMEN */

.slide {
  position: relative;
}

.slide__img {
  position: relative;
  width: 500px;
  height: 300px;
  overflow: hidden;
}

.slide__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.slide__title {
  position: absolute;
  top: 16px;
  left: -100px;
  font-size: 1.5rem;
  z-index: 2;
  text-decoration: none;
  text-shadow: 5px 5px 12px #8e5b31;
}

.slide__title a{
  text-decoration: none;  
  color: #432413;
}

.slide__title:hover a{
  text-decoration: none;  
  color: #A18448;
}

.slide__Subtitle {
	font-family: "bakbak-one", sans-serif;
	font-style: normal;
  position: absolute;
  top: 16px;
  left: -100px;
  font-size: 1.2em;
  z-index: 2;
  padding-top: 2em;
  color: #661f1f;
}

.slide__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}


/* EMBRYO */

/* 
*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.skw-pages {
  overflow: hidden;
  position: relative;
  height: 70vh;
}

.skw-page {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.skw-page__half {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100vh;
  transition: transform 1s;
}
.skw-page__half--left {
  left: 0;
  transform: translate3d(-32.4vh, 100%, 0);
}
.skw-page__half--right {
  left: 50%;
  transform: translate3d(32.4vh, -100%, 0);
}
.skw-page.active .skw-page__half {
  transform: translate3d(0, 0, 0);
}
.skw-page__skewed {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 140%;
  height: 100%;

  background: #000;
}
.skw-page__half--left .skw-page__skewed {
  left: -40%;
}
.skw-page__half--right .skw-page__skewed {
  right: -40%;
}

.skw-page__content-left {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.skw-page__content-right {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.skw-page__img-left {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  position: absolute;
}

.skw-page__img-right {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  position: absolute;
}

.skw-page__half--left .skw-page__content-left {
  padding-left: 20%;
  padding-right: 30%;
  transform-origin: 100% 0;
}
.skw-page__half--right .skw-page__content-right {
  padding-left: 30%;
  padding-right: 20%;
  transform-origin: 0 100%;
}

.skw-page__heading-left {
  position: absolute;
  top: 64%;
  left: 30% !important;
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  z-index: 2;
  font-style: normal !important;
}

.skw-page__heading-right {
  position: absolute;
  top: 64%;
  color: #ffffff;
  font-size: 25px;
  text-align: center;
  z-index: 2;
  font-style: normal !important;
} */


.skw-page__content-left,
.skw-page__content-right {
  position: relative;
  padding: 10px;
}

.skw-page__content-left,
.skw-page__content-right {
  padding: 0;
  margin: 0;
}

.skw-page__img-left,
.skw-page__img-right {
  display: block;
  width: 100%;
  height: auto;
}

.skw-page__img-left,
.skw-page__img-right {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.carousel-control-prev-icon, 
.carousel-control-next-icon {
  background-color: #39161C !important;
  border-radius: 12px !important;
}

.skw-page__content-left,
.skw-page__content-right {
  padding: 0;
  margin: 0;
}

.skw-page__img-left,
.skw-page__img-right {
  display: block;
  width: 100%;
  height: auto;
}

.embryo-names {
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-style: normal;
  position: absolute;
}

.embryo-names a {
  color: #5b1417;
}

.embryo-names a:hover {
  color: #945d63;
}

.Embryo-head-span {
  color: #9e7235;
}

table.EMped {
	width: 100%;
	font-size: 1em !important;
	color: #000;
	text-align: left !important;
}

.EMped {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  text-align: center;
}

table.EMped td {
	vertical-align: middle;
}

table.EMped td.EMsod {
	color: #9e7235;
	font-weight: bold;
	text-align: left;
	font-family: "Exo 2", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

.EM-head {
  font-family: "Exo 2", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
  font-size: 1.8em;
  color: #7e0d20;
}

.EMparents{
	font-family: "Exo 2", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

table.EMped td.EMparents {
	padding-left: 44px;
}

td.EMparents {
	font-size: 1em;
}

div.EMped {
	overflow: hidden;
	display: flex;
	justify-content: center;
	justify-items: center;
}

div.EMped-btm {
	overflow: hidden;
}

/* CONTACT */
.contact-head {
  color: #84602C;
}

.contact-names {
  color: #39161C;
}

.contact-info-head {
  color: #84602C;
}

.contact-head-sub {
  color: #84602C;
}

.contact-phone-num, 
.contact-email {
  color: #6b1c29;
}

.contact-sub-head {
  color: #9e7235;
}





/* FOOTER */

.footer-section {
	background-color: #6B292C!important;
	color: #ffffff!important;
}
.footer-link {
	color: #A18448;
}


/*BUTTONS*/

.curved-edges{
	border-radius: 10px;
}

.border-button{
	border: solid medium!important;
	border-color: #962121!important;
	background-color: #962121!important;
	color: #ffffff!important;
}
.border-button:hover{
	background-color: #4f1a1a41!important;
}

/*OTHER CLASSES*/

.headings-effect1 {
  color: #ffffff;
  transform: translateY(100%);
  transition: transform 1s ease;
}
.headings-effect1.active {
  color: #63101e;
  transform: translateY(0%);
  transition: transform 1s ease;
}
.headings-effect2 {
  color: #ffffff;
  transform: translateY(100%);
  transition: transform 1s ease;
}
.headings-effect2.active {
  color: #63101e;
  transform: translateY(0%);
  transition: transform 1s ease;
}
.headings-effect3 {
  color: #ffffff;
  transform: translateY(100%);
  transition: transform 1s ease;
}
.headings-effect3.active {
  color: #63101e;
  transform: translateY(0%);
  transition: transform 1s ease;
}

.custom-position-subtitle{
	transform: translateY(-75px);
}

.slick-prev{
	z-index: 900!important;
}

.slick-next{
	z-index: 900!important;
}

.slick-prev:before {
	color: #84602C!important;
}
.slick-next:before {
	color: #84602C!important;
}

.slick-dots li button::before {
  font-size: 16px;
  color: #582124!important;
  opacity: 0.7;
	padding-top: 8px;
}

.slick-dots li.slick-active button::before {
  color: #582124!important;
  opacity: 1;
	padding-top: 8px;
}

.btn:active,
.btn:focus {
  box-shadow: 3px 3px 3px #582124!important;
}


/*FONTS*/

.golden-txt {
  color: #84602C !important;
}

.light-yellow {
    color: #fbd392 !important;
}

.dark-red-text {
  color: #200000 !important;
}

.red-text {
  color: #63101e !important;
}

.light-red-text {
    color: #732D35 !important;
}

.primary-font {
  font-family: "benton-modern-text", serif;
  font-weight: 700;
  font-style: normal;
}

.sub-titles-font {
  font-family: "itc-avant-garde-gothic-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.secondary-font {
  font-family: "Exo 2", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}


.z-to-front{
	z-index: 900;
}

.no-bullets{
	list-style-type:none!important;
}

.no-decoration{
	text-decoration: none!important;
}

.image-contain{
	object-fit: contain;
}

.image-cover{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.flip-pic{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.waypoint-vis{
	opacity: 0;
}

section {
    scroll-margin-top: 80px; 
}
html {
    scroll-behavior: smooth;
}

/*TEXT FORMATTING*/

.dropcap{
	float: left;
	font-size: 7rem;
	line-height: 0.75;
	margin: -0.1em, 0.1em, 0, 0;
}

.justify-text{
	text-align: justify;
  	text-justify: inter-word;
}

/*MEDIA QUERIES*/

@media only screen and (min-width: 993px) {
	.home-sub-title {
    font-size: 0.8em;
  }
    
  .sire-dam-cardTitle a{
		font-size: 0.8em!important;
	}
  .home-title {
    font-size: 1.4em;
  }
  .embryo-names {
    font-size: 2em;
  }

  .contact-head-sub {
    font-size: 1.2em;
  }

  .cards-body-p {
    padding: 0;
    margin: 0;
    font-size: 0.9em;
  }

  .flip-card-font {
    font-size: 1em;
  }

}


@media only screen and (max-width: 992px) {
  .home-sub-title {
    font-size: 0.5em;
  }

  .custom-position-subtitle{
	  transform: translateY(-50px);
  }
  .home-title {
    font-size: 1em;
  }

  .sireDam-card-container {
    height: 20vw;
  }
  .sire-dam-cardTitle a{
    font-size: 0.8em!important;
  }

  .embryo-names {
    font-size: 1.4em;
  }

  .flip-card-font {
    font-size: 1em;
  }

  .cards-body-p {
    padding: 0;
    margin: 0;
    font-size: 0.9em;
  }

  .contact-head-sub {
    font-size: 1.2em;
  }
}


@media only screen and (max-width: 992px) and (min-width: 768px) {
  .sireDam-card-container {
    height: 18vw !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .sireDam-background-img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

}

@media only screen and (max-width: 768px) {
  
  .home-title {
    font-size: 0.9em;
  }

  .home-sub-title {
    font-size: 0.5em;
  }
  .welcome-card-container {
    margin-bottom: 2em;
  }

  .welcome-card-head {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
  }

  .flip-card-font {
    font-size: 1em;
  }
  
  .sireDam-card-container {
    height: 28vw;
  }


  .sire-dam-cardTitle a{
    font-size: 0.56em!important;
  }

  .slide__img {
    position: relative;
    width: 490px;
    height: 300px;
    overflow: hidden;
  }

  .slide__title {
    top: 16px;
    left: -40px;
    font-size: 1.4em;
    z-index: 2;
  }

  .slide__Subtitle {
    font-size: 1.2em;
    top: 10px;
    left: -40px;
    z-index: 2;
  }

  .embryo-names {
    font-size: 1.2em;
  }

  td.parents {
    font-size: 0.48em;
  }
  td.sod {
    font-size: 0.53em;
  }

  td.EMparents {
    font-size: 0.7em;
  }
  td.EMsod {
    font-size: 0.8em;
  }
  
  .cards-body-p {
    font-size: 0.9em;
  }

  .contact-head-sub {
    font-size: 1.2em;
  }

  .navbar-toggler {
    border-color: rgb(157, 113, 52) !important;
  }
  .navbar-toggler-icon {
    stroke: white !important;
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgb(157, 113, 52)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  }

}

@media only screen and (max-width: 576px) {

  .welcome-card-head {
    margin-bottom: 0.48em;
  }

  .home-sub-title {
    font-size: 0.4em;
  }
	
	.custom-position-subtitle {
		transform: translateY(-40px);
	}

  .home-title {
    font-size: 0.6em;
  }

  .welcome-card-container {
    margin-bottom: 1em;
  }

  .flip-card-font {
    font-size: 1em;
  }

  .cards-body-p {
    font-size: 0.9em;
  }

  .sales-sub-font2 {
    font-size: 0.8em;
  }

  .sale-report {
    font-size: 0.84em;
  }

  .sireDam-card-container {
		height: 50vw;
	}

  td.parents {
    font-size: 0.68em;
  }
  td.sod {
    font-size: 0.73em;
  }

  td.EMparents {
    font-size: 0.7em;
  }
  td.EMsod {
    font-size: 0.76em;
  }

  .slide__img {
    position: relative;
    width: 290px;
    height: 190px;
    overflow: hidden;
  }

  .slide__title {
    top: 10px;
    left: -30px;
    font-size: 0.7em;
    z-index: 2;
  }

  .slide__title a{
    font-size: 1.3em;
  }

  .slide__Subtitle {
    font-size: 0.9em;
    top: 3px;
    left: -30px;
    z-index: 2;
  }
 
  .embryo-names {
    font-size: 0.74em;
    margin: 0.4em;
  }

  td.EMparents {
    font-size: 0.5em;
  }

  td.EMsod {
    font-size: 0.63em;
  }

  .EM-head {
    font-size: 0.84em;
  }

  .sire-dam-cardTitle a{
    font-size: 0.72em !important;
  }
  .contact-head-sub {
    font-size: 0.8em;
  }
  .navbar-toggler {
    border-color: rgb(157, 113, 52) !important;
  }
  .navbar-toggler-icon {
    stroke: white !important;
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgb(157, 113, 52)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
  }
}