body {
    font-family: 'Montserrat';
    font-weight: 300;
    line-height: 1.7;
    color: #00253E;
    overflow-x: hidden;
}

h2 {
    font-weight: 800;
    color: #87C2EB;
}

h3 {
    font-weight: 800;
    color: #87C2EB;
}
@font-face {
	font-family: Montserrat-SemiBold;
	src: url('../fonts/Montserrat-SemiBold.ttf');
}
@font-face {
	font-family: Montserrat-Bold;
	src: url('../fonts/Montserrat-Bold.ttf');
}
@font-face {
	font-family: Montserrat-Medium;
	src: url('../fonts/Montserrat-Medium.ttf');
}
 
@font-face {
	font-family: Montserrat-Regular;
	src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
	font-family: Montserrat-ExtraBold;
	src: url('../fonts/Montserrat-ExtraBold.ttf');
}

@font-face {
	font-family: Montserrat-Light;
	src: url('../fonts/Montserrat-Light.ttf');
}

#foodweight{
	color: white;
}
.container-wider1 {
    min-width: 90%;  
    /* width: 90%;  */
}
.container-wider {
    max-width: 90%;
}
.container-wider h5 {
   color: #00253E;
   font-weight: 700;
}

.header-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 100%;
    height: auto;
    /* height: 100vh; */
}

.home-header {
    background-image: url('../images/barf-header.jpg');
    border-radius: 50px !important;
    width: 90% !important;
    margin: auto !important;
}

.whatis-header {
    background-image: url('../images/kakvo-e-barf-header.jpg');
    /* min-height: 543px; */
}

.whoweare-header {
    background-image: url('../images/koi-sme-nie.jpg');
    /* min-height: 550px; */
}

.raw-foods-header {
    background-image: url('../images/raw-food-dogs.png');
    /* min-height: 550px; */
}

.hrana-za-kucheta-header {
    background-image: url('../images/hrana-za-kucheta-header.jpg');
    /* min-height: 660px; */
}

.hrana-za-kotki-header {
    background-image: url('../images/hrana-za-kotki-header.jpg');
    /* min-height: 660px; */
}

.kashoni-header {
    background-image: url('../images/kashoni-header.jpg');
    /* min-height: 660px; */
}

.lakomstva-header {
    background-image: url('../images/barf-banner-lakomstva.jpg');
    /* min-height: 660px; */
}

.dobavki-header {
    background-image: url('../images/barf-banner-dobavki.jpg');
}

.title-blue {
    color: #87C2EB;
    font-weight: 800;
}

.content-text {
    font-size: 15px;
}

.yellow-btn-light {
    background-color: #FDB813;
    border-radius: 25px;
    padding: 11px 35px;
}

.btn-send {
    background-color: #FDB813;
    color: #000;
    border-radius: 0 !important;
    padding: 11px 35px;
    font-weight: bold;
}

.yellow-btn-light:hover, .btn-explore:hover, .btn-send:hover {
    -webkit-box-shadow: 0 0 5px 2px #cecece;
    -moz-box-shadow: 0 0 5px 2px #cecece;
    box-shadow: 0 0 5px 2px #cecece;
}

.yellow-btn-light>img {
    height: 20px;
    margin: -5px 10px 0 0;
}

.dropdown-menu {
    -webkit-box-shadow: 0 0 5px 2px #e7e7e7;
    -moz-box-shadow: 0 0 5px 2px #e7e7e7;
    box-shadow: 0 0 5px 2px #e7e7e7;
    border: none;
    border-radius: 0;
    line-height: 2;
}

/* .top-shadow {
    box-shadow: 0 4px 16px -2px #9e9e9e;
    position: relative;
    z-index: 99;
} */
.top-shadow1
{
    position: relative;
    box-shadow: 0 4px 16px -2px #9e9e9e !important;
}

.center-heading {
    font-weight: 800;
}

.font-weight-800 {
    font-weight: 800;
}

.link-yellow {
    color: #FDB813;
    text-decoration: none;
}

.link-yellow:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.container-footer {
    background-color: #003051;
}

.white-text {
    color: #FFF;
    font-size: 16px;
    /* text-transform: uppercase; */
    margin-top: 25px;
}

.white-text a {
    color: #FFF;
    font-size: 16px;
    /* text-transform: uppercase; */
    margin-top: 25px;
    text-decoration: none;
}

.white-link {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}

.white-link:hover {
    color: #FD8813;
    text-decoration: none;
    text-transform: uppercase;
}

.bottom {
    background-color: #00253E;
    color: #FFF;
    font-size: 0.8em;
}

.icon-width {
    min-width: 250px;
}

.bone-bgr {
    background-image: url('../images/bone-bgr.jpg');
}

.card {
    border-radius: 15px;
    border: 0.5px solid #BBBBBB;
	min-height: 230px;
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.light-blue-bgr {
    background-color: #F5FBFF;
}


.col-bgr {
    background-image: url('../images/col-bgr.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
    max-width: 100%;
    height: auto;
}

.btn-filter {
    border: 0.5px solid #C4C4C4;
    border-radius: 25px;
    padding: 12px 30px;
}

.btn-weight {
    border: 0.5px solid #A7A7A7;
    color: #87C2EB;
    font-size: 18px;
    border-radius: 25px;
    padding: 12px 30px;
    margin-right: 15px;
}

.btn-filter:hover, .btn-sort:hover, .btn-active {
    background-color: #FDB813;
    border-color: #FDB813;
}

.btn-filter:focus, .btn-sort:focus {
    box-shadow: none;
}

.btn-sort {
    color: #000;
    background-color: transparent;
    border-color: #C4C4C4;
    border-radius: 0;
    margin-left: 25px;
}

.btn-sort {
    box-shadow: none;
}

.btn-explore {
    color: #000;
    background-color: #FDB813;
    border: 0.5px solid #FDB813;
    border-radius: 25px;
    padding: 12px 60px;
    font-weight: bold;
}

.product div {
    overflow: hidden;
    margin: 0 auto;
    /* min-height: 350px; */
}

.product {
    height: 100%;
}

.product p {
    font-weight: 400;
    /* min-height: 85px; */
}

.product div img {
    /* width: 100%; */
    transition: 0.5s all ease-in-out;
    /* width: 250px; */
    height: 13vw;
    object-fit: cover;    
}

.product div:hover img {
    transform: scale(1.1);
}

.gray-bgr {
    background-color: #FAFAFA;
}

.go-button {
    color: #00253E;
    text-decoration: none;
}

.go-button i {
    background-color: #87C2EB;
    padding: 10px 13px;
    border-radius: 50%;
    color: #FFF;
}

.go-button:hover i {
    background-color: #FDB813;
    text-decoration: none;
}

.go-button:hover {
    color: #87C2EB;
    text-decoration: none;
}

.prod-desc h1 {
    font-weight: 800;
}

.prod-inf ul {
    list-style: none;
}

.prod-inf li::before {
    content: "\2022";
    color: #87C2EB;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    font-size: 21px;
}

.prod-inf h6 {
    padding-top: 20px;
}

#calculator {
    padding:60px 8%;
}

#calculator label {
    font-weight: bold;
    margin-top: 20px;
}

#calculator .form-select, input {
    height: 50px;
    border-radius: 0 !important;
}

.result {
    background-color: #87C2EB;
    color: #FFF;
    min-height: 183px;
    margin-top: 50px;
}

.result h2 {
    font-weight: 800;
}

.dog-desktop {
    display: block;
}

.dog-mobile {
    display: none;
}

.blog-anounce {
    padding: 0 6%;
}

.blog-anounce h3 {
    font-size: 30px;
    font-weight: 700;
}

.bg-sm-white {
    background-color: #FFF;
}

.important-anounce {
    background-color: #F5FBFF;
    border-left: solid 4px #87C2EB;
    margin: 30px 0;
}

.article-container {
    padding: 0 6%;
}


.mt-6 {
    margin-top: 7rem !important;
}

.contacts {
    padding-left: 15%;
}

.contacts h4 {
    font-size: 24px;
}

.contacts p {
    font-size: 16px;
}

.navbar, .navbar a {
    font-size: 0.7rem;
}

.navbar-light .navbar-nav .nav-link, .prod-title {
    color: #000;
    text-decoration: none;
}

.prod-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines to show */
    -webkit-box-orient: vertical;
 }


.prod-title:hover {
    color: #000;
    text-decoration: underline;
}

.position {
    font-size: 0.8rem;
    font-weight: 400;
}

i.fa-facebook-f {
    display: inline-block;
    border-radius: 50%;
    padding: 0.5em 0.8em;
    background-color: #FDB813;
    color: #00253E;
}

i.fa-instagram {
    display: inline-block;
    border-radius: 50%;
    padding: 0.5em 0.6em;
    background-color: #FDB813;
    color: #00253E;
}

i.fab:hover {
    background-color: #00253E;
    box-shadow: 0px 0px 2px #FDB813;
    color: #FDB813;
}

p .right-100 {
    margin-right: -100px;
}

p .left-100 {
    margin-left: -100px;
}


.prod_price {
    font-size: 1.5rem;
    color: #87C2EB;
    font-weight: 600;
}

@media only screen and (max-width: 1600px) {
    .container-wider1 {
        max-width: 100%;
    }
  
    /* .product p {
        min-height: 135px;
    } */
}



/* @media only screen and (min-width: 1281px) {
    .product p {
        min-height: 85px;
    }
}

@media only screen and (min-width: 1880px) {
    .product p {
        min-height: 55px;
    }
}

 */

@media only screen and (max-width: 1400px) {
    .carousel-vet-answers {
        width: 90% !important;
    }
}

@media only screen and (min-width: 1661px) {
    .navbar, .navbar a {
        font-size: 1rem;
    }
    .last-stories-index {
        width: 90%;
    }
}

@media only screen and (min-width: 702px) {
    .navbar, .navbar a {
        font-size: 1rem;
    }
    .carousel-caption {
        top: 50%;
        transform: translateY(-50%);
        bottom: initial;
        left: 10%;
    }
    
    .home-header-content {
    margin: 17% 8%;
}


.home-header-content h1 {
    font-weight: 700;
    color: #FFF;
    width: 50vw;
    font-size: 4.8vw;
    line-height: 1.1;
    text-transform: uppercase;
}

.home-header-content p {
    color: #FFF;
    width: 510px;
    font-size: 1.6em;
}

.home-header-content-bg h1 {
    font-weight: 700;
    color: #FFF;
    width: 50vw;
    font-size: 4.8vw;
    line-height: 1.1;
    text-transform: uppercase;
}

.home-header-content-bg p {
    color: #FFF;
    width: 510px;
    font-size: 1.6em;
}

.home-header-content-bg1 h1 {
    font-weight: 800;
    color: #000;
    width: 50vw;
    font-size: 3.5vw;
    line-height: 1.1;
    text-transform: uppercase;
}

.home-header-content-bg1 p {
    color: #000;
    width: 510px;
    font-size: 1em;
}

.inner-header-content {
    margin: 20vh 8%;
}

.inner-header-content h1 {
    font-weight: 700;
    color: #87C2EB;
    /* width: 720px;
    font-size: 2.8rem; */
    width: 45vw;
    font-size: 2.5vw;    
    line-height: 1.1;
    text-transform: uppercase;
}

.inner-header-content p {
    color: rgb(39, 38, 38);
    width: 510px;
    font-size: 1.6em;
}
}

@media only screen and (min-width: 701px) and (max-width: 800px){
    .btn-explore {
        padding: 10px;
    }
}

@media only screen and (max-width: 700px) {
    .carousel-caption {
        left: 0;
        right: 0;
    }
    
    .home-header-content-bg1 h1 {
        font-weight: 800;
        font-size: 22px;
    }
    
    .home-header-content-bg h1 {
        font-size: 40px;
        font-weight: 800;
    }
    
    .mt-6 {
        margin-top: 0 !important;
    }

    .contacts h4 {
        font-size: 16px;
    }

    .contacts p {
        font-size: 14px;
    }

    .col-bgr {
        background-image: none;
    }

    #zayavka label {
        font-size: 0.8em;
    }

    /* .mmr {
        margin-right: 19%;
    } */

    .mobile-open > a{
        display: none;
    }

    .mobile-open ul {
        display:block;
        box-shadow: none;
        border-bottom: solid 0.5px #a7a7a7;
    }


    .mobile-open > ul > li > a {
        padding: 0;
        color: #000;
        line-height: 3;
    }

    .blog-anounce h3 {
        font-size: initial;
        font-weight: initial;
    }

    .bg-sm-white {
        background-color: transparent;
    }

    .important-anounce {
        border-left: none;
        margin: 0;
    }

    #calculator {
        padding:15px 4%;
    }

    .order-title {
        opacity: 0;
    }

    .dog-desktop {
        display: none;
    }

    .dog-mobile {
        display: block;
    }

    .btn-weight {
        margin-right: 5px;
    }

    .show-mobile-top {
        position: absolute;
        margin-top: -400px !important;
    }

    /* .product-count {
        position: absolute;
        margin-top: 120px !important;
    } */

    .product-count-cat {
        position: absolute;
        margin-top: 103px !important;
    }

    .btn-filter {
        padding: 12px 12px;
    }

    .heading-polzi {
        padding: 0 15%
    }

    .iceberg {
        background-image: url('../images/col-bgr.jpg');
        background-repeat: no-repeat;
        background-size:contain;
        max-width: 100%;
        height: auto;
    }

    .iceberg h4 {
        margin: 0 0 70px 70px;
    }

    .home-header-content h1 {
        width: 180px;
        font-size: 1.2rem;
    }

    .home-header-content p {
        width: 190px;
        font-size: 0.8em;
    }

    .inner-header-content {
        margin: 0;
    }

    .inner-header-content h1 {
        font-weight: 800;
        color: #87C2EB;
        width: 100%;
        font-size: 1.4rem;
        line-height: 1.1;
        position: absolute;
        text-align: -webkit-center;
    }

    .hrana-za-kucheta-header h1 {
        margin: 230px 0;
    }

    .inner-header-content p {
        color: rgb(39, 38, 38);
        width: 100%;
        font-size: 0.8em;
        position: absolute;
        text-align: -webkit-center;
        margin: 280px 0;
        /* margin: 58% 0; */
    }

    .whatis-header {
        height: 170px;
        background-position: right;
        min-height: unset;
    }

    .whoweare-header {
        height: 200px;
        background-position: right;
        min-height: unset;
    }

    .hrana-za-kucheta-header {
        height: 200px;
        background-position: right;
        min-height: unset;
    }

    .hrana-za-kotki-header {
        height: 200px;
        background-position: right;
        min-height: unset;
    }

    .hrana-za-kotki-header h1 {
        margin: 60% 0;
    }

    .hrana-za-kotki-header p {
        margin: 68% 0;
        padding: 0 15%;
    }

    .kashoni-header {
        height: 200px;
        background-position: right;
        min-height: unset;
    }

    .kashoni-header h1 {
        margin: 60% 0;
    }

    .kashoni-header p {
        margin: 68% 0;
        padding: 0 15%;
    }

    .dobavki-header,
    .lakomstva-header {
        height: 200px;
        background-position: right;
        min-height: unset;
    }

    .dobavki-header,
    .lakomstva-header h1 {
        margin: 60% 0;
    }

    .dobavki-header,
    .lakomstva-header p {
        margin: 68% 0;
        padding: 0 15%;
    }

    .whoweare-header h1 {
        margin: 62% 0;
    }

    .whatis-header h1 {
        margin: 50% 0;
    }

    .raw-foods-header h1 {
        margin: 55% 0;
    }

    .raw-foods-header {
        height: 170px;
        background-position: right;
        min-height: unset;
    }

    .row-title-mobile {
        background-color: #f6fbff;
        height: 100px;
    }

    .row-title-mobile-transparent {
        height: 100px;
    }

    .navbar-nav {
        align-items: flex-start;
    }

    .navbar-light .navbar-toggler,
    .navbar-light .navbar-toggler:focus {
        border: none;
        box-shadow: none;
    }

    .content-text, .title-blue {
        text-align: -webkit-center;
    }

    .icon-width {
        min-width: 170px;
    }
    .product div img {
        width: 100%;
        height: 250px;
    }

    .img-article-circles {
        padding-top:10% !important;
    }

    .blog-banner-container {
        width: 100% !important;
    }

    .light-blue-btn,
    .white-btn {
        width: 100%;
    }

    .quiz-btn-w {
        width: 100% !important;
    }
}

.blog-banner-container {
    width: 90%;
}

.red-btn {
    background-color: #ef233c;
    color: #fff;
    border-radius: 25px;
    padding: 11px 35px;
}

.red-btn:hover {
    background-color: #fff;
    color: #ef233c;
    border-color: #ef233c;
}




@media only screen and (max-width: 1500px) {
    .nav-item a {
        font-size: 12px !important;
    }
    /* .mmr {
        width: 12%;
        margin-right: 5%;
    }
    .mmr img{
        width: 100%;
       
    } */
    .light-blue-btn,
    .white-btn,
    .yellow-btn-light {
        padding: 11px 20px;
    }
}

@media only screen and  (min-width: 1000px) and (max-width: 1250px) {
    .nav-item a {
        font-size: 12px !important;
    }

    .mmr {
        width: 20%;
        /* margin-right: 1%; */
    }

    /* .mmr img{
        width: 100%;
       
    } */
}


/* CSS VLADI 28.03.22 */
/* #carouselExampleCaptions {
    padding-top: 50px;
} */

#carouselExampleCaptions .carousel-inner img  {
    border-radius: 50px !important;
    width: 90% !important;
    margin: auto !important;
   
}

.blue-bckg {
    border-radius: 50px;
    background-color: rgba(135, 193, 235, 0.15);
    /* width: 90%; */
}

.title-blue {
    text-decoration: underline #FDB813 3px;
    text-underline-position: under;
}

.or-bckg {
    border-radius: 50px;
    background-color: rgba(253, 183, 19, 0.3);
}

.img-last-articles img {
    border-radius: 25px;
}

.img-last-articles h5 {
    border-radius: 25px;
    background-color: #fff;
    text-align: center;
    font-size: 18px !important;
    font-family: 'Montserrat-Bold' !important;
    font-weight: normal;
}


.img-last-articles a {
    font-size: 16px;
    font-family: 'Montserrat-Medium';
}

.last-article-title {
    padding-top: -20px;
    z-index: 99;
}

.box {
    position: absolute;  
    top: 0;
    left: 0;
    z-index: 8; 
    border-radius: 25px !important; 
    width: 100%; 
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 
  }
  
  .box img{
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  
  .overlay {
    /* width: 85%; */
    z-index: 10;
    position: absolute;
    margin-top: 80%;
    background:#FFF;
    border-radius: 25px;
  }

.overlay h5 {
    font-size: 18px;
}


.img-last-articles .card-article {
    border-radius: none;
    border: none;
    text-align: center;
    width:20rem; 
    height: 18rem; 
    margin: auto;
}

.center-heading span {
    color: #FDB813;
}

.contact-vet-form {
    background-color:rgb(135, 194, 235, 0.4);
    
    color: #00253E;
    border-radius: 25px;
}

.contact-vet-form h3 {
    font-size: 18px;
    color: #00253E;
}

.contact-vet-form .form-control,
.contact-vet-form #form input,
.contact-vet-form #form textarea {
    border-radius: 15px !important;
}

.form-check-input:checked[type="radio"] {
    color: #FDB813 !important;
}

.contact-vet-form p .required1,
.required1::after {
    content: "*";
    color: #FDB813;  
}

.form-label, .contact-vet-form p {
    font-family: Montserrat-SemiBold;
}

.yellowb {
    font-family: Montserrat-SemiBold;
}

.vet-answers {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 25px;
    width: 80%;
    margin: 0 auto;
}

.vet-answers h6 {
    font-family: Montserrat-SemiBold;
    font-size: 22px;
    color: #003051;
    margin: 0;
}

.vet-answers a {
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    color: #FDB813;
    text-decoration: none;
    /* margin: auto; */
}

.vet-h2 {
    color: #003051 !important;
    font-size: 30px;
}

@media only screen and (max-width: 1200px) {
    .vet-answers {
        width: 100%;
    }
    /* .social-initiatives-backg {
        background-image: none !important;
    } */
}    

.instagram-section img {
    border-radius: 25px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.instagram-section {
    background-image: url('../images/background-insta.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 1350px) and (min-width: 1200px) {
    .img-last-articles .card-article {
        width: 16rem !important;
    }
} 

@media only screen and (max-width: 400px) {
    .img-last-articles .card-article {
        width: 100% !important;
    }

  
}

.reviews {
    background-image: url('../images/background-reviews.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 100%;
    height: auto;
}


.reviews .review-card {
    border-radius: 25px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    
}
.reviews .fa-star {
    color: #FFC107 !important;
}

.review-card a {
    color: #FFC107 !important;
    font-size: 16px;
    font-family: 'Montserrat-Medium';
    text-decoration: none;
}
.accordion-item,
.accordion-button,
.accordion-button:focus,
.accordion-button:not(.collapsed) {
    background-color: rgba(253, 183, 19, 0.3);
    border-radius: 15px !important;
    color: #00253E;
}

.accordion-button {
    font-size: 18px;
    font-family: 'Montserrat-Medium';
    color: #00253E;
}

.accordion-body {
    font-size: 16px;
    font-family: 'Montserrat';
    color: #00253E;
}

.carousel-vet-answers .carousel-control-prev::before {
    display: inline-block;
    font-family: FontAwesome;
    font-weight: 700;
    content: '\f104';
    color: #003051;
    font-size: 45px;
    font-weight: 700;
    opacity: 1 !important;
    width: 55px;
    height: 55px;
    line-height: 50px;
    padding-left: 5px 
}

.carousel-vet-answers .carousel-control-next::after {
    display: inline-block;
    font-family: 'FontAwesome';
    color: #003051;
    font-size: 45px;
    font-weight: 700;
    opacity: 1 !important;
    content: '\f105';
    width: 55px;
    height: 55px;
    line-height: 50px;
    padding-left: 5px !important;
  }

  .reviews .review-card {
    border-radius: 25px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    /* width: 33%; */
    color: #003051;
    background-image: url('../images/mark.png');
    background-repeat: no-repeat;
    /* z-index: 999 !important ; */
    background-color: #fff !important;
    }
    .reviews .fa-star {
        color: #FFC107 !important;
    }
    .review-card h4 {
        font-family: 'Montserrat-Bold';
        font-size: 22px;
    }
    .review-card p {
        font-size: 16px;
    }

/* carousel */
.reviews .review-card {
    border-radius: 25px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    /* width: 33%; */
    color: #003051;
    /* background-image: url('../images/mark.png'); */
    background-repeat: no-repeat;
    z-index: 999;
}
.reviews .fa-star {
    color: #FFC107 !important;
}
.review-card h4 {
    font-family: 'Montserrat-Bold';
    font-size: 22px;
}
.review-card p {
    font-size: 16px;
}
.owl-nav {
    display: none;
}
.owl-review .owl-dots .owl-dot {
    transition: all .5s;
    width: 7px !important;
    height: 7px !important;
    background-color: #fff;
    margin: 0px 5px !important;
    border-radius: 50% !important;
    outline: none;
    border: 2px solid #003051 !important;
    }

    .owl-review .owl-dots {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-top: 20px;
      
    }

    .owl-review .owl-dots .active {
    width: 24px !important;
    height: 8px !important;
    border-radius: 4px !important;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot, .carousel-control-next-icon, .carousel-control-prev-icon  {
        color: #003051 !important;

        margin: auto !important;
    }
    
.instafeed-container {
    width: 90% !important;
    margin: auto !important;
}



.last-article-index {
    background-image: url('/assets/images/last-articles-bcg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
    /* max-width: 100%; */
    height: auto;
}

.animal-rescue  font {
    font-family: 'Montserrat-Bold';
    color: #FDB813;
    font-size: 18px;
}

.animal-rescue h6 {
    font-family: 'Montserrat-SemiBold' !important;
    color: #00253E;
    padding: 5px 0;
    font-size: 17px !important;
}

.animal-rescue a {
    font-family: 'Montserrat-Bold' !important;
    color: #87C2EB;
    line-height: 1.2;
    text-decoration: none;
}

.animal-rescue p {
    font-family: 'Montserrat-Medium' !important;
    color: #00253E;
    font-size: 17px !important;
}

#testvideo {
    border-radius: 50px !important;
}


.counter-animal-rescue {
    background-color: rgb(135, 194, 235, 0.4);
    color: #00253E;
    border-radius: 25px;
}

.counter-animal-rescue h6 {
    font-family: 'Montserrat-Bold';
    color: #FDB813;
    font-size: 50px;
}

.counter-animal-rescue p {
    font-family: 'Montserrat-Bold';
    color: #00253E;
    font-size: 18px;
}

.nav-active {
    font-family: 'Montserrat-Bold';
    font-size: 17px;
}

.big-post {
    background-color: #fff;
    border-radius: 25px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    z-index: 9999;
    padding: 0;
}

.big-post p {
    font-family: 'Montserrat-Regular';
    color: #00253E;
    font-size: 16px;
}

.big-post h4 {
    font-family: 'Montserrat-ExtraBold';
    color: #87C2EB;
    font-size: 30px;
}

.backgorund-post {
    background-image: url('/assets/images/blog-background.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
    height: auto;
}

.pagination  li a {
    font-family: 'Montserrat-SemiBold';
    color: #00253E;
    font-size: 30px;
    padding: 0 7px;
    text-decoration: none;
}


.pagination  > li >  a .active { 
    color: #FDB813;
}

.blog-aricle-title h4 {
    font-family: 'Montserrat-ExtraBold';
    color: #FDB813;
    font-size: 30px;
}

.blog-aricle-title p {
    font-family: 'Montserrat-Regular';
    color: #00253E;
    font-size: 16px;
}

.blue-article-content {
    background-color:#E7F3FB; 
    border-radius: 25px;
    font-family: 'Montserrat-Medium';
    color: #00253E;
    font-size: 18px;
}

.blog-article-content h5 {
    font-family: 'Montserrat-Bold';
    font-size: 16px;
}


.blog-article-content {
    font-family: 'Montserrat-Regular';
    color: #00253E;
    font-size: 16px;
}

.blog-more-articles h4 {
    font-family: 'Montserrat-ExtraBold';
    color: #87C2EB;
    font-size: 24px;
    text-align: center;
}

.blog-more-articles h5 {
    font-family: 'Montserrat-Bold';
    color: #00253E;
    font-size: 18px;
}

.blog-more-articles p {
    font-family: 'Montserrat-Light';
    color: #00253E;
    font-size: 15px;
}

.img-article-circles {
    padding-top:60%;
}

#pag_ul .active a {
    color: #FDB813;
}

.blog-article-content a {
    font-family: 'Montserrat-Bold';
    font-size: 16px;
    color: #FDB813;
    text-decoration: none;
}

.last-article-index .card-body {
    padding: 0.5rem 0.5rem;
}

.social-initiatives h4 {
    font-weight: 800;
    font-size: 24px;
    line-height: 26px;
    color: #00253E;
}

.social-initiatives p {
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
    color: #00253E;
    margin-bottom: 0;
}

.social-initiatives .card {
    border: none;
}

.social-initiatives .card-footer {
    background: transparent;
    border: none;
}

.social-initiatives .animal-resc-link {
    text-decoration: none;
    color: #FDB813;
    font-weight: 600;
}

.barf-quiz h1 {
    font-weight: 800;
    font-size: 36px;
    line-height: 36px;
    color: #00253E;
}

.barf-quiz p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #00253E;   
}

.quiz-month-award {
    background-color: rgb(135, 194, 235, 0.4);
    background: #EDF6FC;
    border-radius: 50px;
}

.quiz-month-award h2 {
    font-weight: 800;
    font-size: 60px;
    line-height: 36px;
    color: #FDB813;
}

.quiz-month-award p {
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    color: #00253E;
    margin-bottom: 0;
}

.quiz-month-awards {
    background: #FFFFFF;
    box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05), 0px 5px 10px rgba(0, 0, 0, 0.05);
    border-radius: 50px;
}


.quiz-month-awards h3 {
    font-weight: 900;
    font-size: 26px;
    line-height: 38px;
    color: #87C2EB;
}

.quiz-month-awards h4 {
    font-weight: 800;
    font-size: 18px;
    line-height: 36px;
    text-transform: uppercase;
    color: #00253E;
}

.quiz-month-awards p {
    font-weight: 300;
}

.quiz-modal font {
    color: #FDB813;
}

.quiz-month-awards span {
    border-bottom: 1px solid #E0E0E0;
}

.quiz-modal .modal-content {
    background: #FFFFFF;
    border-radius: 30px;
    border: none;
    padding: 20px;
}

.quiz-modal .modal-header {
    padding: 0;
    border-bottom: none;
}

.quiz-modal .modal-footer {
    border-top: none;
}


.quiz-modal h5 {
    font-style: normal;
    font-weight: 900;
    font-size: 26px;
    line-height: 38px;
    align-items: center;
    color: #87C2EB;
}

.quiz-modal .form-check-input:checked {
    background-color: #87C2EB;
    border-color: #87C2EB;
}

.modal-social-a,
.modal-social-a:hover {
    font-weight: 800;
    font-size: 16px;
    color: #87C2EB;
    text-decoration: none;
}

.modal-body label {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #00253E;
}

.modal-body .required1::after {
    content: "*";
    color: #FDB813;  
}

.container-blue {
    background-color: #EDF6FC;
}

.white-section { 
    background: #FFFFFF;
    border-radius: 30px;
}

.white-section h2 {
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    color: #00253E;
}

.white-section h3 {
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    text-transform: uppercase;
    color: #00253E;
}

.white-section p {
    font-style: italic;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #00253E;
}

.white-section input {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #00253E;
}

.checkbox-lg .form-check-input{
    top: .8rem;
    scale: 1.4;
    margin-right: 0.7rem;
}

.quiz-important {
    font-weight: 900;
}

.blue-paw-span {
    background: #EDF6FC;
    border-radius: 10px;
}

.blue-paw-span p {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #00253E;
}

.blue-paw-span img {
    height: 29px;
}

.blue-paw-span a {
    color: #87C2EB;
    font-weight: 700;
    text-decoration: none;
}

.white-btn {
    background-color: #fff;
    border: 1px solid #000000;
    border-radius: 25px;
    padding: 11px 35px;
}

.light-blue-btn {
    background: #3a99da;
    border-radius: 25px;
    padding: 11px 35px;
    color: white;
}

.light-blue-btn:hover {
    color: white;
}

/* .social-initiatives-backg {
    background-image: url('/assets/images/background-quiz-section.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    max-width: 100%;
    height: auto;
} */

.white-section h3.question_title {
    font-weight: 800;
    font-size: 18px;
}

.white-section h2.question_description p {
    font-weight: 500;
    font-size: 16px;
}

.answer_title {
    font-weight: 800;
}

.game h1 {
    font-weight: 800;
    font-size: 34px;
    color: #87C2EB;
}

.game h2 {
    font-weight: 700;
    font-size: 20px;
    color: #87C2EB;
}

.game h3 {
    font-weight: 600;
    font-size: 24px;
    color: #00253E;
    line-height: 30px;
    margin-top: 5px;
}

.game h4 {
    font-weight: 600;
    font-size: 18px;
    color: #00253E;
}

.game p,
.game ul li  {
    font-size: 18px;
    color: #00253E;
    line-height: 22px;
}

.game a {
    font-weight: 600;
    color: #003051;
    font-size: 18px;
}

#correct_answers_title,
#wrong_answers_title {
    font-size: 20px;
    font-weight: bold;
    color: #00253E;
}


.community-div-bckg {
    background-image: url('../images/community-home-bckg.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: auto;
    margin-top: 100px;
}

.community-div {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.div-text {
    text-align: center;
    margin: auto 0;
}


@media only screen and (max-width: 991px) {
    .community-div {
        display: flex;
        flex-direction: column;
    }
    
    .community-div-bckg {
        margin-top: 30px;
    }

    .div-img {
        text-align: center;
    }

    .div-text h2:first-of-type { 
        margin-bottom: 0;
    }
}

.red-btn {
    background-color: #ef233c;
    color: #fff;
    border-radius: 25px;
    padding: 11px 35px;
}

h1.title-blue {
    font-size: 32px;
}

@media only screen and (max-width: 991px) {
    h1.title-blue {
        font-size: 26px;
    }
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.search-wrapper {
    position: relative;
}

.search-wrapper .search-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 2;
    padding: 0;
    line-height: 1;
}

.search-wrapper input[type="search"] {
    border-radius: 25px !important;
    padding: 11px 35px 11px 40px;
    width: 100%;
    z-index: 1;
}

.pagination .page-item {
    margin: 0 4px;
}

.pagination .page-link {
    border-radius: 50px;
    padding: 8px 16px;
    border: 1px solid #ddd;
    color: #333;
    transition: background-color 0.2s, color 0.2s;
    background-color: #fff;
}

.pagination .page-link:hover {
    background-color: #FFF4DB;
    color: #FDB813;
    border-color: #FDB813;
}

.pagination .page-item.active .page-link {
    background-color: #FDB813;
    border-color: #FDB813;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .search-wrapper {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .search-wrapper input[type="search"] {
        padding: 0px;
    }

    .search-icon {
        display: none;
    }
}

i.fa-youtube {
    display: inline-block;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    background-color: #FDB813;
    color: #00253E;
}


#sfc-gdpr-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
  }
  
  #sfc-gdpr-modal {
    background: #fff;
    max-width: 540px;
    width: 100%;
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.2);
    padding: 2rem;
    font-family: "Segoe UI", sans-serif;
  }
  
  #sfc-gdpr-modal h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
  }
  
  #sfc-gdpr-modal p {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    color: #444;
  }
  
  .sfc-toggle {
    margin-bottom: 1rem;
  }
  
  .sfc-toggle label {
    margin-left: 0.5rem;
    font-weight: 500;
  }
  
  #sfc-gdpr-buttons {
    margin-top: 1.5rem;
    text-align: center;
  }
  
  #sfc-gdpr-buttons button {
    min-width: 140px;
  }
  
  #sfc-gdpr-modal a {
    display: inline-block;
    margin-top: 1rem;
    font-size: 0.9rem;
    color: #007bff;
  }
  

p strong {
    font-weight: 600;
}

.blog-article-content strong {
 font-weight: 600;
}