@charset "UTF-8";
/*-----------------------------------------------------------------------------------
Template Name: AnimalHub 
Description: Animalhub - Forest Tour & Travel Agency HTML Template
Author: Codezion
Author URI: https://www.templatemonster.com/authors/codezion/
Version: 1.0
-----------------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
=======================
01. Common/Reusable CSS
1.1 - Animations
1.2 - General
1.3 - Section Title
1.4 - Video Button
1.5 - Slick Arrows
1.6 - Slick Dots
1.7 - Typography
1.8 - Tables
1.9 - Modals
1.10 - Forms
1.11 - Buttons
1.12 - Pagination
1.13 - Colors
1.14 - Accordion
02. Homepage
2.1 - Header
2.2 - Banner / Slider
2.3 - Widgets
2.4 - Product Box
2.5 - Feature Product
2.6 - Offers
2.7 - Testimonials
2.8 - Blog
2.9 - How It Works
2.10 - Footer
2.11 - Copyright
03. About Us
04. Blog Grid
05. Blog Details
06. My Account
07. Login / SignUp
08. Payments
09. Team
10. Team Details
11. Privacy policy
12. Error 404
13. Shop Grid
14. Product Details
15. Wishlist
16. Cart
17. Checkout
18. Order List
19. Order Details
20. Contact Us
-----------------------------------------------------------------------------------*/
/*Google Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,700;1,900&family=Cinzel:wght@400;500;600;700;800;900&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,700;1,900&family=Cinzel:wght@400;500;600;700;800;900&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Pacifico&family=Passion+One:wght@400;700;900&family=Rubik+Wet+Paint&display=swap');
:root {
--thm-font: 'Roboto', sans-serif;
/* Headings */
--thm-b-font: 'Roboto', sans-serif;
/* Body font */
--thm-icon-font: "Font Awesome 5 Pro";
--thm-bs-icon-font: "bootstrap-icons !important";
/*Icon Font*/
--thm-color-one: #f42a2a;
--thm-color-two: #000000;
--thm-color-three: #ff8149;
--thm-color-four: #080e1f;
/*Light Color*/
--thm-color-light: #eff0ef;
/*RGB Colors*/
--thm-color-one-rgb: 0, 95, 209;
--thm-color-two-rgb: 0, 0, 0;
--thm-color-three-rgb: 255, 0, 0;
--thm-color-four-rgb: 8, 14, 31;
/*Light Color*/
--thm-color-light-rgb: 239, 240, 239;
/*Theme Colors*/
--thm-body-color: #797979;
/*Body Colors*/
--thm-white: #ffffff;
/*White Color*/
--thm-border: #d1d1d1;
/*Border Color*/
/*Product Background Color*/
--thm-product: #E9E4FE;
}
/*Animations*/
@keyframes fadeHeaderInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
/*General*/
::selection {
background-color: var(--thm-color-two);
color: var(--thm-white);
}
i[class^="flaticon-"],
i[class*=" flaticon-"] {
display: flex;
align-items: center;
justify-content: center;
}
html {
overflow-x: hidden;
}
body {
    font-family: roboto,sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    color: #6B6B6B;
    line-height: 1.8;
    overflow-x: hidden !important; 
}
.relative {
position: relative;
}
.thm-font {
font-family: var(--thm-font);
}
.section {
position: relative;
padding: 80px 0;
}
.section-padding {
    position: relative;
    padding: 80px 0;
}
.image-fit {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    object-position: center;
}
.image-fit-contain {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.transform-center {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translate(0%, -50%);
z-index: 1;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
font-size: inherit;
margin: 0;
}
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
ul li {
margin-bottom: 0;
position: relative;
}
button:focus,
*:focus {
outline: none;
}
button {
background: transparent;
border: none;
padding: 0;
}
label {
margin-bottom: 10px;
font-weight: 500;
line-height: normal;
}
label>a {
font-size: 14px;
}
img {
max-width: 100%;
}
.form-group {
position: relative;
margin-bottom: 30px;
}
.containe-wide .row {
flex-wrap: unset;
}
.z-1 {
position: relative;
z-index: 1;
}
.z-2 {
position: relative;
z-index: 2;
}
.section-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
z-index: 1;
}

/*-------------menu btn-----------------*/

.menu-btn {
    background-color: #164E63;
    color: #fff;
    padding: 12px 28px;
    display: ;
    border-radius: 5px;
    margin: 10px;
}


/*-------------menu btn-----------------*/

/*section-title*/
.section-header {
max-width: 100%;
padding-bottom: 10px;
margin: 0 auto 30px 0;
text-align: left;
position: relative;
border-bottom: 1px solid var(--thm-border);
}
.section-header .title {
font-weight: bold;
text-transform: capitalize;
display: flex;
font-size: 30px;
margin-bottom: 5px;
}
.section-header .text {
margin-bottom: 0;
}
.lh-normal {
line-height: normal;
}
hr {
margin: 30px 0;
border-color: var(--thm-border);
}
blockquote {
background-color: #fff;
position: relative;
padding: 30px;
padding-left: 70px;
border-left: 2px solid var(--thm-color-one);
overflow: hidden;
border-radius: 8px;
}
blockquote .quote_icon {
width: 50px;
height: 50px;
background: var(--thm-color-one);
color: var(--thm-white);
display: flex;
justify-content: center;
padding: 0 15px;
font-weight: 300;
font-size: 70px;
line-height: 1.2;
font-family: var(--thm-font);
margin-right: 0;
position: absolute;
left: 0;
top: 0;
}
blockquote .quote_title {
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
color: var(--thm-color-two);
font-style: italic;
}
blockquote .quote_author {
font-size: 18px;
color: var(--thm-color-one);
display: flex;
align-items: center;
}
blockquote .quote_author:before {
content: '';
width: 40px;
height: 3px;
background-color: var(--thm-color-two);
margin-right: 20px;
display: inline-flex;
}


.title {
    color: #fff;
    font-family: cursive;
    font-weight: 900;
}
/*Slick Arrows*/

.arow-tour .slick-arrow{
    color: #000;
}
.arow-tour .slick-dots li button {
    background: #ffbb00;
    border: 2px solid #ffbb00;
}
.arow-tour .slick-dots li.slick-active button {
    background: #fff;
    border: 2px solid #fff;
}
.slick-arrow {
    font-size: 0;
    position: absolute;
    z-index: 100;
    width: 0px;
    height: 0px;
    color: #fff;
    left: 0;
    transition: 0.3s all;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-arrow:hover {
color: #ffbb00;

}
.slick-arrow:before {
    content: "\f060";
    font-family: var(--thm-icon-font);
    font-weight: 100;
    font-size: 18px;
    border: 1px solid;
    padding: 15px;
    line-height: 0.5;
}
.slick-arrow.slick-next:before {
content: "\f061";
}
.slick-arrow.slick-prev {
    left: 25px;
    right: auto;
    top: -120px;
}
.slick-arrow.slick-next {
    right: 25px;
    left: auto;
    top: -120px;
}
/*Slick Dots*/
.slick-dots {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
padding: 0;
margin-top: 10px;
}
.slick-dots li {
padding: 0;
line-height: 0;
}
.slick-dots li button {
font-size: 0;
width: 12px;
height: 6px;
border-radius: 5px;
background: #f42a2a;
margin: 0 5px;
transition: 0.6s all;
border: 2px solid #f42a2a;
}
.slick-dots li.slick-active button {
    width: 24px;
    height: 6px;
    border-radius: 5px;
    background: #ffbb00;
    border: 2px solid #ffbb00;
}

.testimoation-main-section .slick-arrow {
    font-size: 0 !important;
    position: absolute !important;
    z-index: 100 !important;
    width: 25px !important;
    color: #0e0c0c !important;
    background: transparent;
    border: none !important;
}

.testimoation-main-section .slick-arrow.slick-prev {
    left: 70px;
    right: auto;
    top: -28%;
}
.testimoation-main-section  .slick-arrow.slick-next {
    left: auto;
    right: 70px;
    top: -28%;
}
/*.sticky.header .navigation .main-menu>.menu-item>a {
    color: #000 !important;  
}*/
.testimoation-main-section .slick-arrow:before {
    font-size: 15px !important;
    color: #000;
    padding: 12px;
    font-weight: 600;
}

/*pagination*/
.pagination {
justify-content: center;
margin-top: 50px;
margin-bottom: 15px;
border-radius: 0;
flex-wrap: wrap;
}
.pagination .page-item {
margin: 0px 7px 15px;
}
.post_details .post_navigation .nav_item, 
.pagination .page-item .page-link {
    border: none;
    border-radius: 50%;
    background-color: #dddddd;
    color: var(--thm-white);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.post_details .post_navigation .nav_item:hover,
.pagination .page-item .page-link.active,
.pagination .page-item.active .page-link,
.pagination .page-item:focus .page-link,
.pagination .page-item:hover .page-link {
background-color: #f42a2a;
}
/* Typography */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    font-family: "Noto Serif", serif;
    color: #2A2A2A;
    line-height: 1.35;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: var(--thm-color-two);
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0px;
}
h1 {
font-size: 60px;
}
h2 {
font-size: 48px;
}
h3 {
    color: #000000;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 900;
    padding-bottom: 0px;
    font-family: cursive;
}
h4 {
    font-size: 24px;
    line-height: 1.4;
    padding-bottom: 10px;
    font-family: sans-serif;
}
h5 {
    font-size: 22px;
    line-height: 3;
}
h6 {
font-size: 16px;
line-height: 1.7;
}
p {
line-height: 1.8;
}
a {
    color: white;
    transition: .3s all;
    display: inline-block;
    text-decoration: none;
}
a:hover,
a:focus {
outline: none;
box-shadow: none;
text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
a:hover,
a:focus {
color: #f42a2a ;
text-decoration: none;
}
.default-btn:hover {
    color: #f42a2a;
    transform: translateY(-3px);
    background: #fff;
    border: 1px solid #ffbb00;
}

.relative{
    position: relative;
}



/*Tables*/
table {
margin-bottom: 30px;
}
table th,
table td {
padding: 15px;
vertical-align: middle;
background-color: var(--thm-white);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
table th {
font-weight: 500;
color: var(--thm-color-two);
font-size: 16px;
border: 1px solid var(--thm-border);
}
table {
width: 100%;
margin-bottom: 30px;
}
table td {
border: 1px solid var(--thm-border);
}
table img {
width: 40px;
border-radius: 0;
}
.mb-xl-20 {
margin-bottom: 20px;
}
.mb-xl-30 {
margin-bottom: 30px;
}
.mb-xl-60 {
margin-bottom: 60px;
}
/*Modals*/
.close-btn {
border: 0;
background-color: transparent;
padding: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
position: absolute;
top: 20px;
right: 20px;
z-index: 3;
}
.close-btn span {
position: absolute;
width: 2px;
height: 15px;
display: block;
background-color: var(--thm-color-four);
opacity: 0.6;
transform-origin: center;
transform: rotate(45deg);
transition: 0.3s;
}
.close-btn span:nth-child(2) {
transform: rotate(-45deg);
}
.close-btn:hover span {
transform: rotate(90deg);
}
.close-btn:hover span:nth-child(2) {
transform: rotate(-90deg);
}
.modal-content {
border-radius: 8px;
border: 0;
}
.modal-lg {
max-width: 1000px;
}
.modal-body {
padding: 40px;
padding-bottom: calc(40px - 1rem);
}
.shopModal .shop-single-content {
padding: 0 40px;
padding-right: 0;
}
.rating_wrapper {
display: flex;
align-items: center;
}
.rating_wrapper>span {
margin-left: 10px;
font-size: 14px;
}
.shopModal .product_price {
justify-content: flex-start;
font-size: 18px;
}
.shopModal .product_meta {
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid var(--thm-border);
}
.shopModal .product_meta li {
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: normal;
}
.shopModal .product_meta li strong {
color: var(--thm-color-two);
margin-right: 7px;
}
.shopModal .product_meta li p,
.shopModal .product_meta li a,
.shopModal .product_meta li strong {
margin-bottom: 15px;
}
.shopModal .product_meta li a {
color: var(--thm-body-color);
}
.shopModal .product_meta li a:after {
content: ",";
margin-left: 2px;
margin-right: 3px;
}
.shopModal .product_meta li a:last-child:after {
display: none;
}
.product_details .product_meta li a:hover {
color: var(--thm-color-one);
}
/*Forms*/
.form-control-custom {
    background-color: #f4f4f4;
    padding: 10px 20px;
    height: auto;
    transition: 0.3s all;
    /* border: none; */
    border-radius: 0;
}
.form-control-custom,
.form-control-custom:focus,
.form-control-custom::placeholder {
font-size: 14px;
font-weight: 400;
color: var(--thm-body-color);
font-family: var(--thm-font);
}
.form-control-custom:focus {
box-shadow: none;
background-color: transparent;
border-color: #f42a2a;
}
.form-control-custom+i {
position: absolute;
top: 50%;
right: 3px;
transform: translateY(-50%);
color: var(--thm-color-two);
pointer-events: none;
}
textarea.form-control-custom+i {
top: 23px;
transform: none;
}
.custom-control-label::before {
background-color: transparent;
border-color: var(--thm-border);
}
.custom-control-input:checked~.custom-control-label::before {
background-color: var(--thm-color-three);
border-color: var(--thm-color-three);
}
/*Buttons*/
.thm-btn {
    color: var(--thm-white);
    display: inline-flex;
    align-items: center;
    padding: 5px 25px;
    transition: 0.5s all;
    justify-content: center;
}
.thm-btn.btn-border {
background-color: var(--thm-white);
}
.thm-btn:hover, .thm-btn:focus {
    color: var(--thm-white);
    background-color: #000;
    border-color: transparent;
    border-radius: 0px !important;
    text-align: center;
    justify-content: center;
}
.thm-btn i {
font-size: 14px;
line-height: normal;
margin-left: 10px;
}
.thm-btn.btn-rounded {
border-radius: 50px;
}
.thm-btn.btn-rectangle {
    justify-content: center;
}
.thm-btn.btn-small {
padding: 5px 15px;
font-size: 12px;
}
.social_btn {
display: inline-flex;
white-space: nowrap;
font-size: 14px;
color: var(--thm-body-color);
transition: 0.3s all;
line-height: normal;
align-items: center;
}
.social_btn img {
width: 30px;
height: 30px;
margin-right: 12px;
}
.simple_btn {
display: inline-flex;
white-space: nowrap;
font-size: 14px;
color: var(--thm-body-color);
transition: 0.3s all;
line-height: normal;
align-items: center;
}
/*Colors*/
.thm-color-one {
    color: #ffbb00;
}
.thm-color-two {
color: var(--thm-color-two);
}
.thm-color-three {
color: var(--thm-color-three);
}
.thm-color-four {
color: var(--thm-color-four);
}
.color {
    background-color: #f3b4401f;
}
.thm-bg-color-one {
    background-color: #f42a2a;
}
.thm-bg-color-two {
background-color: var(--thm-color-two);
}
.thm-bg-color-three {
background-color: var(--thm-color-three);
}
.thm-bg-color-four {
    background-color: #000000;
}

.fw-500 {
font-weight: 500;
font-size: 21px;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
/*Accordion*/
.custom-accordion .accordion-item {
border: 1px solid var(--thm-border);
margin-bottom: 10px;
border-radius: 8px;
position: relative;
overflow: hidden;
}
.about-counter.parallax.section-padding {
    background: -webkit-linear-gradient(45deg,#c25220, #ff8149);
    z-index: 1;
}
.custom-accordion .accordion-item:last-child {
margin-bottom: 0;
}
.custom-accordion .accordion-button {
font-size: 20px;
font-weight: 500;
padding: 15px 20px;
color: var(--thm-white);
background-color: var(--thm-color-one);
}
.custom-accordion .accordion-button:focus {
box-shadow: none;
}
.custom-accordion .accordion-button::after {
color: var(--thm-white);
content: "\f078";
font-family: var(--thm-icon-font);
background-image: none;
}
.custom-accordion .accordion-button.collapsed {
color: var(--thm-color-two);
background-color: var(--thm-color-light);
}
.custom-accordion .accordion-button.collapsed::after {
color: var(--thm-color-two);
}
.custom-accordion .accordion-body {
padding-bottom: calc(1rem - 15px);
}
.custom-accordion .accordion-body p {
margin-bottom: 15px;
}
/*Preloader*/
.preloader {
background-color: var(--thm-color-one);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
}
.preloader.hidden {
opacity: 0;
visibility: hidden;
}
/*Header*/
/*topbar*/+
.header .topbar {
padding-top: 15px;
background-color: var(--thm-white);
}
.header .topbar .left_side {
display: flex;
align-items: center;
}
.header .topbar .center_side li,
.header .topbar .left_side li {
margin-right: 20px;
display: flex;
align-items: center;
}
.header .topbar .left_side li a {
display: flex;
color: var(--thm-color-two);
}
.header .topbar .left_side li i,
.header .topbar .left_side li a i {
margin-right: 5px;
color: var(--thm-color-one);
}
.header .topbar .left_side li i {
margin-right: 0;
}
.header .topbar .center_side li select,
.header .topbar .left_side li select {
padding: 0;
margin: 0;
border: none;
color: var(--thm-color-two);
}
.header .topbar .center_side {
display: flex;
align-items: center;
justify-content: center;
}
.header .topbar .center_side li {
margin-left: 10px;
margin-right: 10px;
}
.header .topbar .right_side {
display: flex;
align-items: center;
justify-content: end;
color: var(--thm-color-two);
}
.header .topbar .right_side span {
margin-left: 20px;
}
.header .topbar .left_side li,
.header .topbar .center_side li,
.header .topbar .right_side {
margin-bottom: 15px;
white-space: nowrap;
color: var(--thm-color-two);
}
/*middle bar*/
.header .middle_bar {
padding: 20px 0 0 0;
background-color: var(--thm-white);
}
.header .middle_bar .logo {
width: 170px;
height: 60px;
margin-bottom: 20px;
border-radius: 8px;
overflow: hidden; 
}
.header .middle_bar .input-group {
margin-bottom: 20px;
}
.header .middle_bar .input-group .input-group-prepend select {
height: 100%;
border: 1px solid var(--thm-border);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
color: var(--thm-body-color);
padding: 0 10px;
appearance: none;
text-align: center;
font-size: 14px;
cursor: pointer;
}
.header .middle_bar .input-group .form-control,
.header .middle_bar .input-group .form-control::placeholder {
font-size: 14px;
font-weight: normal;
color: var(--thm-body-color);
border-right: 0;
}
.header .middle_bar .input-group .form-control:focus {
border-color: var(--thm-border);
}
.header .middle_bar .input-group .input-group-append .thm-btn {
height: 100%;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 8px 25px;
}
.header .middle_bar .header_action {
display: flex;
align-items: center;
justify-content: flex-end;
}
.header .middle_bar .header_action li {
margin-bottom: 20px;
margin-left: 20px;
}
.header .middle_bar .header_action li:first-child {
margin-left: 0;
}
.header .middle_bar .header_action li .icon {
position: relative;
}
.header .middle_bar .header_action li a {
display: flex;
align-items: center;
position: relative;
}
.header .middle_bar .header_action li a .count_value {
width: 15px;
height: 15px;
background-color: var(--thm-color-one);
color: var(--thm-white);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
line-height: normal;
position: absolute;
top: 0;
right: 0;
}
.header .middle_bar .header_action li a i {
font-size: 32px;
color: var(--thm-color-two);
margin-right: 8px;
}
.header .middle_bar .header_action li .text h6 {
margin-bottom: 0;
line-height: normal;
font-size: 14px;
}
.header .middle_bar .header_action li .text p {
margin-bottom: 0;
line-height: normal;
font-size: 12px;
color: var(--thm-body-color);
white-space: nowrap;
}
.header .middle_bar .header_action li:hover a i,
.header .middle_bar .header_action li:hover .text h6,
.header .middle_bar .header_action li:hover .text p,
.header .middle_bar .header_action li:hover a {
color: var(--thm-color-one);
}

/*navigation_bar*/

.header .navigation_bar {
    position: absolute;
    z-index: 999;
    top: 0px;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    padding: 10px;
}
.header.sticky .navigation_bar {
    animation-name: fadeHeaderInDown;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    animation-duration: 1s;
    box-shadow: 0 0 8px rgb(0 0 0 / 10%);
    animation-fill-mode: both;
    background-color: #000000e8;

}
.header.sticky .image-fit-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    
}
/*.header .navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-block: 10px;
}*/
.header .navigation .main-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    margin-right: 25px;
}
.menu-item .active{
    color: #ffbb00 !important;
}

.header.can-sticky.sticky.main-menu>.menu-item>a {
    color: #000 !important;
}
.header .navigation .main-menu>.menu-item>a {
    color: #fff;
    font-size: 18px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.header .navigation .main-menu>.menu-item>a
.active, .header .navigation .main-menu>
.menu-item:hover>a {
    color: #ffbb00 !important;
}
.header .navigation .menu-item-has-children {
position: relative;
}
.header .navigation .menu-item-has-children>a:after {
content: "\f078";
font-family: var(--thm-icon-font);
margin-left: 10px;
font-size: 10px;
}
.header .menu-item-icon.sign-up .menu-item-has-children>a:after {
    content: "\f078";
    font-family: var(--thm-icon-font);
    margin-left: 10px;
    font-size: 10px;
}
.header .navigation .menu-item-has-children .sub-menu {
position: absolute;
top: 66px;
left: 0;
transition: 0s all;
width: 200px;
visibility: hidden;
opacity: 0;
}
.header .navigation 
.menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
    z-index: 1;
}
.header .navigation .menu-item-has-children .sub-menu .menu-item>a {
    background-color: #ffffff;
    color: #2A2A2A;
    width: 100%;
    display: flex;
    padding: 15px 15px;
    align-items: center;
    border-bottom: 1px solid #ffbb00;
}
.header .navigation .menu-item-has-children .sub-menu .menu-item:hover>a {
    background-color: #ffbb00;
    color: var(--thm-white);
}
.header .navigation .menu-item-has-children .sub-menu .menu-item-has-children>a:after {
position: absolute;
right: 15px;
transform: rotate(-90deg);
}
.header .navigation .menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
left: 100%;
top: 0;
}
.header .nav_actions {
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 20px 0px; */
/*    padding-top: 20px;*/
}
.header .nav_actions .text_action {
display: flex;
align-items: center;
justify-content: flex-end;
}
.header .nav_actions .text_action li {
margin-left: 20px;
}
.header .nav_actions .text_action li a {
color: var(--thm-white);
display: flex;
align-items: center;
padding: 13px 0;
font-size: 17px;
}

.menu-item-icon.sign-up {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.menu-sign {
    border: 1px solid;
    padding: 7px 25px;
    margin-left: 6px;
}
.menu-item.menu-item-has-children a:hover {
    color: #ffbb00;
}
.menu-sign:hover {
    color: #ffbb00;
}
.menu-item.menu-item-has-children a:focus {
    color: #ffbb00;
}
.menu-sign:focus {
    color: #ffbb00;
}

.banner-best {
    color: #ffbb00;
}

/*Header Action*/
.menu-item.menu-item-has-children.user a img {
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 15px;
}

/*-------slider-round--------*/
.
.inner h1 {
    font-size: 75px !important;
    color: #fff;
    padding-bottom: 20px;
}

.default-btn {
    font-size: 1rem;
    font-family: "Roboto", sans-serif;
    color: #fff;
    /* padding: 0 1.7rem; */
    line-height: 50px;
    transition: all 0.3s ease;
    background: #f42a2a;
    /* border-radius: 4px; */
    padding: 3px 30px;
    font-weight: 700;
    border: 1px solid #f42a2a;
}
.video-btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff;
    color: #f42a2a;
    position: absolute;
    top: 45%;
    left: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    outline: 15px solid #a69696;
    /* opacity: 0.5; */
    outline-style: groove;
}
.video-btn a {
    color: #f42a2a;
}
.banner-search input {
    width: 100%;
    height: 100px;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 15px 20px;
}
/*-------slider-round--------*/


/*Header Action*/
.header .nav_actions .text_action li a i {
margin-right: 8px;
}
.header .nav_actions .text_action li a span {
background-color: var(--thm-white);
color: var(--thm-color-two);
margin-left: 5px;
border-radius: 50%;
align-items: center;
justify-content: center;
display: flex;
line-height: normal;
width: 18px;
height: 18px;
}
.header .hamburger {
    display: none;
    align-items: center;
    justify-content: center;
    /* width: 45px; */
    height: 30px;
    /* background-color: #FF9494; */
    cursor: pointer;
    color: black !important;
}
.header.can-sticky.sticky .hamburger .hamburger_btn span {
    background-color: #fff;
}
.header.can-sticky.sticky .hamburger {
    margin: 10px 0;
    margin-top: 25px;
}
.hamburger {
    margin-top: 20px;
}
.header .hamburger .hamburger_btn span {
    display: flex;
    width: 30px;
    height: 2px;
    margin-bottom: 5px;
    background-color: #fff;
    transition: 0.5s all;
    position: relative;
}
.header .hamburger .hamburger_btn span:last-child {
margin-bottom: 0;
}
.header .hamburger .hamburger_btn.active span:first-child {
transform: rotate(45deg);
top: 4px;
}
.header .hamburger .hamburger_btn.active span:nth-child(2) {
display: none;
}
.header .hamburger .hamburger_btn.active span:last-child {
transform: rotate(-45deg);
top: -3px;
}
/*section header*/
.section-headers {
position: relative;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.section-headers .section-headings {
max-width: 540px;
margin: 0 auto 0 0;
}
.section-headers .section-headings h3:after {
    content: '';
    display: block;
    width: 90px;
    height: 2px;
    background: -webkit-linear-gradient(45deg,#c25220, #ff8149);
    margin-top: 18px;
    margin-bottom: 15px;
}

.section-headers .section-description {
margin-bottom: 20px;
position: relative;
}
.section-headers.style-right {
text-align: right;
}
.section-headers.style-right .section-heading {
margin: 0 0 0 auto;
}
.section-headers.style-right .section-heading h3:after {
margin: 20px 0 0 auto;
}
/*banner*/

.banner .slick-arrow {
top: 50%;
transform: translateY(-50%);
}
.banner .slick-arrow {
width: 40px;
height: 40px;
background-color: transparent;
border-color: var(--thm-color-two);
color: var(--thm-color-two);
}
.banner .slick-arrow:hover {
color: var(--thm-white);
border-color: var(--thm-color-one);
background-color: var(--thm-color-one);
}
.banner .slick-arrow:before {
font-size: 14px;
}
.banner .slick-arrow.slick-prev {
left: 3%;
}
.banner .slick-arrow.slick-next {
right: 3%;
}
/*.banner-content-sec {
    padding: 180px 0;
} */ 
.banner_text {
    position: absolute;
    top: 50%;
    left: 120px;
    transform: translate(0%, -50%);
    z-index: 1;
}
.banner .banner_text .title {
font-size: 50px;
margin-bottom: 20px;
}
.banner .banner_text .subtitle {
color: var(--thm-color-two);
font-weight: 600;
font-size: 20px;
margin-bottom: 20px;
}
.banner-card.d-flex {
    padding: 30px;
    padding-bottom: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #fff;
    margin-bottom: 15px;
}
.banner-card-peera {
    margin-left: 35px;
}
.banner-card-peera h4 {
    font-weight: 600;
}
.banner-perr {
    color: #fff;
    font-size: 16px;
}
.space-pb {
    margin-top: -6rem !important;
    position: relative;
    bottom: -40px;
    z-index: 1;
}
.banner-input-box {
    width: 130px;
    height: 100px;
    background-color: #f42a2a;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
.banner-input-box i {
    margin-right: 10px;
}
.banner-stat-line {
    width: 3px;
    height: 50px;
    background-color: #ffbb00;
    display: inline-block;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 50%;
}
.banner-main {
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.choose-people {
    padding-bottom: 145px;
    z-index: -1;
}
.banner .banner_text .text {
    margin-bottom: 20px;
    max-width: 80%;
    font-size: 1.125rem;
}
.banner .slick-dots {
position: absolute;
left: 0;
right: 0;
bottom: 40px;
z-index: 100;
}
/*single_banner*/
.single_banner {
padding-top: 30px;
margin-bottom: -30px;
}
.single_banner .single_banner_item {
height: calc(100% - 30px);
margin-bottom: 30px;
width: 100%;
position: relative;
padding: 40px;
border-radius: 8px;
overflow: hidden;
}
.single_banner .single_banner_item .banner_text {
max-width: 50%;
}
.single_banner .single_banner_item .banner_text .tag {
font-weight: 500;
padding: 10px 20px;
margin-bottom: 20px;
}
.single_banner .single_banner_item .banner_text .title {
font-size: 34px;
margin-bottom: 15px;
}
.single_banner .single_banner_item .banner_text .text {
margin-bottom: 20px;
color: var(--thm-color-two);
max-width: 80%;
}
.single_banner .single_banner_item .banner_text.style_two {
max-width: 100%;
}
.single_banner .single_banner_item .banner_text.style_two .tag {
display: inline-flex;
padding: 0;
color: var(--thm-color-one);
font-weight: 600;
font-size: 26px;
margin-bottom: 15px;
}

.banner-main::before{
    position: absolute;
    width: 100%;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
}






/*widget_box*/

.widget_box:hover {
transform: translateY(-15px);
transition: 0.5s;
}
.copyright {
    background: #000;
}








/*htw-block*/

.htw-block {
display: flex;
align-items: center;
margin-bottom: 30px;
transition: all 3s ease;
margin-left: 35px;
}
.btn7
{
position: relative;
font-weight: bold;
font-size: 35px;
display: inline-block;
width: 55px;
height: 55px;
text-align: center;
border-radius: 50%;
cursor: pointer;
margin: 0px 15px;
color: #fff;
}
.btn7::before
{
position: absolute;
content: '';
width: 60px;
height: 60px;
z-index: -1;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
animation: rotate 20s linear infinite;
}
.icon {
line-height: 2;
width: 58px;
height: 40px;
position: relative;
left: -31px;
}
.green {
color: #000;
width: 70px;
height: 72px;
}
@keyframes rotate
{
from
{
transform: translate(-50%,-50%) rotate(360deg);
}
to
{
transform: translate(-50%,-50%) rotate(-360deg);
}
}
.htw-block:hover .green::before{
border: 3px dashed #000000;
width: 80px;
height: 80px;
}
.htw-block .text .title {
margin-bottom: 0px;
font-weight: bold;
font-size: 19px;
}
.widget_box {
padding: 45px 15px;
position: relative;
overflow: hidden;
margin-bottom: 30px;
border-radius: 5px;
transition: all 0.5s ease-out 0s;
}
.widget_box .title {
color: #fff;
margin-bottom: 10px;
}
.widget_box .title small {
display: flex;
}
.widget_box .action {
display: flex;
align-items: center;
color: var(--thm-white);
font-size: 12px;
}
.widget_box .action i {
color: var(--thm-color-one);
font-size: 8px;
margin-left: 5px;
}
.widget_box .action:hover {
color: var(--thm-color-two);
}
/*about_text*/
.about-tatoos {
    background-size: cover;
    background-position: inherit;
    background-repeat: no-repeat;
    background-color: #000000ed !important;
}
.about-iamge-detail {
/*    background-color: #000;*/
    padding: 25px;
    color: #fff;
}
.about-hedding p {
    color: #787474;
    font-weight: 400;
    font-size: 18px;
}
.about-hedding h3 {
    color: beige;
}
.about-contanet {
    display: flex;
    justify-content: space-around;
}
.about-contanet1 li i {
    margin-right: 10px;
    color: #b68e6e;
}
.about-contanet2 li i {
    margin-right: 10px;
    color: #b68e6e;
}
.section-padding.color-about {
    background-color: #000000ed;
}
.about-secssion {
    padding: 30px;
}
.about-secssion h4 {
    color: #fff;
    font-size: 45px;
    font-weight: 600;
    margin: 20px 0;
}
.about-us a {
    font-size: 25px;
}
.about-us i {
    margin-left: 15px;
    font-size: 19px;
}
.read-btn a {
    background-color: #FFF9F9;
    color: #FF9494;
    padding: 0px 30px;
    border-radius: 5px;
    line-height: 4;
    transition: 0.5s;
    border: 1px solid;
}

.read-btn a:hover {
    background-color: #FF9494;
    color: black;
}
.read-btn a:hover .btn-i {
    transform: translatex(5px);
}
.btn-i {
    padding-left: 10px;
    transition: 0.3s;
}
.about-img {
    text-align: end;
    margin-top: 30px;
}
.about-hedding {
    margin-top: 30px;
}
h6 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #b68e6e;
    font-weight: 600;
    font-family: sans-serif;
}
.about-hedding h6 {
    border-left: 4px solid;
    padding: 5px 10px 0px 10px;
    margin-bottom: 20px;
}
.subheader:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    z-index: -1;
}
.breadcrumb a {
    z-index: 999;
}
/*-------services start----------*/
.service-card-hedding h4 {
    font-size: 28px;
    font-weight: 800;
    display: inline-block;
    border-bottom: 1px solid;
    padding: 0;
    transition: 0.5s;
}
.service-card-hedding h4:hover{
    color: #b68e6e;
}
.service-card-img {
    overflow: hidden;
    margin-top: 35px;
}
.pricing-card-hover:hover, .pricing-card-hover.active {
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px);
    box-shadow: 0 5px 10px rgba(22, 78, 99, 0.15) !important;
/*    border-color: rgba(255, 148, 148, 0.5) !important;*/
    border: 1px solid rgb(236 66 66 / 50%);
}

/*.pricing-card-hover:hover .pricing-card-inner .pricing-card-tag{
    background-color: #164E63;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    padding: 15px 31px 15px 0px;
    text-align: end;
    color: white;
    font-weight: 600;
    font-size: 25px;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 266px;
    border-radius: 0 5px 0 0;
    min-inline-size: 150px;
}*/
.pricing-card-hover:hover .pricing-card-circle{
    width: 113px;
    height: 113px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1.3;
    position: relative;
    bottom: 58%;
    left: 115px;
    border-radius: 50%;
    z-index: 0;
    -webkit-animation: rotate 20s ease-in-out infinite forwards alternate;
    -moz-animation: rotate 20s ease-in-out infinite forwards alternate;
    -ms-animation: rotate 20s ease-in-out infinite forwards alternate;
    -o-animation: rotate 20s ease-in-out infinite forwards alternate;
    animation: rotate 20s ease-in-out infinite forwards alternate;
}

.bg-color {
    background-color: #f5f5f5;
}
/*-----appinment start------*/

/*.book {
    padding: 0 25px;
    margin-top: 30px;
}
.appointment {
    background-size: cover;
    background-attachment: fixed;
    background-color: #FFF9F9 !important;
}
.Appointment-book-hedding {
    margin-bottom: 30px;
}
.Appointment-book-hedding h3 {
    font-size: 40px;
    margin-bottom: 15px;
}
.Appointment-book-hedding p {
    max-inline-size: 477px;
}
.Appointment-open-list {
    margin-bottom: 25px;
}
.Appointment-open-list {
    margin-bottom: 25px;
    border: 1px solid rgba(255, 148, 148, 0.4);
    display: inline-block;
    border-radius: 5px;
}
.Appointment-open-list-item {
    padding: 10px 25px;
    border-bottom: 1px solid rgba(255, 148, 148, 0.4);
}
.Appointment-open-list-item-three {
    padding: 10px 25px;
}
.Appointment-open-list-item sapn::after {
    content: ':';
    right: 0;
}
.Appointment-open-date {
    padding-right: 65px;
}
.Appointment-open-date.Tuesday {
    padding-right: 34px;
}
.icon-app i {
    width: 46px;
    height: 46px;
    background-color: #FF9494;
    color: white;
    display: inline-grid;
    place-items: center;
    border-radius: 5px;
    margin-right: 10px;
}

.appointment-form {
    padding: 60px 40px 60px 40px;
    background-color: rgba(255, 148, 148, 0.3);
    border-radius: 10px;
    backdrop-filter: blur(5px);
}
.appointment-yourname {
    margin-top: 25px;
}
.appointment-textarea {
    width: 100%;
    min-height: 150px;
    margin-top: 25px;
    padding: 13px;
    border: none;
}
.appointment-textarea:focus {
    border: 1px solid;
}
.appointment-yourname input {
    padding: 20px;
}
.form-select {
    margin-top: 25px;
    line-height: 3;
}
.button-appointment {
    transition: 0.5s;
    margin-top: 30px;
    display: inline-block;
}
.button-appointment:hover {
    transform: translatey(-5px);
}
.button-appointment a:hover {
    color: white;
}*/



/*-----appinment end------*/

/*product_box*/
.product_box {
    position: relative;
    margin-bottom: 30px;
    overflow-x: hidden;
    border-radius: 5px;
    border: 1px solid #ffc0cb80;
    /* padding: 15px; */
}
.slide-item .product_box {
margin-bottom: 20px;
}
.product_box .product_tag {
font-size: 12px;
color: var(--thm-white);
border-radius: 5px;
display: inline-flex;
padding: 10px 20px;
cursor: pointer;
line-height: 1;
font-family: var(--thm-font);
}
.img {
    overflow: hidden;
}
.img img {
    transition: 0.5s;
}
.img img:hover {
    transform: scale(1.5);
}
.product_box:hover {
    border: 2px solid pink;
}
.product_box:hover 
.product_caption.text-center {
    background-color: #ffc0cb2b;
    /* margin-top: 15px; */
}
.product_caption.text-center {
    padding-bottom: 15px;
    padding-top: 25px;
    transition: 0.5s;
}
.product_box .product_image {
margin: 30px 0;
height: 150px;
width: 100%;
}
.product_box .product_image .image-fit-contain {
max-width: 80%;
margin: 0 auto;
}
.product_box .product_actions {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5px;
}
.product_box .product_actions li {
margin: 0 5px 15px;
}
.product_box .product_actions li button, 
.product_box .product_actions li a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: -webkit-linear-gradient(45deg,#ff9494, #ff949441);
    width: 35px;
    height: 35px;
    color: var(--thm-white);
    border-radius: 50%;
    font-size: 15px;
    transition: 0.3s all;
    transform: translateY(0px);
}
.product_box .product_actions li:hover button,
.product_box .product_actions li:hover a {
background-color: var(--thm-color-two);
transform: translateY(-5px);
}
.product_box .product_caption .title {
margin-bottom: 12px;
font-size: 20px;
line-height: normal;
}
.product_price {
display: flex;
align-items: center;
justify-content: center;
}
.product_price span {
    font-weight: 700;
    color: #ff9494;
    font-size: 31px;
}
.product-btn a {
    color: black;
    width: 150px;
    height: 50px;
    border: 1px solid pink;
    line-height: 3;
    border-radius: 5px;
}

.product_price-btn {
    display: flex;
    justify-content: space-around;
}
.product-btn a:hover {
    background-color: #ffc0cbf7;
    border-radius: 5px;
    color: white;
    transform: translateX(5px);
}

.product_price span+span {
margin-left: 5px;
color: #000;
font-weight: 900;
text-decoration: line-through;
font-size: 80%;
opacity: 0.8;
}
.product_box .product_caption .rating {
justify-content: center;
margin-bottom: 10px;
}
.rating {
display: flex;
align-items: center;
font-size: 14px;
}
.rating i {
margin: 0 2px;
color: var(--bs-yellow);
}

/*---------services start--------------*/
.title-1 {
    font-size: 20px !important;
    line-height: 1.5;
    color: #484848;
    font-weight: 500;
    padding-bottom: 30px;
}
.work-hedding {
    position: absolute;
    top: 55%;
    left: 30%;
}
.work-hedding h4 {
    color: #fff;
    font-size: 30px;
}

.learn-btn {
    border: 1px solid;
    padding: 5px 15px 5px 15px;
    font-size: 13px;
}
.work-arrow {
    margin-left: 10px;
}
.service-card-img img{
        transition: 0.5s;

}
.service-card-detail {
    text-align: center;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}
.service-card-img img:hover {
    transform: scale(1.1);
}
/*---------services end--------------*/
/*---------tattoos start------------*/
.tatoos-hedding h5 {
    top: 70px;
    position: absolute;
    color: white;
    left: 35px;
}
.tatoos-image {
    padding-bottom: 10px;
    overflow: hidden;
}
.tatoos-image img {
    width: 100%;
    height: auto;
    transition: 0.5s;
}
.tatoos-image img:hover {
    transform: translate(10px, 10px);
}
.tatoos-image img:hover {
    transform: scale(1.5);
}
/*---------tattoos end*/



/*------professionle start----------------*/
.professional-image img {
    width: 100%;
    height: auto;
    transition: 0.5s;
}
.professional-card {
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.professional-detail {
    display: flex;
    justify-content: space-between;
}
.professional-name h5 {
    line-height: 1;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 600;
}
.professional-name h5:hover {
    color: #b68e6e;
}
.professional-name p {
    color: #b68e6e;
}
.professional-image img:hover {
    transform: scale(1.1);
}
.icon-share {
    width: 40px;
    height: 40px;
    background-color: #b68e6e;
    justify-content: center;
    align-items: center;
    display: grid;
    color: white;
    margin-top: 20px;
}
.icon-share:hover {
    background-color: #000;
    color: #fff;
}
.professional-name span {
    color: #b68e6e;
}
.professional-image {
    overflow: hidden;
}

/*------professionle end----------------*/


/*-------happy start------------*/

.happy-detail {
    background-color: #b68e6e;
    color: #f4f3f3f7;
    padding: 20px;
    font-size: 15px;
    position: relative;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 60px;
}
/*.testi-image {
    position: absolute;
    top: -60px;
    left: 200px;
}*/
.testi-image img {
    width: 75%;
    height: auto;
}
.happy-detail-name {
    padding-bottom: 10px;
    padding-top: 30px;
}  
.happy-detail-name h5 {
    line-height: 1;
    color: white;
    font-weight: 600;
    font-family: math;
}

/*-------happy end------------*/


/*featured_product*/
.featured_product {
padding: 40px;
padding-bottom: 10px;
position: relative;
overflow: hidden;
margin-bottom: 30px;
border-radius: 8px;
border: 1px solid var(--thm-border);
}
.featured_product .featured_text .product_price {
justify-content: flex-start;
}
.featured_product .featured_text .product_price+.product_price span {
color: var(--thm-body-color);
font-weight: 500;
}
.featured_product .claimed_box .claimed_bar {
width: 100%;
height: 3px;
border-radius: 2px;
background-color: rgb(var(--thm-color-light-rgb), 50%);
position: relative;
overflow: hidden;
margin-bottom: 15px;
}
.featured_product .claimed_box .claimed_bar>div {
background-color: var(--thm-color-one);
display: flex;
height: 3px;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.featured_product .claimed_box span {
font-weight: 500;
opacity: 0.7;
}
/*side_offer_box*/
.side_offer_box {
position: relative;
overflow: hidden;
border-radius: 8px;
height: calc(100% - 30px);
width: 100%;
margin-bottom: 30px;
}
.side_offer_box.doublebox {
height: calc(50% - 30px);
}
.side_offer_box .offer_text {
position: absolute;
top: 40px;
left: 40px;
}
.side_offer_box .offer_text .subtitle {
margin: 0 0 5px;
font-weight: 500;
color: var(--thm-color-one);
}
.side_offer_box .offer_text .title {
margin: 0 0 10px;
}
.side_offer_box .offer_text .action i {
font-size: 10px;
margin-left: 4px;
}
.side_offer_box .offer_tag {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    background: -webkit-linear-gradient(45deg,#c25220, #ff8149);
    align-items: center;
    justify-content: center;
    color: var(--thm-white);
    font-weight: 600;
    flex-wrap: wrap;
    font-size: 16px;
}
.side_offer_box .offer_tag:after {
content: 'off';
display: flex;
font-size: 14px;
font-weight: 400;
}
/*offer_bg_text*/
.offer_bg_text .title {
font-size: 42px;
margin-bottom: 10px;
font-weight: bold;
color: var(--thm-white);
}
.offer_bg_text .subtitle {
font-size: 38px;
margin-bottom: 20px;
font-weight: bold;
color: var(--thm-white);
}
.offer_bg_text .countdown_box {
display: flex;
align-items: center;
}
.offer_bg_text .countdown_box .countdown_text {
margin-right: 25px;
margin-bottom: 20px;
}
.offer_bg_text .countdown_box .countdown_text .text {
display: block;
color: var(--thm-color-one);
font-size: 30px;
font-weight: bold;
}
.offer_bg_text .countdown_box .countdown_text .text span {
display: flex;
}
.offer_bg_text .countdown_box .countdown ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.offer_bg_text .countdown_box .countdown ul li {
cursor: default;
text-align: center;
position: relative;
padding-right: 15px;
margin-right: 15px;
margin-bottom: 20px;
color: var(--thm-white);
}
.offer_bg_text .countdown_box .countdown ul li:after {
content: ':';
position: absolute;
top: 30%;
transform: translateY(-70%);
right: -5px;
font-size: 40px;
font-weight: bold;
line-height: 0;
color: var(--thm-color-two);
}
.offer_bg_text .countdown_box .countdown ul li:last-child:after {
display: none;
}
.offer_bg_text .countdown_box .countdown ul li h4 {
font-size: 42px;
margin-bottom: 5px;
font-weight: bold;
line-height: 1;
}
.offer_bg_text .countdown_box .countdown ul li p {
margin-bottom: 0;
line-height: 1;
font-weight: 500;
}
.offer_bg_text .countdown_box .countdown ul li:hover h4,
.offer_bg_text .countdown_box .countdown ul li:hover p {
color: var(--thm-color-one);
}

/*Testimonials*/




/*testimonials-end*/

/*blog*/
.post {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.post .post_image {
position: relative;
height: 245px;
width: 100%;
overflow: hidden;
}
.blog-img-date {
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    background-color: #b68e6e;
    color: #b68e6e;
    position: relative;
    top: -260px;
    left: 15px;
}
.thm-btn.thm-bg-color-two:hover {
    background-color: #f42a2a;
}
.title-perra {
    font-family: cursive;
    font-weight: 700;
}
.blog-detail {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 30px;
}
.blog-img-date p {
    background-color: #fff;
}
.post_caption h5 {
    line-height: 1.5;
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 19px;
}

.post_image img:hover {
    transform: scale(1.1);
}
.post_image img {
    transition: 0.5s;
}
.post_image {
    width: 100%;
    height: 280px;
    overflow: hidden;
}
.post_meta li a {
    color: pink;
}
.blog-img-date h4 {
    padding: 0;
    color: white;
}
.blog-img-date p {
    margin: 0;
}

.post .post_date {
position: absolute;
bottom: 20px;
left: 20px;
background-color: var(--thm-color-one);
display: block;
text-align: center;
color: var(--thm-white);
font-size: 30px;
overflow: hidden;
padding: 5px 0 0;
}
.post .post_date span {
background-color: var(--thm-white);
display: flex;
padding: 5px 8px;
line-height: 1;
color: var(--thm-color-two);
font-size: 12px;
font-weight: 500;
margin-top: 4px;
font-family: var(--thm-font);
}
.post .post_meta {
display: flex;
left: 16px;
position: relative;
flex-wrap: wrap;
width: 100%;
letter-spacing: 1px;
border-bottom: 1px solid #e6e8eb;
border-top: 0;
padding-top: 10px;
}
.post .post_meta li a {
display: flex;
align-items: center;
margin-bottom: 10px;
color: #091f3c;
font-size: 18px;
padding: 0 10px;
}
.post .post_meta li:hover a {
color: var(--thm-color-two);
}
.post .post_meta li a i {
color: #ff8149;
font-size: 17px;
margin-right: 10px;
}
.post .post_caption {
border-top: 0;
border-bottom: 0;
padding: 20px;
padding-bottom: 0;
display: inline-block;
}
.post .post_caption .post_title {
line-height: 1.4;
font-size: 23px;
margin-bottom: 15px;
text-transform: capitalize;
}

.post .post_caption p {
margin-bottom: 20px;
line-height: 1.6;
}
.post .post_footer {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
width: 188px;
display: flex;
height: 50px;
position: relative;
left: 12px;
margin-top: 20px;
}
.ft_logo p {
    color: #fff;
}
.post_meta {
    display: flex;
    justify-content: space-between;
    padding: 10px 10px 6px 10px;
}
.post_meta li a:hover {
    color: #0d0b0b;
}
.post_caption p a {
    color: black;
}
.post_caption {
    padding: 5px 20px 30px 20px;
}
.name-1 {
    color: #818181;
    font-weight: 700;
}
.name-2 {
    color: #b68e6e;
    font-weight: 700;
}
.blog-body-name H6 {
    font-size: 14px;
    color: black;
    margin: 0;
    text-align: center;
    padding-top: 35px;
}

/*-----------sidebar-----------*/

.sidebar .sidebar_inner {
margin-bottom: 80px;
}
.sidebar .sidebar_inner .sidebar_widget {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    padding: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.sidebar .sidebar_inner .sidebar_widget:last-child {
margin-bottom: 0;
}
.sidebar .sidebar_inner .sidebar_widget .widget_title {
    line-height: 2;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--thm-b-font);
    font-size: 15px;
    font-weight: 600;
    border: 1px solid #f42a2a;
    color: #f42a2a;
    padding: 7px 0;

}
.sidebar .input-group {
overflow: hidden;
}
.sidebar .input-group .form-control {
border-right: none;
height: 45px;
border-radius: 0;
background-color: var(--thm-border);
border: none;
}
.sidebar .input-group .form-control,
.sidebar .input-group .form-control::placeholder {
color: rgb(var(--thm-color-two-rgb), 50%);
font-weight: 500;
}
.sidebar .input-group button {
width: 45px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
background-color: #f42a2a;
color: var(--thm-white);
border-radius: 0;
}
.sidebar .input-group button:hover {
background-color: #000;
color: var(--thm-white);
}
.sidebar .input-group .with_text button {
width: auto;
padding: 0 30px;
}
.sidebar .categories li a {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
color: rgb(var(--thm-color-two-rgb), 50%);
font-weight: 500;
margin-bottom: 10px;
}
.sidebar .categories li:hover a {
color: var(--thm-color-one);
}
.sidebar .categories li:last-child>a {
margin-bottom: 0;
line-height: normal;
}
.sidebar .tags_cloud {
margin-bottom: -10px;
}
.post_details .post_tags_share .post_tags .tags a,
.sidebar .tags_cloud a {
display: inline-flex;
border: 1px solid rgb(var(--thm-color-two-rgb), 50%);
color: rgb(var(--thm-color-two-rgb), 50%);
background-color: var(--thm-white);
font-size: 14px;
font-weight: 500;
padding: 5px 25px;
margin-right: 5px;
margin-bottom: 8px;
}
.post_details .post_tags_share .post_tags .tags a:hover,
.sidebar .tags_cloud a:hover {
background-color: var(--thm-color-one);
border-color: var(--thm-color-one);
color: var(--thm-white);
}
.sidebar .recent_post li {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.sidebar .recent_post li .post_thumb {
width: 80px;
height: 80px;
margin-right: 15px;
position: relative;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.sidebar .recent_post li .post_thumb a {
display: flex;
height: 100%;
width: 100%;
}
.sidebar .recent_post li .post_caption {
width: calc(100% - 95px);
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.sidebar .recent_post li .post_caption .post_title {
margin-bottom: 0;
font-size: 16px;
}
.sidebar .recent_post li .post_caption .post_date {
margin-bottom: 0;
color: var(--thm-color-one);
font-weight: 500;
font-size: 14px;
}
.sidebar.style_two .recent_post li .post_thumb {
width: 60px;
height: 60px;
}
.sidebar.style_two .recent_post li .post_caption {
width: calc(100% - 75px);
}
.sidebar .recent_post li .post_caption .product_price {
margin-bottom: 0;
justify-content: flex-start;
}
.sidebar .recent_post li:last-child {
margin-bottom: 0;
}
/*style_two*/
/*post_details*/
.post_details {
padding: 30px;
background-color: var(--thm-white);
border: 1px solid var(--thm-border);
}
.post_details .post_image {
position: relative;
margin-bottom: 30px;
height: 500px;
overflow: hidden;
}
.post_details .post_categories {
display: flex;
flex-wrap: wrap;
}
.post_details .post_categories a {
color: var(--thm-body-color);
margin-bottom: 15px;
display: flex;
    margin-right: 25px;
}
.post_title a {
    padding-bottom: 15px;
}
.post_details .post_categories a:hover {
color: var(--thm-color-one);
}
.post_details .post_categories a:after {
content: ",";
margin-left: 2px;
margin-right: 3px;
}
.post_details .post_categories a:last-child:after {
display: none;
}
.post_details .post_meta {
justify-content: flex-end;
border: none;
padding-top: 0;
margin-bottom: 0px;
}
.post_details .post_meta li {
margin: 0 0px 10px 10px;
}
.post_details .post_meta li a {
color: var(--thm-body-color);
font-size: 14px;
display: flex;
align-items: center;
}
.post_details .post_meta li a i {
color: var(--thm-color-one);
margin-right: 8px;
}
.post_details .post_meta li:hover a {
color: var(--thm-color-one);
}
.post_details .post_title {
font-size: 28px;
}
.post_details .post_author {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.post_details .post_author img {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
.post_details .post_author a {
    font-size: 14px;
    color: #f1ebeb;
    background-color: #000;
    padding: 10px;
}
.post_details .post_tags_share {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.post_details .post_tags_share .post_tags,
.post_details .post_tags_share .post_share {
margin-bottom: 30px;
}
.post_details .post_tags_share h6 {
margin-bottom: 10px;
font-size: 18px;
display: inline-flex;
flex-wrap: wrap;
margin-right: 15px;
color: #f42a2a;
}
.post_details .post_big_author .social,
.post_details .post_tags_share .post_tags .tags,
.post_details .post_tags_share .post_share .social {
display: inline-flex;
flex-wrap: wrap;
}
.post_details .post_big_author .social li+li,
.post_details .post_tags_share .post_share .social li+li {
margin-left: 15px;
}
.post_details .post_big_author .social li a,
.post_details .post_tags_share .post_share .social li a {
color: var(--thm-body-color);
}
.post_details .post_big_author .social li:hover a,
.post_details .post_tags_share .post_share .social li:hover a {
color: var(--thm-color-one);
}
.post_details .post_big_author {
padding: 20px;
position: relative;
padding-bottom: 0px;
border-radius: 8px;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
align-items: center;
}
.post_details .post_big_author img {
width: 140px;
height: 140px;
margin-right: 20px;
margin-bottom: 20px;
}

.post_details .post_navigation {
padding: 0px 0 30px;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.post_details .post_navigation .nav_item {
    width: 120px;
    padding: 10px 25px;
    height: 45px;
    border-radius: 0;
    color: #fff;
    background-color: #ffbb00;
    font-size: 18px;
}
.comments .children {
padding-left: 120px;
}
.comments .comment article {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.comments .comment .comment_image {
position: relative;
overflow: hidden;
margin-right: 20px;
width: 100px;
height: 100px;
}
.comments .comment .comment_text {
width: calc(100% - 120px);
}
.comments .comment .comment_text .title {
font-size: 16px;
margin-bottom: 0;
}
.comments .comment .comment_text .comment_date {
    line-height: 1;
    background-color: var(--thm-color-one);
    width: fit-content;
    color: var(--thm-white);
    font-size: 14px;
    /* border-radius: 8px; */
    padding: 8px 15px;
    font-weight: 400;
    margin: 4px 0 15px;
}
.comments .comment .comment_text p {
font-size: 14px;
}
.comments .comment .comment_text p:last-child {
margin-bottom: 0;
}
/*htw-block*/
.htw-block {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.text h6 {
    font-size: 20px !important;
    color: #b68e6e;
    font-weight: 700;
}
.htw-block .icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: -webkit-linear-gradient(45deg,#c25220, #ff8149); */
    color: var(--thm-white);
    border-radius: 50px;
    background-color: #ff9494;
}
.htw-block i {
font-size: 28px;
position: relative;
top: -3px;
left: 2px;
}
.htw-block .text {
width: calc(100% - 70px);
}
.htw-block .text .title {
margin-bottom: 0px;
font-weight: bold;
}
/*style_two*/
.htw-block.style_two .icon {
color: var(--thm-color-one);
background-color: var(--thm-white);
font-size: 50px;
}
/*box-section*/
.icon-section .box{
text-align: center;
display: flex;
justify-content: center;
}
.icon-section .box .box-icon i {
background: #ff8149;
color: #fff;
font-size: 24px;
padding: 25px 25px;
border-radius: 50px;
}
.icon-section .text .title {
font-size: 20px;
padding-top: 10px;
font-weight: bold;
}
.icon-section .text p{
color: #000;
}
/*footer*/
/*footer*/
.footer .ft_widgets {
position: relative;
margin-bottom: 30px;
}
.footer .ft_widgets .ft_title {
    color: var(--thm-white);
    font-weight: 600;
    font-size: 22px;
    position: relative;
    line-height: 2;
    font-family: sans-serif;
    padding-bottom: 10px;
}
.ft-list {
    line-height: 2;
}
.footer-perra {
    font-size: 18px;
    color: #d5d2d2;
    margin-left: 16px;
}
.ft_widgets-perra {
    padding-top: 15px;
}
.footer-date {
    border: 1px solid #fff;
    display: inline-block;
    line-height: 2;
    color: #fff;
    padding: 3px;
    width: 80px;
    height: 74px;
    text-align: center;
    transition: 0.5s;
    cursor: pointer;
}
.footer-add.d-flex {
    padding-top: 10px;
}
.footer-add h6 {
    font-size: 18px;
    color: #c5c0c0;
    margin-left: 15px;
}
.footer-add.d-flex i {
    color: #ddd9d9;
    font-size: 15px;
        padding-top: 8px;
}

.ft_contact.ft_menu {
    display: flex;
}
.footer .ft_widgets .lh-base {
    color: #cecccc;
    font-size: 19px;
    padding-right: 15px;
    font-family: auto;
    margin-top: 30px;
}
.footer .ft_widgets .ft_logo {
    width: 200px;
    overflow: hidden;
}
.footer .ft_menu li {
margin-bottom: 5px;
line-height: 1.8;
}
.footer .ft_menu li>a {
font-size: 17px;
color: var(--thm-white);
display: flex;
align-items: center;
padding-top: 5px;
}
.footer .ft_menu li>a:before {
/* content: "\f054";*/
font-family: var(--thm-icon-font);
font-size: 17px;
color: #fff;
margin-right: 8px;
}
.footer .ft_menu li:hover>a {
    color: #ff9494;
}
.footer .ft_menu li:last-child {
margin-bottom: 0;
}
.footer .ft_contact li>a i {
    color: #ffbb00;
    font-size: 20px;
    padding: 10px;
    margin-right: 10px;
    /* border: 1px solid #fff; */
}
.ft-list a {
    display: flex;
}
.footer .ft_contact li>a:before {
display: none;
}
.footer .ft_newsletter .input-group {
margin-bottom: 20px;
}
.footer .ft_newsletter .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.footer .ft_newsletter .input-group .form-control {
border-color: var(--thm-white);
border-top-right-radius: 8px;
padding: 15px;
border-bottom-right-radius: 8px;
padding-right: 55px;
}
.footer .ft_newsletter .input-group .form-control,
.footer .ft_newsletter .input-group .form-control::placeholder {
font-weight: 400;
}
.footer-date:hover {
    background-color: #b68e6e;
}
.footer .ft_newsletter .input-group .newsletter_btn {
position: absolute;
right: 5px;
top: 5px;
height: calc(100% - 10px);
width: 38px;
background-color: var(--thm-color-one);
color: var(--thm-white);
border-radius: 5px;
z-index: 100;
}
.footer .ft_newsletter .input-group .newsletter_btn:hover {
background-color: var(--thm-color-two);
}
.footer .ft_social {
display: flex;
}
.footer .ft_social li {
margin-right: 10px;
}
.footer .ft_social li a {
width: 30px;
height: 30px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--thm-white);
color: var(--thm-color-one);
}
.footer .ft_social li:hover a {
color: var(--thm-white);
background-color: var(--thm-color-one);
}
.footer .ft_menu li a i {
    /* padding-right: 15px; */
    margin-right: 15px;
    transition: 0.5s;
}

/*style_two*/
.footer.style_two {
background-color: var(--thm-color-one);
}
.footer.style_two .ft_menu li>a,
.footer.style_two .ft_widgets .lh-base {
color: var(--thm-white);
}
.footer.style_two .ft_menu li:hover>a {
color: var(--thm-color-two);
}
.footer.style_two .ft_social li a {
background-color: var(--thm-white);
color: var(--thm-color-one);
}
.footer.style_two .ft_social li:hover a {
background-color: var(--thm-color-two);
color: var(--thm-white);
}
.footer.style_two .ft_widgets .ft_title {
color: var(--thm-white);
}
.footer .ft_menu li i:hover {
    /* background-color: #f42a2a; */
    color: #f42a2a;
}
.footer-add i:hover {
    color: #b68e6e;
}
.footer-add h6:hover {
    color: #b68e6e;
}
.footer .theme-btn {
    /* background: -webkit-linear-gradient(45deg,#c25220, #ff8149); */
    width: 260px;
    padding: 15px;
    color: white;
    font-size: 20px;
    border-radius: 50px;
    transition: 0.5s;
    background-color: #ff9494;
}
.footer .theme-btn:hover {
    background: #fff;
    color: black;
    transition: 0.5s;
}
/*copyright*/
.copyright p {
    color: var(--thm-white);
    padding: 20px 0;
    line-height: normal;
    font-size: 15px;
    border-top: 1px solid;
}
.copyright p a {
    color: #f5a204;
    font-weight: 500;
}
/*back to top*/
.back-to-top {
    width: 40px;
    height: 40px;
    border: 2px solid #f42a2a;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    position: fixed;
    bottom: 60px;
    right: 15px;
    background-color: #f42a2a;
    transition: 0.3s all;
    z-index: 100;
}
.back-to-top:hover {
color: var(--thm-white);
background-color: var(--thm-color-two);
border-color: var(--thm-color-two);
}
/*subheader*/
.subheader {
    padding: 170px 0 90px;
    z-index: 0;
}
.section-padding.about-section {
    padding-top: 0;
}
.padding {
padding: 50px 0 0 0;
}
.sec-line-top{
    margin-top: 30px;
}

.img-container-grid{
  display:flex;
  flex-wrap: wrap;
}

.smallsquare{
  max-width:20%;
  height:auto;
  flex:0 0 20%;
  padding-top:20%;
  display:grid;
  position:relative;
  transition: 0.5s;
}

.h_rectangle{
  max-width: 40%;
  flex: 0 0 40%;
  padding-top:20%;
  position:relative;
}

.bigsquare{
  max-width:40%;
  height:auto;
  flex:0 0 40%;
  padding-top:40%;
  display:grid;
  position:relative;
}
.bigsquare_blank{
  max-width:40%;
  height:auto;
  flex:0 0 40%;
  display:flex;
  flex-wrap: wrap;
}
.inner_square{
  max-width:50%;
  flex: 0 0 50%;
  height:50%;
  position:relative;
}
.v_rectangle{
  max-width: 20%;
  flex: 0 0 20%;
  padding-top:40%;
  position:relative;
}
.img-grid-c:hover {
    transform: scale(1.1);
}
.img-grid-c {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    object-fit: cover;
    object-position: center;
    padding: 2.5px;
    transition: 0.5s;
    margin: 20px;
}
.overflow-gallery {
    overflow: hidden;
}
.subheader .page-title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff;
    text-align: center;
    font-family: cursive;
}
.subheader .breadcrumb {
    margin-bottom: 30px;
    text-align: center;
    justify-content: center;
}
.subheader .breadcrumb-item+.breadcrumb-item::hover, 
.subheader .breadcrumb .breadcrumb-item>a {
    color: #fff;
}
.subheader .breadcrumb .breadcrumb-item:hover>a, 
.subheader .breadcrumb .breadcrumb-item:hover {
    color: #000;
}
.subheader .breadcrumb .breadcrumb-item:hover>a,
 .subheader .breadcrumb .breadcrumb-item {
font-size: 15px;
font-weight: 500;
color: #fff;
display: flex;
align-items: center;
}
.subheader .breadcrumb-item+.breadcrumb-item::before, 
.subheader .breadcrumb .breadcrumb-item>a {
color: #fff;
}
.subheader .breadcrumb-item+.breadcrumb-item::before {
content: "\f054";
font-family: var(--thm-icon-font);
font-size: 10px;
}
/*account*/
.account_sidebar {
border-right: 1px solid var(--thm-border);
}
.account_sidebar>ul>li a {
color: var(--thm-body-color);
font-size: 18px;
line-height: normal;
padding: 20px 0;
display: flex;
width: 100%;
position: relative;
}
.account_sidebar>ul>li a:after {
z-index: 10;
content: '';
position: absolute;
right: -1px;
height: 100%;
width: 4px;
border-radius: 4px;
top: 0;
}
.account_sidebar>ul>li a i {
margin-right: 10px;
}
.account_sidebar.style_2>ul>li.active a,
.account_sidebar.style_2>ul>li:hover a,
.account_sidebar>ul>li.active a,
.account_sidebar>ul>li:hover a {
color: var(--thm-color-one);
}
.account_sidebar>ul>li:hover a:after,
.account_sidebar>ul>li.active a:after {
background-color: var(--thm-color-one);
}
/*style 2*/
.account_sidebar.style_2 {
margin-bottom: 80px;
}
.account_sidebar.style_2>ul>li a {
text-transform: uppercase;
color: var(--thm-color-two);
font-weight: 500;
}
.account_sidebar.style_2 .form-group {
margin-bottom: 15px;
}
.account_sidebar.style_2 .form-group:last-child {
margin-bottom: 0;
}
.account_sidebar.style_2 .custom-control-label {
font-size: 14px;
display: flex;
align-items: center;
line-height: 1.8;
}
/*user_info_box*/
.user_info_box {
padding: 0 80px 0 50px;
}
.user_info_box .user_box {
display: flex;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid var(--thm-border);
padding-bottom: 15px;
margin-bottom: 30px;
}
.user_info_box .user_box .image {
width: 150px;
height: 150px;
margin-right: 30px;
position: relative;
border-radius: 50%;
margin-bottom: 15px;
}
.user_info_box .user_box .image img {
border-radius: 50%;
}
.user_info_box .user_box .image .edit {
width: 40px;
height: 40px;
color: var(--thm-white);
border-radius: 50%;
background-color: var(--thm-color-one);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 3px;
right: 5px;
}
.user_info_box .user_box .image .edit:hover {
background-color: var(--thm-color-two);
}
.user_info_box .user_box .user_text {
padding: 15px 0;
}
.user_info_box .user_form {
overflow: hidden;
position: relative;
}
.user_info_box .user_form label {
color: var(--thm-color-two);
}
.user_info_box .user_form>.row>div {
border-bottom: 1px solid var(--thm-border);
margin-bottom: 30px;
}
.user_info_box .user_form p {
font-size: 14px;
}
.user_info_box .connect_social {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
/*sign_in_up_box*/
.sign_in_up_box {
padding: 40px;
border: 1px solid var(--thm-border);
}
.sign_in_up_box .divider_text {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
position: relative;
white-space: nowrap;
background-color: var(--thm-color-light);
z-index: 1;
margin-bottom: 30px;
}
.sign_in_up_box .divider_text:before,
.sign_in_up_box .divider_text:after {
content: '';
height: 1px;
background-color: var(--thm-border);
display: flex;
position: absolute;
width: calc(50% - 50px);
z-index: -1;
}
.sign_in_up_box .divider_text:before {
left: 0;
}
.sign_in_up_box .divider_text:after {
right: 0;
}
.sign_in_up_box label {
font-size: 18px;
color: var(--thm-color-two);
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
.sign_in_up_box .form-control-custom+button {
position: absolute;
right: 15px;
bottom: 13px;
z-index: 10;
color: var(--thm-body-color);
}
/*address_list*/
.address_list li {
padding: 10px 15px;
border: 1px solid var(--thm-border);
border-bottom-color: transparent;
}
.address_list li+li {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.address_list li:last-child {
border-bottom-color: var(--thm-border);
}
.address_list li .title {
color: var(--thm-color-one);
margin-bottom: 10px;
display: flex;
}
.address_list li label {
width: 100%;
}
.address_list li label .top span {
margin-left: 5px;
}
.address_list li label .p {
line-height: normal;
margin-top: 6px;
font-weight: 500;
display: flex;
}
/*payment*/
.payment_box {
margin-bottom: 30px;
}
.payment_box .title {
    margin-bottom: 15px;
    color: #7c5441;
    font-weight: 600;
}
.payment_box .address_list li label .top span {
margin-left: 0;
line-height: 1.6;
}
.payment_box .address_list li {
display: flex;
align-items: center;
justify-content: space-between;
}
.payment_box .payment_value {
font-weight: 600;
color: var(--thm-color-two);
}
.payment_box .input-group {
max-width: 100px;
flex-wrap: unset;
}
.payment_box .input-group .input-group-text {
border: 1px solid var(--thm-border);
background-color: transparent;
padding: 0 5px 0px 10px;
height: 32px;
border-radius: 6px;
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.payment_box .input-group input {
border: 1px solid var(--thm-border);
border-radius: 6px;
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
width: 50px;
}
.payment_box .input-group input,
.payment_box .input-group input::placeholder {
font-size: 14px;
color: var(--thm-body-color);
}
.payment_box .payment_icon {
width: 50px;
margin-left: 20px;
}
.payment_box .thm-btn {
color: var(--thm-body-color);
font-size: 14px;
border: 1px solid var(--thm-border);
padding: 8px 20px;
}
.payment_box .thm-btn:focus,
.payment_box .thm-btn:hover {
border-color: var(--thm-color-two);
color: var(--thm-white);
}
/*team*/
.team_box {
position: relative;
overflow: hidden;
border-radius: 8px;
border: 1px solid var(--thm-border);
margin-bottom: 30px;
}
.team_box .team_image {
height: 375px;
}
.team_box .team_caption {
text-align: center;
padding: 20px;
padding-bottom: 5px;
}
.team_details_text .team_post,
.team_box .team_caption .team_post {
font-weight: 500;
margin-bottom: 5px;
}
.team_details_text .team_title,
.team_box .team_caption .team_title {
margin-bottom: 15px;
}
.team_box .team_caption .team_social {
display: flex;
align-items: center;
justify-content: center;
}
.team_box .team_caption .team_social li a {
display: flex;
margin: 0 25px 18px;
font-size: 16px;
}
/*team_details*/
.team_details_image {
position: relative;
overflow: hidden;
border-radius: 8px;
margin-bottom: 30px;
}
.team_details_image .team_social {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: var(--thm-color-one);
z-index: 1;
}
.team_details_image .team_social li a {
display: flex;
margin: 18px 25px;
font-size: 16px;
color: var(--thm-white);
}
.team_details_image .team_social li a:hover {
color: var(--thm-color-two);
}
.team_details_text .team_post {
color: var(--thm-color-one);
}
.team_details_text .team_info,
.team_details_text .team_list {
margin-bottom: 30px;
}
.team_details_text .team_info li,
.team_details_text .team_list li {
margin-bottom: 15px;
display: flex;
align-items: center;
line-height: 1.8;
}
.team_details_text .team_list li:before {
content: '\f058';
font-family: var(--thm-icon-font);
margin-right: 8px;
color: var(--thm-color-one);
font-size: 18px;
}
.team_details_text .team_info li a {
color: var(--thm-color-two);
font-weight: 500;
font-size: 16px;
display: flex;
align-items: center;
}
.team_details_text .team_info li a i {
width: 40px;
height: 40px;
background-color: var(--thm-color-one);
border-radius: 8px;
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
color: var(--thm-white);
font-size: 14px;
}
.team_details_text .team_info li:hover a {
color: var(--thm-color-one);
}
/*Privacy policy*/
.info_text_box h5,
.info_text_box .title {
font-size: 28px;
margin-bottom: 10px;
}
.info_text_box p {
margin-bottom: 20px;
}
.info_text_box .team_details_text .team_list li {
align-items: flex-start;
}
.info_text_box .team_details_text .team_list li:before {
line-height: 1.5;
}
/*error-page*/
.error-page {
line-height: normal;
text-transform: uppercase;
}
.error-page .title {
font-size: 60px;
font-weight: 900;
line-height: normal;
margin-bottom: 15px;
}
.error-page .thm-btn {
text-transform: capitalize;
padding: 14px 35px;
}
/*Product Details*/
.product_sidebar ,
.shop_details_box {
margin-bottom: 80px;
}
.product_slider_box {
position: relative;
margin-bottom: 40px;
padding: 0 40px;
}
.product_slider_box .product_slider .slide_item img {
max-width: 320px;
margin: 0 auto 60px;
}
.product_slider_box .product_slider_nav .slide_item img {
border: 1px solid var(--thm-border);
border-radius: 8px;
width: 100%;
height: 85px;
padding: 10px;
cursor: pointer;
}
.product_slider_box .product_slider_nav .slide_item.slick-center:before {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid var(--thm-border);
content: '';
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
}
.product_slider_box .product_slider_nav .slick-list {
padding-top: 15px !important;
}
.product_slider_box .product_slider_nav .slick-arrow {
top: 50%;
transform: translateY(-50%);
}
.product_slider_box .product_slider_nav .slick-arrow.slick-prev {
right: auto;
left: -45px;
}
.product_slider_box .product_slider_nav .slick-arrow.slick-next {
right: -45px;
}
/*product_details*/
.product_details {
position: relative;
margin-bottom: 40px;
padding: 0;
border: none;
border-radius: 0;
}
.product_details .product_title {
font-size: 36px;
line-height: normal;
margin-bottom: 15px;
}
.product_details .rating {
margin-bottom: 20px;
}
.product_details.product_block .product_price {
margin-bottom: 20px;
justify-content: flex-start;
}
.product_details.product_block .product_price span {
font-size: 24px;
}
.product_details.product_block .product_price span + span{
font-size: 80%;
}
.product_details .product_action {
margin-top: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.product_details .product_action .quantity {
display: flex;
align-items: center;
width: 150px;
margin-right: 30px;
margin-bottom: 30px;
border: 1px solid var(--thm-border);
border-radius: 8px;
padding: 10px;
}
.product_block .product_action .quantity .btn {
width: 25px;
text-align: center;
font-size: 14px;
color: var(--thm-white);
background-color: var(--thm-color-three);
position: relative;
border-radius: 6px;
transition: 0.5s all;
padding: 4px 0;
text-transform: uppercase;
line-height: normal;
border: none;
}
.product_details .product_action .quantity .btn {
background-color: var(--thm-color-one);
}
.product_block .product_action .quantity input {
border: none;
text-align: center;
width: calc(100% - 50px);
}
.product_details .product_meta li {
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: normal;
}
.product_details .product_meta li p,
.product_details .product_meta li a,
.product_details .product_meta li strong {
margin-bottom: 15px;
}
.product_details .product_meta li strong {
color: var(--thm-color-two);
margin-right: 7px;
}
.product_details .product_meta li a {
color: var(--thm-body-color);
}
.product_details .product_meta li a:hover {
color: var(--thm-color-one);
}
.product_details .product_meta li a:after {
content: ",";
margin-left: 2px;
margin-right: 3px;
}
.product_details .product_meta li a:last-child:after {
display: none;
}
.product_details .product_social {
position: absolute;
top: 11px;
font-size: 18px;
right: 0;
line-height: normal;
z-index: 10;
}
.product_details .product_social .social_trigger {
display: flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
color: var(--thm-color-one);
}
.product_details .product_social .social_trigger:hover {
color: var(--thm-color-four);
}
.product_details .product_social .social_media {
position: absolute;
top: 100%;
right: 0;
line-height: normal;
display: none;
}
.product_details .product_social .social_media li a {
display: flex;
width: 30px;
height: 30px;
align-items: center;
justify-content: center;
font-size: 16px;
color: var(--thm-white);
background-color: var(--thm-color-one);
margin-top: 5px;
border-radius: 8px;
}
.product_details .product_social .social_media li:hover a {
background-color: var(--thm-color-two);
}
.ratings_block {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.ratings_block .total_rating {
margin: 0px 0;
width: 100%;
max-width: 250px;
}
.ratings_block .total_rating .value {
line-height: normal;
margin-bottom: 10px;
font-size: 48px;
color: var(--thm-color-two);
font-weight: 500;
}
.ratings_block .total_rating .value i {
color: var(--thm-color-one);
font-size: 16px;
}
.ratings_block .rating_bar {
margin: 30px 0;
border-left: 1px solid var(--thm-border);
padding-left: 80px;
}
.ratings_block .rating_bar ul li {
line-height: normal;
margin-bottom: 15px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.ratings_block .rating_bar ul li .rate {
color: var(--thm-border);
margin-right: 10px;
}
.ratings_block .rating_bar ul li .rate i {
font-size: 12px;
}
.ratings_block .rating_bar ul li .rate_bar {
width: 150px;
height: 4px;
border-radius: 2px;
background-color: var(--thm-color-light);
margin-right: 10px;
position: relative;
overflow: hidden;
}
.ratings_block .rating_bar ul li .rate_bar>div {
background-color: var(--thm-color-one);
display: flex;
height: 4px;
border-radius: 4px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.ratings_block .rating_bar ul li .rate_value {
color: var(--thm-color-two);
font-size: 15px;
}
.ratings_block .rating_bar ul li:last-child {
margin-bottom: 0;
}
/*customer_photos*/
.customer_photos {
padding: 30px 0 0px;
border: 1px solid var(--thm-border);
border-left: none;
border-right: none;
margin-bottom: 30px;
}
.customer_photos .images {
display: flex;
flex-wrap: wrap;
position: relative;
overflow: hidden;
border-radius: 8px;
}
.customer_photos .images img {
margin-bottom: 30px;
margin-right: 20px;
width: 50px;
height: 50px;
cursor: pointer;
}
/*comments*/
.comments.shop_comments .comment {
position: relative;
border-bottom: 1px solid var(--thm-border);
padding-left: 65px;
margin-bottom: 30px;
}
.comments.shop_comments .comment .comment_rate {
display: flex;
align-items: center;
font-size: 14px;
background-color: var(--thm-color-one);
color: var(--thm-white);
position: absolute;
left: 0;
text-align: center;
margin-right: 20px;
padding: 6px 12px;
line-height: normal;
border-radius: 8px;
}
.comments.shop_comments .comment .comment_rate i {
font-size: 8px;
margin-left: 2px;
}
.comments.shop_comments .comment .comment_text {
margin-bottom: 20px;
width: 100%;
}
.comments.shop_comments .comment .customer_photos {
border: none;
padding: 0;
margin: 0;
}
.comments.shop_comments .comment .customer_photos .images img {
margin-bottom: 20px;
width: 35px;
height: 35px;
}
.comments.shop_comments .comment .comment_meta {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.comments.shop_comments .comment .comment_meta .comment_author {
margin-right: 30px;
}
.comments.shop_comments .comment .comment_meta .comment_action,
.comments.shop_comments .comment .comment_meta .comment_author {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 15px;
}
.comments.shop_comments .comment .comment_meta .comment_action li,
.comments.shop_comments .comment .comment_meta .comment_author li {
margin-bottom: 15px;
line-height: normal;
font-size: 14px;
margin-right: 30px;
}
.comments.shop_comments .comment .comment_meta .comment_action li:last-child,
.comments.shop_comments .comment .comment_meta .comment_author li:last-child {
margin-right: 0;
}
.comments.shop_comments .comment .comment_meta .comment_action li button {
color: var(--thm-body-color);
}
/*product_bottom_info*/
.product_bottom_info li {
line-height: normal;
margin-bottom: 15px;
font-weight: 600;
color: var(--thm-color-two);
}
.product_bottom_info li span{
color: var(--thm-color-one);
}
.product_bottom_info li:last-child {
margin-bottom: 0;
}
/*product_sidebar*/
.product_sidebar {
position: relative;
overflow: hidden;
}
.product_sidebar .sidebar_widget {
margin-bottom: 50px;
}
.product_sidebar .sidebar_widget .widget_title {
line-height: normal;
margin-bottom: 20px;
}
.product_sidebar .sidebar_widget:last-child {
margin-bottom: 0;
}
.product_sidebar .product_info {
padding: 20px;
border-radius: 8px;
border: 1px solid var(--thm-border);
padding-bottom: 10px;
}
.product_sidebar .product_info p {
margin-bottom: 10px;
}
.product_sidebar .product_info h6 {
margin-bottom: 15px;
font-size: 18px;
}
.product_sidebar .product_info ul {
display: flex;
flex-wrap: wrap;
}
.product_sidebar .product_info ul li {
line-height: normal;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid var(--thm-border);
flex: 0 0 50%;
max-width: 50%;
}
.product_sidebar .product_info ul li p {
color: var(--thm-color-two);
font-weight: bold;
}
.product_sidebar .product_info ul li strong {
color: var(--thm-body-color);
margin-top: 4px;
display: flex;
font-weight: 400;
}
.product_sidebar .related_products li {
position: relative;
overflow: hidden;
margin-bottom: 30px;
padding: 20px;
border-radius: 8px;
border: 1px solid var(--thm-border);
display: flex;
flex-wrap: wrap;
}
.product_sidebar .related_products .product_thumb {
width: 100px;
height: 100px;
margin-right: 20px;
}
.product_sidebar .related_products .product_thumb a {
display: flex;
width: 100%;
height: 100%;
}
.product_sidebar .related_products li:last-child {
margin-bottom: 0;
}
.product_sidebar .related_products .product_caption {
width: calc(100% - 120px);
}
.product_sidebar .related_products .product_caption .price {
font-weight: 500;
display: flex;
flex-wrap: wrap;
margin-bottom: 12px;
margin-top: 5px;
line-height: normal;
align-items: baseline;
}
.product_sidebar .related_products .product_caption .product_price {
justify-content: flex-start;
}
.product_sidebar .related_products .product_caption .thm-btn {
font-size: 14px;
line-height: normal;
border-color: inherit;
padding: 5px 20px;
font-weight: 400;
}
/*cart*/
.cart_table td.remove {
width: 30px;
}
.cart_table .remove-from-cart {
border: 0;
background-color: transparent;
padding: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
outline: none;
position: relative;
}
.cart_table .remove-from-cart span {
position: absolute;
width: 2px;
height: 15px;
display: block;
background-color: var(--thm-color-three);
opacity: 0.6;
transform-origin: center;
transform: rotate(45deg);
transition: 0.3s;
}
.cart_table .remove-from-cart span:nth-child(2) {
transform: rotate(-45deg);
}
.cart_table .remove-from-cart:hover span {
transform: rotate(90deg);
}
.cart_table .remove-from-cart:hover span:nth-child(2) {
transform: rotate(-90deg);
}
.cart_table .cart_product {
display: flex;
align-items: center;
}
.cart_table .cart_product img {
width: 50px;
height: 50px;
margin-right: 15px;
}
.cart_table .cart_product .cart_product_text {
flex: 1;
}
.cart_table .cart_product .cart_product_text .title {
margin-bottom: 0;
font-size: 14px;
}
.cart_table .cart_product .cart_product_text p {
font-size: 13px;
}
.cart_table td strong {
color: var(--thm-color-two);
}
.cart_table .product_details {
margin-bottom: 0;
padding: 15px;
border: 1px solid var(--thm-border);
}
.cart_table .product_details .product_action .quantity {
border: 1px solid var(--thm-border);
border-radius: 8px;
padding: 10px;
width: 170px;
}
.cart_table span.badge {
line-height: normal;
}
/*Checkout*/
.process_bar {
counter-reset: counter;
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
margin-bottom: 15px;
}
.process_bar li {
text-align: center;
line-height: normal;
margin-bottom: 15px;
color: var(--thm-color-two);
font-weight: 500;
position: relative;
width: 100%;
}
.process_bar li:before {
counter-increment: counter;
content: counter(counter);
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--thm-border);
color: var(--thm-body-color);
border-radius: 50%;
margin: 0 auto 10px;
line-height: normal;
background-color: var(--thm-white);
}
.process_bar li:after {
content: '';
width: 100%;
height: 1px;
background-color: var(--thm-border);
position: absolute;
top: 26px;
left: 50%;
z-index: -1;
}
.process_bar li:last-child:after {
display: none;
}
.process_bar li.done:before,
.process_bar li.active:before {
color: var(--thm-white);
background-color: var(--thm-color-one);
border-color: inherit;
}
.process_bar li.done:after {
background-color: var(--thm-color-one);
}
.c-out_title {
border-bottom: 1px solid var(--thm-border);
padding-bottom: 30px;
margin-bottom: 0;
}
.c-out_title a {
text-decoration: underline;
font-size: 50%;
}
.checkout_form {
margin-top: 30px;
margin-bottom: 50px;
}
.checkout_items {
border-left: 1px solid var(--thm-border);
height: 100%;
margin-bottom: 80px;
}
.checkout_items .items_box {
border-bottom: 1px solid var(--thm-border);
padding-top: 30px;
padding-left: 30px;
}
.checkout_items .checkout_info .title {
line-height: normal;
font-size: 18px;
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 500;
margin-bottom: 15px;
}
.checkout_items .checkout_info .title a {
text-decoration: underline;
}
.checkout_items .items table {
margin-bottom: 15px;
border: none;
}
.checkout_items .items .table thead th {
padding: 0;
border: none;
color: var(--thm-color-two);
line-height: normal;
padding-bottom: 15px;
}
.checkout_items .items .table tbody td {
padding: 15px 0;
border: none;
color: var(--thm-color-two);
}
.about-tick i {
color: #ff8149;
font-family: 'FontAwesome';
}
.checkout_items .items .table tbody td .type {
width: 22px;
height: 22px;
border: 1px solid;
display: flex;
align-items: center;
justify-content: center;
}
.checkout_items .items .table tbody td .type:before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
display: flex;
}
.checkout_items .items .table tbody td .type.veg {
border-color: var(--thm-color-one);
}
.checkout_items .items .table tbody td .type.veg:before {
background-color: var(--thm-color-one);
}
.checkout_items .items .table tbody td .type.non-veg {
border-color: var(--thm-color-three);
}
.checkout_items .items .table tbody td .type.non-veg:before {
background-color: var(--thm-color-three);
}
.checkout_items .items .table tbody td:last-child,
.checkout_items .items .table thead th:last-child {
text-align: right;
}
.checkout_items .checkout_info .add {
max-width: 320px;
margin-bottom: 5px;
}
.checkout_items .amount_info {
padding-bottom: 30px;
}
.checkout_items .amount_info ul li {
margin-bottom: 15px;
line-height: normal;
display: flex;
align-items: center;
justify-content: space-between;
}
.checkout_items .amount_info ul li span {
color: var(--thm-color-two);
font-weight: 500;
}
.checkout_items .amount_info ul li:last-child,
.checkout_items .amount_info ul li:last-child span {
color: var(--thm-color-one);
margin-bottom: 0;
}
.checkout_items .total_amount {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 15px;
}
.checkout_items .total_amount strong {
color: var(--thm-color-two);
margin-bottom: 12px;
}
/*order_list*/
.order_list_block {
margin-bottom: 30px;
padding: 15px;
padding-bottom: 0;
border: 1px solid var(--thm-border);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.order_list_block .image_info_box {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.order_list_block .image_info_box img {
width: 100px;
height: 100px;
margin-right: 20px;
}
.order_list_block .image_info_box .name {
font-size: 18px;
}
.order_list_block .price {
color: var(--thm-color-two);
font-weight: 600;
font-size: 18px;
margin-bottom: 15px;
margin-left: 20px;
margin-right: 20px;
}
.order_list_block .order_info {
margin-bottom: 15px;
font-size: 14px;
}
.order_list_block .order_info h6 {
font-weight: 600;
font-size: 18px;
}
.order_list_block .order_info h6:before {
content: '';
width: 10px;
height: 10px;
background-color: var(--thm-color-one);
border-radius: 50%;
display: inline-flex;
margin-right: 7px;
position: relative;
top: -1px;
}
.order_list_block .order_info span {
color: var(--thm-color-one);
display: flex;
align-items: center;
line-height: normal;
margin-top: 4px;
}
.order_list_block .order_info span i {
font-size: 11px;
margin-right: 5px;
margin-top: -2px;
}
/*order_details*/
.order_user_details {
border: 1px solid var(--thm-border);
margin-bottom: 30px;
}
.order_user_details .details_box {
padding: 40px;
padding-bottom: 10px;
border-right: 1px solid var(--thm-border);
height: 100%;
}
.order_user_details .details_box .title {
margin-bottom: 10px;
}
.order_user_details [class*=col-]:last-child .details_box {
border: none;
}
.order_user_details .details_box ul li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
padding-left: 40px;
}
.order_user_details .details_box ul li i {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--thm-color-one);
color: var(--thm-white);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
}
/*order_details_item*/
.order_details_item {
border: 1px solid var(--thm-border);
margin-bottom: 30px;
padding: 40px;
padding-bottom: 10px;
}
.order_details_item .order_product {
display: flex;
align-items: center;
}
.order_details_item .order_product .image {
width: 130px;
height: 130px;
margin-bottom: 30px;
margin-right: 20px;
}
.order_details_item .order_product .text {
margin-bottom: 30px;
}
.order_details_item .order_actions li {
line-height: normal;
font-size: 14px;
margin-bottom: 15px;
}
.order_details_item .order_process {
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
position: relative;
}
.order_details_item .order_process li {
margin-bottom: 15px;
cursor: pointer;
width: 100%;
position: static;
}
.order_details_item .order_process li span {
font-size: 14px;
display: block;
position: relative;
line-height: normal;
width: 100%;
white-space: nowrap;
}
.order_details_item .order_process li span.title:before {
content: '';
width: 100%;
height: 2px;
background-color: var(--thm-color-light);
display: flex;
position: absolute;
bottom: 7px;
left: 50%;
}
.order_details_item .order_process li span.title:after {
content: '';
width: 15px;
height: 15px;
border-radius: 50%;
display: block;
background-color: var(--thm-color-light);
margin: 15px auto;
z-index: 1;
position: relative;
}
.order_details_item .order_process li:last-child span.title:before {
display: none;
}
.order_details_item .order_process li .title {
    color: #b68e6e;
    font-weight: 500;
    font-size: 20px !important;
}
.order_details_item .order_process li .date {
font-weight: 500;
}
.order_details_item .order_process .done .date {
color: var(--thm-color-two);
}
.order_details_item .order_process .done .title:before,
.order_details_item .order_process .done .title:after,
.order_details_item .order_process .active .title:after {
background-color: var(--thm-color-one);
}
/*contact*/
.contact_box {
    text-align: center;
    border: 1px solid var(--thm-border);
    padding: 40px;
    margin-bottom: 30px;
    /* border-radius: 8px; */
    margin-top: 30px;
}
.contact-detail {
    color: #fff;
}
.contact_box .icon-contact {
    width: 100px !important;
    display: inline-block !important;
    height: 100px !important;
    padding: 25px;
    background-color: #f42a2a;
    color: var(--thm-white);
    align-items: center;
    justify-content: center !important;
    font-size: 35px;
    line-height: normal;
    border-radius: 50%;
}
.contact_box .text {
    margin-bottom: 0;
    color: var(--thm-color-two);
    font-weight: 600;
    font-size: 18px;
}
.contact_box-perra {
    padding-top: 15px;
}
/*contact_form*/


.contact_map>.div {
    height: calc(100% - 60px);
    min-height: 400px;
    width: 86% !important;
}
.contact_social {
display: flex;
position: relative;
justify-content: center;
align-items: center;
}
.contact_social li {
margin: 0 8px;
}
.contact_social li a {
display: flex;
width: 40px;
height: 40px;
border: 1px solid var(--thm-white);
border-radius: 8px;
color: var(--thm-white);
align-items: center;
justify-content: center;
font-size: 16px;
margin-top: 20px;
}
.contact_social li:hover a {
background-color: var(--thm-white);
color: var(--thm-color-four);
}
/*feature*/
.feature-img-1 {
background: #0084FF;
}
.Feature-img {
width: 90px;
font-size: 60px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
border-radius: 20px;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: all .5s ease-in-out;
height: 90px;
}
.feature-item {
padding: 30px 30px;
margin: 0 10px;
margin-bottom: 25px;
background: #fff;
text-align: center;
border-radius: 8px;
position: relative;
box-shadow: 0px 10px 30px 0px rgb(2 24 95 / 6%);
transition: all .5s ease-in-out;
}
.feature-img-3 {
background: #37B546;
}
.feature-img-4 {
background: #FD4A36;
}
.feature-img-2 {
background: #FFB400;
}
.printing_image {
width: 40px;
height: auto;
}
/*about*/

.theme-btn {
width: 38%;
}
.tick-1 span {
margin: 0 11px;
}
.tick-1 {
margin-bottom: 5px;
padding: 3px;
}
.post_footer:hover i {
    background: -webkit-linear-gradient(45deg,#e87569,#ef8787);
    color: black;
}
.post_footer:hover a {
color: #fff;
}
.right-arrow i {
    color: white;
    background: #f48386;
    width: 40px;
    margin-right: -17px;
    height: 40px;
    font-size: 17px;
    line-height: 2.3;
    margin-right: -35px;
    border-radius: 50px;
}

.counter.text-center h2 {
color: #fff;
}
.
.icon img {
margin-top: 12px;
border-radius: 50px;
}
.icond {
border: 2px dotted #000;
width: 120px;
height: 120px;
border-radius: 48px;
line-height: 7;
margin-bottom: 29px;
position: relative;
left: 20px;
}
.icond img {
border-radius: 50px;
}
.coming-soon .coming-soon-text .counter .counter-box {
text-align: center;
width: 25%;
padding: 0 15px;
margin: 0 15px;
position: relative;
background-color: #ff3b00;
}
.coming-soon .coming-soon-text .counter .counter-box .inner-box {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
border-radius: 0px;
margin-bottom: 10px;
font-size: 50px;
line-height: 1;
margin-top: 20px;
font-weight: 600;
}
.counter-box-inner {
display: flex;
justify-content: center;
}
.coming-soon .coming-soon-text .counter {
display: flex;
justify-content: center;
margin: 0px 0px 30px;
}
.coming-soon .coming-soon-text .counter .counter-box {
text-align: center;
width: 25%;
padding: 0 15px;
margin: 0 15px;
position: relative;
background-color: #ff3b00;
}
.coming-soon .coming-soon-text .counter .counter-box .inner-box {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
border-radius: 0px;
margin-bottom: 10px;
font-size: 50px;
line-height: 1;
margin-top: 20px;
font-weight: 600;
}

/*banner*/
.inner-tick {
display: flex;
}
.inner-tick span {
width: 35px;
height: 35px;
font-weight: 400;
line-height: 37px;
text-align: center;
border-radius: 100%;
color: #ff4328;
background-color: #fff;
}
.inner-tick p {
padding: 0 20px;
}
.post_footer.banner-button {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
width: 188px;
display: flex;
height: 50px;
position: relative;
left: 12px;
margin-top: 20px;
}
h2.bannner-h2 {
font-weight: 600;
text-transform: capitalize;
font-size: 56px;
color: #091f3c;
margin-top: 20px;
margin-bottom: 18px;
}
.tick-banner {
margin: -16px 0;
}
.offer_bg_text {
margin: 33px 20px;
}
p.big-para {
width: 85%;
}
.bannes .post_footer {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
width: 155px;
display: flex;
height: 46px;
left: 80px;
margin-top: 25px;
}
.bannes small {
    display: flex;
    justify-content: center;
    margin-top: 34px;
}
h3.title {
    text-align: center;
}
.block {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    transition: all 3s ease;
    margin-left: 35px;
    margin-left: -15px;
}
.icon:hover i{
color: white;
}
/**/
.block {
display: flex;
align-items: center;
margin-bottom: 30px;
transition: all 3s ease;
margin-left: 35px;
}
.block .icon {
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--thm-color-one);
color: var(--thm-white);
border-radius: 50px;
}
.block i {
font-size: 28px;
position: relative;
top: -3px;
left: 2px;
}
.block .text {
width: calc(100% - 70px);
}
.block .text .title {
margin-bottom: 0px;
font-weight: bold;
}
/*style_two*/
.block.style_two .icon {
color: var(--thm-color-one);
background-color: var(--thm-white);
font-size: 50px;
}
.block:hover .yellow::before{
border: 3px dashed #000000;
width: 80px;
height: 80px;
}
.block .text .title {
margin-bottom: 0px;
font-weight: bold;
font-size: 19px;
}
.btn8
{
position: relative;
font-weight: bold;
font-size: 35px;
display: inline-block;
width: 55px;
height: 55px;
text-align: center;
border-radius: 50%;
cursor: pointer;
margin: 25px 10px;
color: #fff;
}
.block img {
border-radius: 50px;
position: relative;
top: -4px;
opacity: 0.8;
}
.block img:hover{

opacity: 1;
}
.btn8::before {
position: absolute;
content: '';
padding: 50px 50px;
z-index: -1;
border-radius: 50%;
top: 46%;
left: 50%;
transform: translate(-50%,-50%);
animation: rotate 20s linear infinite;
}
.yellow {
color: #000;
width: 70px;
height: 72px;
}
.block .yellow::before{
border: 3px dashed #000000;
width: 80px;
height: 80px;
}
.banner-a {
position: relative;
left: 18px !important;
width: 170px;
}
@keyframes rotate
{
from
{
transform: translate(-50%,-50%) rotate(360deg);
}
to
{
transform: translate(-50%,-50%) rotate(-360deg);
}
}


/*------------------------------*/

@media (max-width: 1199px) {
   .menu-btn {
    background-color: #164E63;
    color: #fff;
    padding: 12px 13px !important;
    display: ;
    border-radius: 5px;
    margin: 10px;
    font-size: 15px;
}
    .main-menu {
    margin: 0 !important;
}
    .header .navigation .main-menu>.menu-item>a {
    color: #fff !important;
    font-size: 15px;
    padding: 20px 11px !important;
    display: flex;
    align-items: center;
    font-weight: 600;
}
}



/*----------------------*/

/*  <Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                     tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                     consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                     cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
/                proident, sunt in culpa qui officia deserunt mollit anim id est laborum.*/


/*--------tab gallery start--------------*/



/*----gallery section start--*/

/*-----gallery start------*/
/*.gallery-image.mt-5 {
    margin-top: 2rem !important;
}*/
/*.gallery-image {
    padding-bottom: 10px;
}
.gallery-image img {
    width: 100%;
}*/
/*.smallsquare::before {
    content: '';
    top: 0;
    
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0,0,0,0.6);
    z-index: 999;
}*/
/*.smallsquare:hover {
    transform: scale(1.1);
}*/

/*-----gallery end------*/

.gallery_title {
  text-align: center;
  padding-bottom: 1rem;
}

.gallery {
  margin: 0 auto;
  /*display: grid;
  max-width: 780px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
  grid-auto-rows: 180px;
  grid-gap: 20px;
  padding-bottom: 70px;
}

.gallery .item {
  margin: 0 auto;
  cursor: pointer;
/*  filter: grayscale(40%);*/
}

.gallery .item:hover {
  filter: none;
  transition: 0.3s ease-out;
/*  transform: scale(1.06);*/
}


/*------*/




/*=================welcome animals start====================*/


.back-yellow-contact::before {
    position: absolute;
    content: '';
    width: 450px;
    height: 405px;
    top: 0;
    left: 80px;
    right: 0;
    bottom: 0;
    background-color: #ffbb00;
    z-index: 0;
}
.contact_map {
    margin: 65px;
    margin-right: 0;
}
.bottom-line-stat {
    /* padding-bottom: 100px; */
    margin-bottom: 25px;
}
.welcome-animal {
    padding-top: 70px;
}
.welcome-animal.pr-5 {
    padding-right: 50px;
    text-align: end;
}
.about-iamge {
    margin-top: 30px;
}
.contact-part-two {
    padding: 122px 0;
}
.line-hedding {
    width: 50px;
    height: 3px;
    background-color: #ffbb00;
    display: inline-block;
}
.get-idea {
    color: #000;
    font-weight: 700;
}
.read-more-btn {
    padding-top: 30px;
}
.welcome-get-idea {
    padding-bottom: 15px;
}
.about-iamge {
    margin-top: 30px;
    padding-right: 50px;
}
.about-iamge img {
    width: 100%;
    
}
.welcome-animal-perra {
    padding: 110px 0px;
}

li.protection select {
    background: transparent;
    color: #fff;
    border: 0;
}

/*=================welcome animals end====================*/


/*=================event start====================*/
.join-event-down {
    padding-bottom: 0;
    padding-top: 208px;
}
.event-image img {
    width: 100%;
}
.event-card {
/*    margin-bottom: 20px;*/
    margin: 15px;
}
.welcome-animal.event-hedding {
    color: #fff;
    margin-bottom: 50px;
}
.welcome-animal.event-hedding h3 {
    color: #fff;
}
.event-card-perra {
    padding: 25px;
    color: #000;
    font-weight: 800;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.event-btn a {
    padding: 0px 20px;
    font-size: 15px;
    font-weight: 400;
}


/*=================event end====================*/


/*=================our-tour start====================*/

.tour-top {
    padding-top: 0;
}
.section-padding-our {
    padding-bottom: 100px !important;
}
.tour-card-image-detail.text-center {
    position: absolute;
    left: 0;
    color: #fff;
    bottom: 0;
    padding: 20px;
}
.tour-one {
    color: #fff;
    font-family: inherit;
    font-weight: 400;
    font-size: 20px;
    margin: 0;
}
.tour-one-line {
    width: 35px;
    height: 2px;
    background-color: #ffbb00;
    display: inline-block;
}
.tour-perra {
    padding-bottom: 35px;
}

.tour-color-red {
    background-color: #f42a2a;
    position: relative;
    z-index: 0;
    padding-top: 300px;
}

.tour-enquire-now.d-flex {
    justify-content: center;
    color: #fff;
}

.enquire-now-btn {
    padding: 13px 25px;
    font-size: 14px;
    background-color: #fff;
    color: #000;
    font-weight: 700;
    margin: 10px 0;
    margin-right: 20px;
}
.bottom-line-tour-now {
    width: 2px;
    height: 73px;
    background-color: #fff;
    margin-right: 20px;
}
.tour-contact-us {
    margin-top: 9px;
    text-align: left;
}


.tour-card-image-sect {
    top: 20px;
    left: 0px;
    margin-bottom: -310px;
    z-index: 1;
}
.tour-card-image {
    margin: 10px;
}
.tour-card {
    margin-bottom: 20px;
}
.tour-card-image img {
    width: 100%;
    height: auto;
}

/*=================our-tour end====================*/


/*=================testi start====================*/

.testi-box-detail-image img {
    width: 55px;
    height: 55px;
}

.testi-box {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin: 10px 10px;
    padding: 40px 30px;
    /* margin-bottom: 15px; */
    position: relative;
}
.robin-hed h6 {
    font-size: 13px;
    margin: 0;
    color: #000;
}
.robin-hed p {
    margin: -3px;
    font-size: 13px;
    color: #f42a2a;
    font-weight: 600;
}
.robin-hed {
    padding: 10px;
    margin-left: 10px;
    text-align: start;
}
.testi-red-line1 {
    bottom: 50px;
    right: 0;
    position: absolute;
}
.testi-box-perra p {
    padding-bottom: 25px;
}
.testi-red-line1 img {
    width: 200px;
}
.section-padding.latest-section {
    padding-top: 0;
}

.latest-card-image img {
    width: 100%;
    height: auto;
}
.latest-perragraph {
    padding: 25px;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin: 0 25px;
    position: relative;
    bottom: 55px;
}
.latest-detail-date {
    padding-right: 13px;
    color: #000;
    font-size: 13px;
    font-weight: 600;
}
.late-perr {
    padding-bottom: 20px;
}
.latest-detail-perra h6 {
    color: #000;
    padding-top: 15px;
}
.latest-detail.d-flex {
    border-bottom: 1px solid;
    padding-bottom: 20px;
    color: #f42a2a;
}
.latest-detail-date i {
    color: #f42a2a;
}


/*=================testi end====================*/



.containe{
  margin: 20px 0;
}

.timeline{
  counter-reset: number 0;
  position: relative;
}

.timeline li {
    list-style: none;
    float: left;
    width: 33.3333%;
    position: relative;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
}

.timeline li:before {
    counter-increment: number;
    content: counter(number);
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 50px;
    margin: 0 auto 10px auto;
    background: #F1F1F1;
    color: #f42a2a;
    transition: all ease-in-out .3s;
    cursor: pointer;
    font-weight: 800;
}

.timeline li:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  top: 25px;
  left: -50%;
  z-index: -999;
  transition: all ease-in-out .3s;
}

.timeline li:first-child:after{
  content: none;
}
.timeline li.active{
  color: #555555;
}
.timeline li.active:before{
  background: #4caf50;
  color: #F1F1F1;
}

.timeline li.active + li:after{
  background: #4caf50;
}

/*---------------*/

.modal-body {
    padding: 0;
}
.modal-content {
    border: 0;
    background: transparent;
}
.modal-header{
    border: 0;
}
@media (min-width: 576px) {
.modal-dialog {
    max-width: 500px;
    margin: 6.75rem auto;
    o: ;
}
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto;
    position: absolute;
    right: -50px;
    opacity: 1;
    color: #000;
    /* background: #000; */
    border: 1px solid #fff;
}

.video-btn i:before {
 content: '\f04b';
}
.video-btn:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    border-radius: 50%;
    box-shadow: rgb(233 84 79 / 37%) 0px 7px 29px 0px;
    border: 3px solid #FFFFFF;
    -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    border-color: #FFFFFF;
}

@keyframes btnIconRipple {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1.5);
    }
}