@charset "UTF-8";
.woocommerce span.onsale {
max-width: inherit !important; 
} .product-video-item .product-video{
width:100%;
}
.woocommerce-MyAccount-navigation ul li a {
text-transform: capitalize !important;
}
.woosb-products .woosb-product .woosb-title .woosb-name a {
color: black;
}
.wp-block-woocommerce-empty-cart-block{
padding-top:100px;
padding-bottom:100px;
}
.koleksiyon-banner {
width: 100% !important;
max-height: 400px !important;
overflow: hidden !important;
margin-bottom: 30px !important;
position: relative !important;
}
.koleksiyon-banner picture,
.koleksiyon-banner img {
display: block !important;
width: 100% !important;
height: auto !important;
object-fit: cover !important;
}
@media (max-width: 992) {
.koleksiyon-banner {
max-height: 250px !important;
}
}
.upsells h2{
margin-bottom:50px;
}
.related h2{
margin-bottom:50px;
} .products .product {
background: #fff !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
}
.products .product .added_to_cart {
display: none !important;
} .products-slider .products-box .image {
position: relative; display: block;
overflow: hidden; } .products-slider .products-box .image .primary-image,
.products-slider .products-box .image .secondary-image {
width: 100%;
height: auto;
object-fit: cover;
transition: all ease-in-out 300ms;
} .products-slider .products-box .image.has-hover .secondary-image {
position: absolute;
top: 0;
left: 0;
z-index: 1; opacity: 0; } .products-slider .products-box .image.has-hover .primary-image {
position: relative;
z-index: 2; } .products-slider .products-box .image.has-hover:hover .primary-image {
opacity: 0;
} .products-slider .products-box .image.has-hover:hover .secondary-image {
opacity: 1;
} .products .product .woocommerce-loop-product__link .attachment-woocommerce_thumbnail {
width: 100% !important;
object-fit: contain !important;
transition: transform 0.3s ease !important;
}
.products .product .product-image {
position: relative;
display: block;
overflow: hidden;
}
.products .product .product-image .primary-image,
.products .product .product-image .secondary-image {
width: 100%;
height: auto;
object-fit: cover;
transition: all ease-in-out 300ms;
}
.products .product .product-image.has-hover .secondary-image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
}
.products .product .product-image.has-hover .primary-image {
position: relative;
z-index: 2;
}
.products .product .product-image.has-hover:hover .primary-image {
opacity: 0;
}
.products .product .product-image.has-hover:hover .secondary-image {
opacity: 1;
} .products .product .woocommerce-loop-product__title {
font-size: 14px !important;
font-weight: 400 !important;
margin-bottom: 0.5rem !important;
color: #000 !important;
padding: 0px 16px 0px 16px!important;
} .products .product .price {
display: flex !important;
align-items: center !important;
padding: 0px 16px 0px 16px!important;
gap: 0.5rem !important;
flex-direction: row-reverse;
justify-content: start;
}
@media (max-width: 992px){
.products .product .price {
flex-direction: row-reverse !important;
justify-content: start !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
margin-bottom: 16px!important;
}
}
.products .product .price .woocommerce-Price-amount {
color: #000 !important;
font-size: 14px;
line-height: 30px;
font-weight: 300 !important;
}
@media (max-width: 992px){
.products .product .price .woocommerce-Price-amount {
color: #000 !important;
font-size: 14px !important;
}
}
.woocommerce ul.products li.product .price del {
font-size: 14px;
color: #757575 !important;
font-weight: 300;
}
.products .product .price del .woocommerce-Price-amount {
text-decoration: line-through !important;
font-size: 14px !important;
}
.woocommerce ul.products li.product .price ins{
text-decoration: none!important;
}
.woocommerce ul.products li.product .price ins span{
font-size:14px !important;
} .products .product .btn-favorite {
background: none !important;
border: 1px solid #ddd !important;
border-radius: 8px !important;
padding: 0.5rem !important;
transition: all 0.3s ease !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.products .product .btn-favorite:hover {
background: #f8f9fa !important;
border-color: #ccc !important;
}
.products .product .btn-favorite img {
width: 20px !important;
height: 20px !important;
} .products .product .add_to_cart_button, .woocommerce ul.products li.product .button {
background: linear-gradient(45deg, #000, #ffd55b) !important; 
border: none !important;
color: #fff !important;
padding: 0.8rem 2rem !important;
font-size: 1rem !important;
font-weight: 600 !important;
border-radius: 8px !important;
box-shadow: 0 4px 15px rgba(154, 236, 255, 0.3) !important;
transition: all 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top:0 !important;
} .products .product .product_type_grouped {
background: linear-gradient(45deg, #000, #98daf3) !important; 
border: none !important;
color: #fff !important;
padding: 0.8rem 2rem !important;
font-size: 1rem !important;
font-weight: 600 !important;
border-radius: 8px !important;
box-shadow: 0 4px 15px rgba(154, 236, 255, 0.3) !important;
transition: all 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
width: 100% !important;
display: block !important;
text-align: center !important;
margin-top:0 !important;
} .products .product .add_to_cart_button::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
transition: left 0.5s ease !important;
} .products .product .add_to_cart_button:hover {
box-shadow: 0 6px 20px rgba(154, 236, 255, 0.4) !important;
color: #fff !important;
} .products .product .add_to_cart_button:hover::before {
left: 100% !important;
} .products .product .add_to_cart_button:active {
transform: translateY(0) !important;
box-shadow: 0 3px 15px rgba(154, 236, 255, 0.3) !important;
} .custom-add-to-cart-wrapper {
padding: 16px!important;
display: flex !important;
gap: 0.5rem !important;
}
.custom-add-to-cart-wrapper .added_to_cart {
display: none !important;
}
.woocommerce-page select.orderby {
border: none;
height: 45px;
width: 100%;
background: transparent;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: uppercase;
letter-spacing: .06em;
font-size: 13px;
cursor: pointer;
}
@media (max-width: 992px){
.woocommerce-page select.orderby {
text-align: center;
}
}
.woocommerce-page select.orderby::placeholder {
font-size: 14px;
color: #151515;
font-weight: 500;
} .onsale {
background-color: #E43A36 !important; font-weight: normal !important; ;
text-transform: uppercase !important; display: inline-block !important; margin: 16px !important; min-height: inherit !important;
border: 2px solid #E43A36 !important;
border-radius: 0px !important;
color: #fff !important;
padding: 8px 14px !important;
display: table !important; line-height: normal !important;
font-weight: 600!important;
}
#customer_login{
padding: 0 40px;
}
@media (max-width: 992px){
#customer_login{
padding: 0px 10px;
}
}
#customer_login .woocommerce-form-login__submit{
background-color: #000 !important;
color: #fff !important;
padding: 12px 20px !important;
font-size: 1rem !important;
border: none !important;
cursor: pointer !important;
transition: background-color 0.3s ease !important;
width: 100% !important;
}
#customer_login .woocommerce-privacy-policy-link{
color: #ba135d !important;
}
#customer_login .woocommerce-LostPassword a{
color: #ba135d !important;
} .woocommerce-MyAccount-navigation {
background: #fff !important;
padding: 20px !important;
margin-bottom: 40px !important;
} .woocommerce-MyAccount-navigation ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
} .woocommerce-MyAccount-navigation li {
margin-bottom: 12px !important;
} .woocommerce-MyAccount-navigation li a {
display: block !important;
padding: 10px 20px !important;
color: #333 !important;
text-decoration: none !important;
font-size: 1rem !important;
font-weight: 500 !important;
transition: background-color 0.3s ease !important;
} .woocommerce-MyAccount-navigation li a:hover {
background: #000 !important;
color: #fff !important;
} .woocommerce-MyAccount-navigation li.is-active a {
background: #000 !important;
color: #fff !important;
} .woocommerce-MyAccount-content {
background: #fff !important;
padding: 30px 20px !important;
}
.woocommerce-MyAccount-content .button{
background: #000 !important;
color: #fff !important;
} .woocommerce-MyAccount-content h3 {
font-size: 1.5rem !important;
font-weight: 600 !important;
color: #333 !important;
margin-bottom: 20px !important;
} .woocommerce-MyAccount-content p {
font-size: 1rem !important;
color: #666 !important;
line-height: 1.5 !important;
} .woocommerce-MyAccount-content a {
color: #000 !important;
text-decoration: none !important;
font-weight: 600 !important;
transition: color 0.3s ease !important;
} .woocommerce-MyAccount-content a:hover {
color: #fff !important;
} .woocommerce-MyAccount-content .woocommerce-notices-wrapper {
margin-bottom: 20px !important;
} .woocommerce-Addresses {
display: flex !important;
gap: 20px !important;
margin-bottom: 40px !important;
background-color: #fff !important;
padding: 20px !important;
} .woocommerce-Address {
flex: 1 !important;
padding: 20px !important;
background-color: #fff !important;
} .woocommerce-Address-title {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin-bottom: 15px !important;
padding: 16px 0 !important;
box-shadow: none;
&::before{
display: none!important;
}
&::after{
display: none!important;
}
}
.woocommerce-Address-title h2 {
font-size: 1.25rem !important;
font-weight: 600 !important;
color: #000 !important;
margin: 0 !important;
}
.woocommerce-Address-title .edit {
font-size: 0.875rem !important;
color: #000 !important;
text-decoration: none !important;
font-weight: 500 !important;
transition: color 0.3s ease !important;
} .woocommerce-Address-title .edit:hover {
color: #000 !important;
} .woocommerce-Address address {
font-size: 1rem !important;
color: #666 !important;
line-height: 1.5 !important;
} .woocommerce-Address address {
color: #999 !important;
font-style: italic !important;
} .woocommerce-EditAccountForm {
background-color: #fff !important;
max-width: 800px !important;
} .woocommerce-form-row {
margin-bottom: 20px !important;
display: flex !important;
flex-direction: column !important;
} .woocommerce-form-row label {
font-size: 1rem !important;
color: #333 !important;
font-weight: 500 !important;
margin-bottom: 8px !important;
} .woocommerce-form-row .required {
color: #e74c3c !important;
} .woocommerce-Input {
padding: 12px 16px !important;
font-size: 1rem !important;
border: 1px solid #ddd !important;
border-radius: 8px !important;
transition: border-color 0.3s ease !important;
} .woocommerce-Input:focus {
border-color: #000 !important;
outline: none !important;
} .password-input {
display: flex !important;
align-items: center !important;
position: relative !important;
}
.password-input input {
width: 100% !important;
}
.password-input .show-password-input {
position: absolute !important;
top: 50% !important;
right: 10px !important;
transform: translateY(-50%) !important;
background: transparent !important;
border: none !important;
font-size: 1.2rem !important;
color: #000 !important;
cursor: pointer !important;
} .woocommerce-Button {
background-color: #000 !important;
color: #fff !important;
padding: 12px 20px !important;
font-size: 1rem !important;
border: none !important;
cursor: pointer !important;
transition: background-color 0.3s ease !important;
} .woocommerce-Button:hover {
background-color: #000 !important;
} #account_display_name_description {
font-size: 0.875rem !important;
color: #777 !important;
margin-top: 8px !important;
font-style: italic !important;
} .woocommerce-form-row.form-row-last {
margin-bottom: 0 !important;
} input[type="hidden"] {
display: none !important;
} .clear {
clear: both !important;
} .woocommerce-info {
border-top: none !important;
color: #000 !important;
background-color: #fff !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 0 !important;
}
.woocommerce-info::before {
color: #000 !important;
content: "\f06a" !important;
}
.woocommerce-address-fields__field-wrapper {
background: #fff !important;
padding: 30px 0 !important;
margin-bottom: 16px !important;
}
.woocommerce-address-fields__field-wrapper .form-row {
margin-bottom: 1.5rem !important;
}
.woocommerce-address-fields__field-wrapper label {
font-weight: 600 !important;
font-size: 1rem !important;
color: #333 !important;
}
.woocommerce-address-fields__field-wrapper input[type="text"],
.woocommerce-address-fields__field-wrapper input[type="email"],
.woocommerce-address-fields__field-wrapper input[type="tel"],
.woocommerce-address-fields__field-wrapper select {
width: 100% !important;
padding: 0.8rem !important;
border: 1px solid #ccc !important;
border-radius: 6px !important;
font-size: 1rem !important;
transition: border-color 0.3s ease !important;
}
.woocommerce-address-fields__field-wrapper input[type="text"]:focus,
.woocommerce-address-fields__field-wrapper input[type="email"]:focus,
.woocommerce-address-fields__field-wrapper input[type="tel"]:focus,
.woocommerce-address-fields__field-wrapper select:focus {
border-color: #000 !important;
outline: none !important;
}
.woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper {
display: block !important;
}
.woocommerce-address-fields__field-wrapper select {
padding: 0.8rem 1.2rem !important;
}
.woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper input[type="hidden"] {
background: transparent !important;
}
.woocommerce-address-fields__field-wrapper .required_field {
color: #000 !important;
}
.woocommerce-address-fields__field-wrapper .select2-selection {
border-color: #ccc !important;
padding: 0.8rem !important;
font-size: 1rem !important;
}
.woocommerce-address-fields__field-wrapper .select2-selection__rendered {
color: #333 !important;
}
.woocommerce-address-fields__field-wrapper .select2-selection__arrow {
display: none !important;
}
.woocommerce-address-fields__field-wrapper .form-row .optional {
color: #999 !important;
}
.woocommerce-address-fields__field-wrapper input[type="text"]:disabled,
.woocommerce-address-fields__field-wrapper input[type="email"]:disabled,
.woocommerce-address-fields__field-wrapper input[type="tel"]:disabled,
.woocommerce-address-fields__field-wrapper select:disabled {
background-color: #f2f2f2 !important;
cursor: not-allowed !important;
}
.woocommerce-address-fields p button{
background-color: #000 !important;
color: #fff !important;
border-radius: none !important;
} @media (max-width: 768px) {
.woocommerce-MyAccount-navigation {
padding: 10px !important;
}
.woocommerce-Addresses {
flex-direction: column !important;
}
.woocommerce-Address {
margin-bottom: 20px !important;
width: 100% !important;
}
.woocommerce-Button {
padding: 10px !important;
}
.woocommerce-MyAccount-content h3 {
font-size: 1.25rem !important;
}
} #custom-popup button {
background-color: #000 !important; color: #fff;
border: none;
padding: 8px 16px;
border-radius: 5px;
cursor: pointer;
}
#custom-popup button:hover {
background-color: #a01d3f !important; } .custom-woocommerce-elements {
display: flex;
justify-content: space-between;
align-items: center;
}
.mobile-toggle-ordering-wrapper {
display: flex;
align-items: center;        
width: 100%; 
margin-bottom:1rem;
justify-content: flex-end;
}
.woocommerce div.product form.cart .variations select{
padding: 8px 16px;
border-color: #e1e0e2;
}
.woocommerce-breadcrumb{
width: 100%;
margin: 1em 0 1em !important;
text-transform: uppercase;
letter-spacing: .06em;
font-size: 13px !important;
color: #000 !important;
}
@media (max-width: 992px){
.mobile-toggle-ordering-wrapper {
justify-content: center;
}
.woocommerce-breadcrumb{
display: none!important;
}
.custom-woocommerce-elements {
flex-direction: column;
align-items: flex-start;
}
.woocommerce .woocommerce-ordering {
flex:1;
}
}
.woocommerce .woocommerce-ordering {
margin: 0 !important;
} .wp-block-woocommerce-cart{
margin-top: 40px !important;
padding: 0 40px !important;
}
.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
color: black !important;
}
.wc-block-cart__submit-button {
background-color: #000 !important;
color: #fff !important;
border-radius: 8px !important;
} .wc-block-components-totals-coupon__button {
padding: 10px 20px !important;
background-color: #000 !important;
color: #fff !important;
border: none !important;
border-radius: 4px !important;
font-size: 14px !important;
cursor: pointer !important;
transition: background-color 0.3s ease !important;
}
.wc-block-components-totals-coupon__button:disabled {
background-color: #ccc !important;
cursor: not-allowed !important;
}
.wc-block-components-shipping-calculator-address__button {
background-color: #000 !important;
border: none !important;
border-radius: 8px !important;
color: #fff !important;
}
.wc-block-cart-item__image img {
border-radius: 8px !important;
}
.wc-block-components-product-metadata__description {
display:none !important;
}
.wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-sale-badge {
display:none !important;
}
.wc-block-components-product-badge .wc-block-components-sale-badge {
display:none !important;
}
.wc-block-components-product-badge.wc-block-components-sale-badge {
display:none !important;
}
.wc-block-components-totals-shipping .wc-block-components-totals-shipping__options {
display: none !important;
}
.wc-block-components-sidebar .wc-block-components-totals-item .wc-block-components-panel {
display: none !important;
}
.wc-block-components-totals-item__description {
display: none !important;
} .single-product .onsale {
top: 0 !important;
left: 0 !important;
}
.single-product .product_title {
font-size: 1.625rem !important;
font-weight: 500 !important;
margin-bottom: 16px !important;
}
.single-product .product .price {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
margin-bottom: 16px !important;
}
.single-product .product .summary  .price .woocommerce-Price-amount {
color: #000 !important;
font-size: 2rem !important;
font-weight: 600 !important;
}
.single-product .product .price del {
color: #6d6d6d !important;
display: flex !important;
}
@media (max-width: 992px){
.single-product .product .price .woocommerce-Price-amount {
color: #000 !important;
font-size: 1.4rem !important;
font-weight: 600 !important;
}
.single-product .product_title{
margin-bottom: 16px!important;
text-align: flex-start;
}
.single-product .product .price{
flex-direction: column;
margin-bottom: 8px!important;
gap: 0!important;
align-items: flex-start !important;
}
.products .product .woocommerce-loop-product__title{
padding: 0 16px!important;
font-size: 14px !important;
}
}
.single-product div.product p.price ins, .woocommerce div.product span.price ins {
text-decoration: none !important;
}
.woocommerce div.product form.cart .reset_variations {
color: red !important;
}
.single-product .product .single_add_to_cart_button{
background-color: #000 !important;
line-height: inherit !important;
max-width: 350px !important;
width: 100% !important;
border-radius: 0 !important;
}
.single-product .product .summary input {
border: 1px solid #e1e0e2;
height: 45px;
width: 100%;
max-width: 50px;
text-align: center;
margin-right: 0px;
}
.single-product .product .summary .input-text {
margin: 0 !important;
}
.single-product .cart .quantity {
margin-right: 20px !important;
display:block !important;
}
@media (max-width: 992px) {
.single-product .cart .quantity {
margin-bottom: 12px !important;
margin-right: 0!important;
width: 100%;
}
.single-product .product .summary input{
width: 100%!important;
max-width: 100%!important;
}
.single-product .product .single_add_to_cart_button{
max-width: 100%!important;
}
}
.single-product .cart .quantity .minus,
.quantity .plus {
width: 30px !important;
height: 45px !important;
padding: 0 !important;
background-color: #ddd!important;
color: #000!important;
border: none!important;
transition: all .2s linear;
}
.single-product .cart .quantity .minus:hover,
.quantity .plus:hover{
background: #d2d1d1!important;
}
.single-product .product_meta {
display: flex;
flex-direction: column;
}
.single-product .product_meta .posted_in {
display:none !important;
}
.single-product .product .summary p{
color: #333!important;
font-weight:300 !important;
font-size: 14px;
}
.single-product .product .summary span {
color: #333!important;
font-weight:300 !important;
font-size: 14px;
}
.single-product .product span .sku {
color: #767676 !important;
font-weight: 300 !important;
}
.single-product .product .tagged_as a{
color: #000 !important;
font-weight: 300 !important;
}
.single-product .social-share-buttons a{
color: rgba(0,0,0,0.6) !important;
transition: all 0.3s ease !important;
}
.single-product .social-share-buttons a:hover {
color: rgba(0,0,0,0.8) !important;
transition: all 0.3s ease !important;
}
.woocommerce div.product .woocommerce-tabs {
margin-bottom: 120px !important;
padding-top: 60px!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 2px solid #cfc8d8 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
color: #000 !important;
border-bottom-color: #000 !important;
border-bottom: 2px solid black !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border:none  !important;
border-radius: none !important;
background-color: #fff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: none !important;
border-bottom-left-radius: 4px !important;
box-shadow: none !important ;
}
.woocommerce div.product .woocommerce-tabs .panel{
min-height: 80vh;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
display:none !important;
}
.woocommerce div.product .woocommerce-tabs .panel table{
width: 100%;
td{
padding: 10px;
border: 1px solid #eee;
}
}  .woocommerce div.product div.images img {
transition: all 0.3s ease-in-out;
object-fit: cover !important;
background: #fff!important; }
.site-main .slick-arrow{
border: none!important;
}
.woocommerce-cart header .container {
margin-bottom: 0!important;
} .single-product .woocommerce-tabs{
[rel="tag"] {
color: #000 !important;
}
} @media (max-width: 768px) {
.woocommerce div.product div.images img {
width: 100%;
height: auto;
}
.woocommerce div.product div.images .thumbnails {
display: flex;
gap: 5px;
justify-content: center;
}
.woocommerce div.product div.images .thumbnails img {
width: 60px;
height: 60px;
}
.woocommerce div.product .woocommerce-tabs{
margin-bottom: 40px!important;
}
}
.woocommerce-notices-wrapper .woocommerce-message {
background-color: #000 !important;
color: #fff !important;
border-top: none !important;
display: flex !important;
align-items: center !important;
}
.woocommerce-notices-wrapper .woocommerce-message::before {
top: inherit !important;
}
.woocommerce-notices-wrapper .woocommerce-message a {
background-color: #fff !important;
color: #000 !important;
border-radius: 5px !important;
margin-left: auto !important;
}
.woocommerce div.product form.cart .group_table td {
padding-bottom: 1rem !important;
}
.woocommerce div.product form.cart .group_table td:first-child {
width: inherit !important;
}
.single-product .woocommerce-grouped-product-list-item .quantity {
margin-right: 0px !important;
}
.single-product .woocommerce-grouped-product-list-item__label a{
color: #000 !important;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button !important;
width: 25px;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
@media (max-width: 992px) {
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button !important;
display:none !important
}
}
.woocommerce-products-header{
background: transparent!important;
padding: 0!important;
border-bottom:none;
}
.daha-fazla-yukle {
display: block;
margin: 2rem auto;
padding: 12px 24px;
background-color: #000;
color: #fff;
border: none;
border-radius: 0 !important;
cursor: pointer;
font-size: 14px;
transition: background-color 0.3s ease;
}
.daha-fazla-yukle:hover {
background-color: #000;
}
.daha-fazla-yukle:disabled {
background-color: #cccccc;
cursor: not-allowed;
}
.product-counter {
text-align: center;
margin: 20px 0 10px;
font-size: 14px;
color: #666;
}
.product-counter span {
font-weight: bold;
color: #000;
}
.woocommerce nav.woocommerce-pagination{
margin-bottom: 30px;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-pagination .page-numbers li {
border-color: transparent !important
}
.woocommerce-pagination .page-numbers li span {
width: 32px;
height: 32px;
padding: 0 !important;
line-height: 34px !important;
color: #333
}
.woocommerce-pagination .page-numbers {
display: flex;
justify-content: center;
margin-bottom: 50px;
}
.woocommerce-pagination .page-numbers li:last-child span,
.woocommerce-pagination .page-numbers li:last-child a {
border-radius: 0px;
}
.woocommerce-pagination .page-numbers li:first-child span,
.woocommerce-pagination .page-numbers li:first-child a {
border-radius: 0px;
}
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
width: 32px;
height: 32px;
padding: 0 !important;
display: block !important;
line-height: 34px !important;
text-align: center;
background: #000 !important;
color: #fff;
border: 0.5px solid black;
}
.woocommerce nav.woocommerce-pagination ul li {
background: #fff !important;
border-right: 1px solid #f5f5f5 !important
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce-pagination .page-numbers li span.current {
background: #fff !important;
color: #000 !important;
border: 0.5px solid black;
}
.woocommerce nav.woocommerce-pagination ul li:first-child,
.woocommerce-pagination .page-numbers li:last-child {
border-radius: 0px
}
.woocommerce nav.woocommerce-pagination ul li:last-child {
border-right: transparent !important
}
.woocommerce nav.woocommerce-pagination ul li:last-child span,
.woocommerce-pagination .page-numbers li:last-child span {
border-radius: 0;
}
.woocommerce nav.woocommerce-pagination ul li:last-child,
.woocommerce-pagination .page-numbers li:last-child {
border-radius: 0;
}
.woocommerce-pagination .page-numbers li a {
width: 32px;
height: 32px;
line-height: 34px !important;
padding: 0 !important;
color: #fff
}
.wpfMainWrapper {
border-radius: 5px !important;
background-color: #fff; padding: 15px 10px; }
.filter-button, .filter-close{
display: none;
}
#wpfBlock_1 .wpfFilterVerScroll {
max-height: inherit !important;
}
.filter-close{
display: block;
}
@media (max-width: 992px) {
.filter-button{
float: right;
display: flex;
align-items: center;
}
.filter-button i{
font-size: 14px;
transform: translateY(-1px);
}
.wpfMainWrapper,
.wpfFilterWrapper[data-filter-type] {
padding: 0 !important;
margin-bottom: 0 !important;
}
.woocommerce-ordering{
margin-top: 15px!important;
}
.wpfMainWrapper { position: fixed!important;
padding: 15px 15px 65px 15px!important;
left: -1000px!important;
visibility: hidden;
opacity: 0;
pointer-events: none;
z-index: 99;
top: 0!important;
box-shadow: 0 0px 10px 3px rgba(0,0,0,.19);
height: 100vh;
max-height: 100vh;
overflow-y: auto;
max-width: 300px;
}
.wpfMainWrapper.active{
left: 0!important;
visibility: visible;
opacity: 1;
pointer-events: inherit;
}
.woo-categori.active::before{
content: "";
width: 100vw;
z-index: 0;
height: 100vh;
position: fixed;
display: block;
z-index: 99;
right: 0;
top: 0;
background: rgba(255, 255, 255, .9);
}
.filter-close{
position: fixed;
z-index: 999;
display: block;
cursor: pointer;
top: 15px;
right: 15px;
width:34px;
height: 34px!important;
}
} .wpfFilterVerScroll::-webkit-scrollbar {
width: 6px !important;
}
.wpfFilterTitle {
background: #F5F5F5;
padding: 16px 14px !important;
position: relative;
z-index: 2;
}
.wpfFilterTitle .wfpTitle {
padding: 0 !important;
height: auto !important;
}
.wpfFilterContent {
border: 1px solid #f5f5f5 !important;
margin-bottom: 10px !important; }
.wpfFilterContent .wpfFilterVerScroll {
padding: 15px 15px 15px 15px !important;
} .wpfLiLabel .wpfCheckbox {
height: 19px !important;
}
.wpfFilterWrapper .wpfCheckbox label::before {
border-radius: 50%;
} .wpfFilterVerScroll::-webkit-scrollbar-track {
background: #f1f1f1 !important;
border: none !important;
border-radius: 4px !important;
} .wpfFilterVerScroll::-webkit-scrollbar-thumb {
background: #eee !important;
border: none !important;
} .wpfFilterVerScroll::-webkit-scrollbar-thumb:hover {
background: #555;
}
.wpfCheckboxHier li>ul {  color: #797979 !important;
font-size: 12px !important;
}
.wpfFilterWrapper {
margin-top: 0 !important;
margin-bottom: 0px !important;
}
.wpfFilterWrapper .wfpTitle {
font-size: 14px !important;
font-weight: bold;
height: 25px;
margin: inherit;
padding: inherit;
color: inherit;
line-height: inherit;
}
.wpfFilterWrapper .wpfFilterTaxNameWrapper {
font-size: 13px !important;
} input[type="checkbox"].woocommerce-form__input-checkbox {
accent-color: #000 !important;
} input[type="checkbox"].woocommerce-form__input-checkbox:focus {
outline: 1px solid #000 !important;
outline-offset: 2px;
} input[type="checkbox"].woocommerce-form__input-checkbox::before {
color: #000 !important;
}
.woocommerce-checkout #payment ul.payment_methods li { } #musteri_tipi_field .optional,
#musteri_tipi_bireysel ~ .radio .optional,
#musteri_tipi_kurumsal ~ .radio .optional {
display: none !important;
}
.woocommerce-info a {
color: #fff !important;
background-color: #000 !important;
font-weight: 500 !important;
padding: 6px 20px !important;
}
.woocommerce .woocommerce-message a {
color: #333 !important;
font-weight: 500;
} @media (max-width: 992px) { #add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0 !important;
}
}
.woocommerce .woocommerce-checkout .col2-set h3,
.order-cont h3 {
font-size: 20px;
margin-bottom: 20px;
display: flex;
align-items: center;
color: #061F0C;
}
.col2-set h3 svg,
.order-cont h3 svg {
margin-right: 5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: #000 !important;
color: #fff;
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row {
display: block;
width: 100%;
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row input, .woocommerce form .form-row select, .woocommerce-page form .form-row select {
border: 1px solid #e1e0e2;
border-radius: 6px;
height: 45px;
padding: 0 14px;
width: 100%;
}
.woocommerce form .form-row textarea{
border: 1px solid #e1e0e2;
border-radius: 12px;
height: 160px;
padding: 12px 14px;
width: 100%;
}
@media (max-width: 992px) {
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row input {
grid-column: 1/2;
height: 40px;
}
.woocommerce .product .summary .button {
height: 40px !important;
}
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row input::placeholder {
font-size: 14px;
color: #bbb5b5;
font-weight: 500;
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row .select2-container .select2-selection--single, .woocommerce form .form-row .input-text, .woocommerce form .form-row select {
height: 45px !important;
line-height: 45px !important;
border: 1px solid #e1e0e2 !important;
padding: 0 10px !important;
border-radius: 0px !important;
outline: none !important;
box-shadow: none !important;
}
@media (max-width: 992px) {
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row .select2-container .select2-selection--single {
height: 40px !important;
}
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-billing-fields .form-row .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 45px !important;
padding: 0 14px !important;
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper {
display: block;
width: 100%;
}
.woocommerce .woocommerce-checkout .row .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper textarea {
width: 100%;
border: 1px solid #e1e0e2;
border-radius: 8px;
padding: 14px;
min-height: 100px;
height: 100px;
}
@media (max-width: 992px) {
.woocommerce .woocommerce-checkout .col2-set .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper textarea {
grid-column: 1/2;
min-height: 100px;
}
}
.woocommerce .woocommerce-checkout .col2-set .woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper textarea::placeholder {
font-size: 14px;
color: #bbb5b5;
font-weight: 500;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment {
background: #fff !important;
margin-bottom: 50px;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment .payment_methods li { padding: 10px;
cursor: pointer;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box {
background-color: #eee !important;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment .payment_methods li .payment_box::before {
border-bottom-color: #eee !important;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment p a {
color: #333;
font-weight: 500;
}
.woocommerce .woocommerce-checkout .woocommerce-checkout-payment .button {
display: table;
background: #000 !important;
padding: 14px 20px;
border: none;
width: 100%;
color: #fff !important;
margin-top: 20px !important;
font-size: 16px;
border-radius: 6px;
font-weight: 400 !important;
cursor: pointer;
}
#order_review_heading{
margin-top: 40px;
}
.return-to-cart-logo-container{
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 50px 0px;
max-width:1200px;
margin-left: auto;
margin-right: auto;
}
.return-to-cart-btn{
background: #000!important;
border: 1px solid #000!important;
font-size: 14px!important;
margin-top: 10px;
padding: 12px 24px !important;
display: inline-flex!important;
align-items: center!important;
color: #fff!important;
position: absolute !important;
left: 0 !important;
border-radius:0 !important;
}
.return-to-cart-btn::before{
content: "";
background: url(//kolihazir.com/wp-content/themes/kolihazir/images/icons/shopping-cart.svg);
filter: brightness(0) invert(1);
background-size: contain!important;
width: 20px;
height: 20px;
margin-right: 6px;
display: block;
z-index: 1;
position: relative;
}
.checkout-logo{
position: absolute;
left: 50%;
transform: translateX(-50%);
img {
height: 70px!important;
display: table;
margin: 0 auto 24px;
}
}
@media (max-width: 992px) {
.return-to-cart-logo-container {
flex-direction: column;
align-items: center;
padding: 30px 0;
}
.return-to-cart-btn {
position: relative !important;
left: auto !important;
width: 100%;
text-align: center;
justify-content: center;
padding: 12px 0;
}
.checkout-logo {
position: relative;
left: auto;
transform: none;
margin-top: 20px;
}
.checkout-logo img {
height: 60px !important;
}
} .woocommerce-checkout .col-left {
float: left;
width: 58%;
margin-right: 4%;
} .woocommerce-checkout .col-right {
float: right;
width: 38%;
} .woocommerce-checkout .col2-set:after {
content: "";
display: table;
clear: both;
} @media screen and (max-width: 768px) {
.woocommerce-checkout .col-left, 
.woocommerce-checkout .col-right {
width: 100%;
float: none;
margin-right: 0;
}
}
#customer_details .col-1, #customer_details .col-2{
width: 100%!important;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 { margin-bottom: 20px;
}
#hezarfen_invoice_type_field{
order: 20!important;
}
#hezarfen_invoice_type_field + p{
order: 21!important;
} #hezarfen_tax_number_field{
order: 23!important;
}
#hezarfen_tax_office_field{
order: 24!important;
}
.woocommerce .wc-bacs-bank-details-account-name{
font-size: 18px!important;
margin-bottom: 12px!important;
}
.wc-bacs-bank-details li  strong{
color: rgba(89, 203, 232, 1)!important;
}
.woocommerce table.shop_table tfoot td {
font-weight: normal !important;
}
#billing_bireyselkurumsal_field, #billing_tckimliknosu_field, #billing_firmaadi_field{
width: 100%!important;
}
#billing_bireyselkurumsal_field .woocommerce-input-wrapper input{
display: none;
}
#billing_bireyselkurumsal_field .woocommerce-input-wrapper{
display: flex;
border: 1px solid #ddd;
border-radius: 24px;
}
#billing_bireyselkurumsal_field .woocommerce-input-wrapper label{
margin: 0!important;
cursor: pointer;
border-radius: 24px;
}
#billing_bireyselkurumsal_field .woocommerce-input-wrapper input + label{
width: 50%!important;
line-height: 45px;
text-align: center;
}
#billing_bireyselkurumsal_field .woocommerce-input-wrapper input:checked + label{
background: #aaa!important;
color: #fff!important;
}
#musteri_tipi_field{
order: -1!important;
width: 100%!important;
.woocommerce-input-wrapper{
width: 100%;
input{
display: none;
&:checked + label {
background-color: #000;
color: #fff;
}
}
label{
height: 50px;
flex: 1;
border: 1px solid #eee;
border-radius: 0px!important;
display: flex;
align-items: center;
justify-content: center;
}
}
}
.woocommerce-billing-fields__field-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.woocommerce .woocommerce-billing-fields__field-wrapper .form-row{
width: 48%!important;
padding: 0 0px 10px;
}
.woocommerce-checkout{
max-width:1200px;
margin-left:auto;
margin-right:auto;
}
.woocommerce-order-received{
max-width: inherit;
}
.woocommerce .woocommerce-checkout .col2-set h3 input {
display: none;
}
.woocommerce .woocommerce-checkout .col2-set h3 input:checked+span::after {
opacity: 1;
}
.woocommerce .woocommerce-checkout .col2-set h3 span {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
font-size: 12px;
margin: 10px 0 20px !important;
}
.woocommerce .woocommerce-checkout .col2-set h3 span::before {
content: "";
width: 14px;
height: 14px;
border: 1px solid #7A7E81;
box-sizing: border-box;
margin-right: 10px;
}
.woocommerce .woocommerce-checkout .col2-set h3 span::after {
content: "";
width: 8px;
height: 8px;
background: #7A7E81;
box-sizing: border-box;
position: absolute;
left: 3px;
top: calc(50%);
transform: translateY(-50%);
opacity: 0;
}
#sozlesme_onayla_field{
padding: 3px!important;
}
.woocommerce form .form-row .input-checkbox{
width: 15px;
height: 15px;
}
.woocommerce form .form-row textarea{
min-height: 120px!important;
padding: 10px!important;
}
.sozlemelertesekkur{
display: flex;
align-items: center;
margin-bottom: 30px;
justify-content: center;
a{
border: 1px solid #aaa;
padding: 10px;
display: block;
margin-right: 6px;
border-radius: 6px;
background: #000;
color: #fff!important;
}
}
.woocommerce-thankyou-order-received{
text-align: center;
font-size: calc(20px + 2vw);
color: #000;
margin: 10vh 0;
}
.woocommerce ul.order_details{
display: flex;
align-items: center;
justify-content: center;
row-gap: 30px;
flex-wrap: wrap !important;
}
.woocommerce .woocommerce-customer-details address {
border: none !important;
border-bottom-width: 0 !important;
border-right-width: 0 !important;
border-radius: 0 !important;
}
.woocommerce-table__product-name a{
color: #000 !important;
}
.woocommerce span.onsale{
max-width: 3.236em;
}
@media (max-width: 768px){
.woocommerce ul.products.columns-3 li.product{
width: 100%!important;
}
} #customFilterPanel {
width: 400px; max-width: 90vw;
background: #fff;
border: none;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.offcanvas-header {
border-bottom: 1px solid #e0e0e0;
padding: 20px;
}
.offcanvas-title {
font-weight: 600;
font-size: 16px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #222;
margin: 0;
}
.filter-group {
padding: 12px 20px;
}
.filter-group:last-of-type {
border-bottom: none;
}
.filter-group h6 {
font-weight: 500;
font-size: 13px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #222;
margin: 0;
padding: 8px 0;
}
.form-check {
margin-bottom: 8px;
padding-left: 0;
display: flex;
align-items: center;
}
.form-check-input {
width: 16px;
height: 16px;
margin-top: 0;
margin-right: 10px;
border: 1px solid #ddd;
border-radius: 2px;
background-color: #fff;
transition: all 0.2s ease;
cursor: pointer;
}
.form-check-input:focus {
border-color: #000;
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.form-check-input:checked {
background-color: #000;
border-color: #000;
}
.form-check-label {
font-size: 13px;
color: #444;
font-weight: 400;
cursor: pointer;
margin-bottom: 0;
line-height: 1.3;
}
.form-check-label:hover {
color: #222;
} .price-inputs {
display: flex;
gap: 10px;
margin: 12px 0;
}
.price-inputs input {
width: 100%;
padding: 8px 12px;
font-size: 13px;
border: 1px solid #ddd;
border-radius: 0px;
background-color: #fff;
transition: border-color 0.2s ease;
}
.price-inputs input:focus {
outline: none;
border-color: #000;
box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}
.price-slider {
margin: 20px 0 15px;
height: 20px;
}
.ui-widget-header{
background: #000 !important;
}
.ui-state-default{
box-shadow: none !important;
border-radius: 0px !important;
background: white !important;
}
.ui-slider {
height: 4px;
background: #e0e0e0;
position: relative;
border-radius: 0px;
border: none;
}
.ui-slider-range {
background: #000;
height: 4px;
border-radius: 0px;
}
.ui-slider-handle {
width: 18px;
height: 18px;
background: #000;
border-radius: 0;
border: 2px solid #fff;
top: -7px;
margin-left: -9px;
cursor: pointer;
outline: none;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.ui-slider-handle:hover,
.ui-slider-handle:focus {
border-color:#000 !important;
transform: scale(1.1);
box-shadow: 0 3px 8px rgba(0,0,0,0.3);
}
.ui-state-active {
background: #000 !important;
border: 2px solid #fff !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;
margin: 0; }
input[type=number] {
-moz-appearance:textfield; } .filter-actions {
position: sticky;
bottom: 0;
background: #fff;
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.filter-actions button {
width: 100%;
padding: 12px 16px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
border-radius: 0px;
border: 1px solid;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.filter-actions button[type="submit"],
.filter-actions button.btn-primary {
background-color: #000;
color: #fff;
border-color: #000;
}
.filter-actions button[type="submit"]:hover,
.filter-actions button.btn-primary:hover {
background-color: #333;
border-color: #333;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.filter-actions button[type="button"],
.filter-actions button.btn-outline-secondary {
background-color: #fff;
color: #666;
border-color: #ddd;
}
.filter-actions button[type="button"]:hover,
.filter-actions button.btn-outline-secondary:hover {
background-color: #f8f9fa;
border-color: #ccc;
color: #333;
}
.filter-actions button:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none !important;
} .offcanvas-body {
padding: 1rem 1rem;
overflow-y: auto;
} .filter-toggle {
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
user-select: none;
transition: color 0.2s ease;
}
.filter-toggle:hover {
color: #000;
}
.filter-toggle i {
font-size: 12px;
color: #666;
transition: transform 0.25s ease;
}
.filter-toggle[aria-expanded="true"] i,
.filter-toggle:not(.collapsed) i {
transform: rotate(180deg);
} .collapse {
display: none;
}
.collapse.show {
display: block;
} #priceFilterCollapse {
display: block !important;
} #priceFilterCollapse.collapse {
display: block !important;
}
#priceFilterCollapse.collapse.show {
display: block !important;
} #priceFilterCollapse.collapse:not(.show) {
display: none !important;
} .active-filters {
background: #f8f9fa;
padding: 15px 20px;
border-radius: 0px;
margin-bottom: 20px;
}
.active-filters .filter-label {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #666;
}
.active-filters .badge {
font-size: 11px;
padding: 4px 8px;
background-color: #000 !important;
color: #fff;
border-radius: 0;
font-weight: 400;
}
.active-filters .btn-outline-danger {
font-size: 11px;
padding: 2px 8px;
border-color: #dc3545;
color: #dc3545;
}
.active-filters .btn-outline-danger:hover {
background-color: #dc3545;
color: #fff;
} .filter-loading {
opacity: 0.6;
pointer-events: none;
}
.filter-loading .filter-actions button {
position: relative;
}
.filter-loading .filter-actions button .fa-spinner {
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .filter-count-badge {
background: #000;
color: #fff;
font-size: 10px;
padding: 2px 6px;
border-radius: 0px;
margin-left: 6px;
font-weight: 500;
} .form-check-input + .form-check-label {
position: relative;
}
.form-check-input + .form-check-label::after {
content: attr(data-count);
font-size: 10px;
color: #999;
margin-left: 4px;
}
.form-check .form-check-input{
margin-left: 0 !important;
} .btn-close {
padding: 0.5rem;
margin: -0.5rem -0.5rem -0.5rem auto;
background: transparent;
border: 0;
border-radius: 0;
opacity: 0.5;
transition: opacity 0.2s ease;
}
.btn-close:hover {
opacity: 1;
} @media (max-width: 576px) {
#customFilterPanel {
width: 320px;
}
.filter-group {
padding: 10px 15px;
}
.filter-actions {
padding: 15px;
}
.offcanvas-header {
padding: 15px;
}
.price-inputs input {
padding: 6px 10px;
font-size: 12px;
}
}
@media (max-width: 480px) {
#customFilterPanel {
width: 280px;
}
} @media print {
#customFilterPanel,
.filter-toggle-btn {
display: none !important;
}
}
.filter-btn {
background-color: white;
border: none;
text-transform: uppercase;
letter-spacing: .06em;
font-size: 13px;
display: flex;
align-items: center;
padding: 0;
height: 45px;
}
@media (max-width: 992px){
.filter-btn {
border-right: 1px solid #ccc;
flex: 1;
justify-content: center;
}
}
.filter-separator {
height: 12px !important;
width: 1px !important;
background-color: #ccc !important;
display: inline-block !important;
margin: 0 10px !important;
}
@media (max-width: 992px){
.filter-separator {
display:none !important;
}
}
.no-products-message {
text-align: center;
padding: 30px 0;
font-size: 18px;
color: #555;
border-top: 1px solid #eee;
}
body[style*="padding-right"] {
padding-right: 0 !important;
}
.filter-group .row {
margin-bottom: 10px;
} .woocommerce-product-gallery {
position: relative !important;
opacity: 1 !important;
} .product-gallery-main {
margin-bottom: 15px !important;
width: 100% !important;
}
.product-gallery-main .slick-slide img {
width: 100% !important;
display: block !important;
margin: 0 auto !important;
} .product-gallery-thumbs {
max-width: 100% !important;
}
.product-gallery-thumbs .slick-slide {
cursor: pointer !important;
}
.product-gallery-thumbs .slick-slide img {
border: 1px solid #ddd !important;
opacity: 0.7 !important;
transition: opacity 0.3s !important;
width: 100% !important;
height: auto !important;
}
.product-gallery-thumbs .slick-slide.slick-current img,
.product-gallery-thumbs .slick-slide:hover img {
opacity: 1 !important;
} .single-product .slick-prev,
.single-product .slick-next {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 10 !important;
background: rgba(255, 255, 255, 0.8) !important;
border: none !important;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
font-size: 0 !important;
cursor: pointer !important;
padding: 0 !important;
}
.single-product .slick-prev:hover,
.single-product .slick-next:hover {
background: rgba(255, 255, 255, 0.9) !important;
}
.single-product .slick-prev:before,
.single-product .slick-next:before {
font-family: 'FontAwesome' !important;
font-size: 20px !important;
color: #333 !important;
line-height: 1 !important;
}
.single-product .slick-prev {
left: 15px !important;
}
.single-product .slick-prev:before {
content: '\f053' !important;
}
.single-product .slick-next {
right: 15px !important;
}
.single-product .slick-next:before {
content: '\f054' !important;
} .single-product .slick-dots {
text-align: center !important;
margin-top: 15px !important;
padding: 0 !important;
list-style: none !important;
}
.single-product .slick-dots li {
display: inline-block !important;
margin: 0 5px !important;
}
.single-product .slick-dots li button {
font-size: 0 !important;
width: 12px !important;
height: 12px !important;
border-radius: 50% !important;
background: #ccc !important;
border: none !important;
padding: 0 !important;
cursor: pointer !important;
}
.single-product .slick-dots li.slick-active button {
background: #333 !important;
} @media (max-width: 768px) {
.product-gallery-thumbs {
margin-top: 15px !important;
}
.product-gallery-thumbs .slick-slide {
padding: 5px !important;
}
.single-product .slick-prev,
.single-product .slick-next {
width: 30px !important;
height: 30px !important;
}
.single-product .slick-prev:before,
.single-product .slick-next:before {
font-size: 16px !important;
}
}
.single-product .in-stock {
color: #4bb543 !important;
display: none !important;
}
.sticky-summary {
position: sticky!important;
top: 0px;
background-color: #fff!important;
z-index: 10;
}
.woocommerce div.product div.summary {
padding-top: 0px!important;
transition: all 0.2s linear!important;
position: sticky;
top: 100px;
}
.product-main-content-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 40px;
align-items: flex-start; overflow: visible!important; }
.woocommerce-product-gallery, 
.summary.entry-summary {
flex: 1;
min-width: 300px;
align-self: flex-start; }
@media (max-width: 768px) {
.product-main-content-wrapper {
flex-direction: column;
gap: 20px;
}
}
.woocommerce ul.products li.product a img{
aspect-ratio: 3 / 4 !important;
width: 100%;
}
.woocommerce-Tabs-panel--description {
font-size: initial !important;
line-height: initial !important;
color: initial !important;
}
.woocommerce-Tabs-panel--description ul,
.woocommerce-Tabs-panel--description ol,
.woocommerce-Tabs-panel--description li,
.woocommerce-Tabs-panel--description p,
.woocommerce-Tabs-panel--description h1,
.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel--description h3 {
all: revert !important;
}
 html,
body {
width: 100%;
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
input:focus,
textarea:focus,
select:focus,
button:focus,
div:focus {
outline: none;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
p,
h1, h2, h3, h4, h5, h6,
span,
a,
li,
strong {
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
input:invalid {
border-color: #dc3545;
}
form:invalid button[type=submit] {
cursor: not-allowed;
pointer-events: none;
}
@media (min-width: 1400px) and (max-width: 1700px) {
.container {
max-width: 1380px;
}
}
.mt0 {
margin-top: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.pl0 {
padding-left: 0px !important;
}
.mr0 {
margin-right: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.mt5 {
margin-top: 5px !important;
}
.pt5 {
padding-top: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.pt15 {
padding-top: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.pt25 {
padding-top: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.pt35 {
padding-top: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.pl35 {
padding-left: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.pt45 {
padding-top: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.pl45 {
padding-left: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.pt55 {
padding-top: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.pl55 {
padding-left: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.pt60 {
padding-top: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.pt65 {
padding-top: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.ml65 {
margin-left: 65px !important;
}
.pl65 {
padding-left: 65px !important;
}
.mr65 {
margin-right: 65px !important;
}
.pr65 {
padding-right: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.pt70 {
padding-top: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.ml70 {
margin-left: 70px !important;
}
.pl70 {
padding-left: 70px !important;
}
.mr70 {
margin-right: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.pt75 {
padding-top: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.ml75 {
margin-left: 75px !important;
}
.pl75 {
padding-left: 75px !important;
}
.mr75 {
margin-right: 75px !important;
}
.pr75 {
padding-right: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.pt80 {
padding-top: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.ml80 {
margin-left: 80px !important;
}
.pl80 {
padding-left: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.pt85 {
padding-top: 85px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.pb85 {
padding-bottom: 85px !important;
}
.ml85 {
margin-left: 85px !important;
}
.pl85 {
padding-left: 85px !important;
}
.mr85 {
margin-right: 85px !important;
}
.pr85 {
padding-right: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.pt90 {
padding-top: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.ml90 {
margin-left: 90px !important;
}
.pl90 {
padding-left: 90px !important;
}
.mr90 {
margin-right: 90px !important;
}
.pr90 {
padding-right: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.pt95 {
padding-top: 95px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.pb95 {
padding-bottom: 95px !important;
}
.ml95 {
margin-left: 95px !important;
}
.pl95 {
padding-left: 95px !important;
}
.mr95 {
margin-right: 95px !important;
}
.pr95 {
padding-right: 95px !important;
}
.mt100 {
margin-top: 100px !important;
}
.pt100 {
padding-top: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.ml100 {
margin-left: 100px !important;
}
.pl100 {
padding-left: 100px !important;
}
.mr100 {
margin-right: 100px !important;
}
.pr100 {
padding-right: 100px !important;
}
header {
position: sticky;
top: 0;
width: 100%;
background-color: white;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
z-index: 100;
transition: all 300ms ease-in-out;
}
header .header-top {
background-color: #0055b8;
width: 100%;
padding: 5px 0;
}
@media (max-width: 991px) {
header .header-top {
height: 35px;
}
}
header .header-top .header-slider span {
color: #fff;
font-size: 20px;
text-align: center;
}
@media (max-width: 1199px) {
header .header-top .header-slider span {
font-size: 13px;
}
}
@media (max-width: 991px) {
header .header-top .header-slider span {
font-size: 16px;
}
}
header .container {
display: flex;
align-items: center;
justify-content: space-between;
height: auto;
padding-top: 1rem;
padding-bottom: 1rem;
transition: all 300ms ease-in-out;
max-width: 1600px;
position: relative;
}
header .logo {
display: flex;
align-items: center;
justify-content: center;
min-width: 120px;
text-decoration: none;
transition: all 300ms ease-in-out;
}
@media (max-width: 991px) {
header .logo {
order: 1;
}
}
header .logo:hover {
opacity: 0.8;
}
header .logo:focus-visible {
outline: 2px solid #0055b8;
outline-offset: 4px;
border-radius: 0.5rem;
}
header .logo img {
width: auto;
height: 80px;
}
@media (max-width: 991px) {
header .logo img {
height: 50px;
}
}
header nav {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
header nav {
position: fixed;
top: 0;
left: 0;
width: 80%;
height: 100vh;
background-color: white;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: all 300ms ease-in-out;
z-index: 99;
overflow: hidden;
}
header nav.active {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
header nav .header-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 2rem;
align-items: center;
width: 100%;
justify-content: center;
}
@media (max-width: 991px) {
header nav .header-menu {
flex-direction: column;
align-items: stretch;
gap: 0;
padding-top: 100px;
height: 100%;
overflow-y: auto;
padding-left: 30px;
justify-content: inherit;
}
}
@media (max-width: 991px) {
header nav .header-menu .menu-item {
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
}
header nav .header-menu .menu-item a {
display: block;
color: #555555;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
padding: 0.5rem 0;
transition: all 150ms ease-in-out;
border-bottom: 2px solid transparent;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
@media (max-width: 991px) {
header nav .header-menu .menu-item a {
padding: 1rem 1.5rem;
border-bottom: none;
display: flex;
justify-content: space-between;
align-items: center;
}
}
header nav .header-menu .menu-item a .sub-down {
display: inline-block;
transform: rotate(90deg);
transition: transform 300ms ease-in-out;
}
@media (max-width: 991px) {
header nav .header-menu .menu-item a .sub-down {
font-size: 1.2rem;
transform: inherit;
}
}
header nav .header-menu .menu-item a:focus-visible {
outline: 2px solid #0055b8;
outline-offset: 4px;
}
@media (max-width: 991px) {
header nav .header-menu .menu-item a:focus-visible {
outline-offset: -2px;
}
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
list-style: none;
margin: 0;
padding: 0.75rem 0;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 300ms ease-in-out;
z-index: 50;
display: grid;
grid-template-columns: repeat(7, 1fr);
background-color: white;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu a {
padding: 0;
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu::before {
content: "";
width: 200vw;
height: 100%;
background-color: white;
position: absolute;
left: -50vw;
top: 0px;
z-index: -1;
}
@media (max-width: 991px) {
header nav .header-menu .menu-item.menu-item-has-children .sub-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
opacity: 1;
visibility: visible;
transform: translateX(-100%);
transition: transform 0.3s ease-in-out;
columns: 1;
border-radius: 0;
box-shadow: none;
padding: 0;
margin: 0;
overflow-y: auto;
z-index: 200;
display: flex;
flex-direction: column;
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu::before {
display: none;
}
}
@media (max-width: 991px) {
header nav .header-menu .menu-item.menu-item-has-children .sub-menu.is-open {
transform: translateX(0);
padding-top: 90px;
}
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn {
display: none;
}
@media (max-width: 991px) {
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn {
display: flex;
align-items: center;
gap: 10px;
padding: 1rem;
background-color: #ffffff;
color: black;
font-weight: 700;
cursor: pointer;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
font-size: 1rem;
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn i {
font-size: 1.2rem;
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn:hover {
background-color: rgb(242.25, 242.25, 242.25);
}
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item {
position: relative;
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
display: inline-flex;
flex-direction: column;
text-align: center;
transition: all 300ms ease-in-out;
}
@media (max-width: 991px) {
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
flex-direction: row;
align-items: center;
gap: 12px;
padding: 1rem 1.5rem;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
width: 100%;
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover {
background-color: rgba(0, 147, 130, 0.2);
}
}
@media (max-width: 991px) {
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a span {
color: #555555;
font-size: 14px;
font-weight: 500;
}
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item img {
width: 200px;
height: 200px;
object-fit: cover;
}
@media (max-width: 991px) {
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item img {
display: none;
}
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item strong {
color: #555555;
padding: 0.75rem 1rem;
border: none;
font-size: 0.875rem;
}
@media (max-width: 991px) {
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item strong {
padding-left: 1.5rem;
}
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item strong:hover, header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item strong:focus-visible {
background-color: rgba(0, 147, 130, 0.2);
color: #0055b8;
}
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu {
position: absolute;
top: 0;
left: 100%;
min-width: 180px;
background-color: white;
border-radius: 0.5rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
transform: translateX(-10px);
}
@media (max-width: 991px) {
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: translateX(100%);
}
}
@media (max-width: 991px) {
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu.is-open {
transform: translateX(0);
}
}
@media (min-width: 993px) {
header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
@media (min-width: 993px) {
header nav .header-menu .menu-item.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
header .actions {
display: flex;
align-items: center;
gap: 20px;
}
@media (max-width: 991px) {
header .actions {
order: 3;
gap: 10px;
}
}
header .actions a {
display: block;
color: #000;
font-size: 20px;
}
header .actions a span {
font-size: 15px;
}
.menu-trigger {
position: relative;
z-index: 100;
width: 30px;
height: 22px;
display: none;
transition: all 0.4s;
cursor: pointer;
box-sizing: border-box;
margin-left: auto;
background-color: transparent;
border: none;
padding: 0;
}
@media (max-width: 991px) {
.menu-trigger {
display: inline-block;
margin-left: 0;
}
}
.menu-trigger span {
display: inline-block;
transition: all 0.4s ease-in-out;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #000;
border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: 9px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
transform: translateY(12px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
transform: translateY(-7px) rotate(315deg);
}
footer {
background-color: #000;
color: #fff;
padding: 0;
}
footer .footer-main {
padding: 60px 0 50px;
}
@media (max-width: 991px) {
footer .footer-main {
padding: 50px 0 40px;
}
}
@media (max-width: 767px) {
footer .footer-main {
padding: 40px 0 30px;
}
}
footer .footer-main .row {
row-gap: 40px;
}
@media (max-width: 767px) {
footer .footer-main .row {
row-gap: 30px;
}
}
footer .footer-column h4 {
font-size: 18px;
font-weight: 600;
color: #fff;
margin-bottom: 20px;
}
@media (max-width: 767px) {
footer .footer-column h4 {
font-size: 16px;
margin-bottom: 15px;
}
}
@media (max-width: 991px) {
footer .footer-first-column {
text-align: center;
}
}
@media (max-width: 991px) {
footer .footer-first-column .footer-logo {
display: block;
text-align: center;
}
}
@media (max-width: 991px) {
footer .footer-first-column .footer-social {
justify-content: center;
}
}
footer .footer-logo {
display: inline-block;
margin-bottom: 25px;
}
@media (max-width: 767px) {
footer .footer-logo {
margin-bottom: 20px;
}
}
footer .footer-logo img {
height: 60px;
width: auto;
filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
footer .footer-logo img {
height: 50px;
}
}
footer .footer-contact {
list-style: none;
padding: 0;
margin: 0 0 25px 0;
}
@media (max-width: 767px) {
footer .footer-contact {
margin-bottom: 20px;
}
}
footer .footer-contact li {
margin-bottom: 15px;
}
@media (max-width: 767px) {
footer .footer-contact li {
margin-bottom: 12px;
}
}
footer .footer-contact li:last-child {
margin-bottom: 0;
}
footer .footer-contact li a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
font-size: 15px;
transition: color 0.3s ease;
}
@media (max-width: 767px) {
footer .footer-contact li a {
font-size: 14px;
}
}
footer .footer-contact li a:hover {
color: #fff;
}
footer .footer-contact li address {
color: rgba(255, 255, 255, 0.8);
font-size: 15px;
font-style: normal;
line-height: 1.6;
margin: 0;
}
@media (max-width: 767px) {
footer .footer-contact li address {
font-size: 14px;
}
}
footer .footer-social {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
gap: 15px;
}
@media (max-width: 767px) {
footer .footer-social {
gap: 12px;
}
}
footer .footer-social li a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
text-decoration: none;
transition: all 0.3s ease;
}
@media (max-width: 767px) {
footer .footer-social li a {
width: 36px;
height: 36px;
}
}
footer .footer-social li a img {
width: 18px;
height: 18px;
filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
footer .footer-social li a img {
width: 16px;
height: 16px;
}
}
footer .footer-social li a:hover {
background-color: #fff;
border-color: #fff;
}
footer .footer-social li a:hover img {
filter: brightness(0) invert(0);
}
footer .footer-links {
list-style: none;
padding: 0;
margin: 0;
}
footer .footer-links li {
margin-bottom: 12px;
transition: all 300ms ease-in-out;
}
@media (max-width: 767px) {
footer .footer-links li {
margin-bottom: 10px;
}
}
footer .footer-links li:last-child {
margin-bottom: 0;
}
footer .footer-links li a {
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
font-size: 15px;
transition: all 300ms ease-in-out;
display: inline-block;
}
@media (max-width: 767px) {
footer .footer-links li a {
font-size: 14px;
}
}
footer .footer-links li a:hover {
color: #fff;
padding-left: 5px;
}
footer .footer-links.footer-links-columns {
column-count: 2;
column-gap: 30px;
}
@media (max-width: 991px) {
footer .footer-links.footer-links-columns {
column-count: 1;
}
}
footer .footer-links.footer-links-columns li {
break-inside: avoid;
page-break-inside: avoid;
}
@media (max-width: 991px) {
footer .footer-menu-column {
margin-bottom: 0;
}
}
@media (max-width: 991px) {
footer .footer-menu-column h4 {
margin-bottom: 0;
}
}
footer .footer-menu-column h4.accordion-toggle {
cursor: pointer;
position: relative;
padding: 15px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
transition: all 300ms ease-in-out;
margin-bottom: 0;
}
@media (max-width: 991px) {
footer .footer-menu-column h4.accordion-toggle {
padding: 18px 0;
min-height: 50px;
}
}
@media (max-width: 767px) {
footer .footer-menu-column h4.accordion-toggle {
padding: 16px 0;
min-height: 48px;
}
}
footer .footer-menu-column h4.accordion-toggle:hover {
opacity: 0.8;
}
footer .footer-menu-column h4.accordion-toggle.active {
border-bottom-color: transparent;
}
footer .footer-menu-column h4.accordion-toggle .accordion-icon {
font-size: 22px;
font-weight: 300;
line-height: 1;
transition: all 300ms ease-in-out;
margin-left: 10px;
}
@media (max-width: 767px) {
footer .footer-menu-column h4.accordion-toggle .accordion-icon {
font-size: 20px;
}
}
footer .footer-menu-column .accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease-out, padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
will-change: max-height, opacity;
}
footer .footer-menu-column .accordion-content.collapsed {
max-height: 0;
opacity: 0;
margin-bottom: 0;
padding-bottom: 0;
}
footer .footer-menu-column .accordion-content.open {
max-height: 300px;
opacity: 1;
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 991px) {
footer .footer-menu-column .accordion-content.open {
padding-bottom: 18px;
}
}
@media (max-width: 767px) {
footer .footer-menu-column .accordion-content.open {
padding-bottom: 16px;
}
}
footer .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 25px 0;
}
@media (max-width: 767px) {
footer .footer-bottom {
padding: 20px 0;
}
}
footer .footer-bottom .row {
align-items: center;
}
@media (max-width: 767px) {
footer .footer-bottom .row {
text-align: center;
}
}
footer .footer-bottom p {
margin: 0;
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
footer .footer-bottom p {
font-size: 13px;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
footer .footer-bottom .copyright {
text-align: center;
}
}
footer .footer-bottom .design-credit {
text-align: right;
}
@media (max-width: 767px) {
footer .footer-bottom .design-credit {
text-align: center;
}
}
footer .footer-bottom .design-credit a {
color: #3db288;
text-decoration: none;
font-weight: 500;
transition: transition-fast;
}
footer .footer-bottom .design-credit a:hover {
color: #3db288;
}
footer .footer-bottom .payment-methods {
text-align: center;
margin-bottom: 15px;
}
@media (max-width: 767px) {
footer .footer-bottom .payment-methods {
margin-bottom: 20px;
}
}
footer .footer-bottom .payment-methods img {
max-width: 100%;
height: auto;
max-height: 30px;
}
@media (max-width: 767px) {
footer .footer-bottom .payment-methods img {
max-height: 25px;
}
}
.hero-banner {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
position: relative;
}
.hero-banner .bg-image {
position: relative;
overflow: hidden;
width: 100%;
height: 700px;
}
@media (max-width: 1199px) {
.hero-banner .bg-image {
height: 100%;
}
}
@media (max-width: 991px) {
.hero-banner .bg-image {
height: 600px;
}
}
.hero-banner .bg-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(13, 89, 124, 0.6) 0%, rgba(203, 178, 141, 0.6) 100%);
}
.hero-banner .bg-image video {
width: 100%;
object-fit: cover;
}
@media (max-width: 991px) {
.hero-banner .bg-image video {
height: 600px;
}
}
.hero-banner .container {
position: absolute;
}
.hero-banner .container h1 {
font-size: 60px;
max-width: 800px;
color: #fff;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}
@media (max-width: 991px) {
.hero-banner .container h1 {
font-size: 45px;
max-width: inherit;
text-align: center;
}
}
.hero-banner .container p {
font-size: 16px;
color: #fff;
opacity: 0.9;
margin: 0;
max-width: 800px;
line-height: 32px;
margin-bottom: 40px;
}
@media (max-width: 991px) {
.hero-banner .container p {
text-align: center;
}
}
.hero-banner .container .btn-01 {
background-color: #0055b8;
padding: 10px 40px;
text-align: center;
border-radius: 10px;
margin-top: auto;
color: #fff;
}
@media (max-width: 991px) {
.hero-banner .container .btn-01 {
display: flex;
justify-content: center;
}
}
.hero-banner .container .btn-01 strong {
font-size: 18px;
font-weight: 400;
}
.infinite-slider {
background-color: #d8a459;
padding: 30px 0;
}
@media (max-width: 1199px) {
.infinite-slider {
position: relative;
margin-top: -5px;
}
}
@media (max-width: 991px) {
.infinite-slider {
padding: 25px 0;
}
}
.infinite-slider ul {
padding: 0;
margin: 0;
list-style: none;
}
.infinite-slider ul li {
font-size: 20px;
text-align: center;
font-weight: 700;
}
@media (max-width: 991px) {
.infinite-slider ul li {
font-size: 17px;
}
}
.section-01 {
padding: 80px 0;
}
.section-01 .title {
margin-bottom: 40px;
}
.section-01 .title h2 {
color: black;
margin-bottom: 15px;
font-size: 45px;
}
.section-01 .title p {
color: black;
font-size: 20px;
}
.section-01 article {
display: flex;
flex-direction: column;
height: 100%;
}
.section-01 .box {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
transition: box-shadow 0.3s ease-in-out;
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
}
.section-01 .box:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
cursor: pointer;
}
.section-01 .box:hover .image img {
transform: scale(1.1);
}
.section-01 .box h3 {
font-size: 25px;
color: #0055b8;
margin-bottom: 10px;
}
.section-01 .box p {
font-size: 13px;
color: black;
}
.section-01 .box .image img {
width: 100%;
aspect-ratio: 1/1;
object-fit: contain;
transition: transform 0.4s ease-in-out;
}
.section-01 .button {
background-color: #0055b8;
color: #fff;
padding: 10px;
display: block;
width: 100%;
text-align: center;
border-radius: 10px;
margin-top: auto;
}
@media (max-width: 991px) {
.section-01 .button {
margin-bottom: 30px;
}
}
.section-01 .button strong {
font-weight: 300;
text-transform: uppercase;
}
.section-03 {
padding: 70px 0 0 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
}
.section-03 .bg-image {
position: relative;
overflow: hidden;
width: 100%;
height: 700px;
}
@media (max-width: 991px) {
.section-03 .bg-image {
height: 500px;
}
}
.section-03 .bg-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(13, 89, 124, 0.7) 0%, rgba(203, 178, 141, 0.7) 100%);
}
.section-03 .bg-image img {
width: 100%;
object-fit: cover;
}
@media (max-width: 991px) {
.section-03 .bg-image img {
height: 500px;
}
}
.section-03 .bg-image video {
width: 100%;
object-fit: cover;
}
@media (max-width: 991px) {
.section-03 .bg-image video {
height: 500px;
}
}
.section-03 .container {
position: absolute;
text-align: center;
}
.section-03 .container h2 {
color: #fff;
font-size: 70px;
text-transform: uppercase;
}
@media (max-width: 991px) {
.section-03 .container h2 {
font-size: 40px;
}
}
.section-03 .container p {
color: #fff;
font-size: 20px;
max-width: 700px;
margin: 0 auto;
margin-bottom: 40px;
line-height: 32px;
}
.section-03 .container .button {
background-color: #0055b8;
padding: 15px 40px;
text-align: center;
border-radius: 10px;
margin-top: auto;
color: #fff;
}
.section-03 .container .button strong {
font-weight: 400;
font-size: 20px;
}
.section-05 {
padding: 70px 0;
}
.section-05 .title {
margin-bottom: 50px;
}
.section-05 .title h4 {
color: #0055b8;
font-size: 45px;
}
@media (max-width: 991px) {
.section-05 .title h4 {
text-align: center;
}
}
.section-05 .box-wrapper .slick-track {
display: flex !important;
}
.section-05 .box-wrapper .slick-slide {
height: inherit !important;
display: flex !important;
justify-content: center;
}
.section-05 .box-wrapper .box {
padding: 20px;
border-radius: 10px;
margin: 0 10px;
position: relative;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.1215686275);
margin-bottom: 30px;
}
.section-05 .box-wrapper .box a {
display: flex;
flex-direction: column;
flex: 1;
}
.section-05 .box-wrapper .box .image {
text-align: center;
margin-bottom: 40px;
}
.section-05 .box-wrapper .box .image img {
width: 100%;
aspect-ratio: 1/1;
object-fit: contain;
margin-bottom: 10px;
}
.section-05 .box-wrapper .box h4 {
font-size: 20px;
color: #0055b8;
margin-bottom: 10px;
}
.section-05 .box-wrapper .box .category {
display: block;
font-size: 14px;
color: #777;
margin-bottom: 20px;
}
.section-05 .box-wrapper .box .button {
background-color: #0055b8;
padding: 10px 40px;
text-align: center;
border-radius: 10px;
margin-top: auto;
}
.section-05 .box-wrapper .box .button strong {
color: #fff;
font-weight: 400;
}
.section-05 .box-wrapper .box .label {
position: absolute;
top: 20px;
left: 20px;
background-color: #0055b8;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.section-05 .box-wrapper .box .label strong {
color: #fff;
font-weight: 500;
}
.section-05 .slick-dots li button::before {
font-size: 10px;
}
.section-05 .slick-dots li button:hover {
color: #d8a459 !important;
}
.section-05 .slick-dots li.slick-active button::before {
color: #d8a459;
}
.section-07 {
background-color: #0055b8;
padding: 25px 0;
}
.section-07 ul {
padding: 0;
margin: 0;
list-style: none;
}
.section-07 ul li {
display: flex;
align-items: center;
justify-content: center;
}
.section-07 ul li img {
max-width: 100%;
height: 50px;
object-fit: contain;
}
.section-08 {
padding: 70px 0;
}
.section-08 .title h4 {
font-size: 45px;
color: #0055b8;
}
@media (max-width: 991px) {
.section-08 .title {
margin-bottom: 20px;
}
}
.section-08 .accordion .accordion-item {
margin-bottom: 20px;
border: none;
border-bottom: 1px solid #e0e0e0;
}
.section-08 .accordion .accordion-item .accordion-header .accordion-button {
font-size: 19px;
}
.section-08 .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
background-color: inherit;
box-shadow: inherit;
}
.section-08 .accordion .accordion-item .accordion-header .accordion-button:focus {
box-shadow: inherit;
}
.section-08 .accordion .accordion-item .accordion-body {
padding: 10px 20px;
}
.section-09 {
padding: 70px 0;
}
.section-09 .title {
margin-bottom: 40px;
}
.section-09 .title h2 {
color: #0055b8;
margin-bottom: 10px;
font-size: 45px;
}
.section-09 .title p {
font-size: 19px;
line-height: 35px;
}
.section-09 .row {
display: flex;
flex-wrap: wrap;
}
.section-09 .col-lg-4 {
display: flex;
}
.section-09 .item {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: 100%;
}
.section-09 .item a {
display: flex;
flex-direction: column;
height: 100%;
}
.section-09 .item:hover img {
transform: scale(1.03);
}
.section-09 .item .image {
overflow: hidden;
height: 300px;
border-radius: 10px;
margin-bottom: 20px;
}
.section-09 .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s ease-in-out;
}
.section-09 .item h4 {
color: #d8a459;
font-size: 20px;
margin-bottom: 10px;
}
.section-09 .item p {
color: black;
font-size: 16px;
line-height: 32px;
flex: 1;
}
.section-09 .item .button {
background-color: #0055b8;
display: inline-block;
padding: 10px 40px;
border-radius: 10px;
margin-top: auto;
text-align: center;
}
@media (max-width: 991px) {
.section-09 .item .button {
margin-bottom: 30px;
}
}
.section-09 .item .button strong {
color: #fff;
font-weight: 400;
}
.section-10 {
padding: 70px 0;
}
.section-10 .title {
text-align: center;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.section-10 .title {
margin-bottom: 25px;
}
}
.section-10 .title h2 {
font-size: 45px;
color: #0055b8;
}
.section-10 .slick-track {
display: flex;
}
.section-10 .slick-slide {
height: inherit !important;
}
.section-10 .review-slider .item {
text-align: center;
padding: 30px;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
background: #fff;
margin: 30px 10px;
display: flex;
flex-direction: column;
flex: 1;
}
.section-10 .review-slider .item img {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
margin: 0 auto 20px;
display: block;
}
.section-10 .review-slider .item p {
font-size: 16px;
line-height: 28px;
margin: 0;
margin-bottom: 10px;
color: #555;
}
.section-10 .review-slider .item .stars {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.section-10 .review-slider .item .stars i {
color: #EABE12;
}
.section-10 .review-slider .item h3 {
font-size: 18px;
font-weight: 600;
color: #222;
margin: 0;
margin-top: auto;
}
.section-10 .review-slider .item h3 span {
font-size: 15px;
font-weight: 400;
color: #777;
margin-left: 8px;
}
.section-10 .review-slider .slick-dots li button::before {
font-size: 10px;
}
.section-10 .review-slider .slick-dots li button:hover {
color: #d8a459 !important;
}
.section-10 .review-slider .slick-dots li.slick-active button::before {
color: #d8a459;
}
.about-page .about-story {
padding: 80px 0;
background-color: #ffffff;
}
@media (max-width: 991px) {
.about-page .about-story {
padding: 60px 0;
}
}
@media (max-width: 767px) {
.about-page .about-story {
padding: 40px 0;
}
}
.about-page .about-story .story-content h1,
.about-page .about-story .story-content h2,
.about-page .about-story .story-content h3,
.about-page .about-story .story-content h4,
.about-page .about-story .story-content h5,
.about-page .about-story .story-content h6 {
color: #1D1D1F;
margin-bottom: 20px;
line-height: 1.3;
font-weight: 700;
}
@media (max-width: 767px) {
.about-page .about-story .story-content h1,
.about-page .about-story .story-content h2,
.about-page .about-story .story-content h3,
.about-page .about-story .story-content h4,
.about-page .about-story .story-content h5,
.about-page .about-story .story-content h6 {
text-align: center;
}
}
.about-page .about-story .story-content h1 {
font-size: 45px;
}
@media (max-width: 991px) {
.about-page .about-story .story-content h1 {
font-size: 38px;
}
}
@media (max-width: 767px) {
.about-page .about-story .story-content h1 {
font-size: 30px;
}
}
@media (max-width: 576px) {
.about-page .about-story .story-content h1 {
font-size: 26px;
}
}
.about-page .about-story .story-content h2 {
font-size: 40px;
}
@media (max-width: 991px) {
.about-page .about-story .story-content h2 {
font-size: 34px;
}
}
@media (max-width: 767px) {
.about-page .about-story .story-content h2 {
font-size: 28px;
}
}
.about-page .about-story .story-content h3 {
font-size: 28px;
font-weight: 600;
}
@media (max-width: 991px) {
.about-page .about-story .story-content h3 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.about-page .about-story .story-content h3 {
font-size: 22px;
}
}
.about-page .about-story .story-content h4 {
font-size: 22px;
font-weight: 600;
}
@media (max-width: 767px) {
.about-page .about-story .story-content h4 {
font-size: 20px;
}
}
.about-page .about-story .story-content p {
font-size: 17px;
line-height: 1.8;
color: #555555;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.about-page .about-story .story-content p {
font-size: 16px;
text-align: justify;
}
}
.about-page .about-story .story-content p:last-child {
margin-bottom: 0;
}
.about-page .about-story .story-content ul,
.about-page .about-story .story-content ol {
font-size: 17px;
line-height: 1.8;
color: #555555;
margin-bottom: 20px;
padding-left: 25px;
}
@media (max-width: 767px) {
.about-page .about-story .story-content ul,
.about-page .about-story .story-content ol {
font-size: 16px;
}
}
.about-page .about-story .story-content ul li,
.about-page .about-story .story-content ol li {
margin-bottom: 10px;
}
.about-page .about-story .story-content ul li:last-child,
.about-page .about-story .story-content ol li:last-child {
margin-bottom: 0;
}
.about-page .about-story .story-content strong,
.about-page .about-story .story-content b {
font-weight: 700;
color: #444444;
}
.about-page .about-story .story-content a {
color: #0055b8;
text-decoration: underline;
transition: all 150ms ease-in-out;
}
.about-page .about-story .story-content a:hover {
color: #d8a459;
}
.about-page .about-story .story-image {
margin: 0;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
transition: all 300ms ease-in-out;
}
@media (max-width: 991px) {
.about-page .about-story .story-image {
margin-top: 40px;
}
}
.about-page .about-story .story-image:hover {
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}
.about-page .about-story .story-image img {
width: 100%;
height: auto;
display: block;
transition: all 500ms ease-in-out;
}
.about-page .about-values {
padding: 80px 0;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
}
@media (max-width: 991px) {
.about-page .about-values {
padding: 60px 0;
}
}
@media (max-width: 767px) {
.about-page .about-values {
padding: 40px 0;
}
}
.about-page .about-values .section-title {
text-align: center;
margin-bottom: 60px;
}
@media (max-width: 991px) {
.about-page .about-values .section-title {
margin-bottom: 45px;
}
}
@media (max-width: 767px) {
.about-page .about-values .section-title {
margin-bottom: 35px;
}
}
.about-page .about-values .section-title h2 {
font-size: 45px;
font-weight: 700;
color: #1D1D1F;
margin: 0;
}
@media (max-width: 991px) {
.about-page .about-values .section-title h2 {
font-size: 38px;
}
}
@media (max-width: 767px) {
.about-page .about-values .section-title h2 {
font-size: 30px;
}
}
.about-page .about-values .row {
row-gap: 30px;
justify-content: center;
}
@media (max-width: 991px) {
.about-page .about-values .row {
row-gap: 25px;
}
}
@media (max-width: 767px) {
.about-page .about-values .row {
row-gap: 20px;
}
}
.about-page .about-values .value-card {
background: #ffffff;
border-radius: 15px;
padding: 40px 30px;
text-align: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
transition: all 300ms ease-in-out;
height: 100%;
border: 1px solid #e9ecef;
}
@media (max-width: 767px) {
.about-page .about-values .value-card {
padding: 30px 20px;
}
}
.about-page .about-values .value-card:hover {
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
border-color: #d8a459;
}
.about-page .about-values .value-card .value-icon {
width: 70px;
height: 70px;
margin: 0 auto 25px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.about-page .about-values .value-card .value-icon {
width: 80px;
height: 80px;
margin-bottom: 20px;
}
}
.about-page .about-values .value-card .value-icon img {
width: 100%;
height: 100%;
object-fit: contain;
transition: all 300ms ease-in-out;
}
.about-page .about-values .value-card h3 {
font-size: 22px;
font-weight: 600;
color: #1D1D1F;
margin: 0 0 15px;
}
@media (max-width: 767px) {
.about-page .about-values .value-card h3 {
font-size: 20px;
}
}
.about-page .about-values .value-card p {
font-size: 16px;
line-height: 1.7;
color: #555555;
margin: 0;
}
@media (max-width: 767px) {
.about-page .about-values .value-card p {
font-size: 15px;
}
}
.about-page .about-team {
padding: 80px 0;
background-color: #ffffff;
}
@media (max-width: 991px) {
.about-page .about-team {
padding: 60px 0;
}
}
@media (max-width: 767px) {
.about-page .about-team {
padding: 40px 0;
}
}
.about-page .about-team .section-title {
text-align: center;
margin-bottom: 60px;
}
@media (max-width: 991px) {
.about-page .about-team .section-title {
margin-bottom: 45px;
}
}
@media (max-width: 767px) {
.about-page .about-team .section-title {
margin-bottom: 35px;
}
}
.about-page .about-team .section-title h2 {
font-size: 45px;
font-weight: 700;
color: #1D1D1F;
margin: 0;
}
@media (max-width: 991px) {
.about-page .about-team .section-title h2 {
font-size: 38px;
}
}
@media (max-width: 767px) {
.about-page .about-team .section-title h2 {
font-size: 30px;
}
}
.about-page .about-team .row {
justify-content: center;
}
.about-page .about-team .row .team-member {
text-align: center;
margin-bottom: 40px;
transition: all 300ms ease-in-out;
}
@media (max-width: 767px) {
.about-page .about-team .row .team-member {
margin-bottom: 30px;
}
}
.about-page .about-team .row .team-member:hover .member-photo {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}
.about-page .about-team .row .team-member:hover .member-photo::before {
opacity: 0.3;
}
.about-page .about-team .row .team-member:hover .member-info h4 {
color: #d8a459;
}
.about-page .about-team .row .team-member .member-photo {
position: relative;
width: 100%;
max-width: 280px;
margin: 0 auto 25px;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
transition: all 300ms ease-in-out;
}
@media (max-width: 767px) {
.about-page .about-team .row .team-member .member-photo {
max-width: 240px;
margin-bottom: 20px;
}
}
.about-page .about-team .row .team-member .member-photo::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, rgba(0, 85, 184, 0.4), rgba(216, 164, 89, 0.4));
opacity: 0;
transition: all 300ms ease-in-out;
z-index: 1;
}
.about-page .about-team .row .team-member .member-photo img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
object-fit: cover;
display: block;
transition: all 500ms ease-in-out;
}
.about-page .about-team .row .team-member .member-info h4 {
font-size: 22px;
font-weight: 600;
color: #1D1D1F;
margin: 0 0 8px;
transition: all 150ms ease-in-out;
}
@media (max-width: 767px) {
.about-page .about-team .row .team-member .member-info h4 {
font-size: 20px;
}
}
.about-page .about-team .row .team-member .member-info p {
font-size: 16px;
color: #555555;
margin: 0;
}
@media (max-width: 767px) {
.about-page .about-team .row .team-member .member-info p {
font-size: 15px;
}
}
.about-page .about-stats {
padding: 80px 0;
background: radial-gradient(ellipse at center, rgba(0, 85, 184, 0.06) 0%, #ffffff 70%);
position: relative;
overflow: hidden;
}
@media (max-width: 991px) {
.about-page .about-stats {
padding: 60px 0;
}
}
@media (max-width: 767px) {
.about-page .about-stats {
padding: 40px 0;
}
}
.about-page .about-stats::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="%23444444" opacity="0.03"/></svg>');
opacity: 0.3;
}
.about-page .about-stats .section-title {
text-align: center;
margin-bottom: 60px;
position: relative;
z-index: 1;
}
@media (max-width: 991px) {
.about-page .about-stats .section-title {
margin-bottom: 45px;
}
}
@media (max-width: 767px) {
.about-page .about-stats .section-title {
margin-bottom: 35px;
}
}
.about-page .about-stats .section-title h2 {
font-size: 45px;
font-weight: 700;
color: #1D1D1F;
margin: 0;
}
@media (max-width: 991px) {
.about-page .about-stats .section-title h2 {
font-size: 38px;
}
}
@media (max-width: 767px) {
.about-page .about-stats .section-title h2 {
font-size: 30px;
}
}
.about-page .about-stats .row {
row-gap: 30px;
}
@media (max-width: 991px) {
.about-page .about-stats .row {
row-gap: 25px;
}
}
@media (max-width: 767px) {
.about-page .about-stats .row {
row-gap: 20px;
}
}
.about-page .about-stats .row > [class*=col-] {
display: flex;
}
.about-page .about-stats .stat-box {
text-align: center;
padding: 40px 20px;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
border-radius: 15px;
border: 1px solid rgba(68, 68, 68, 0.15);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
transition: all 300ms ease-in-out;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
@media (max-width: 991px) {
.about-page .about-stats .stat-box {
padding: 30px 15px;
}
}
@media (max-width: 767px) {
.about-page .about-stats .stat-box {
padding: 25px 12px;
}
}
.about-page .about-stats .stat-box:hover {
background: rgba(255, 255, 255, 0.9);
border-color: #444444;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}
.about-page .about-stats .stat-box .stat-number {
font-size: 40px;
font-weight: 700;
color: #1D1D1F;
margin-bottom: 12px;
line-height: 1;
transition: all 300ms ease-in-out;
word-break: break-word;
}
@media (max-width: 991px) {
.about-page .about-stats .stat-box .stat-number {
font-size: 32px;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.about-page .about-stats .stat-box .stat-number {
font-size: 28px;
margin-bottom: 8px;
}
}
.about-page .about-stats .stat-box .stat-number data {
display: inline-block;
}
.about-page .about-stats .stat-box .stat-label {
font-size: 14px;
font-weight: 500;
color: #555555;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 1.3;
word-break: break-word;
}
@media (max-width: 991px) {
.about-page .about-stats .stat-box .stat-label {
font-size: 13px;
}
}
@media (max-width: 767px) {
.about-page .about-stats .stat-box .stat-label {
font-size: 12px;
letter-spacing: 0.3px;
}
}
.contact-page .contact-info {
padding: 80px 0;
background: #ffffff;
}
@media (max-width: 991px) {
.contact-page .contact-info {
padding: 60px 0;
}
}
@media (max-width: 767px) {
.contact-page .contact-info {
padding: 40px 0;
}
}
.contact-page .contact-info .section-title {
text-align: center;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.contact-page .contact-info .section-title {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.contact-page .contact-info .section-title {
margin-bottom: 30px;
}
}
.contact-page .contact-info .section-title h2 {
font-size: 36px;
font-weight: 500;
color: #1D1D1F;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.contact-page .contact-info .section-title h2 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.contact-page .contact-info .section-title h2 {
font-size: 24px;
}
}
.contact-page .contact-info .section-title p {
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: #5a5a60;
padding: 0 16px;
max-width: 600px;
margin: 0 auto;
}
.contact-page .contact-info .row {
row-gap: 30px;
justify-content: center;
}
@media (max-width: 767px) {
.contact-page .contact-info .row {
row-gap: 20px;
}
}
.contact-page .contact-info .info-card {
padding: 40px 30px;
border-radius: 12px;
text-align: center;
height: 100%;
border: 1px solid #dbdbdb;
transition: all 300ms ease-in-out;
}
@media (max-width: 767px) {
.contact-page .contact-info .info-card {
padding: 30px 20px;
}
}
.contact-page .contact-info .info-card:hover {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.contact-page .contact-info .info-card .info-icon {
width: 32px;
height: 32px;
margin: 0 auto 20px;
}
@media (max-width: 767px) {
.contact-page .contact-info .info-card .info-icon {
width: 24px;
height: 24px;
margin-bottom: 15px;
}
}
.contact-page .contact-info .info-card .info-icon img,
.contact-page .contact-info .info-card .info-icon svg {
width: 100%;
height: 100%;
object-fit: contain;
}
.contact-page .contact-info .info-card .info-icon svg {
color: #555555;
}
.contact-page .contact-info .info-card h3 {
font-size: 20px;
font-weight: 500;
color: #1D1D1F;
margin: 0 0 15px;
}
@media (max-width: 767px) {
.contact-page .contact-info .info-card h3 {
font-size: 18px;
margin-bottom: 12px;
}
}
.contact-page .contact-info .info-card .info-link {
font-size: 16px;
font-weight: 500;
color: #555555;
text-decoration: none;
transition: opacity 0.3s ease;
display: inline-block;
}
@media (max-width: 767px) {
.contact-page .contact-info .info-card .info-link {
font-size: 15px;
}
}
.contact-page .contact-info .info-card .info-link:hover {
opacity: 0.7;
}
.contact-page .contact-info .info-card p {
font-size: 16px;
font-weight: 500;
color: #555555;
margin: 0;
line-height: 1.6;
}
@media (max-width: 767px) {
.contact-page .contact-info .info-card p {
font-size: 15px;
}
}
.contact-page .contact-info .info-card .social-media {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 16px;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
.contact-page .contact-info .info-card .social-media {
gap: 12px;
}
}
.contact-page .contact-info .info-card .social-media li {
margin: 0;
padding: 0;
}
.contact-page .contact-info .info-card .social-media a {
display: block;
width: 24px;
height: 24px;
transition: opacity 0.3s ease;
}
@media (max-width: 767px) {
.contact-page .contact-info .info-card .social-media a {
width: 18px;
height: 18px;
}
}
.contact-page .contact-info .info-card .social-media a:hover {
opacity: 0.7;
}
.contact-page .contact-info .info-card .social-media a img {
width: 100%;
height: 100%;
object-fit: contain;
}
.contact-page .contact-map-form {
padding: 80px 0;
background: #ffffff;
}
@media (max-width: 991px) {
.contact-page .contact-map-form {
padding: 60px 0;
}
}
@media (max-width: 767px) {
.contact-page .contact-map-form {
padding: 40px 0;
}
}
@media (max-width: 991px) {
.contact-page .contact-map-form .row {
row-gap: 40px;
}
}
.contact-page .contact-map-form .section-title {
text-align: center;
margin-bottom: 50px;
}
@media (max-width: 991px) {
.contact-page .contact-map-form .section-title {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.contact-page .contact-map-form .section-title {
margin-bottom: 30px;
}
}
.contact-page .contact-map-form .section-title h2 {
font-size: 36px;
font-weight: 500;
color: #1D1D1F;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.contact-page .contact-map-form .section-title h2 {
font-size: 30px;
}
}
@media (max-width: 767px) {
.contact-page .contact-map-form .section-title h2 {
font-size: 24px;
}
}
.contact-page .contact-map-form .section-title p {
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: #5a5a60;
padding: 0 16px;
max-width: 600px;
margin: 0 auto;
}
.contact-page .contact-map-form .map-container {
width: 100%;
height: 600px;
border-radius: 12px;
overflow: hidden;
transition: all 300ms ease-in-out;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}
@media (max-width: 991px) {
.contact-page .contact-map-form .map-container {
height: 450px;
}
}
@media (max-width: 767px) {
.contact-page .contact-map-form .map-container {
height: 300px;
border-radius: 8px;
}
}
.contact-page .contact-map-form .map-container iframe {
width: 100%;
height: 100%;
border: 0;
}
.contact-page .contact-map-form .map-container:hover {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.contact-page .contact-map-form .form-wrapper {
padding-left: 40px;
height: 100%;
}
@media (max-width: 991px) {
.contact-page .contact-map-form .form-wrapper {
padding-left: 0px;
}
}
.contact-page .contact-map-form .form-content .row {
row-gap: 0;
}
.contact-page .contact-map-form .form-content .form-item {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.contact-page .contact-map-form .form-content .form-item {
margin-bottom: 16px;
}
}
.contact-page .contact-map-form .form-content .form-item .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item {
margin-left: 0;
}
.contact-page .contact-map-form .form-content p {
margin: 0;
}
.contact-page .contact-map-form .form-content input[type=text],
.contact-page .contact-map-form .form-content input[type=email],
.contact-page .contact-map-form .form-content input[type=tel],
.contact-page .contact-map-form .form-content textarea {
width: 100%;
padding: 14px 18px;
border: 1px solid #dbdbdb;
border-radius: 8px;
font-size: 15px;
font-family: inherit;
color: #555555;
transition: border-color 0.3s ease;
}
@media (max-width: 767px) {
.contact-page .contact-map-form .form-content input[type=text],
.contact-page .contact-map-form .form-content input[type=email],
.contact-page .contact-map-form .form-content input[type=tel],
.contact-page .contact-map-form .form-content textarea {
padding: 12px 16px;
font-size: 14px;
}
}
.contact-page .contact-map-form .form-content input[type=text]:focus,
.contact-page .contact-map-form .form-content input[type=email]:focus,
.contact-page .contact-map-form .form-content input[type=tel]:focus,
.contact-page .contact-map-form .form-content textarea:focus {
outline: none;
border-color: #1D1D1F;
}
.contact-page .contact-map-form .form-content input[type=text]::placeholder,
.contact-page .contact-map-form .form-content input[type=email]::placeholder,
.contact-page .contact-map-form .form-content input[type=tel]::placeholder,
.contact-page .contact-map-form .form-content textarea::placeholder {
color: #999999;
}
.contact-page .contact-map-form .form-content textarea {
min-height: 130px;
resize: vertical;
}
.contact-page .contact-map-form .form-content input[type=checkbox] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 18px;
height: 18px;
margin-right: 8px;
cursor: pointer;
vertical-align: middle;
border: 1px solid #dee2e6;
border-radius: 4px;
background: #ffffff;
position: relative;
transition: all 0.2s ease;
}
.contact-page .contact-map-form .form-content input[type=checkbox]:hover {
border-color: #1D1D1F;
}
.contact-page .contact-map-form .form-content input[type=checkbox]:checked {
background: #1D1D1F;
border-color: #1D1D1F;
}
.contact-page .contact-map-form .form-content input[type=checkbox]:checked::after {
content: "";
position: absolute;
left: 5px;
top: 2px;
width: 4px;
height: 8px;
border: solid #ffffff;
border-width: 0 1px 1px 0;
transform: rotate(45deg);
}
.contact-page .contact-map-form .form-content input[type=checkbox]:focus {
outline: none;
}
.contact-page .contact-map-form .form-content input[type=submit] {
background: #1D1D1F;
color: #ffffff;
padding: 14px 40px;
border: none;
border-radius: 8px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: opacity 0.3s ease;
width: 100%;
}
@media (max-width: 767px) {
.contact-page .contact-map-form .form-content input[type=submit] {
padding: 12px 30px;
font-size: 15px;
}
}
.contact-page .contact-map-form .form-content input[type=submit]:hover {
opacity: 0.85;
}
.contact-page .contact-map-form .form-content input[type=submit]:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.contact-page .contact-map-form .form-content a {
color: #555555;
text-decoration: underline;
transition: all 300ms ease-in-out;
}
.contact-page .contact-map-form .form-content a:hover {
color: #000;
}
.contact-page .contact-map-form .form-content .wpcf7-not-valid-tip {
font-size: 13px;
color: #dc3545;
margin-top: 6px;
}
.contact-page .contact-map-form .form-content .wpcf7-response-output {
margin: 20px 0 0;
padding: 12px 18px;
border-radius: 6px;
font-size: 14px;
}
.contact-page .contact-map-form .form-content .wpcf7-response-output.wpcf7-validation-errors {
background: rgba(255, 193, 7, 0.1);
border: 1px solid #ffc107;
color: #a07800;
}
.contact-page .contact-map-form .form-content .wpcf7-response-output.wpcf7-mail-sent-ok {
background: rgba(40, 167, 69, 0.1);
border: 1px solid #28a745;
color: rgb(20.2898550725, 84.7101449275, 35);
}
.contact-page .contact-map-form .form-content .wpcf7-response-output.wpcf7-mail-sent-ng {
background: rgba(220, 53, 69, 0.1);
border: 1px solid #dc3545;
color: rgb(145.746835443, 25.253164557, 36.7974683544);
}
.contact-page .contact-map-form .form-content .wpcf7-spinner {
margin-left: 10px;
}
.page-default {
padding: 60px 0px;
}
@media (max-width: 991px) {
.page-default {
padding: 40px 0px;
}
}
.page-default .page-content .page-header {
margin-bottom: 50px;
padding-bottom: 30px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.page-default .page-content .page-header h1 {
font-size: 42px;
font-weight: 700;
margin-bottom: 15px;
line-height: 1.3;
color: #000000;
}
@media (max-width: 767px) {
.page-default .page-content .page-header h1 {
font-size: 32px;
}
}
.page-default .page-content .page-header .last-updated {
font-size: 14px;
color: #666;
opacity: 0.7;
margin: 0;
}
.page-default .page-content .page-header .last-updated time {
font-weight: 500;
}
.page-default .page-content .page-body h1 {
font-size: 48px;
font-weight: 700;
margin-top: 50px;
margin-bottom: 25px;
color: #000000;
line-height: 1.2;
}
@media (max-width: 767px) {
.page-default .page-content .page-body h1 {
font-size: 36px;
}
}
.page-default .page-content .page-body h1:first-child {
margin-top: 0;
}
.page-default .page-content .page-body h2 {
font-size: 36px;
font-weight: 700;
margin-top: 45px;
margin-bottom: 22px;
color: #000000;
line-height: 1.25;
}
@media (max-width: 767px) {
.page-default .page-content .page-body h2 {
font-size: 28px;
}
}
.page-default .page-content .page-body h2:first-child {
margin-top: 0;
}
.page-default .page-content .page-body h3 {
font-size: 28px;
font-weight: 700;
margin-top: 40px;
margin-bottom: 20px;
color: #000000;
line-height: 1.3;
}
@media (max-width: 767px) {
.page-default .page-content .page-body h3 {
font-size: 24px;
}
}
.page-default .page-content .page-body h4 {
font-size: 24px;
font-weight: 600;
margin-top: 35px;
margin-bottom: 18px;
color: #000000;
line-height: 1.3;
}
@media (max-width: 767px) {
.page-default .page-content .page-body h4 {
font-size: 20px;
}
}
.page-default .page-content .page-body h5 {
font-size: 20px;
font-weight: 600;
margin-top: 30px;
margin-bottom: 15px;
color: #000000;
line-height: 1.4;
}
@media (max-width: 767px) {
.page-default .page-content .page-body h5 {
font-size: 18px;
}
}
.page-default .page-content .page-body h6 {
font-size: 16px;
font-weight: 600;
margin-top: 25px;
margin-bottom: 12px;
color: #000000;
line-height: 1.4;
}
.page-default .page-content .page-body p {
font-size: 16px;
line-height: 1.8;
color: #444;
opacity: 0.85;
margin-bottom: 18px;
}
.page-default .page-content .page-body p:last-of-type {
margin-bottom: 0;
}
.page-default .page-content .page-body ul,
.page-default .page-content .page-body ol {
margin-bottom: 20px;
padding-left: 30px;
}
.page-default .page-content .page-body ul li,
.page-default .page-content .page-body ol li {
font-size: 16px;
line-height: 1.8;
color: #444;
opacity: 0.85;
margin-bottom: 10px;
}
.page-default .page-content .page-body ul li:last-child,
.page-default .page-content .page-body ol li:last-child {
margin-bottom: 0;
}
.page-default .page-content .page-body ul li {
list-style-type: disc;
}
.page-default .page-content .page-body ol li {
list-style-type: decimal;
}
.page-default .page-content .page-body a {
color: #0055b8;
text-decoration: underline;
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.page-default .page-content .page-body a:hover {
opacity: 0.8;
}
.page-default .page-content .page-body strong,
.page-default .page-content .page-body b {
font-weight: 700;
color: #000000;
}
.page-default .page-content .page-body blockquote, .page-default .page-content .page-body .single-post .post-content .main-content .main-content-text .wp-block-quote, .single-post .post-content .main-content .main-content-text .page-default .page-content .page-body .wp-block-quote {
background-color: rgba(0, 0, 0, 0.05);
border-left: 4px solid #0055b8;
padding: 20px;
margin: 25px 0;
border-radius: 8px;
font-style: italic;
color: #555;
font-size: 16px;
line-height: 1.8;
}
.page-default .page-content .page-body table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
border-radius: 8px;
overflow: hidden;
}
.page-default .page-content .page-body table th {
background-color: rgba(0, 0, 0, 0.05);
padding: 12px;
text-align: left;
font-weight: 700;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
font-size: 14px;
color: #000000;
}
.page-default .page-content .page-body table td {
padding: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
font-size: 14px;
color: #444;
}
.page-default .page-content .page-body table tr:last-child td {
border-bottom: none;
}
.blog-page .blog-hero {
text-align: center;
padding: 50px 20px 0;
background: #ffffff;
}
@media (max-width: 767px) {
.blog-page .blog-hero {
padding: 40px 20px 0;
}
}
.blog-page .blog-hero .big-title {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.blog-page .blog-hero .big-title {
margin-bottom: 30px;
}
}
.blog-page .blog-hero .big-title h1,
.blog-page .blog-hero .big-title h4 {
font-size: 2.5rem;
margin-bottom: 10px;
font-weight: 500;
color: #1D1D1F;
}
@media (max-width: 991px) {
.blog-page .blog-hero .big-title h1,
.blog-page .blog-hero .big-title h4 {
font-size: 2rem;
}
}
@media (max-width: 767px) {
.blog-page .blog-hero .big-title h1,
.blog-page .blog-hero .big-title h4 {
font-size: 1.75rem;
}
}
.blog-page .blog-hero .big-title p {
font-size: 1.1rem;
font-weight: 600;
opacity: 0.7;
color: #555555;
}
@media (max-width: 767px) {
.blog-page .blog-hero .big-title p {
font-size: 1rem;
}
}
.blog-page .blog-posts {
padding-bottom: 40px;
}
@media (max-width: 991px) {
.blog-page .blog-posts {
padding-bottom: 50px;
}
}
.blog-page .post-card {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 12px;
background-color: #fff;
overflow: hidden;
height: 100%;
transition: 0.3s ease;
}
.blog-page .post-card:hover {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.6);
}
.blog-page .post-card-link {
text-decoration: none;
color: inherit;
}
.blog-page .post-image {
margin: 20px 20px 0 20px;
border-radius: 8px;
overflow: hidden;
height: 250px;
}
.blog-page .post-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 8px;
}
.blog-page .post-body {
padding: 20px;
}
.blog-page .post-body .post-info {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.blog-page .post-body .category-tag {
display: inline-block;
width: fit-content;
font-size: 13px;
font-weight: 600;
background-color: rgba(204, 204, 204, 0.15);
color: #333;
padding: 4px 10px;
border-radius: 6px;
text-decoration: none;
transition: all 0.2s ease;
}
.blog-page .post-body .category-tag:hover {
background-color: rgba(182, 182, 182, 0.3);
color: #333;
}
.blog-page .post-body .meta-data {
display: flex;
gap: 20px;
font-size: 14px;
color: #555;
}
.blog-page .post-body .meta-data .time,
.blog-page .post-body .meta-data .date {
display: flex;
align-items: center;
gap: 5px;
}
.blog-page .post-body .meta-data img {
width: 16px;
height: 16px;
opacity: 0.7;
}
.blog-page .post-body .post-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
line-height: 1.3;
color: #000000;
}
.blog-page .post-body .post-excerpt {
font-size: 15px;
color: #555;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-page .pagination-nav {
margin-top: 40px;
text-align: center;
}
.blog-page .pagination-nav .page-numbers {
display: inline-block;
margin: 0 5px;
padding: 8px 15px;
color: #555555;
text-decoration: none;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
transition: all 0.3s ease;
}
.blog-page .pagination-nav .page-numbers:hover {
background: #f8f9fa;
border-color: #1D1D1F;
}
.blog-page .pagination-nav .page-numbers.current {
background: #1D1D1F;
color: #ffffff;
border-color: #1D1D1F;
}
.single-post .post-content {
padding: 80px;
}
@media (max-width: 992px) {
.single-post .post-content {
padding: 50px 0;
}
}
.single-post .post-content .main-content .breadcrumb {
margin-bottom: 30px;
}
.single-post .post-content .main-content .breadcrumb ol {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
font-size: 14px;
}
.single-post .post-content .main-content .breadcrumb li {
display: flex;
align-items: center;
gap: 8px;
color: #555555;
}
.single-post .post-content .main-content .breadcrumb li:not(:last-child)::after {
content: "/";
color: rgba(0, 0, 0, 0.4);
font-weight: 300;
}
.single-post .post-content .main-content .breadcrumb li:last-child span {
color: #000000;
font-weight: 500;
}
.single-post .post-content .main-content .breadcrumb a {
color: #555555;
text-decoration: none;
transition: color 0.2s ease;
}
.single-post .post-content .main-content .breadcrumb a:hover {
color: #000000;
}
.single-post .post-content .main-content .toc-box {
margin-bottom: 30px;
padding: 0;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.single-post .post-content .main-content .toc-box .accordion-item {
background: transparent;
border: none;
}
.single-post .post-content .main-content .toc-box .accordion-header {
margin: 0;
}
.single-post .post-content .main-content .toc-box .accordion-button {
background-color: transparent;
border: none;
box-shadow: none;
padding: 15px;
font-size: 16px;
font-weight: 600;
color: #1D1D1F;
border-radius: 8px;
}
@media (max-width: 991px) {
.single-post .post-content .main-content .toc-box .accordion-button {
font-size: 14px;
padding: 10px;
}
}
.single-post .post-content .main-content .toc-box .accordion-button:not(.collapsed) {
background-color: transparent;
color: #1D1D1F;
box-shadow: none;
}
.single-post .post-content .main-content .toc-box .accordion-button:focus {
box-shadow: none;
border: none;
}
.single-post .post-content .main-content .toc-box .accordion-button::after {
background-image: none;
content: "+";
font-size: 20px;
font-weight: 400;
width: auto;
height: auto;
background-size: auto;
}
.single-post .post-content .main-content .toc-box .accordion-button:not(.collapsed)::after {
content: "−";
transform: none;
}
.single-post .post-content .main-content .toc-box .accordion-body {
padding: 0 25px 20px 25px;
}
.single-post .post-content .main-content .toc-box h4 {
font-size: 18px;
font-weight: 600;
margin: 0;
color: #1D1D1F;
}
.single-post .post-content .main-content .toc-box ol {
list-style: none;
padding: 0;
margin: 0;
}
.single-post .post-content .main-content .toc-box .toc-list {
counter-reset: main-counter;
}
.single-post .post-content .main-content .toc-box .toc-list > li {
counter-increment: main-counter;
margin-bottom: 8px;
}
.single-post .post-content .main-content .toc-box .toc-list > li::before {
content: counter(main-counter) ". ";
font-weight: 600;
color: #1D1D1F;
}
.single-post .post-content .main-content .toc-box .toc-list > li > a {
color: #555555;
text-decoration: none;
font-size: 14px;
line-height: 1.6;
transition: color 0.2s ease;
}
.single-post .post-content .main-content .toc-box .toc-list > li > a:hover {
color: #1D1D1F;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol {
counter-reset: sub-counter;
padding-left: 20px;
margin-top: 8px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li {
counter-increment: sub-counter;
margin-bottom: 6px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li::before {
content: counter(main-counter) "." counter(sub-counter) " ";
font-weight: 600;
color: #1D1D1F;
opacity: 0.85;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > a {
font-size: 14px;
line-height: 1.5;
color: #555555;
text-decoration: none;
opacity: 0.9;
transition: all 0.2s ease;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > a:hover {
color: #1D1D1F;
opacity: 1;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol {
counter-reset: subsub-counter;
padding-left: 20px;
margin-top: 6px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li {
counter-increment: subsub-counter;
margin-bottom: 5px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li::before {
content: counter(main-counter) "." counter(sub-counter) "." counter(subsub-counter) " ";
font-weight: 600;
color: #1D1D1F;
opacity: 0.75;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > a {
font-size: 13px;
line-height: 1.4;
color: #555555;
text-decoration: none;
opacity: 0.85;
transition: all 0.2s ease;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > a:hover {
color: #1D1D1F;
opacity: 1;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol {
counter-reset: level4-counter;
padding-left: 20px;
margin-top: 5px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li {
counter-increment: level4-counter;
margin-bottom: 4px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li::before {
content: counter(main-counter) "." counter(sub-counter) "." counter(subsub-counter) "." counter(level4-counter) " ";
font-weight: 600;
color: #1D1D1F;
opacity: 0.65;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > a {
font-size: 12px;
line-height: 1.3;
color: #555555;
text-decoration: none;
opacity: 0.8;
transition: all 0.2s ease;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > a:hover {
color: #1D1D1F;
opacity: 1;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > ol {
counter-reset: level5-counter;
padding-left: 20px;
margin-top: 4px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > ol > li {
counter-increment: level5-counter;
margin-bottom: 3px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > ol > li::before {
content: counter(main-counter) "." counter(sub-counter) "." counter(subsub-counter) "." counter(level4-counter) "." counter(level5-counter) " ";
font-weight: 600;
color: #1D1D1F;
opacity: 0.55;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > ol > li > a {
font-size: 11px;
line-height: 1.3;
color: #555555;
text-decoration: none;
opacity: 0.75;
transition: all 0.2s ease;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > ol > li > a:hover {
color: #1D1D1F;
opacity: 1;
}
.single-post .post-content .main-content .post-meta {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
font-size: 14px;
margin-top: 15px;
width: 100%;
flex-wrap: wrap;
}
@media (max-width: 992px) {
.single-post .post-content .main-content .post-meta {
align-items: flex-start;
gap: 15px;
}
}
.single-post .post-content .main-content .post-meta span {
display: flex;
align-items: center;
gap: 5px;
opacity: 0.6;
font-size: 14px;
}
.single-post .post-content .main-content .post-meta a {
display: flex;
align-items: center;
gap: 5px;
opacity: 0.6;
font-size: 14px;
color: #000000;
text-decoration: none;
transition: all 0.3s ease;
}
.single-post .post-content .main-content .post-meta a:hover {
opacity: 1;
}
.single-post .post-content .main-content .post-meta img {
width: 20px;
height: 20px;
}
.single-post .post-content .main-content .post-meta .post-share {
margin-left: auto;
}
@media (max-width: 992px) {
.single-post .post-content .main-content .post-meta .post-share {
margin-left: 0;
width: 100%;
}
}
.single-post .post-content .main-content .post-header {
margin-bottom: 50px;
}
.single-post .post-content .main-content .post-header h1 {
font-size: 42px;
margin-bottom: 20px;
font-weight: 700;
line-height: 1.3;
color: #000000;
}
@media (max-width: 768px) {
.single-post .post-content .main-content .post-header h1 {
font-size: 32px;
}
}
.single-post .post-content .main-content .post-meta .post-share {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.single-post .post-content .main-content .post-meta .post-share .share-label {
font-weight: 600;
color: #000000;
font-size: 14px;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #000000;
text-decoration: none;
transition: all 0.3s ease;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn i {
font-size: 14px;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn:hover {
transform: translateY(-2px);
}
.single-post .post-content .main-content .post-meta .post-share .share-btn.facebook:hover {
background-color: #1877f2;
color: #fff;
border-color: #1877f2;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn.twitter:hover {
background-color: #000;
color: #fff;
border-color: #000;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn.linkedin:hover {
background-color: #0a66c2;
color: #fff;
border-color: #0a66c2;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn.whatsapp:hover {
background-color: #25d366;
color: #fff;
border-color: #25d366;
}
.single-post .post-content .main-content .post-image-lg {
margin-bottom: 20px;
}
.single-post .post-content .main-content .post-image-lg img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.single-post .post-content .main-content .main-content-text {
margin-bottom: 30px;
}
.single-post .post-content .main-content .main-content-text h1,
.single-post .post-content .main-content .main-content-text h2,
.single-post .post-content .main-content .main-content-text h3,
.single-post .post-content .main-content .main-content-text h4,
.single-post .post-content .main-content .main-content-text h5,
.single-post .post-content .main-content .main-content-text h6 {
margin-top: 30px;
margin-bottom: 15px;
font-weight: 700;
line-height: 1.3;
color: #000000;
}
.single-post .post-content .main-content .main-content-text h1 {
font-size: 32px;
}
@media (max-width: 768px) {
.single-post .post-content .main-content .main-content-text h1 {
font-size: 28px;
}
}
.single-post .post-content .main-content .main-content-text h2 {
font-size: 28px;
}
@media (max-width: 768px) {
.single-post .post-content .main-content .main-content-text h2 {
font-size: 24px;
}
}
.single-post .post-content .main-content .main-content-text h3 {
font-size: 24px;
}
@media (max-width: 768px) {
.single-post .post-content .main-content .main-content-text h3 {
font-size: 20px;
}
}
.single-post .post-content .main-content .main-content-text h4 {
font-size: 20px;
}
@media (max-width: 768px) {
.single-post .post-content .main-content .main-content-text h4 {
font-size: 18px;
}
}
.single-post .post-content .main-content .main-content-text h5 {
font-size: 18px;
font-weight: 600;
}
@media (max-width: 768px) {
.single-post .post-content .main-content .main-content-text h5 {
font-size: 16px;
}
}
.single-post .post-content .main-content .main-content-text h6 {
font-size: 16px;
font-weight: 600;
}
.single-post .post-content .main-content .main-content-text p {
font-size: 16px;
line-height: 1.8;
opacity: 0.8;
font-weight: 400;
margin-bottom: 15px;
}
.single-post .post-content .main-content .main-content-text p:last-of-type {
margin-bottom: 0;
}
.single-post .post-content .main-content .main-content-text a {
color: #0055b8;
text-decoration: underline;
transition: all 0.3s ease;
}
.single-post .post-content .main-content .main-content-text a:hover {
opacity: 0.8;
}
.single-post .post-content .main-content .main-content-text strong,
.single-post .post-content .main-content .main-content-text b {
font-weight: 700;
color: #000000;
}
.single-post .post-content .main-content .main-content-text em,
.single-post .post-content .main-content .main-content-text i {
font-style: italic;
}
.single-post .post-content .main-content .main-content-text ul,
.single-post .post-content .main-content .main-content-text ol {
line-height: 1.8;
}
.single-post .post-content .main-content .main-content-text ul li,
.single-post .post-content .main-content .main-content-text ol li {
margin-bottom: 8px;
font-size: 16px;
opacity: 0.8;
}
.single-post .post-content .main-content .main-content-text ul li:last-child,
.single-post .post-content .main-content .main-content-text ol li:last-child {
margin-bottom: 0;
}
.single-post .post-content .main-content .main-content-text ul li {
list-style-type: disc;
}
.single-post .post-content .main-content .main-content-text blockquote, .single-post .post-content .main-content .main-content-text .wp-block-quote {
background-color: rgba(0, 0, 0, 0.05);
border-left: 4px solid #0055b8;
padding: 20px;
margin: 25px 0;
border-radius: 8px;
font-style: italic;
opacity: 0.85;
font-size: 16px;
line-height: 1.8;
}
.single-post .post-content .main-content .main-content-text blockquote p, .single-post .post-content .main-content .main-content-text .wp-block-quote p {
margin-bottom: 0;
}
.single-post .post-content .main-content .main-content-text blockquote p:first-child, .single-post .post-content .main-content .main-content-text .wp-block-quote p:first-child {
margin-top: 0;
}
.single-post .post-content .main-content .main-content-text blockquote footer, .single-post .post-content .main-content .main-content-text .wp-block-quote footer {
margin-top: 10px;
font-size: 14px;
font-style: normal;
opacity: 0.7;
}
.single-post .post-content .main-content .main-content-text blockquote footer::before, .single-post .post-content .main-content .main-content-text .wp-block-quote footer::before {
content: "— ";
}
.single-post .post-content .main-content .main-content-text pre {
background-color: #1e1e1e;
color: #d4d4d4;
padding: 20px;
border-radius: 8px;
overflow-x: auto;
margin: 25px 0;
font-size: 14px;
line-height: 1.6;
font-family: "Courier New", Courier, monospace;
}
.single-post .post-content .main-content .main-content-text pre code {
background-color: transparent;
color: inherit;
padding: 0;
}
.single-post .post-content .main-content .main-content-text code {
background-color: rgba(0, 0, 0, 0.05);
color: #d73a49;
padding: 2px 6px;
border-radius: 4px;
font-family: "Courier New", Courier, monospace;
font-size: 14px;
}
.single-post .post-content .main-content .main-content-text hr {
margin: 30px 0;
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.single-post .post-content .main-content .main-content-text img {
max-width: 100%;
height: auto;
display: block;
margin: 25px 0;
border-radius: 8px;
}
.single-post .post-content .main-content .main-content-text img.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 10px;
max-width: 40%;
}
@media (max-width: 768px) {
.single-post .post-content .main-content .main-content-text img.alignleft {
float: none;
max-width: 100%;
margin-right: 0;
}
}
.single-post .post-content .main-content .main-content-text img.alignright {
float: right;
margin-left: 20px;
margin-bottom: 10px;
max-width: 40%;
}
@media (max-width: 768px) {
.single-post .post-content .main-content .main-content-text img.alignright {
float: none;
max-width: 100%;
margin-left: 0;
}
}
.single-post .post-content .main-content .main-content-text img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.single-post .post-content .main-content .main-content-text img.wp-smiley {
max-width: 20px;
height: auto;
display: inline;
margin: 0;
}
.single-post .post-content .main-content .main-content-text figure {
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text figure img {
margin: 0;
}
.single-post .post-content .main-content .main-content-text figure figcaption {
font-size: 14px;
opacity: 0.6;
font-style: italic;
margin-top: 10px;
text-align: center;
}
.single-post .post-content .main-content .main-content-text table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
border-radius: 8px;
overflow: hidden;
}
.single-post .post-content .main-content .main-content-text table th {
background-color: rgba(0, 0, 0, 0.05);
padding: 12px;
text-align: left;
font-weight: 700;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
font-size: 14px;
}
.single-post .post-content .main-content .main-content-text table td {
padding: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
font-size: 14px;
opacity: 0.8;
}
.single-post .post-content .main-content .main-content-text table tr:last-child td {
border-bottom: none;
}
.single-post .post-content .main-content .main-content-text .wp-block-image {
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-image img {
margin: 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-video {
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-video video {
max-width: 100%;
height: auto;
display: block;
}
.single-post .post-content .main-content .main-content-text .wp-block-audio {
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-pullquote {
border-left: 5px solid #0055b8;
padding: 30px 20px;
margin: 30px 0;
font-size: 18px;
font-style: italic;
text-align: center;
background-color: rgba(0, 0, 0, 0.02);
border-radius: 8px;
line-height: 1.6;
}
.single-post .post-content .main-content .main-content-text .wp-block-pullquote p {
margin-bottom: 10px;
font-size: 18px;
}
.single-post .post-content .main-content .main-content-text .wp-block-pullquote cite {
display: block;
margin-top: 15px;
font-size: 14px;
font-style: normal;
opacity: 0.7;
}
.single-post .post-content .main-content .main-content-text .wp-block-embed {
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-embed iframe {
max-width: 100%;
height: auto;
}
.single-post .post-content .main-content .main-content-text .wp-block-separator {
margin: 30px 0;
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
opacity: 1;
}
.single-post .post-content .main-content .main-content-text .wp-block-columns {
display: grid;
gap: 20px;
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-columns .wp-block-column {
min-width: 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-button {
display: inline-block;
margin: 15px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-button a {
display: inline-block;
padding: 12px 24px;
background-color: #0055b8;
color: white;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
transition: all 0.3s ease;
font-size: 16px;
}
.single-post .post-content .main-content .main-content-text .wp-block-button a:hover {
opacity: 0.9;
transform: translateY(-2px);
}
.single-post .post-content .main-content .main-content-text .wp-block-button.is-style-outline a {
background-color: transparent;
color: #0055b8;
border: 2px solid #0055b8;
}
.single-post .post-content .main-content .main-content-text .wp-block-list {
margin-bottom: 15px;
}
.single-post .post-content .main-content .main-content-text .wp-block-heading:not(:first-child) {
margin-top: 30px;
}
.single-post .post-content .main-content .main-content-text .wp-block-heading {
margin-bottom: 15px;
font-weight: 700;
}
.single-post .post-content .main-content .main-content-text .wp-block-paragraph {
margin-bottom: 15px;
}
.single-post .post-content .main-content .main-content-text .wp-block-group {
margin: 25px 0;
padding: 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-group.has-background {
padding: 20px;
border-radius: 8px;
}
.single-post .post-content .main-content .main-content-text .wp-block-cover {
margin: 25px 0;
border-radius: 8px;
min-height: 300px;
}
@media (max-width: 768px) {
.single-post .post-content .main-content .main-content-text .wp-block-cover {
min-height: 200px;
}
}
.single-post .post-content .main-content .main-content-text .wp-block-gallery {
margin: 25px 0;
display: grid;
gap: 15px;
}
.single-post .post-content .main-content .main-content-text .wp-block-gallery figcaption {
font-size: 14px;
opacity: 0.6;
}
.single-post .post-content .sidebar-toc {
width: 280px;
margin-right: 40px;
}
@media (max-width: 992px) {
.single-post .post-content .sidebar-toc {
width: 0px;
margin-right: 0;
}
}
@media (max-width: 992px) {
.single-post .post-content .post-content .container {
flex-direction: column;
}
.single-post .post-content .main-content {
width: 100%;
padding-top: 0;
}
}
.single-post .post-content .post-footer-meta {
padding-top: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 40px;
}
.single-post .post-content .post-footer-meta .meta-section {
margin-bottom: 25px;
}
.single-post .post-content .post-footer-meta .meta-title {
font-size: 16px;
font-weight: 500;
color: #555555;
margin-bottom: 10px;
}
.single-post .post-content .post-footer-meta .meta-items {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.single-post .post-content .post-footer-meta .meta-tag {
display: inline-flex;
align-items: center;
text-decoration: none;
color: #000000;
border: 1px solid #000000;
padding: 8px 15px;
border-radius: 20px;
font-size: 14px;
transition: all 0.2s ease;
white-space: nowrap;
}
.single-post .post-content .post-footer-meta .meta-tag:hover {
background: #000000;
color: #ffffff;
}
.single-post .post-content .post-footer-meta .copy-button {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid #000000;
padding: 10px 20px;
border-radius: 20px;
font-size: 16px;
background-color: transparent;
color: #000000;
cursor: pointer;
transition: all 0.2s ease;
}
.single-post .post-content .post-footer-meta .copy-button svg {
width: 18px;
height: 18px;
fill: currentColor;
}
.single-post .post-content .post-footer-meta .copy-button:hover {
border-color: #000000;
color: #000000;
}
.single-post .post-content .mini-title {
margin-left: 20px;
}
@media (max-width: 992px) {
.single-post .post-content .mini-title {
margin-left: 0;
margin-top: 60px;
}
}
.single-post .post-content .mini-title h4 {
margin-bottom: 20px;
font-size: 16px;
font-weight: 600;
}
.single-post .post-content .blog-item {
margin-bottom: 40px;
margin-left: 20px;
}
@media (max-width: 992px) {
.single-post .post-content .blog-item {
margin-left: 0;
}
}
.single-post .post-content .blog-item .blog-link {
display: flex;
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
}
.single-post .post-content .blog-item .blog-link:hover {
opacity: 0.8;
}
.single-post .post-content .blog-item .image {
flex: 0 0 80px;
height: 80px;
border-radius: 10px;
overflow: hidden;
}
.single-post .post-content .blog-item .image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.single-post .post-content .blog-item .text {
display: flex;
flex-direction: column;
margin-left: 10px;
flex: 1;
}
.single-post .post-content .blog-item .text h6 {
color: #000000;
font-size: 16px;
font-weight: 600;
margin-bottom: 8px;
}
.single-post .post-content .blog-item .text span {
color: #555;
font-size: 14px;
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 5px;
}
.single-post .post-content .blog-item .text span.date img, .single-post .post-content .blog-item .text span.reading img {
width: 15px;
height: 15px;
}
.single-post .post-content .post-navigation {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-top: 60px;
padding-top: 40px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
.single-post .post-content .post-navigation {
grid-template-columns: 1fr;
gap: 20px;
}
}
.single-post .post-content .post-navigation .nav-prev a,
.single-post .post-content .post-navigation .nav-next a {
display: block;
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 12px;
text-decoration: none;
color: #000000;
font-weight: 500;
transition: all 0.3s ease;
}
.single-post .post-content .post-navigation .nav-prev a:hover,
.single-post .post-content .post-navigation .nav-next a:hover {
border-color: #000000;
background-color: rgba(0, 0, 0, 0.05);
}
.single-post .post-content .post-navigation .nav-prev a {
text-align: left;
}
.single-post .post-content .post-navigation .nav-next a {
text-align: right;
}
.single-post .pagination-nav {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 60px;
padding: 40px 0;
}
.single-post .pagination-nav .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 8px;
text-decoration: none;
color: #000000;
font-weight: 500;
transition: all 0.3s ease;
}
.single-post .pagination-nav .page-numbers:hover {
border-color: #0055b8;
color: #0055b8;
}
.single-post .pagination-nav .page-numbers.current {
background-color: #0055b8;
color: #fff;
border-color: #0055b8;
}
.single-post .pagination-nav .page-numbers.dots {
border: none;
cursor: default;
}
.single-post .pagination-nav .page-numbers.dots:hover {
border: none;
color: #000000;
}
.single-post .pagination-nav .page-numbers.prev, .single-post .pagination-nav .page-numbers.next {
padding: 0 15px;
}
.single-post .pagination-nav .page-numbers.prev:hover, .single-post .pagination-nav .page-numbers.next:hover {
background-color: rgba(61, 178, 136, 0.1);
}
@media (max-width: 768px) {
.single-post .pagination-nav {
gap: 4px;
font-size: 14px;
}
.single-post .pagination-nav .page-numbers {
min-width: 36px;
height: 36px;
padding: 0 6px;
}
.single-post .pagination-nav .page-numbers.prev, .single-post .pagination-nav .page-numbers.next {
padding: 0 10px;
}
}
.page-404 {
padding: 60px 20px;
min-height: calc(100vh - 300px);
background-color: #ffffff;
}
@media (max-width: 991px) {
.page-404 {
padding: 50px 15px;
min-height: calc(100vh - 250px);
}
}
@media (max-width: 767px) {
.page-404 {
padding: 40px 15px;
}
}
@media (max-width: 320px) {
.page-404 {
padding: 30px 10px;
min-height: calc(100vh - 200px);
}
}
.page-404 .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.page-404 .container h1 {
font-size: clamp(120px, 20vw, 200px);
font-weight: 700;
background: linear-gradient(130deg, #0055b8, #d8a459);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-transform: uppercase;
margin: 0 0 15px 0;
line-height: 1;
letter-spacing: -5px;
animation: slideDown 0.6s ease-out;
}
@media (max-width: 767px) {
.page-404 .container h1 {
font-size: 80px;
letter-spacing: -3px;
}
}
@media (max-width: 320px) {
.page-404 .container h1 {
font-size: 60px;
letter-spacing: -2px;
}
}
.page-404 .container h2 {
font-size: clamp(24px, 4vw, 36px);
font-weight: 600;
color: #1D1D1F;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 30px;
letter-spacing: 2px;
line-height: 1.2;
}
@media (max-width: 767px) {
.page-404 .container h2 {
font-size: 28px;
margin-bottom: 25px;
}
}
@media (max-width: 320px) {
.page-404 .container h2 {
font-size: 22px;
letter-spacing: 1px;
}
}
.page-404 .container .messages {
margin-bottom: 40px;
max-width: 600px;
}
@media (max-width: 767px) {
.page-404 .container .messages {
margin-bottom: 35px;
}
}
@media (max-width: 320px) {
.page-404 .container .messages {
margin-bottom: 30px;
}
}
.page-404 .container .messages p {
font-size: 16px;
font-weight: 400;
color: #555555;
line-height: 1.6;
margin-top: 0;
margin-bottom: 30px;
letter-spacing: 0.5px;
}
@media (max-width: 320px) {
.page-404 .container .messages p {
font-size: 14px;
margin-bottom: 25px;
}
}
.page-404 .container .messages a.button-base {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
color: white;
font-weight: 600;
text-decoration: none;
background-color: #0055b8;
padding: 15px 40px;
border-radius: 50px;
border: 2px solid #0055b8;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
}
.page-404 .container .messages a.button-base:hover {
background-color: rgb(0, 61.4402173913, 133);
border-color: rgb(0, 61.4402173913, 133);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 147, 130, 0.3);
}
.page-404 .container .messages a.button-base:hover .icon {
transform: translateX(4px);
}
.page-404 .container .messages a.button-base:active {
transform: translateY(0);
box-shadow: 0 4px 10px rgba(0, 147, 130, 0.2);
}
.page-404 .container .messages a.button-base .button-text {
display: inline-block;
}
.page-404 .container .messages a.button-base .icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
transition: transform 0.3s ease;
}
.page-404 .container .messages a.button-base .fill-container {
display: none;
}
@media (max-width: 320px) {
.page-404 .container .messages a.button-base {
padding: 12px 30px;
font-size: 13px;
letter-spacing: 0.5px;
}
}
.page-404 .container .social-links {
margin-top: 50px;
}
@media (max-width: 320px) {
.page-404 .container .social-links {
margin-top: 35px;
}
}
.page-404 .container .social-links .social-media {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
gap: 20px;
flex-wrap: wrap;
}
@media (max-width: 320px) {
.page-404 .container .social-links .social-media {
gap: 15px;
}
}
.page-404 .container .social-links .social-media li {
display: inline-block;
}
.page-404 .container .social-links .social-media li a {
color: #0055b8;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 20px;
background-color: white;
border: 2px solid #e9ecef;
border-radius: 50%;
transition: all 0.3s ease;
text-decoration: none;
}
.page-404 .container .social-links .social-media li a:hover {
color: white;
background-color: #0055b8;
border-color: #0055b8;
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 147, 130, 0.2);
}
.page-404 .container .social-links .social-media li a:focus {
outline: 2px solid #0055b8;
outline-offset: 2px;
}
@media (max-width: 320px) {
.page-404 .container .social-links .social-media li a {
width: 45px;
height: 45px;
font-size: 18px;
}
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.ytVideoWrapper {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: #000;
z-index: 10000 !important;
transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}
.ytVideoWrapper.active {
height: 100%;
}
.ytVideoWrapper.active .iframewrapper {
height: 100vh;
}
.ytVideoWrapper.active .closeBtn {
display: block;
}
.ytVideoWrapper .iframewrapper {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 0;
background-color: #1a1a1a;
z-index: 1000 !important;
transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}
.ytVideoWrapper .iframewrapper #ytplayer,
.ytVideoWrapper .iframewrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.ytVideoWrapper .closeBtn {
position: fixed;
top: 0;
right: 0;
width: 80px;
height: 80px;
z-index: 1011 !important;
display: none;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.7);
border: none;
padding: 0;
transition: background-color all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ytVideoWrapper .closeBtn:hover {
background-color: rgba(0, 0, 0, 0.9);
}
.ytVideoWrapper .closeBtn:focus-visible {
outline: 2px solid #0055b8;
outline-offset: -2px;
}
.ytVideoWrapper .closeBtn .line {
position: absolute;
background-color: white;
left: 50%;
top: 50%;
transform-origin: center;
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ytVideoWrapper .closeBtn .line.a {
width: 40px;
height: 3px;
margin-left: -20px;
margin-top: -1.5px;
transform: rotate(45deg);
}
.ytVideoWrapper .closeBtn .line.b {
width: 3px;
height: 40px;
margin-left: -1.5px;
margin-top: -20px;
transform: rotate(45deg);
}
.ytVideoWrapper .closeBtn:hover .line {
background-color: white;
}
.play-btn {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-color: #0055b8;
border: none;
border-radius: 9999px;
padding: 0;
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
width: 60px;
height: 60px;
}
.play-btn::before {
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 12px solid white;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
margin-left: 2px;
}
.play-btn:hover {
background-color: rgb(0, 61.4402173913, 133);
transform: scale(1.05);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.play-btn:active {
transform: scale(0.95);
}
.play-btn:focus-visible {
outline: 2px solid white;
outline-offset: 3px;
}
@media (max-width: 320px) {
.play-btn {
width: 50px;
height: 50px;
}
.play-btn::before {
border-left-width: 10px;
border-top-width: 6px;
border-bottom-width: 6px;
}
}
.video-banner {
position: relative;
overflow: hidden;
background-color: #000;
border-radius: 0.75rem;
}
.video-banner img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.video-banner .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);
padding: 1.5rem;
text-align: center;
color: white;
z-index: 10;
}
.video-banner .text h2 {
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 1rem;
line-height: 1.2;
}
@media (max-width: 767px) {
.video-banner .text h2 {
font-size: 1.875rem;
}
}
@media (max-width: 320px) {
.video-banner .text h2 {
font-size: 1.5rem;
}
}
.video-banner .text p {
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 1.5rem;
line-height: 1.75;
max-width: 600px;
}
@media (max-width: 767px) {
.video-banner .text p {
font-size: 1rem;
margin-bottom: 1rem;
}
}
@media (max-width: 320px) {
.video-banner .text p {
font-size: 0.875rem;
}
}
@media (max-width: 767px) {
.ytVideoWrapper .closeBtn {
width: 70px;
height: 70px;
}
.ytVideoWrapper .closeBtn .line.a {
width: 35px;
margin-left: -17.5px;
}
.ytVideoWrapper .closeBtn .line.b {
height: 35px;
margin-top: -17.5px;
}
}
@media (max-width: 320px) {
.ytVideoWrapper .closeBtn {
width: 60px;
height: 60px;
}
.ytVideoWrapper .closeBtn .line.a {
width: 30px;
margin-left: -15px;
}
.ytVideoWrapper .closeBtn .line.b {
height: 30px;
margin-top: -15px;
}
.video-banner .text {
padding: 1rem;
}
.video-banner .text h2,
.video-banner .text p {
max-width: 90%;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}