/* Add custom CSS styles below */ 
/*section.s-block.s-block--full-banner.s-block--full-bg .full-banner-entry {
    height: 800px;
    background-attachment: fixed;
}*/

section.s-block.s-block--full-banner.s-block--full-bg .full-banner-entry h3 {
    font-size: 46px;
    font-weight: 500;
    margin-bottom: 45px;
}

section.s-block.s-block--full-banner.s-block--full-bg .full-banner-entry a {
    background: #fff;
    color: #522921;
    font-size: 16px;
    font-weight: 500;
    border-radius: 10px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    min-width: 150px;
    justify-content: center;
}

.tala-speciel-categories .tala-title {
    display: none;
}

.tala-speciel-categories button {
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.tala-speciel-categories div.absolute {
    display: none;
}

.tala-speciel-categories button:hover {
    background: #522921;
    color: #fff !important;
}

.s-block--tabs-produtcs {
    margin: 0;
}

.s-block--tabs-produtcs .tab-trigger button.tab-trigger {
    border-radius: 8px !important;
    font-weight: 500;
    font-size: 16px;
    border: 0;
    background: #fff;
    height: 45px;
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
    background: #522921;
    color: #fff !important;
}

.s-block--tabs-produtcs .tab-trigger button.tab-trigger:hover {
    color: #522921;
}

a.img-container {
    height: 401px;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
}

.card-content > a {
    color: #522921;
    font-weight: 500;
    font-size: 18px;
}

.card-content > a h5 {
    height: auto;
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 20px;
}

.card-content > span {
    color: #C99E59;
    font-size: 18px;
    font-weight: 500;
}

.card-content > span span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.card-content .s-button-btn {
    border-radius: 8px !important;
    min-width: 150px;
    height: 45px;
    background: #522921;
    color: #fff !important;
    font-weight: 500;
}

.card-content .s-button-btn span {
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.tala-categories {
    padding-inline: 10%;
    gap: 30px;
}

.tala-categories p {
    border-radius: 20px;
}

.tala-product-countdown {
    border-radius: 20px;
    margin-bottom: 40px;
}

.tala-product-countdown .tala-title {
    font-size: 20px;
    margin-bottom: 15px;
}

.s-count-down-list {
    margin: 0;
    justify-content: center;
}

.s-count-down-lg .s-count-down-item {
    line-height: 1.3;
    flex: none;
    margin: 0;
    width: 20%;
}

.s-count-down-item-label {
    font-weight: 500;
    font-size: 17px;
    opacity: .6;
}

.s-count-down-item-value {
    font-size: 42px;
}

.tala-product-countdown .tala-button {
    border-radius: 8px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-width: 150px;
}

h1.text-base.text-center.tala-title.mb-6.cursor-pointer {
    margin: 60px 0 0 !important;
    font-weight: 500;
    font-size:18px
}

.tala-countdown {
    border-radius: 20px;
    margin-bottom: 0;
}

.tala-countdown .tala-title {
    font-size: 17px;
    color: #703F3B !important;
    font-weight: 500;
    padding: 0;
}

.tala-countdown .tala-text {
    color: #522921 !important;
    margin: 0 auto 30px;
    max-width: 50%;
}

.tala-countdown .s-count-down-list {
    justify-content: center;
}

.tala-countdown .s-count-down-list .s-count-down-item {
    width: 13%;
    flex: none;
}

.tala-countdown .tala-button {
    color: #522921 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.tala-special-product .block {
    background: transparent !important;
}

.tala-special-product .block .w-full {
    border-radius: 20px;
}

.tala-special-product .block .box {
    gap: 20px;
    flex-wrap: nowrap;
}

.w-full.shrink-0.grow-0.basis-auto.lg\:w-6\/12.xl\:w-8\/12 {
    background: #fff;
    min-height: 402px;
}

.tala-special-product .block .box .w-full {margin: 0;}

.tala-special-product .block .box .tala-title {
    font-weight: 600;
    font-size: 20px;
    padding: 0;
}

.tala-special-product .block .box .tala-text {
    margin: 0 auto;
}

.tala-special-product .block .box  p.mb-6.pb-2.tala-text {
    max-width: 71%;
    margin: 0 auto 30px;
}

.tala-special-product .block .box .tala-button {
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-width: 150px;
    height: 45px;
    padding-bottom: 7px;
}

.tala-special-product .block .box .text-base {
    gap: 20px;
    justify-content: center;
}

.tala-special-product .block .box .text-base .flex {
    width: auto;
    gap: 0;
}

footer.text-center.mt-8,footer.tala-footer {
    background: #eee;
}

footer.tala-footer .border-t.border-gray-300.my-6 {
    display: none;
}

footer.tala-footer .flex.flex-col.md\:flex-row.h-7.m-4.justify-between.items-center {
    padding: 20px 0;
    margin: 0;
    height: auto;
    border-top: 1px solid #291410;
}

footer.tala-footer .flex.flex-col.md\:flex-row.h-7.m-4.justify-between.items-center .flex.flex-row.gap-5.lg\:p-2.py-8 {
    padding: 0;
}

footer.tala-footer {
    padding-inline: 10%;
}

footer.text-center.mt-8 {
    margin-top: 70px;
    text-align: initial;
}

footer.text-center.mt-8 .relative.pt-10.px-12 {
    padding: 50px 10%;
}

footer.text-center.mt-8 ul.flex.mb-6.items-center.justify-center {
    justify-content: flex-start;
    margin-top: 50px;
    gap: 10px;
}

footer.text-center.mt-8 ul.flex.mb-6.items-center.justify-center li {
    margin: 0;
}

footer.text-center.mt-8 ul.flex.mb-6.items-center.justify-center .social-link {/* Ellipse 2 */
    width: 35.76px;
    height: 35.76px;
    background: #FFFFFF;
    box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transition: .3s;
}

footer.text-center.mt-8 ul.flex.mb-6.items-center.justify-center .social-link:hover {
    background: #C99E59;
    box-shadow: none;
    color: #fff;
}

footer.text-center.mt-8 .w-full li a:hover {
    color: #C99E59;
}

.raheeb-main-text-color a {
    display: block;
    font-size: 17px;
}

.raheeb-main-text-color a:hover {
    color: #C99E59;
}

.raheeb-main-text-color a i {
    color: #C99E59;
}


/* RESOONSIVE */

@media(max-width:768px){
  section.s-block.s-block--full-banner.s-block--full-bg .full-banner-entry {
    height: 300px;
    background-attachment: unset;
}

section.s-block.s-block--full-banner.s-block--full-bg .full-banner-entry h3 {
    font-size: 25px;
    margin-bottom: 20px;
}

a.img-container {
    height: auto;
}

.tala-countdown .s-count-down-list .s-count-down-item {
    width: 25%;
}

.tala-special-product.container.my-24.mx-auto.md\:px-6 {
    margin: 50px 0;
}

.tala-special-product .block .box {
    flex-wrap: wrap;
}

.tala-special-product.container.my-24.mx-auto.md\:px-6 section.mb-32.text-center {
    margin-bottom: 0;
}
}

.tala-hero-image {
    height: auto !important;
    min-height: unset !important;
}

.tala-hero-image a {
    height: auto !important;
    display: block !important;
}

.tala-hero-image .absolute.inset-0 {
    position: relative !important;
    height: auto !important;
}

.tala-hero-image img {
    position: relative !important;
    height: auto !important;
    width: 100% !important;
    object-fit: contain !important;
}

.tala-hero-image .relative.z-10 {
    position: absolute !important;
    top: 42% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: auto !important;
}

.tala-hero-image .bg-black.opacity-50 {
    position: absolute !important;
    inset: 0 !important;
}
.tala-hero-image h3.font-medium.text-2xl.mt-2{
    color: #ffffff;
    padding: 5px 12px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
   background-color: rgba(95, 51, 38, 0.7);
  line-height: 1.9rem;
  font-size: 0.9rem !important; 
  
}
.tala-hero-image h2{
  font-size: 1.5rem !important; 
}