/*
 * Author : Wosvo Interactive
 * Developer : Fürkan Göktaş
 * Email : furkan@wosvo.com
 * Date : 31.07.2024 00:28
 * Filename : custom.css
 * Last Modified : 31.07.2024 00:28
 * Project : woodbaba
 * Module : woodbaba
 *
 * Copyright (c) 2024
 */


body {
    font-size: 0.9rem !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    font-family: "DM Sans", sans-serif;
}

p {
    font-size: 1.1rem !important;
    line-height: 26px !important;
    font-weight: 400 !important;
}

/* Cookie component section */
.cookie-component-section {
    z-index: 1000;
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    width: 400px;
}

.cookie-component-section p {
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
}

.cookie-component-section .buttons {
    font-size: 13px;
}

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

    .cookie-component-section {
        bottom: .8rem;
        right: .8rem;
        left: .8rem;
    }

}


/*<editor-fold desc="Share Buttons">*/
.share-buttons {
    z-index: 100;
    position: fixed;
    width: 300px;
    height: 212px;
    padding-left: 135px;
    bottom: 38%;
    left: 0%;
    margin-left: -100px;
    margin-top: -106px;

}

/*.share-buttons.fixed {*/
/*    position: fixed;*/
/*}*/

.share-buttons .share-button {
    float: left;
    margin-top: 15px;

}

.share-buttons .share-button:first-child {
    margin-top: 0;
}

.share-buttons .share-button:after {
    clear: both;
    display: table;
}

.share-button {
    display: block;
    position: relative;
    height: 30px;
}

.share-button:hover {
    cursor: pointer;
}

.share-button:hover .share-button-primary {
    box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.1);
}

.share-button:hover .share-button-secondary-content {
    transform: translate3d(0, 0, 0);
}

.share-button-primary {
    position: absolute;
    background: #fff;
    border: 1px solid #f1f1f1;
    width: 40px;
    height: 40px;
    border-radius: 0px;
    left: 0;
    top: 50%;
    margin-top: -15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.share-button-icon {
    display: block;
    color: #242424;
    position: absolute;
    width: 50px;
    line-height: 30px;
    font-size: 28px;
    margin-top: 1px;
}

.share-button-secondary {
    overflow: hidden;
    margin-left: 15px;
    height: 30px;
}

.share-button-secondary-content {
    font-family: sans-serif;
    font-size: 0.75em;
    background: #fff;
    display: block;
    height: 30px;
    text-align: left;
    padding-left: 40px;
    padding-right: 18px;
    line-height: 30px;
    color: #242424;
    border-radius: 0 15px 15px 0;
    transform: translate3d(-100%, 0, 0);
    transition: transform 175ms ease;
}

/*</editor-fold>*/


/*<editor-fold desc="WosvTempPrt">*/

/*<editor-fold desc="Custom">*/
.custom-font {
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.custom-font-1 {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.custom-font-2 {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.custom-font-3 {
    font-size: 18px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.custom-font-4 {
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

p.custom-font {
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}


.custom-rounded {
    border-radius: 16px !important;
}

.custom-rounded-1 {
    border-radius: 8px !important;
}

.custom-rounded-2 {
    border-radius: 12px !important;
}

.custom-rounded-3 {
    border-radius: 18px !important;
}

.custom-rounded-4 {
    border-radius: 24px !important;
}

.box-shadow-1 {
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
    border-radius: 18px;
}

.box-shadow-2 {
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}

.box-shadow-3 {
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}

/*<editor-fold desc="Custom">*/
/* Cards */
.card {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.card-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.card-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.card-body {
    padding: 32px;
    padding: 2rem;
    position: relative;
    z-index: 1;
}

.card-text-color-hover-light:hover * {
    color: #FFF !important;
}

.card-background-image-hover {
    background-size: cover;
    background-position: center;
}

.card-background-image-hover .card-body {
    background: rgba(255, 255, 255, 0.9);
    margin: 16px;
    margin: 1rem;
    padding: 16px;
    padding: 1rem;
}

/* Border */
.card-border {
    overflow: hidden;
}

.card-border:after {
    content: "";
    transition: .2s all ease;
    backface-visibility: hidden;
    position: absolute;
    left: 50%;
    height: 5px;
    width: 100%;
    transform: translateX(-50%);
    background-color: var(--secondary);
}

.card-border.card-border-top:after {
    top: 0;
}

.card-border.card-border-bottom:after {
    bottom: 0;
}

.card-border.card-border-hover:after {
    width: 0;
}

.card-border.card-border-hover:hover:after {
    width: 100%;
}

/* Flip Card */
.flip-card {
    position: relative;
    border: none;
    perspective: 1000px;
}

.flip-card .flip-front,
.flip-card .flip-back {
    padding: 32px;
    padding: 2rem;
    backface-visibility: hidden;
    background: #FFF;
    box-shadow: 0px 0px 44px -10px rgba(0, 0, 0, 0.15);
    transform-style: preserve-3d;
    transition: ease transform 500ms;
}

.flip-card .flip-front .flip-content,
.flip-card .flip-back .flip-content {
    transform: translate3d(0, 0, 1px);
    backface-visibility: hidden;
}

.flip-card .flip-front.overlay:before,
.flip-card .flip-back.overlay:before {
    transform: translate3d(0, 0, 0px);
    backface-visibility: hidden;
}

.flip-card .flip-front {
    transform: translate3d(0, 0, 1px) rotateY(0deg);
}

.flip-card .flip-back {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translate3d(0, 0, -1px) rotateY(180deg);
}

.flip-card:hover .flip-front {
    transform: translate3d(0, 0, -1px) rotateY(-180deg);
}

.flip-card:hover .flip-back {
    transform: translate3d(0, 0, 1px) rotateY(0deg);
}

.flip-card.flip-card-vertical .flip-front {
    transform: translate3d(0, 0, 1px) rotateX(0deg);
}

.flip-card.flip-card-vertical .flip-back {
    transform: translate3d(0, 0, -1px) rotateX(180deg);
}

.flip-card.flip-card-vertical:hover .flip-front {
    transform: translate3d(0, 0, -1px) rotateX(-180deg);
}

.flip-card.flip-card-vertical:hover .flip-back {
    transform: translate3d(0, 0, 1px) rotateX(0deg);
}

.flip-card.flip-card-3d .flip-front .flip-content, .flip-card.flip-card-3d .flip-back .flip-content {
    perspective: inherit;
    transform: translate3d(0, 0, 60px);
}

/*</editor-fold>*/


/* Page Header */
.page-header {
    background-color: var(--secondary);
    margin: 0 0 35px 0;
    padding: 30px 0;
    position: relative;
    text-align: left;

}

.page-header h1 {
    color: var(--light);
    display: inline-block;
    font-size: 30px;
    line-height: 1;
    margin: 0;
    padding: 0;
    font-weight: 400;
    position: relative;
    top: 1px;
}

.page-header .sub-title {
    display: block;
    font-size: 1.2em;
    font-weight: 300;
    margin: 0;
    opacity: 0.8;
    color: var(--light);
}

.page-header .page-header-extra-button {
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
    right: 0;
    z-index: 5;
}

.page-header.page-header-sm {
    padding: 30px 0;
}

.page-header.page-header-sm h1 {
    font-size: 22px;
}

.page-header.page-header-lg {
    padding: 50px 0;
}

.page-header.page-header-lg h1 {
    font-size: 40px;
}

.page-header.page-header-classic:after {
    content: '';
    width: 100%;
    height: 5px;
    background: var(--bs-light);
    position: absolute;
    bottom: 0;
    left: 0;
}

.page-header.page-header-classic .page-header-title-border {
    width: 0;
    height: 5px;
    position: absolute;
    bottom: 0;
    background: transparent;
    z-index: 1;
}

.page-header.page-header-modern h1 {
    font-size: 44px;
    font-weight: bold;
}

.page-header.page-header-modern.page-header-sm h1 {
    font-size: 22px;
}

.page-header.page-header-modern.page-header-md {
    padding: 50px 0;
}

.page-header.page-header-modern.page-header-lg {
    padding: 65px 0;
}

.page-header.page-header-modern.page-header-lg h1 {
    font-size: 32px;
}

.page-header.page-header-modern.page-header-background {
    padding: 130px 0;
    background-size: cover;
}

.page-header.page-header-modern.page-header-background.page-header-background-pattern {
    background-size: auto;
    background-repeat: repeat;
    background-attachment: fixed;
}

.page-header.page-header-modern.page-header-background.page-header-background-sm {
    padding: 50px 0;
}

.page-header.page-header-modern.page-header-background.page-header-background-md {
    padding: 100px 0;
}

.page-header.page-header-modern.page-header-background.page-header-background-lg {
    padding: 250px 0;
}

@media (max-width: 768px) {
    .page-header.page-header-modern.page-header-background.page-header-background-md {
        padding: 60px 0;
    }

    .page-header.page-header-modern.page-header-background.page-header-background-lg {
        padding: 100px 0;
    }
}

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* Overlay */
.custom-overlay-opacity-95:before {
    opacity: 0.95 !important;
}


html .overlay-color-primary:not(.no-skin):before {
    background-color: #4fa800 !important;
}

html .overlay-color-secondary:not(.no-skin):before {
    background-color: #030304 !important;
}

html .overlay-color-tertiary:not(.no-skin):before {
    background-color: #f5f5dc !important;
}

html .overlay-color-quaternary:not(.no-skin):before {
    background-color: #383f48 !important;
}

html .overlay-color-dark:not(.no-skin):before {
    background-color: #212529 !important;
}

html .overlay-color-light:not(.no-skin):before {
    background-color: #FFF !important;
}


/* Overlays */
.overlay {
    position: relative;
}

.overlay:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: #212529;
    opacity: 0;
    pointer-events: none;
    transition: ease opacity 300ms 100ms;
}

.overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before {
    opacity: 0.8;
}

.overlay.overlay-op-1:hover:before, .overlay.overlay-op-1.overlay-show:before, .overlay.overlay-op-1.show:before {
    opacity: 0.1;
}

.overlay.overlay-op-2:hover:before, .overlay.overlay-op-2.overlay-show:before, .overlay.overlay-op-2.show:before {
    opacity: 0.2;
}

.overlay.overlay-op-3:hover:before, .overlay.overlay-op-3.overlay-show:before, .overlay.overlay-op-3.show:before {
    opacity: 0.3;
}

.overlay.overlay-op-4:hover:before, .overlay.overlay-op-4.overlay-show:before, .overlay.overlay-op-4.show:before {
    opacity: 0.4;
}

.overlay.overlay-op-5:hover:before, .overlay.overlay-op-5.overlay-show:before, .overlay.overlay-op-5.show:before {
    opacity: 0.5;
}

.overlay.overlay-op-6:hover:before, .overlay.overlay-op-6.overlay-show:before, .overlay.overlay-op-6.show:before {
    opacity: 0.6;
}

.overlay.overlay-op-7:hover:before, .overlay.overlay-op-7.overlay-show:before, .overlay.overlay-op-7.show:before {
    opacity: 0.7;
}

.overlay.overlay-op-8:hover:before, .overlay.overlay-op-8.overlay-show:before, .overlay.overlay-op-8.show:before {
    opacity: 0.8;
}

.overlay.overlay-op-9:hover:before, .overlay.overlay-op-9.overlay-show:before, .overlay.overlay-op-9.show:before {
    opacity: 0.9;
}

.overlay.overlay-backward:hover:before, .overlay.overlay-backward.overlay-show:before, .overlay.overlay-backward.show:before {
    z-index: 0;
}

.overlay .container,
.overlay .container-fluid {
    position: relative;
    z-index: 3;
}

/* Overlay Colors */
.overlay-light:before {
    background-color: #FFF !important;
}

.overlay-dark:before {
    background-color: #212529 !important;
}

.overlay-primary:before {
    background: var(--primary) !important;
}

.overlay-secondary:before {
    background: var(--secondary) !important;
}


/* Overlay Gradient Bottom Content */
.overlay-gradient-bottom-content:before {
    opacity: 1 !important;
    background: rgba(33, 37, 41, 0);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, #212529 100%);
}

/* Overlay Gradient Top Content */
.overlay-gradient-top-content:before {
    opacity: 1 !important;
    background: rgba(33, 37, 41, 0);
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 30%, #212529 100%);
}

/* Overlay Gradient */
.overlay-gradient:before {
    background-color: #6c6ef1;
    background-image: linear-gradient(to right, #6c6ef1 0%, #e2498e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6ef1', endColorstr='#e2498e', GradientType=1);
}

.overlay-gradient.overlay-gradient-animated:before {
    background-size: 200% 200%;
    animation-name: gradientTransition;
    animation-duration: 20000ms;
    animation-iteration-count: infinite;
}

/* Parallax */
.parallax {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-attachment: fixed;
    position: relative;
    clear: both;
}

.parallax.parallax-mouse {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.parallax.parallax-mouse .parallax-mouse-object {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
}

.parallax:not(.page-header):not(.match-height):not([class*="section-height-"]) {
    margin: 70px 0;
    padding: 50px 0;
}

.parallax blockquote {
    border: 0;
    padding: 0 10%;
}

.parallax blockquote i.fa-quote-left {
    font-size: 34px;
    position: relative;
    left: -5px;
}

.parallax blockquote p {
    font-size: 24px;
    line-height: 30px;
}

.parallax blockquote span {
    font-size: 16px;
    line-height: 20px;
    color: #999;
    position: relative;
    left: -5px;
}

.parallax-disabled .parallax-background {
    background-attachment: scroll !important;
    background-position: 50% 50% !important;
}

.parallax-background + .container {
    position: relative;
}

.scrollable-parallax-wrapper {
    position: relative;
    z-index: 1;
}

.border-dashed {
    border-style: dashed !important;
    border-color: #e4e6ef
}

.product-image-slider {
    border-radius: 12px;
    background: #fff;
    border: 1px solid #f1f1f1;
    margin-bottom: 15px;
}

.product-image-slider .swiper-slide {
    padding: 25px;
}

.product-image-slider .product-image {
    width: 100%;
    aspect-ratio: 1/1;
}

.product-image-slider .product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.product-thumbs-slider {
    overflow: hidden;
}

.product-thumbs-slider .swiper-slide {
    padding: 7px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #f1f1f1;
    cursor: pointer;
}

.product-thumbs-slider .thumb-image {
    width: 100%;
    aspect-ratio: 1/1;
}

.product-thumbs-slider .thumb-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.border-light2 {
    border-color: #f1f1f1 !important;
}

.box-cover-image {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 750px;
}

@media (max-width: 768px) {
    .box-cover-image {
        background-size: cover;
        height: 450px;
    }

    .box-banner-info {
        top: 30%;
    }
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner .mobile-header-content-area .mobile-menu-wrap nav .mobile-menu li.has-children .menu-expand {
    right: 0;
    position: absolute;
    cursor: pointer;
    z-index: 9;
    text-align: center;
    font-size: 12px;
    display: block;
    width: 30px;
    height: 58px;
    line-height: 44px;
    top: 5px;
    color: #071920;
}

.header .main-header .header-left .header-right {
    width: 35%;
    text-align: right;
}

.header .main-header .header-left .header-nav {
    display: inline-block;
    width: 65%;
    text-align: left;
    padding-left: 35px;
}

.btn {
    border-radius: 0 !important;
}

.table-wrapper {
    overflow-x: auto;
    margin: 1rem 0;
}

.table-wrapper h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    font-family: sans-serif;
    font-weight: 700;
}

table {
    width: 100%;
    min-width: 768px;
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

thead {
    background-color: #f0f2f5;
    font-weight: bold;
}

th, td {
    padding: 12px 16px;
    text-align: left;
    border: 1px solid #dee2e6;
}

tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

tbody tr:hover {
    background-color: #eef6ff;
    transition: background-color 0.3s ease;
}

@media (max-width: 768px) {
    table {
        font-size: 14px;
        min-width: unset;
    }
}

.header-top-sub {
    border-bottom: 1px solid rgba(255, 255, 255, 0.71);
}

.sticky-bar.stick {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.9));
    border-bottom: 0px solid #B9CAD0;
    /*background: var(--dark-300);*/
}

.header:not(.header-homepage5) .sticky-bar.stick {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.9)) !important;
}

.header-page1 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.9)) !important;
}

.header .main-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.bg-gr-black {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.9)) !important;
}