:root{
  --light-blue: #DFE3EE;
  /* --brown: #997C44; */
  --brown: #886935;
  --btn_hover_brown: #b69458;
  --blue:#BBC8E9;
  --dark-blue:#003A5D;
  --blue-1:#2B7DD4;
  --green-1:#008068;
  --light-brown:#EBE5DC;
  --light-brown-op: #ebe5dca6;
  --darkgreen:#1f4549;
  --light-gray:#F5F2EE;
  --light-brown-1: #F4F1ED;
  --light-purple:#ecf0fb;
  --light-green: #DEEBE7;
  --green: #6EC8B8;
  --dark-green: #04A489;

  --fs-16: 16px;
}
/* ================================================================================ */
/* Font family  */
/* ================================================================================ */


@font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler_Regular.otf') format('opentype');
}
@font-face {
  font-family: 'AdelleMonoFlex';
  src: url('../fonts/AdelleMonoFlex-Regular.ttf');
}
@font-face {
    font-family: 'AdelleMonoFlex-bold';
    src: url('../fonts/adelle-mono-flex-bold.ttf');
}
@font-face {
    font-family: 'AdelleMonoFlex-extraBold';
    src: url('../fonts/adelle-mono-flex-extrabold.ttf');
}

@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Raleway-Regular';
  src: url('../fonts/Raleway-Regular.ttf') format('truetype');
}


/* ================================================================================ */
/* Global Size  */
/* ================================================================================ */
body{
  overflow-x: hidden;
}
h1,h2,h3,h4,h5{
  font-family: "AdelleMonoFlex";
  color: var(--darkgreen);
}

h1 {
  font-size: 64px;
  line-height: 1.3;
}

h2 {
  font-size: 48px;
  line-height: 1.3;
}

h3 {
  font-size: 36px;
  line-height: 1.3;
}

h4 {
  font-size: 24px;
  line-height: 1.3;
}

h5 {
  font-size: 20px;
  line-height: 1.3;
}

h6{
  font-size: 18px;
}
p{
  font-family: "AdelleMonoFlex" !important;
  color: var(--darkgreen);
}

:is(a,button):hover{
  cursor: pointer;
}
p{
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    margin-bottom: 0;
}
p,
span,
a {
  font-size: 14px;
  line-height: 1.8;
  color: inherit;
  font-family: 'AdelleMonoFlex';
}
a{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}

.custom_container{
  max-width: 80%;
  height: 100%;
  padding: 0;
}

.ff-ibm{
  font-family: "AdelleMonoFlex";
}

.p-14{
  font-size: 14px;
}
.fs-16{
  font-size: var(--fs-16);
}
.textcenter{
  text-align: center;
}
li{
  list-style: none;
}
ul{
  margin: 0;
  padding: 0;
}
.brown_btn {
  padding: 15px 35px;
  border-radius: 30px;
  color: white;
  background: var(--brown);
  transition: all ease 0.3s;
  font-family: "AdelleMonoFlex";
  font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: 0.67px !important;
}
.brown_btn:hover {
  color: white;
  background: var(--btn_hover_brown);
  transition: all ease 0.3s;
  text-decoration: none;
}

.padding_top{
  padding-top: 5%;
}
.cart_number{
  width: 25px;
  height: 25px;
  display: inline;
  background-color: var(--light-brown);
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 50%;
  color: var(--brown);
  font-weight: bold;
}

.brown_color{
  color: var(--brown);
}



/* ================================================================================ */
/* Header Css */
/* ================================================================================ */
header{
  background-color: white;
  border-bottom: 2px solid var(--brown); position: relative; z-index: 99999;
}
header .container-fluid{
  padding: 0;
}
#navbarSupportedContent{
    justify-content: center;
}

.navbar-nav{
  width: 80%;
    justify-content: space-evenly;
}
.navbar_right {
  width: 25%;
}
.navbar_right ul{
  display: flex;
  gap: 15px;
  align-items: center;
    justify-content: end;
}
.navbar_right ul li{
  margin-right: 15px;
}
.navbar_right ul li a{
  color: var(--darkgreen);
  font-family: "AdelleMonoFlex";
}
.navbar {
  padding: 0;
}
.navbar-brand{
  padding: 0;
}
.navbar-brand img{
  max-height: 95px;
}
header li a{
  font-family: "AdelleMonoFlex";
  color: var(--darkgreen) !important;
}
header li a:hover{
  color: var(--brown) !important;
}

.navbar-light .navbar-nav .active>a { transform: scale(1.1);}
.flag img {
  width: 25px;
  height: 25px;
}
.flag {
  width: 22%;
  height: 83%;
}
.flagDown .dropdown-menu:not(.show) {
  display: none;
}
.flagDown .dropdown-menu li img {
  width: 50%;
}
.flagDown .dropdown-menu{
  min-width: fit-content;
  padding: 5px;
}
.flagDown .dropdown-menu li{
  padding: 5px;
}


/* ================================================================================ */
/* Footer Css */
/* ================================================================================ */


#footer {
  padding: 60px 0 80px;
}

#footer .section-title {
  text-align: center;
  color: #007b5e;
  margin-bottom: 50px;
  text-transform: uppercase;
}

#footer {
  background: var(--light-brown) !important;
}

#footer h5 {
  padding-bottom: 6px;
  margin-bottom: 20px;
  color: var(--brown);
  font-family: "AdelleMonoFlex";
  font-size: 14px !important;
}

#footer a {
  color: var(--darkgreen);
  text-decoration: none !important;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  font-family: "AdelleMonoFlex";
  font-size: 14px !important;
}

#footer ul.social li {
  padding: 3px 0;
}

#footer ul.social li a i {
  margin-right: 5px;
  font-size: 25px;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}

#footer ul.social li:hover a i {
  font-size: 30px;
  margin-top: -10px;
}

#footer ul.social li a,
#footer ul.quick-links li a {
  color: var(--darkgreen);
}

#footer ul.social li a:hover {
  color: #eeeeee;
}

#footer ul.quick-links li {
  padding: 3px 0;
  -webkit-transition: .5s all ease;
  -moz-transition: .5s all ease;
  transition: .5s all ease;
}

#footer ul.quick-links li:hover {
  padding: 3px 0;
  margin-left: 5px;
  font-weight: 700;
}

#footer ul.quick-links li a i {
  margin-right: 5px;
}

#footer ul.quick-links li:hover a i {
  font-weight: 700;
}

.sub_link li::before {
  content: ">";
  font-weight: bold;
  margin-right: 5px;
  color: #9a7c45;
}
.social-icons-div {
  display: flex;
  justify-content: start;
}
.social-icons-div .fb-icon{
  margin-right: 10px;
}
#footer [class*='col-'] {
  padding: 0px !important;
}
.quick-links:has(.sub_link) .sub_link {
  padding-left: 10px;
}
.quick-links:has(.sub_link) .sub_link a{
  color: #9a7c45 !important;
}
button[data-bs-target] {
  font-size: 20px;
  color: inherit;
  text-decoration: none;
}
button[data-bs-target]:hover {
  color: inherit;
}
button[data-bs-target]:focus {
  box-shadow: none;
}
.contact_form {
  font-family: "AdelleMonoFlex";
}
.contact_form button{
  background-color: var(--brown) !important;
  border: none !important;
}
#contactModal h4{
  font-family: "AdelleMonoFlex";
  font-weight: bold;
}
.contact_fields :is(button[type="submit"],textarea){
  border-radius: 0;
}
.modal-content{
   padding: 25px;   
}

.modal-dialog{
  max-width: 35%;
}
.contact_section {
  padding-top: 50px;
  padding-bottom: 30px;
  display: none;
}

.reseller-img .row { position: absolute; width: 100%; height: 100%; align-items: center;}
.reseller-img .row .col-md-6 { text-align: center;}
.reseller-img .row .col-md-3 { padding-top: 5%;}
.reseller-img .row .col-3 a {font-size: 35px; color: #004b70; font-weight: 800;}
.order_review label.form-check-label>a { font-size: 15px; font-weight: 600;  text-decoration: underline;}
/******************* HOME PAGE STYLING ********************/
input#quantity::-webkit-inner-spin-button,
input#quantity::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product_img img{
  transform: scale(1.4);
}
.blue_strip{
  background-color: #3c76bd;
  padding-block: 20px;
  position: relative;
}
.blue_strip p{
  color: white;
  margin: 0;
  font-size: 18px;
}
.blue_strip p a{
  color: white;
  font-size: 20px;
}
.horse-img2,.horse-img1 {
  position: absolute;
}
.horse-img1 {
  left: 35%;
  top: 20%;
}
.horse-img2 {
  right: 35%;
  top: 20%;
  transform: rotate(45deg);
}
.blue_strip :is(.horse-img1,.horse-img2){
  width: 2%;
}
.section_spacing{
  padding-top: 6%;
  padding-bottom: 6%;
}
.cards_section .card {
  padding-inline: 49px;
}
.cards_section .card .title{
  color: var(--blue-1);
  font-family: 'AdelleMonoFlex';
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.39;
    letter-spacing: 0.8px;
    text-align: center;
    text-transform: uppercase;
}
.card .title {
  margin-bottom: 20px;
}
.card_img img{
  width: 100%;
  height: 150px;
  object-fit: contain;
}
.card .card_img{
  width: 65%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.horse .horse_paw {
  width: 32% !important;
}
.horse_paw img{
  padding-top: 50px;
}
.card :is(.title,.description){
  text-align: center;
}


.section3_img{
  background-image: url('../images/girlwithhorse.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 850px;
  width: 100%;
}

.horse-probiotic{
  /* background-image: linear-gradient(var(--light-blue),var(--light-blue)); */
  background-color: #e4e8f0f2;
}
.horse-probiotic {
  border-radius: 0px;
  padding: 50px 80px;
  margin-inline: 8%;
}
.horse-probiotic .para_content .description{
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  padding-block: 10px;
}
.horse-probiotic :is(.title,.sub_title){
  font-family: "AdelleMonoFlex";
}
.horse-probiotic :is(.title,.sub_title) {
  color: var(--dark-blue);
  font-weight: bold;
  margin-bottom: 5px;
}
.horse-probiotic h5{
  font-size: 20px;
}
.horse-probiotic :is(.title,.sub_title,.description){
  text-align: center;
}
.horse-probiotic .para_content{
  margin-top: 0.5rem;
}
.button_div{
  margin-top: 20%;
}
.horse_section .img_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.horse_with_info .brown_text{
  font-size: 36px !important;
  color: var(--brown);
}
.horse_with_info:has(p,h2){
  text-align: center;
}
.horse_with_info:has(p) p{
  margin-top: 40px;
  padding-inline: 45px;
  line-height: 1.5;
}

.section4_img{
  background-image: url('../images/artwork-bg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* height: 700px; */
  width: 100%;
}
.horse_content {
  background: #c6d2e6;
  padding: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.horse_content .title{
  font-family: "AdelleMonoFlex";
  font-weight: bold;
  line-height: 0.5;
  color: var(--dark-blue);
}

.instagram_gallery { display: flex; flex-wrap: wrap; gap: 10px;  justify-content: center; padding-top: 40px;}
.instagram_gallery img { width: 19%;  height: 200px; object-fit: cover;}
.navbar-light .navbar-nav .active { font-weight: 600;}

.horse_img {
  background: var(--light-blue);
}
.horse_img .img_wrapper {
  height: 100%;
}
.horse_img img:nth-child(1){
  width: 120%;
  height: 100%
}
.horse_with_info {
  position: relative;
}
.horse_logo {
  position: absolute;
  top: -30px;
  left: -130px;
  width: 65%;
}
.social_media p { padding-bottom: 10px;}
.brown_strip p:after, .brown_strip p:before { top: 7px;}
.horse_img {
  padding-block: 40px;
}

.content_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding-inline: 19%;
}
.animal_probiotic_section .img_wrapper{
  display: flex;
  justify-content: center;
}
.circle_card_section .circle_img_wrapper{
  display: flex;
  justify-content: center;
}
.circle_card_section .circle_img_wrapper img{
  width: 100%;
  height: 100%;
}
.circle_card_section .circle_img_wrapper{
  width: 85%;
  margin: 0 auto;
}
.circle_card_section:has(h4){
  text-align:center;
  color: white;
}
.circle_card_section{
  background-color: var(--dark-blue);
}
.circle_card_section h4{
  color: white !important;
  font-family: "AdelleMonoFlex";
  font-weight: bold;
}
.circle_card_section .card{
  background-color: transparent;
}
.balanced{
  background-color: var(--light-blue);
}
.balanced .content_block {
  padding-right: 100px;
}
.content_block h5{
  color: var(--blue-1);
  /*margin-bottom: 30px;*/
  font-family: "AdelleMonoFlex";
  font-weight: bold;
}
.balanced h3{
  margin-bottom: 80px;
  padding-inline: 32%;
  font-family: "AdelleMonoFlex";
  font-weight: bold;
  color: var(--dark-blue);
}
.animal_probiotic_section{
  background-color: var(--light-brown-1);
}
.product_img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: -1;
}
.product_img{
  /* width: 80%; */
  /* margin-left: auto; */
}
.productLogo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.productLogo{
  width: 35%;
  margin: 0 auto;
  margin-bottom: 30px;
}
.product_form_col {
  height: auto;
  background: #ecf0fb;
  padding-inline: 60px;
  margin-inline: 60px;
  padding-block:60px;
}

.dropdown.flagDown button { padding: 0;}

.product_form_col .product_title {
  font-family: 'AdelleMonoFlex' !important;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
  color: #1f4549;
    /*text-transform: uppercase; */
  margin-top: 20px;
}
.product_form_col p{
  padding-inline: 5px;
}
.three-btns {
  display: flex;
  justify-content: space-around;
  gap: 2rem;
}
.two_btns {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.product_slider .two_btns button, .product_slider .two_btns a {
    width: 100%;
    padding-inline: 0;
    font-size: 14px;
}
.three-btns .form-check label {
  background: var(--blue);
  color: white;
  padding: 10px 0px;
  border-radius: 30px;
  font-family: 'AdelleMonoFlex';
  font-size: 14px;
  position: relative;
  width: 100%;
  text-align: center;
}
.three-btns .form-check{
  position: relative;
}
.three-btns .form-check input{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.three-btns .form-check label:hover {
  cursor: pointer;
}
.three-btns .form-check input{
  opacity: 0;
}
/* .three-btns input:checked + label{
  background: red;
} */
.three-btns .form-check input:checked + label:before{
  content: "";
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border: 2px solid var(--blue-1);
  top: -5px;
  left: -5px;
  border-radius: 30px;
}
.three-btns .form-check input:checked + label{
  background-color: var(--blue-1);
}
.three-btns .form-check input:hover {
  cursor: pointer;
}
.three-btns .form-check input:hover + label{
  background-color: var(--blue-1) !important;
}
.quantity_wrapper {
  width: 100%;
  margin: 0 auto;
}
.price_amount p{
  font-family: AdelleMonoFlex;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
  color: #9f8857;
}
.price_amount span{
  font-family: AdelleMonoFlex;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1px;
  text-align: center;
  color: #9f8857;
}
.quantity_wrapper #quantity{
  text-align: center;
  padding: 0 !important;
  width: 50px;
  height: 50px;
  background: white;
  border-radius: 50% !important;
  flex: 0;
  border: none;
  font-family: "AdelleMonoFlex";
  min-width: 50px !important;
  text-align: center;
}

.front_product_cards .quantity_wrapper .quantity{
  text-align: center;
  padding: 0 !important;
  width: 50px;
  height: 50px;
  background: whitesmoke;
  border-radius: 50% !important;
  flex: 0;
  font-family: "AdelleMonoFlex";
  min-width: 50px !important;
  text-align: center;
  padding-left: 0px !important;
}

.quantity_wrapper .input-group{
  align-items: center;
  justify-content: center;
  padding-top: 12px;
}
.quantity-left-minus,.quantity-right-plus{
  background: transparent;
}
.quantity-left-minus{
  margin-right: 12px;
}
.quantity-right-plus{
  margin-left: 12px;
}
.quantity_wrapper:has(.fa) .fa{
  color: var(--brown);
}
.instagram_section_header h2{
  color: var(--brown);
  font-family: 'Butler';
}




/******************* HOME PAGE STYLING END ********************/



/******************* OUR RESEARCH PAGE ********************/
.twohorse{
  background-image: url('../images/horses_b.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /* height: 700px; */
  width: 100%;
}
.horses{
  background-image: url('../images/horses_b.jpg');
}
.doc{
  background-image: url('../images/AnimalProbiotics.jpg');
}
.research-horse{
  background-image: url('../images/girlwithhorse2.jpg');
}
.light_brown_column {
  border-radius: 0px;
  padding: 50px 40px;
  background-color: var(--light-brown);
}
.horse .light_brown_column, .research-horse .light_brown_column {
  background-color: var(--light-brown-op);
}
.light_brown_column .para_content .description{
  font-size: 18px;
}
.number {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background: var(--brown);
  color: white;
  margin-bottom: 20px;
  display: flex;
    align-items: center;
    justify-content: center;
}

.light_brown_column .title{
  color: var(--darkgreen);
}

.threepackets .img_wrapper{
  height: 100%;
}
.horse_with_card{
  background-color: var(--light-gray);
}
.horse_with_card .img_wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
}

.research_sec .row {
  align-items: center;
}
.horse_with_card .img_wrapper img{
  width: 100%;
  height: 100%;
}
.horse_with_card .light_brown_column{
  margin-right: 10%;
}
.horse_with_card .light_brown_column .title{
  margin-right: 15%;
}
.twohorse .light_brown_column .title{
  padding-right: 10%;
  padding-bottom: 20px;
}

.images {
  display: flex;
  justify-content: center;
}
.mid_column{
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: start;
  padding-top: 5%;;
}
.mid_column a{
  margin-top: 30px;
}
.single_img {
  margin-inline: 20px;
}
.mid_column:has(h1) h1{
  width: 60%;
  margin: 0 auto;
  margin-top: 30px;
  color: white;
  font-family: 'Butler';
}


.coming_product_banner .mid_column {
  padding-top: 0;
}

.coming_product_banner .mid_column h1 {
  line-height: 1;
}

.coming_product_banner .mid_column a {
  margin-top: 20px;
}

.banner_section{
  background-image: url(../images/laboratory.jpg);
  background-position: center;
  background-size: cover;
  height: 650px;
}
.coming_product_banner{
   background-image: url(../images/comig-bg-new.jpg);
   background-image: none;
   height: 850px;
   overflow: hidden;
 }

.banner_section .row {
  height: 100%;
}
.product_quality_intro_para {
  width: 39%;
  margin: 0 auto;
  line-height: 1.8;
  margin-bottom: 80px;
}
.product_quality_card .number{
  flex-shrink: 0;
  margin-right: 20px;
}
.product_quality_card{
  display: flex;
}
.our_research_cta img{
  width: 100%;
}
.threepackets .img_wrapper img{
  width: 100%;
  height: 100%;
}
.threepackets .img_wrapper{
  width: 90%;
  margin: 0 auto;
}
/******************* OUR RESEARCH PAGE STYLING END ********************/



/* ABOUT US PAGE STYLING */
.about_us_banner{
  background-image: url(../images/coming-bg.jpg);
  background-position: center;
  background-size: cover;
  height: 600px;
}
.about_us_banner .row{
  height: 100%;
  align-items: center;
  justify-content: center;
}

.about_us_banner:has(h1) h1{
  text-align: center;
  color: white;
  padding-inline: 20%;
}
.about_intro:has(p) p{
  text-align: center;
  width: 50%;
  margin: 0 auto;
  line-height: 1.8;
  font-size: 18px;
}
.about_intro{
  background-color: var(--light-gray);
}
.circle_img img{
  width: 100%;
  height: 100%;
}
.circle_img{
  width: 80%;
  position: relative;
}
.circular_img .tilt-text{
  /*font-size: 36px;*/
  font-size: inherit;
  font-style: italic;
}

.circular_img .content_col{
  padding-top: 140px;
}
.content_col.right_content {
  padding-left: 3%;
  padding-right: 9%;
}
.content_col.left_content {
  padding-right: 3%;
  padding-left: 9%;
}
.circular_img .content_col p {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  /*line-height: 1.39;*/
  letter-spacing: normal;
  font-size: 18px;
  padding-top: 20px;
}
.circular_img .content_col h3>span {
  line-height: 0 !important;
  font-size: 28px;
}
.circle_img.left_img{
  margin-left: auto;
}
.circle_img.left_img .bottom_img {
  width: 35%;
  float: right;
}
.circle_img.right_img .bottom_img {
  width: 35%;
  float: left;
}

.contact{
  background-color: var(--light-gray);
}

/* ABOUT US PAGE STYLING END*/



/* AF_PRESS PAGE STYLING*/
.af-press-room{
  padding-top: 50px;   
  padding-bottom: 80px;
  text-align: center;
}
.af-press-room p:not(.bread_crums){
    width: 80%;
    margin: 0 auto;
    margin-top: 60px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.63;
    letter-spacing: 0.67px;
}
.af-press-room h1{
  margin-bottom: 30px;
}
.logo_cards {
  text-align: center;
  padding-block: 30px;
}

.logo_cards .img_wrapper img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.logo_cards .img_wrapper{
  width: 30%;
  height: 150px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.probiotics-logo{
  width: 60% !important;
}
.probiotics-logo img{
  object-fit: cover !important;
}
.logotype h3{
  text-align: center;
  margin-bottom: 50px;
}
.Produktbilder{
  margin-top: 40px;
}
.hr_line {
  margin-top: 8%;
  background-color: var(--brown);
}
.logo_cards .product_images {
  width: 50%;
  height: 450px;
}

.printing_material .logo_cards .img_wrapper{
  width: 60%;
  margin: 0 auto;
  margin-bottom: 20px;
  height: auto;
}
.printing_material .card-content {
  width: 60%;
  margin: 0 auto;
}
.printing_material .card_title {
  font-family: "AdelleMonoFlex";
  font-weight: bold;
}
.printing_material .card-content p{
  margin-bottom: 50px;
}

.form_div .form_input {
  height: 50px;
  border: none;
  border-bottom: 1px solid gray;
  width: 100%;
  background-color: transparent;
}
.form_wrapper {
  padding-inline: 10%;
  background-color: var(--light-gray);
  padding-block: 7%;
}
.press_photo_card .img_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.press_photo_card {
  text-align: center;
}
.press_photo_card .img_wrapper {
  margin-bottom: 50px;
}
.press_release_icon_box_wrapper {
  margin-bottom: 50px;
  text-align: center;
}
.press_release_icon_box {
  margin-bottom: 80px;
  text-align: center;
  margin-top: 80px;
}
.printing_material{
  padding-top: 0;
}
.press_photo_card .btn2{
  padding-inline: 100px;
}
.press_photo_card .btn1{
  padding-inline: 65px;
}
.form_section .row:nth-child(1) p{
  font-weight: bold;
  width: 50%;
  margin: 0 auto;
}
.form_section h3 {
  margin-bottom: 80px !important;
}
/* AF_PRESS PAGE STYLING END*/



/* CHECKOUT PAGE STYLING */
.checkout_form h4{
  font-family: "AdelleMonoFlex";
  margin-bottom: 30px;
}
.checkout_form label{
  font-family: "AdelleMonoFlex";
}
.checkout_form input{
  /* height: 45px; */
  border-radius: 0;
}
/* .checkout_form input[type="checkbox"]{
  height: auto;
} */
.checkout_form .address-2{
  margin-top: 20px;
}
.another_address_block{
  margin-top: 30px;
}
.single_row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid lightgray;
  margin-bottom: 10px;
}
.order_review_block {
  width: 100%;
  margin: 0 auto;
  background: white;
  border: 1px solid lightgray;
  padding-block: 30px;
  padding-inline: 30px;
}
.order_review{
  height: 100%;
  background-color: var(--light-gray);
  padding-inline: 70px;
    padding-block: 40px;
}
.nets_easy{
  height: 25px;
}
.continue_paypal button{
  background: var(--brown);
  border: none;
  height: 50px;
  color: white;
  font-family: "AdelleMonoFlex";
  margin-top: 30px;
}
.payment_block .info {
  background: white;
  padding: 20px;
}
.payment_block .info p {
  margin: 0;
}
.order_review_block > div:nth-last-child(1){
  border-bottom: none;
}
/* CHECKOUT PAGE STYLING END */


/* ================================================================================ */
/* COMING PRODUCTS */
/* ================================================================================ */
.brown_strip{
  background-color: var(--brown);
  padding-block: 10px;
  position: relative;
  z-index: 5;
}
.brown_strip .horse-img1 {
  top: 32%;
}
.brown_strip .horse-img2 {
  top: 32%;
}
.brown_strip p{
  color: white;
  margin: 0;
  font-size: 20px;
}
.brown_strip :is(.horse-img1,.horse-img2){
  width: 1.5%;
}
.brown_strip .horse-img2{
  transform: rotate(0deg);
}
.banner-heading {
  
  text-align: center;
}

.banner-heading h2{

  text-align: center;
}

.banner-heading p {
  padding: 0px 18%;
  text-align: left;
  margin-top: 23px;
  /*line-height: 1.3;*/
}

.reseller_banner { overflow: hidden;}
.reseller_banner .container-fluid { padding: 0;}
.reseller-img .row {  top: 50px;  }
.food-img>img, .food-img-1>img {padding: 0 !important;width: 100%;height: 100%;object-fit: contain;}
.food-img, .food-img-1 {max-width: 50%;margin: 0 auto;height: 320px;}

.banner-section{

  margin-bottom: 50px;
}

.food-img img {
  padding-left: 30%;
}

.food-content h3 {
  text-align: center;
  padding: 0px;
}
.brown_strip.No_icons a:hover{
  color: white !important;
}
.brown_strip.No_icons a {
  font-size: 20px;
}

.food-content p {
  /* padding-left: 30%; */
  /*line-height: 1.3;*/
}
.food-content h5 {
  
  /* padding: 0px 36%; */
}
.food-content p {
  text-align: left;
}

.food-content p {
  
  /*line-height: 1.3;*/
  
}
.food-content p{
  padding-inline: 20%
}

.food-content-1 h3 {
  text-align: center;
}

.food-img-1 img {
  padding: 0 31%;
}


.food-content-1 h5 {
  /* padding: 0; */
  text-align: center;
}

.food-content-1 p {
  /* padding: 0 20%; */
}

.food-content a {
  width: fit-content;
  pointer-events: none;
  background: #e7e1da;
}
.best-section .container-fluid {
  padding: 0 !important;
}

.food-content-1 a {
  width: fit-content;
}
:is(.food-content,.food-content-1) p {
  margin-bottom: 50px;
  margin-top: 20px;
}
.three-animals {
  margin-top: -150px;
}
.food-section {
  padding-top: 0;
}
.ratt-content p {
  margin-bottom: 50px;
}
section.food-section {
  margin-bottom: 95px;
}
.ratt-section{

  background-color: #F4F1ED;
  margin-top: 50px;
}
.ratt-content p {
  text-align: left !important;
}
.ratt-img {
  width: 50%;
  margin: 0 auto;
}

.ratt-img img {
  width: 100%;
  margin-top: -51px;
}

.ratt-content {
  margin-top: 30px;
}

.ratt-content p {
  padding: 10px 24px;
  /*line-height: 1.4;*/
}

.ratt-content h1 {
  padding: 22px 29px;
  font-family: 'Butler';
}

.ratt-1-img img {
  width: 50%;
 
}
.rt {
  margin-top: 75px;
}

.ratt-1-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.best-img {
  display: flex;
  justify-content: center;
}
.best-img a, .last-artical a { width: 100%;}
.best-img img {
  width: 100%;
}

/* ================================================================================ */
/* FAQ Css */
/* ================================================================================ */

.faq-content h1 {
  display: flex;
  justify-content: center;
  padding: 1% 20%;
}

.faq-content p {
  padding: 1px 21%;
}

/* .faq-btn a {
  justify-content: center;
  display: flex;
} */
.faq-btn a{
  width: fit-content;
  margin: 0 auto;
  margin-top: 50px;
}
.faq-btn {
  margin-top: 80px;
}
.accordion_wrapper {
  background: var(--light-gray) !important;
  padding: 20px 30px;
}
.accordion-item {
  background: var(--light-gray);
}
.accordion-button{
  background: var(--light-gray);
  font-family: "AdelleMonoFlex";
}
.faq_section{
  padding-top: 0;   
}
/* ================================================================================ */
/* Artical Css */
/* ================================================================================ */

.artical-img img{

width: 100%;
height: auto;
object-fit: cover;


}

.art_header {
    font-family: "Butler";
}

.art_box { 
    background-color: #f5f1ee;
    margin-left: -150px;
    margin-right: -500px;
    padding: 40px 500px 40px 150px;
}



.single-artical {
  display: flex;
}

.side-content h5 {
  font-size: 12px;
  padding: 0 5px;
  font-family: "Raleway-SemiBold";
}

.side-content p {
  /* font-size: 10px; */
  padding: 0 5px;
}


.artical-content {
  padding-bottom: 80px;

}

.artical-content p {
  line-height: 1.4;
}

.last-artical img {
  width: 100%;
}
.last-artical {
  display: flex;
  justify-content: center;
}

.article_date{
  font-size: 12px;
  margin: 0;
  color: rgb(184, 184, 184);
}
.single-artical {
  padding-block: 15px;
  border-bottom: 1px solid lightgray;
  text-decoration: none;
}
.side-artical-list h4:after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 50px;
  height: 3px;
  background: var(--btn_hover_brown);
}
.side-artical-list h4{
  font-family: "AdelleMonoFlex";
  position: relative;
  font-weight: bold;
}
.artical-content .Read.more {
  color: var(--brown);
  font-family: "AdelleMonoFlex";
    text-transform: capitalize;
    margin-top: 25px;
    display: block;
    text-decoration: underline;
    font-weight: 400;
}
.left_single_article {
  position: relative;
}
.article_Date{
  position: absolute;
  width: 80px;
  height: 80px;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  box-shadow: 5px 15px 25px #6767671a;
}
.article_Date p{
  margin: 0;
  font-weight: bold;
}
.article_category {
  position: absolute;
  width: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brown);
  bottom: 0px;
}
.artical-img{
  position: relative;
}
.article_category p{
  margin: 0;
  color: white;
  padding-block: 10px;
}


/* ================================================================================ */
/* Subscribe Css */
/* ================================================================================ */

.subscribe-heading {
  text-align: center;
}


.subscribe-heading p{

  padding: 0 10px;
}

.subscribe-heading p {
  padding: 0 21%;
  margin-bottom: 65px;
  margin-top: 30px;
}

.sub-heading {
  text-align: center;
}

.num{

  border: 1px solid black;
  border-radius: 71%;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #9a7c45;
  color: white;
  font-size: 25px;
}



.des {
  padding: 0px 10px;
  font-size: 18px;
  line-height: 1.44;
}

.sub-heading h5 {
  padding: 17px;
  font-size: 18px;
}

.subscribe-section{

background-image: url("../images/banner.jpg");
width: 100%;
background-repeat: no-repeat;
  background-size: cover;
  /* height: 500px; */
  background-position: left center;


}
.form-col{

  /* background-color: white; */
  margin-top: 30px;
  padding: 0;
}
.subscription_properties_card{
  margin-top: 50px;
}
.subscription_properties_card h5{
  font-family: "AdelleMonoFlex";
  font-weight: bold;
}
.sub-form {
  height: 100%;
  padding-block: 80px;
  padding-inline: 50px;
  text-align: center;
  background-color: #ecf0fb;
  margin-right: 50px;
}
.button_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 35px;
}
.button_block h5{
  flex-basis: 100%;
  margin-bottom: 30px;
  font-family: "AdelleMonoFlex";
  font-size: 14px;
}
:is(.subscribe,.quantity,.send_to_me) .form-check{
  position: relative;
}
:is(.subscribe,.quantity,.send_to_me) .form-check input{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
:is(.subscribe,.quantity,.send_to_me) .form-check label{
  padding: 10px 25px;
  border-radius: 30px;
  color: white;
  font-family: "AdelleMonoFlex";
}

:is(.quantity,.send_to_me) .form-check label{
  background-color: var(--blue-1);
}

.dark_green_btn{
  background-color: var(--dark-green);
}
.blue_btn{
  background-color: var(--blue-1);
}
.bottom_button_block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bottom_button_block button{
  width: fit-content;
  margin: 0 auto;
  font-family: "AdelleMonoFlex";
}
.bottom_button_block:has(a) a {
  color: var(--darkgreen);
  text-decoration: none;
  font-family: "AdelleMonoFlex";
}
.button_block input:checked + label:before {
  content: "";
  position: absolute;
  width: 94%;
  height: calc(100% + 10px);
  border: 2px solid var(--blue-1);
  top: -5px;
  left: 18px;
  border-radius: 30px;
}
.button_block input:checked + label {
  background-color: var(--blue-1);
}
.button_block input:hover {
  cursor: pointer;
}
input.blue_btn_input:checked + label:before {
  border: 2px solid var(--blue-1) !important;
}
input.blue_btn_input:checked + label {
  background-color: var(--blue-1) !important;
}



/* ================================================================================ */
/* Reseller Css */
/* ================================================================================ */

.reseller-img img {
  width: 100%;
}

.reseller-content {
  text-align: center;
}

.reseller-content p {
  padding: 10px 25%;
  text-align: center;
  line-height: 1.5;
  letter-spacing: normal;
}

.re-seller {
  width: 80%;
 
}
.dropdown{

  align-items: center;
  display: flex;
  justify-content: center;
}



label {
  /* margin-right: 50px; */
  /* color: white; */
}
.drophead_parent { margin-block: 80px;}

.drophead {
  display: flex;
  /* justify-content: center; */
  background-color: #886935;
  padding-block: 10px;
  margin-top: 80px;
  max-width: 90%;
  margin: 0 auto 0;
  padding-inline: 19px;
}

.address {
  padding: 35px 75px;
}
.address h4{
  font-family: "AdelleMonoFlex";
}

/* .address-1 {
  padding: 30px 33%;
} */
.dropdown select{
  border-radius: 0;
  font-family: "AdelleMonoFlex";
  border: none;
}
.dropdown label{
  color: white;
  margin-right: 50px;
  margin-bottom: 0;
  font-family: "AdelleMonoFlex";
}

/* SIGNUP PAGE */
.signup_block h2:before {
  content: "\e066";
  display: inline-block;
  font-size: 24px;
  margin-right: 10px;
}
.account-section {
  padding-block: 5%;
}
.signup_block h3{
  font-family: 'AdelleMonoFlex';
}
.signup_block .form-fields button {
  background: none;
  border: 1px solid var(--brown);
  border-radius: 0;
  color: var(--brown);
  font-family: "AdelleMonoFlex";
}
.signup_block .form-fields button:hover {
  background: var(--brown);
  color: white;
}
.signup_block .form-fields button:focus {
  box-shadow: none !important;
}
.signup_block .form-fields input{
  border-radius: 0;
  font-family: "AdelleMonoFlex";
}
.signup_block .form-fields label{
  font-family: "AdelleMonoFlex";
}
.form_bottom {
  display: flex;
  align-items:center;
  justify-content: space-between;
}
.form_bottom a{
  font-family: "AdelleMonoFlex";
}
.form_bottom a:hover{
  color: var(--brown);
}
.signup_right_column h3{
  font-family: "AdelleMonoFlex";
}
.register_btn button {
  font-family: "AdelleMonoFlex";
  background: black;
  border-radius: 0;
  color: white;
  padding: 10px 25px;
}
.register_btn button:hover {
  color: white;
}
.register_btn button:hover {
  color: white;
}
.signup_right_column {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.signup_right_column p{
  padding-inline: 15%;
}

/* ACCOUNT PANEL */
.user_dashboard {
  padding-block: 3%;
}
.sidebar ul{
  display: flex;
  flex-direction: column;
  border: 1px solid lightgray;
}
.sidebar ul li{ 
  padding: 15px 20px;
  border-bottom: 1px solid lightgray;
}
.sidebar ul li:last-child{
  border-bottom: none;
}
.myaccount {
  padding: 15px 20px;
  background: black;
  color: white;
}

.sidebar ul li:hover {
  background: var(--light-brown);
  color: white;
  cursor: pointer;
}
.sidebar ul li a{
  text-transform: uppercase;
}
.sidebar ul li:hover a{
  color: black;
}
.lightgraybg{
  padding: 15px 20px;
  background: #f9f9f9;
}
.user_dashboard .row{
  padding-inline: 14%;
}
input,select{
  border-radius: 0 !important;
  font-family: "AdelleMonoFlex" !important;
}
label{
  font-family: "AdelleMonoFlex";
}
.account_detail_block .remove_padding{
  padding: 0;
}
fieldset {
  width: auto !important;
  border: 1px solid lightgray;
  padding: 20px;
}
legend{
  float: none !important;
  width: fit-content !important;
  font-family: "AdelleMonoFlex";
}
.form_submitbtn:focus {
  box-shadow: none;
}
.form_submitbtn {
  font-family: "AdelleMonoFlex";
  background: var(--light-brown);
  border-radius: 0;
}
.form_submitbtn:hover {
  background: var(--brown);
  border-radius: 0;
  color: #fff;
}
.remove_padding{
  padding: 0 !important;
}
table {
  border: 1px solid lightgray;
  font-family: "AdelleMonoFlex";
}

.view_btn{
  background: var(--light-brown);
  padding: 5px 20px;
  font-size: 14px;
  color:gray;
  position: relative;
}
.view_btn:hover{
  background: var(--brown);
  padding: 5px 20px;
  font-size: 14px;
  color:#fff;
}
tr{
  text-align: center;
}
.bill_content li{
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid lightgray;
}
.bill_content li:last-child{
  border-bottom: none;
}
.bill_content ul{
  border: 1px solid lightgray;
}
a.paypal_btn {
    display: block;
    background: #9a7c45;
    padding-block: 20px;
    text-align: center;
    color: white;
}

/* .show{
  display: none !important;
} */
/* .flagDown.show{
  display: block !important;
} */


span.stock-qty {
    display: block;
    margin-top: 10px;
}
p.price_tag {
    margin-bottom: 20px;
}



/* new Css started Here */

.product_form_col form { padding-top: 30px;}
.product_form_col form .form-check { width: 100%; padding-left: 0;}
.balanced p { padding-block: 5px;}
.balanced .content_block:not(:first-child) { padding-top: 80px;}
.animal_probiotic_section p { padding-top: 10px;}
.section4_img .horse_with_info { max-width: 66%;  margin: 0 auto;}
.blue_strip p, .brown_strip p {max-width: 46%;margin: 0 auto;position: relative; padding-inline: 5%;}
.brown_strip p:after, .brown_strip p:before { bottom: 0; margin-block: auto;}
.blue_strip p:before, .blue_strip p:after, .brown_strip p:after, .brown_strip p:before { content: ''; background-size: contain; background-position: center; width: 30px; height: 30px; position: absolute;background-repeat: no-repeat;}
.blue_strip p:before{ background-image: url('../images/horse-shoe-small.png'); left: 0;}
.blue_strip p:after{ background-image: url('../images/horse-shoe-small.png'); right: 0; transform: rotate(45deg)}
.brown_strip p:after{ background-image: url('../images/message-small.png'); left: 0;}
.brown_strip p:before{background-image: url('../images/message-small.png');left: auto;right:0;}
.subscribe-heading p { font-size: 16px;}
.subscribe-heading p { font-size: 16px;}
.subscribe-section .form-col .sub-form { margin-left: auto; max-width: 47%;}
.product_quality_intro_para { font-size: 16px;}
.sidebar ul li.active { font-weight: 700;}
.single-articall a .side-img {width: 25%;height: 70px;overflow: hidden;}
.single-articall a { width: 100%;}
.single-articall a .side-content { width: 75%;}
.single-articall a .side-img>img { width: 100%; height: 100%; object-fit: contain;}


.printing_material_form .form_div .row {  justify-content: center;}
.printing_material_form .form_div .row p {  font-size: 20px;}
.printing_material_form .form_div .row p input { font-size: 16px;}
.printing_material_form .form_div button.brown_btn {margin-block: 30px;width: auto;}
.creditCardForm #credit_cards { width: 100%;}
.creditCardForm .CVV { width: 34%;}
.quantity_wrapper label.error { position: absolute; width: 100%;  bottom: -30px;  left: 0; right: 0; margin: 0 auto;  text-align: center; color: red;}
.three-btns .form-check label#product_price-error { position: absolute; top: 50px;  width: 200px; background: transparent;  color: red; padding: 0;}
label#type-error { position: absolute; top: 40px;  padding: 0; background: transparent; color: red; width: 300px;}
label#package-error { position: absolute; top: 38px; background: transparent; color: red; width: 500px;}

.button_block input:checked.valid+label+.form-check-label { background-color: var(--dark-green);}
.button_block input:checked.valid+label+.form-check-label:before{ content: ""; position: absolute;  width: 94%;  height: calc(100% + 10px); border: 2px solid var(--dark-green); top: -5px; left: 18px;  border-radius: 30px;}
body.logged_in header .navbar_right { width: 33%;}
#myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 38px; color: black; cursor: pointer; background: var(--light-brown) ; border: 2px solid var(--brown); border-radius: 50%; width: 60px; min-height: 60px !important; align-items: center; justify-content: center; }
#myBtn:before { content: ''; position: absolute; width: 15px; height: 15px; border-left: solid 2px var(--brown); border-top: solid 2px var(--brown); -webkit-transform: rotate(-45deg); transform: rotate(42deg); top: 46%; }
#myBtn:hover {background-color: #9a7c45 ;}
#myBtn:hover:before {border-color: #fff ;}
.brown_strip.No_icons p::before, .brown_strip.No_icons p::after { background: unset; display: none;}
.payment_icon{ width: 100px; object-fit: cover;object-position: center;}
#footer .contact_info { padding-left: 40px !important;}
.policy-head { padding-bottom: 3%;}
.policy-content {padding-bottom: 2%;}
/*.our_research_cta a { position: absolute; top: 0; left: 0;width: 100%; height: 100%;display: block;}*/
.our_research_cta {position: relative;}
.footer_col01 { width: 35%;}
.footer_col02, .footer_col03, .footer_col04 {  width: 21.5%;}

/* Artocles css */
.artical-content .desc h1 {font-size: 25px; line-height: 1.5; font-family: "Butler" !important;}
.artical-content .desc h2 {  font-size: 20px; line-height: 1.5; font-family: "Raleway-SemiBold" !important;}
.artical-content .desc h3 {  font-size: 18px; line-height: 1.5; font-family: "Raleway-SemiBold" !important;}
.artical-content .desc h4 { font-size: 18px; line-height: 1.5; font-family: "Raleway-SemiBold" !important;}
.artical-content .desc h5 { font-size: 16px; line-height: 1.5; font-family: "Raleway-SemiBold" !important;}
.artical-content .desc h6, .artical-content .desc p { font-size: 17px; line-height: 1.5; margin-block: 20px; font-family: "Raleway-Regular" !important; }
.artical-content h3 { margin-bottom: 20px;}

.pagination { max-width: 75%; justify-content: center;}
.pagination .page-item { border: 1px solid transparent; border-bottom-color: #B1B1B1; display: inline-block; text-align: center; width: 34px;  line-height: 32px; margin-right: 6px; font-size: 16px; color: #000;}
.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link { background: black; border-color: black; border-bottom-color: white;  color: white;}
.pagination .page-item .page-link { color: black;}
.artical-content a.heading { text-decoration: none !important;}
.artical-content a>h3:hover { color: var(--brown);}
.reseller-img .whole_link { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.social_share_btn {  display: flex; align-items: center;}
.social_share_btn>a { width: 50px; margin-right: 15px;}
.error{color: red;font-weight: 600;}

select.custom_filter { margin: 20px 0;}

.dropdown-item.active, .dropdown-item:active { background-color: #e9ecef;}


div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1.2em !important; top: 2.5em;}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] { left:  1.35em !important; top: 2.5em;}

.checkout_form .form-control:focus { box-shadow: none;}
.creditCardForm .form-group input, .creditCardForm .form-group .form-control:focus {  border: 1px solid #ced4da; box-shadow: none;}
.creditCardForm .form-group .form-control:focus, .creditCardForm #card-cvc-element:focus, .creditCardForm #card-number-element:focus, .creditCardForm #card-expiry-element:focus {  border-color: #86b7fe; }
.creditCardForm #card-cvc-element, .creditCardForm #card-number-element, .creditCardForm #card-expiry-element { height: 40px; vertical-align: middle; padding: 10px; border: 1px solid #ced4da; }

nav[role="navigation"] svg { height: 15px;}


.good_dog .balanced h3{color:#152e27}
.good_dog .balanced {background-color: #eff6f4;}
.good_dog .content_block h5{color:var(--green-1)}
.good_dog .circle_card_section{background: #152e27}
.good_dog .horse_content .title{color: #152e27}
.good_dog .horse-probiotic :is(.title,.sub_title){color: #152e27}
.good_dog .horse_content { background: #c2ded5;}
.good_dog .cards_section .card .title{color: var(--green-1);}
.good_dog .horse-probiotic{  background-color: #c2ddd4;}
.good_dog .product_form_col {background: #eff6f4;}
.green_strip{background-color: #008068;}
.good_dog .section3_img{background-image: url('../images/girlwithdog.png');}
.green_strip p:before{ background-image: url('../images/dog-foot-left.png'); left: 0;}
.green_strip p:after{ background-image: url('../images/dog-foot-right.png'); right: 0; transform: rotate(0deg)}
.good_dog .horse_logo {position: absolute;top: 30px;left: -50px;width: 30%;}
.good_dog .horse_img .img_wrapper {padding: 40px;}
.good_dog .horse_img {background: #eff6f4;}
.good_dog .horse_paw {width: 50%;}
.good_dog .three-btns .form-check input:checked + label {background-color: #008068;}
.good_dog .three-btns .form-check input:checked + label:before{border: 2px solid #008068;}
.good_dog .three-btns .form-check label{background-color: #6ec7b7;}
.good_dog .three-btns .form-check input:hover + label{background-color: #008068 !important;}
.good_dog .section4_img {background-image: url(../images/artwork-bg-dog.png);}

 /*subscription page css*/
.good_dog .sub-form {background: #ddeae6;}
.good_dog .button_block input:checked + label {background-color: #008068;}
.good_dog .button_block input:checked + label:before{border: 2px solid #008068;}
:is(.good_dog .quantity,.good_dog .send_to_me) .form-check label{background-color: #6ec7b7;}
.good_dog p{  /*font-size: 18px;*/   line-height: 1.6}

.good_cat .balanced h3{color:#64263c}
.good_cat .balanced {background-color: #ffe3e6;}
.good_cat .content_block h5{color:#c2345b}
.good_cat .circle_card_section{background: #803c4e}
.good_cat .horse_content .title{color: #64263c}
.good_cat .horse-probiotic :is(.title,.sub_title){color: #64263c}
.good_cat .horse_content { background: #ffb0bd;}
.good_cat .cards_section .card .title{color: #c2345b;}
.good_cat .horse-probiotic{  background-color: #fce2e5;}
.good_cat .product_form_col {background: #ffe3e6;}
.pink_strip{background-color: #c2345b;}
.good_cat .section3_img{background-image: url('../images/girlwithcat.jpg');}
.pink_strip p:before{ background-image: url('../images/cat-foot-left.png'); left: 0;}
.pink_strip p:after{ background-image: url('../images/cat-foot-right.png'); right: 0; transform: rotate(0deg)}
.good_cat .horse_logo {position: absolute;top: 30px;left: -50px;width: 30%;}
.good_cat .horse_img .img_wrapper {padding: 40px;}
.good_cat .horse_img {background: #ffe3e6;}
.good_cat .horse_paw {width: 50%;}
.good_cat .three-btns .form-check input:checked + label {background-color: #c2345b;}
.good_cat .three-btns .form-check input:checked + label:before{border: 2px solid #c2345b;}
.good_cat .three-btns .form-check label {background: #d8989f;}
.good_cat .three-btns .form-check input:hover + label{background-color: #c2345b !important;}
.good_cat .section4_img {background-image: url(../images/artwork-bg-cat.png);}
/*subscription page css*/
.good_cat .sub-form {background: #ffe3e6;}
.good_cat .button_block input:checked + label {background-color: #c2345b;}
.good_cat .button_block input:checked + label:before{border: 2px solid #c2345b;}
:is(.good_cat .quantity,.good_cat .send_to_me) .form-check label{background-color: #d8989f;}
/*produkt page css*/
.product_slider.good_dog .custom_container .row {flex-direction: row-reverse;}
.sec_margin_top{margin-top: 70px}
.section_spacing.sec_margin_top{margin-top: 150px}
.front_product_cards .product_img{width: 80%; margin: auto;}
.front_product_cards .product_form_col{background:transparent;}
.front_product_cards .product_form_col .product_title{ font-family: 'Butler' !important;}
.brown_strip p.gold_img::before {background-image: url(../images/gold-foot-left.png);left: 0;top:0;}
.brown_strip p.gold_img::after {background-image: url(../images/gold-foot-right.png);right: 0;transform: rotate(0deg);top:0;left: unset;}
.brown_strip p a {color: white;font-size: 20px;}
.yoga_section {background-image: url(../images/yoga-dog.png);max-height: 700px;}
.yoga_section .custom_container{align-content: center;}
.yoga_section .custom_container .card{background-color: #dfebe7;}
/*subscription page css*/
#productButtons button, #productTypes button{border-radius: 50px; border: 2px solid #fff; opacity: .7;margin-bottom: 10px;}
#productButtons button.active{opacity: 1;}
#productButtons button[data-page-type="horse"]{background-color: #6a89cc}
#productButtons button.active[data-page-type="horse"], .good_horse #productTypes button.active {outline: #6a89cc solid 2px}
#productButtons button[data-page-type="dog"]{background-color: #6abf69}
#productButtons button.active[data-page-type="dog"], .good_dog #productTypes button.active{outline: #6abf69 solid 2px}
#productButtons button[data-page-type="cat"]{background-color: #d3545d}
#productButtons button.active[data-page-type="cat"], .good_cat #productTypes button.active{outline: #d3545d solid 2px}
#productTypes button.active{opacity: 1}
.good_cat .two_btns {display: none}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
  appearance: textfield; /* Other browsers */
}

.slider_text h1 {
    color: white; /* För att säkerställa att texten är vit */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); /* Skugga: 2px horisontellt, 2px vertikalt, 5px suddighet, och svart färg */
}

.overlay{position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity: .5;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
  width: 100%;
  height: 100%;}