@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//filtruserviss.lv/trinity/fonts/woodmart-font-1-400.woff2?v=7.6.0") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(17,71,172);
	--wd-alternative-color: rgb(24,25,26);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(229,243,255);
	--btn-accented-bgcolor-hover: rgb(255,255,255);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(244,247,248);
	background-image: none;
}
.page .main-page-wrapper {
	background-color: rgb(244,247,248);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .main-page-wrapper {
	background-color: rgb(244,247,248);
	background-image: none;
}
.woodmart-archive-blog .main-page-wrapper {
	background-color: rgb(244,247,248);
	background-image: none;
}
.single-post .main-page-wrapper {
	background-color: rgb(244,247,248);
	background-image: none;
}
.woodmart-archive-portfolio .main-page-wrapper {
	background-color: rgb(244,247,248);
	background-image: none;
}
.single-portfolio .main-page-wrapper {
	background-color: rgb(244,247,248);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #333;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1617px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1600px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.grecaptcha-badge{
display:none!important;
}

.woocommerce-product-gallery img {
    max-height: 715px!important;
}

.wd-nav.wd-nav-tabs.wd-icon-pos-left.tabs.wc-tabs.wd-style-underline-reverse{
display:none!important;
}

.product-image-link{
min-height: 403px!important;
max-height: 403px!important;
	background:white;
}

#copywrites-footer p,
#copywrites-footer p a {
  color: #1147AC !important;
}


:is(.btn, .button, button, [type="submit"], [type="button"]) {
    padding: 5px 20px;
    min-height: var(--btn-height);
    font-size: 13px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: 0px solid transparent;
    border-radius: 35px;
    box-shadow: none;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: var(--btn-transform);
    text-shadow: none;
    font-weight: var(--btn-font-weight);
    font-family: var(--btn-font-family);
    font-style: var(--btn-font-style);
    line-height: 1.2;
    cursor: pointer;
    transition: 
        background-color 0.25s ease, 
        color 0.25s ease, 
        box-shadow 0.25s ease, 
        opacity 0.25s ease;
    color: var(--btn-color, #ffffff);
    background-color: var(--btn-bgcolor, #1147ac);
}
:is(.btn, .button, button, [type="submit"], [type="button"]):hover {
    background-color: var(--btn-bgcolor-hover, #417eeb);
    opacity: 0.95;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    color: #fff;
}




.wd-dropdown-menu.wd-dropdown.wd-design-full-width.color-scheme-dark{
    background: #ffffff00!important;
}
.wd-dropdown-menu.wd-design-full-width:not(.wd-scroll){
    padding-top: 10px!important;
}
.wd-dropdown {
box-shadow: none!important;
}



.wpcf7-form-control {
    border: 1px solid #ccc; 
    transition: border-color 0.3s ease; 
}

.wpcf7-form-control.wpcf7-not-valid {
    border: 1px solid red !important;
}

.wpcf7-form-control.wpcf7-not-valid {
   border: 1px solid red !important;
}

.wpcf7-not-valid-tip {
	display: none!important;
}


.hidden-fields-container{
display:none;
}

/* Zoom effect on hover for the 4 images */
#img-1 img,
#img-2 img,
#img-3 img,
#img-4 img {
  transition: transform 0.3s ease;
  display: block;
}

#img-1:hover img,
#img-2:hover img,
#img-3:hover img,
#img-4:hover img {
  transform: scale(1.1);
}



.wp-block-button__link {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)!important; /* For Safari support */
    background-color: rgba(0, 0, 0, 0.4)!important; /* Semi-transparent black */
    border-radius: 15px!important;
    padding: 10px 20px!important;
    text-decoration: none!important;
    display: inline-block!important;
}

.wd-scrollbar.platform-Windows.browser-Opera, .wd-scrollbar.platform-Mac {
        background: #f4f7f8!important;
    }
.whb-header.whb-header_659232.whb-sticky-shadow.whb-scroll-stick.whb-sticky-real{
    background: #f4f7f8;
}

.whb-row.whb-general-header {
     background-color: #ffffff !important;
    box-shadow: none !important;
    max-width: 1575px;
    margin: 0 auto;
    border-radius: 85px;
    backdrop-filter: blur(20px);
    margin-top: 15px;
    border-color: #ff2e2e2b;
}



/* Percent badge start */
.percentage-badge {
	display: inline-block;
	vertical-align: middle;
	background-color: #E5F2FF;
	border-radius: 20px;
	font-weight: 600;
	font-size: 27px;
	color: #18191A;
	line-height: 1;
	padding: 8px 21px 8px 36px;
	margin-bottom: 0px;
	transform: rotate(6deg);
	transform-origin: left center;
	transition: transform 0.3s ease, background-color 0.3s ease;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="38" height="38" viewBox="0 0 38 38" fill="none"><rect x="0.098877" y="0.44043" width="37" height="37" rx="18.5" fill="%23F8FBFF"/><path d="M11.5584 17.6332C11.5518 16.4798 11.7308 15.5485 12.0954 14.8392C12.4666 14.1233 12.9604 13.5996 13.5769 13.2682C14.2 12.9367 14.8795 12.771 15.6153 12.771C16.2914 12.771 16.9012 12.9135 17.4448 13.1986C17.995 13.477 18.6247 13.9111 19.334 14.5011C19.8113 14.8988 20.1957 15.1806 20.4874 15.3463C20.7791 15.512 21.0973 15.5949 21.442 15.5949C21.9922 15.5949 22.423 15.396 22.7346 14.9983C23.0528 14.6005 23.2052 14.0172 23.192 13.2483H25.7076C25.7275 14.3884 25.5485 15.3198 25.1707 16.0423C24.7994 16.7582 24.299 17.2885 23.6692 17.6332C23.0461 17.9713 22.3634 18.1403 21.6209 18.1403C20.9647 18.1403 20.3582 18.0044 19.8013 17.7326C19.2445 17.4609 18.6048 17.0134 17.8823 16.3903C17.4183 15.9926 17.0471 15.7142 16.7687 15.5551C16.4903 15.396 16.1787 15.3164 15.834 15.3164C15.3103 15.3164 14.8828 15.4987 14.5513 15.8633C14.2199 16.2213 14.0608 16.8112 14.0741 17.6332H11.5584ZM11.5584 23.798C11.5518 22.6446 11.7308 21.7132 12.0954 21.0039C12.4666 20.288 12.9604 19.7644 13.5769 19.4329C14.2 19.1015 14.8795 18.9358 15.6153 18.9358C16.2914 18.9358 16.9012 19.0783 17.4448 19.3633C17.995 19.6417 18.6247 20.0759 19.334 20.6659C19.8113 21.0636 20.1957 21.3453 20.4874 21.5111C20.7791 21.6768 21.0973 21.7596 21.442 21.7596C21.9922 21.7596 22.423 21.5608 22.7346 21.163C23.0528 20.7653 23.2052 20.182 23.192 19.413H25.7076C25.7275 20.5532 25.5485 21.4845 25.1707 22.2071C24.7994 22.923 24.299 23.4533 23.6692 23.798C23.0461 24.1361 22.3634 24.3051 21.6209 24.3051C20.9647 24.3051 20.3582 24.1692 19.8013 23.8974C19.2445 23.6256 18.6048 23.1782 17.8823 22.5551C17.4183 22.1574 17.0471 21.8789 16.7687 21.7199C16.4903 21.5608 16.1787 21.4812 15.834 21.4812C15.3103 21.4812 14.8828 21.6635 14.5513 22.0281C14.2199 22.3861 14.0608 22.976 14.0741 23.798H11.5584Z" fill="%2318191A"/></svg>');
  background-repeat: no-repeat;
	background-size: 45px 34px;
  background-position: 2px center;
	margin-top: -11px;
}
.percentage-badge span {
	margin-left: 8px;
}
.percentage-badge:hover {
  background-color: #CFE6FF;
  transform: rotate(0deg);
}

/* .percentage-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border-radius: 999px;
    background-color: #E5F2FF;
    transform: rotate(10deg);
    transform-origin: left center;
    transition: transform 0.3s ease, background-color 0.3s ease;
    cursor: default;
  }

  .percentage-badge:hover {
    background-color: #CFE6FF;
    transform: rotate(0deg);
  }

  .percentage-badge svg {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
  }

  .percentage-badge span {
    font-size: 18px;
    font-weight: 600;
    color: #18191A;
    line-height: 1;
  } */
/* Percent badge end */

#shaded {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.shaded {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.main-page-wrapper{
	background: #F4F7F8!important;
}

.accent-text {
	color: #006CD0;
}

.gradient-block {
	background: linear-gradient(0deg, rgb(15 96 136 / 77%) 0%, rgba(0, 0, 0, 0) 50%);
}

/* Rounded button big start */
.button-wrapper-big {
  width: 75px;
  height: 75px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.hover-fill-big {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  background-color: #d2e8ff; 
  border-radius: 50%;
  transition: width 0.2s ease, height 0.2s ease;
  z-index: 0;
}
.hover-card-big:hover .hover-fill-big {
  width: 100%;
  height: 100%;
}
/* Rounded button big end */

/* Rounded button start */
.button-wrapper {
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
}
.hover-fill {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  background-color: #d2e8ff; 
  border-radius: 50%;
  transition: width 0.2s ease, height 0.2s ease;
  z-index: 0;
}
.hover-card:hover .hover-fill {
  width: 100%;
  height: 100%;
}
.arrow {
  position: relative;
  color: #0046c0;
  z-index: 1;
  transition: color 0.1s ease;
  display: flex;
}
.arrow svg {
    margin-right: -3px;
}
/* Rounded button end */

body {
    background-color: #f4f7f8;
}

@media (min-width: 1025px) {
	/* ICON: Initially hidden and slightly above */
#icon-box_1 .elementor-icon,
#icon-box_2 .elementor-icon,
#icon-box_3 .elementor-icon {
    opacity: 0;
    transform: translateY(-20px) scale(0.8);
    transition: opacity 0.3s ease;
}

/* Bounce in from top keyframes */
@keyframes bounceInFromTop {
    0% {
        opacity: 0;
        transform: translateY(-20px) scale(0.8);
    }
    50% {
        opacity: 1;
        transform: translateY(10px) scale(1.05);
    }
    70% {
        transform: translateY(-5px) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* On hover: trigger bounce in from top animation */
#icon-box_1:hover .elementor-icon,
#icon-box_2:hover .elementor-icon,
#icon-box_3:hover .elementor-icon {
    animation: bounceInFromTop 0.5s forwards;
}



/* Make the heading position relative & inline-block for proper ::after positioning */
#icon-box_1 h2,
#icon-box_2 h2,
#icon-box_3 h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 6px; /* space for underline */
}

/* Add animated underline */
#icon-box_1 h2::after,
#icon-box_2 h2::after,
#icon-box_3 h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: white;
    transition: width 0.4s ease;
}

/* Animate underline on hover */
#icon-box_1:hover h2::after,
#icon-box_2:hover h2::after,
#icon-box_3:hover h2::after {
    width: 100%;
}

/* Animate icon coming down - start with margin-top */
#icon-box_1 .elementor-icon,
#icon-box_2 .elementor-icon,
#icon-box_3 .elementor-icon {
    margin-top: 6px;
    transition: margin-top 0.4s ease;
}

/* Reset icon position on hover (moves up) */
#icon-box_1:hover .elementor-icon,
#icon-box_2:hover .elementor-icon,
#icon-box_3:hover .elementor-icon {
    margin-top: 0;
}

}