@font-face {

    font-family: 'Gilroy';

    src: url('../fonts/Gilroy-Bold.ttf') format('truetype');

    font-weight: 700; /* Greutate Bold */

    font-style: normal;

}



@font-face {

    font-family: 'Gilroy';

    src: url('../fonts/Gilroy-Regular.ttf') format('opentype');

    font-weight: 600; /* Greutate Light */

    font-style: normal;

}

 @font-face {

    font-family: 'Cocon Regular';

    font-style: normal;

    font-weight: normal;

    src: url(../fonts/CoconRegularFont.woff) format('woff');

    }

img{

    width: 100%;

    /*max-width: fit-content;*/

}

body {

    background: url(../img/gradient.png);

    background-repeat: repeat;

        background-position: 70% 12%;

    background-size: 100%;

    color:#45566a;

    overflow-x:hidden;

}

html, body{

    overflow-x: hidden;

}

sup {

  font-size: 10px;

top: -1.3em;

}

p{





font-family: 'Gilroy', sans-serif;

font-style: normal;

font-weight: 400;

font-size: 22px;

color: #45566a;





}

h2{

     font-family: 'Gilroy', sans-serif;



font-style: normal;

font-weight: 600;

font-size: 44px;

text-align: center;



color: #011983;





}

h3{





font-family: 'Gilroy', sans-serif;

font-style: normal;

font-weight: 400;

font-size: 32px;



color: #45566a;





}

.title-blue h2{

font-family: 'Gilroy', sans-serif;

font-style: normal;

font-weight: 700;

font-size: 32px;

text-align: center;

color: #011983;

text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);



}

.card{

    background: transparent;

    border: 0;

}

.card-body h2{

    font-size: 21px;

    font-weight: 800;

}

.card-text{

     font-family: 'Gilroy', sans-serif;

     color: #45566a;

     font-weight: 500;

    font-size: 16px;

}

.card-body{

    padding: 0!important;

}

.card img{

    width: 100%;

    margin: auto;

    max-width: 130px;

}

.card-center{

    bottom: 25%;

    position: relative;

}



.list{

  

    margin-bottom: 0;

    font-size: 25px;

   /* display: flex;

    flex-direction: row;

    align-content: center;

    flex-wrap: wrap;

    align-items: center;*/





}

.list .orange-bg{

    background:#f57e20;

}

.list .red-bg{

    background: #ee2a7b;

}

.list .green-bg{

    background: #00b485;

}

.list span {

        display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    padding: 5px;

    margin-right: 6px;

    /* line-height: 6; */

    margin-bottom: 3px;

}







.footer p, .footer-low p{

font-family: 'Gilroy', sans-serif;

font-style: normal;

font-weight: 400;

font-size: 14px;

line-height: 1.2;

    text-align: left

}

.logo {

    width: 100%;

    max-width: 120px;

    margin-left: auto;

}

.footer-low{

    background-image: url(../img/backfoot.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.ingrediente:before{

    content:url('../img/produs.png'); /* with class ModalCarrot ??*/

  position:absolute; /*or absolute*/

  z-index:100000; /*a number that's more than the modal box*/

  left: -23rem;

    top: -6rem;

}

.ingrediente:after{

    content:url('../img/produs.png'); /* with class ModalCarrot ??*/

  position:absolute; /*or absolute*/

  z-index:100000; /*a number that's more than the modal box*/

      right: -23rem;

    top: -16rem;

}

.img-fit{

    max-width: fit-content;

}

.bears:before {

    content: url(../img/ursulet2.png);

    position: absolute;

    z-index: 100000;

    left: 2rem;

    top: 7rem;

}

.bears:after {

    content: url(../img/ursulet.png);

    position: absolute;

    z-index: 100000;

    right: 2rem;

    top: 0rem;

}

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

 .card-center{

    bottom: 0%;

    position: relative;

    }

    .card-body p.card-text{

        font-size: 16px

    }

    p{

        font-size: 18px;

    }

    body{

        background-position: 70% 22%;

        overflow: hidden;

         background-size: 144%;

    }

  

    .bears:before {

    content: url(../img/ursulet2.png);

    position: absolute;

    z-index: -1;

    left: -1rem;

    top: 16rem;

}

    .bears:after {

    content: url(../img/ursulet.png);

    position: absolute;

    z-index: -1;

    right: -3rem;

    top: 0rem;

}

}

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

      .ingrediente:before {

    content: url(../img/produs.png);

    position: absolute;

            z-index: -1;

        top: -11rem;

        left: -277px;

        display: none;

       

}

    .ingrediente:after {

    content: url(../img/produs.png);

    position: absolute;

    z-index: -1;

    right: -19rem;

    top: 7rem;

        display: none;

}

    .text-center  .text-white{

        color: #011983!important;

    }

}

.accordion-item{

    background: transparent;

}

.accordion-button {

    align-items: flex-start;

    font-family: 'Gilroy', sans-serif;

   color:#011983;

    font-weight: 700;

    font-size: 18px;

    background: transparent!important;

    padding: 0!important;

}







.accordion-button:after {

    order: -1;

    margin-left: 0;

    margin-right: 0.5em;

}



.accordion-button:not(.collapsed) {

    background-color: transparent !important;

    border: 0;

    box-shadow: none;

    font-family: 'Gilroy', sans-serif;

   color:#011983;

    font-weight: 700;

    font-size: 18px;

    background: transparent!important;

        line-height: 2.2;

}



.accordion-button:not(.collapsed):after {

    background-image: url(../img/caret-down.svg) !important;

    transform: rotate(-180deg);



}



.accordion-button::after {

        order: 1;

    background-image: url(../img/caret-down.svg) !important;

        background-repeat: no-repeat;

    background-size: 26px;

    content: "";

    flex-shrink: 0;

    height: 30px;

    margin-left: 0;

    margin-right: 0.25rem;

    transition: transform 0.2s ease-in-out;

    width: 30px;

    margin-bottom: 0;



}



@media (prefers-reduced-motion: reduce) {

    .accordion.right .accordion-button:before {

        transition: none;

    }

}



.accordion.right .accordion-button:after {

    display: none;

}



.accordion.right .accordion-collapse {

    margin-left: 2.5rem;

}

.accordion-button:focus {

    z-index: 3;

    outline: 0;

    box-shadow: none!important;

}





.card.cst-card{

   border-radius: 10px;

    text-align: center;

    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);

    padding-top: 60px;

    position: relative;

    border:1px solid!important;

  }

.card.cst-card img{

    max-width: 200px;

}

.card.cst-card h5{

    font-size: 27px;

    font-weight: 700;

    color: #011983;

}

  .btn {

    font-weight: bold;

    border-radius: 50px;

    padding: 10px 20px;

    position: absolute;

    bottom: -15px;

    left: 50%;

    transform: translateX(-50%);

  }

  .cst-card.border-primary {

    border-color: #e7007e !important;

  }

  .cst-card.border-secondary {

    border-color: #011983 !important;

  }

  .cst-card.border-info {

    border-color: #011983 !important;

  }

.cst-card .card-header{

     

    border: 0;

    background: transparent;



}

 

  

  .cst-card .btn-primary {

    background-color: #e7007e;

    border: none;

    color: white;

  }

  .cst-card .btn-dark {

    background-color: #011983;

    border: none;

    color: white;

  }

  .cst-card .btn-info {

    background-color: #011983;

    border: none;

    color: white;

  }

  .product-image {

    height: auto;

      margin: auto;

  }