@charset "UTF-8";

/*Google Fonts*/
 @import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
 :root {
     --thm-font: 'Karla', sans-serif;
    /* Headings */
     --thm-b-font: 'Karla', sans-serif;
    /* Body font */
     --thm-icon-font: "Font Awesome 5 Pro";
    /*Icon Font*/
     --thm-color-one: #d9aa4a;
     --thm-color-two: #543901;
     --thm-color-three: #edf1f5;
     --thm-color-four: #252525;
    /*Light Color*/
     --thm-color-light: #f7f7f7;
    /*RGB Colors*/
     --thm-color-one-rgb: 217, 170, 74;
     --thm-color-two-rgb: 84, 57, 1;
     --thm-color-three-rgb: 237, 241, 245;
     --thm-color-four-rgb: 0, 0, 0;
    /*Light Color*/
     --thm-color-light-rgb: 247, 247, 247;
    /*Theme Colors*/
     --thm-body-color: #aeaeae;
    /*Body Colors*/
     --thm-white: #ffffff;
    /*White Color*/
     --thm-border: #d1d1d1;
    /*Border Color*/
}
/*Animations*/
 @keyframes fadeHeaderInDown {
     0% {
         opacity: 0;
         transform: translate3d(0, -100%, 0);
    }
     100% {
         opacity: 1;
         transform: translate3d(0, 0, 0);
    }
}

 @keyframes opacity {
     0% {
         opacity: 0;
         transform: scale(3);
    }
     100% {
         opacity: 1;
         transform: scale(1);
    }
}
/*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: var(--thm-b-font);
     overflow-x: hidden;
     color: var(--thm-body-color);
     font-size: 15px;
     line-height: 1.8;
     font-weight: 400;
     counter-reset: sectionCounter;
}
 .relative {
     position: relative;
}
 .thm-font {
     font-family: var(--thm-font);
}
 .section-padding {
     position: relative;
     padding: 80px 0;
}
 .section-header img {
     margin: 5px 0px 12px 0px;
}
 .section-padding.section {
     padding-bottom: 50px;
}
 .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%;
}
 select {
     appearance: none;
}
 .form-group {
     position: relative;
     margin-bottom: 30px;
}
 .container-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;
}
 .section-parallax {
     background-attachment: fixed;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     position: relative;
     z-index: 1;
}
/*section-title*/
 .section-header {
     max-width: 550px;
/*     padding-bottom: 30px;*/
     margin: 0 auto 0 0;
     text-align: left;
     position: relative;
}
 .section-header span {
     font-size: 55px;
     line-height: 1.0;
     position: absolute;
     left: 50%;
     top: 0%;
     z-index: 0;
     transform: translate(-50%, -50%);
     text-transform: uppercase;
     opacity: 0.3;
     letter-spacing: 7px;
     width: 100%;
}
 .section-header .section_count {
     margin-bottom: 0;
     font-size: 50px;
     font-weight: 600;
     color: var(--thm-color-one);
     line-height: 1.5;
}
 .section-header .section_count:before {
     counter-increment: sectionCounter;
/*  content: "0"counter(sectionCounter);*/
}

 .section-header .title {
     font-weight: 400;
     text-transform: uppercase;
     display: flex;
     font-size: 36px;
     margin-bottom: 0px;
}
 .section-header .text {
     margin-bottom: 0;
}
 .section-header.text-center {
     margin: 0 auto;
}
 .section-header.text-center .title {
     justify-content: center;
}
 .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);
}
 blockquote .quote_icon {
     width: 50px;
     height: 50px;
     background: var(--thm-color-one);
     color: var(--thm-white);
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 15px;
     font-size: 16px;
     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;
}
/*Slick Arrows*/
 .slick-arrow {
     font-size: 0;
     position: absolute;
     top: -70px;
     z-index: 100;
     width: 40px;
     height: 40px;
     color: var(--thm-border);
     background-color: var(--thm-white);
     border-radius: 50%;
     left: 0;
     transition: 0.3s all;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid var(--thm-border);
}
 .slick-arrow:hover {
     color: var(--thm-white);
     background-color: var(--thm-color-one);
     border-color: inherit;
}
 .slick-arrow:before {
     content: "\f053";
     font-family: var(--thm-icon-font);
     font-weight: 400;
     font-size: 14px;
}
 .slick-arrow.slick-next:before {
     content: "\f054";
}
 .slick-arrow.slick-prev {
     left: auto;
     right: 65px;
}
 .slick-arrow.slick-next {
     right: 15px;
     left: auto;
}
/*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: 20px;
     height: 20px;
     border-radius: 50%;
     background: var(--thm-white);
     margin: 0 8px;
     transition: 0.6s all;
     border: 0px solid var(--thm-color-two);
}
 .slick-dots li.slick-active button {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: var(--thm-color-one);
     border: 0px solid var(--thm-color-one);
     position: relative;
}
 .slick-dots li.slick-active button:before {
     content: '';
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background-color: transparent;
     border: 2px solid var(--thm-color-one);
     position: absolute;
     top: -5px;
     left: -5px;
}
/*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: 5px;
     background-color: var(--thm-color-two);
     color: var(--thm-white);
     width: 40px;
     height: 40px;
     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: var(--thm-color-one);
}
/* Typography */
 h1, h2, h3, h4, h5, h6 {
     font-family: var(--thm-font);
     color: var(--thm-color-four);
     font-weight: 400;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     color: var(--thm-color-four);
}
 h1, h2, h3, h4, h5, h6 {
     margin-bottom: 30px;
}
 h1 {
     font-size: 70px;
}
 h2 {
     font-size: 60px;
}
 h3 {
     font-size: 40px;
     line-height: 1.2;
}
 h4 {
     font-size: 30px;
     line-height: 1.4;
}
 h5 {
     font-size: 20px;
     line-height: 1.3;
}
 h6 {
     font-size: 18px;
     line-height: 1.7;
}
 p {
     margin-bottom: 30px;
}
 a {
     color: var(--thm-color-three);
     transition: .3s all;
     display: inline-block;
}
 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: var(--thm-color-one);
     text-decoration: none;
}
/*Tables*/
 table {
     margin-bottom: 30px;
}
 table th, table td {
     padding: 15px;
     vertical-align: middle;
     background-color: var(--thm-white);
}
 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;
}
/*Forms*/
 .form-control:focus {
     box-shadow: none;
}
 .form_style {
     background: rgba(255,255,255,0.3);
     padding: 20px;
     margin: 10px;
}
 .cont-frm-img img{
     width: 370px;
     height: auto;
}
 .ctnct-frm-hm{
     display: flex;
     flex-wrap: nowrap;
}
 .form_style label {
     font-size: 20px;
     font-weight: 400;
     text-transform: uppercase;
     color: var(--thm-white);
}
 .form_style .form-control {
     background-color: transparent;
     border: none;
     padding: 0;
     padding-bottom: 10px;
     border-bottom: 2px solid var(--thm-color-one);
     border-radius: 0;
}
 .form_style .form-control:focus {
     box-shadow: none;
     border: none;
     border-bottom: 2px solid var(--thm-color-one);
}
 .form_style .form-control, .form_style .form-control::placeholder {
     color: var(--thm-white);
     text-transform: capitalize;
     font-size: 15px;
     line-height: 1;
     height: auto;
}
 .form_style.style_two .form-control, .form_style.style_two .form-control::placeholder {
     color: var(--thm-body-color);
     text-transform: none;
     font-size: 16px;
     font-weight: 500;
}
/*Buttons*/
.button_slide {
	color: #FFF;
	border: 2px solid var(--thm-color-four);
	border-radius: 0px;
	padding: 5px 20px;
	display: inline-block;
	font-size: 17px;
	letter-spacing: 1px;
	cursor: pointer;
	box-shadow: inset 0 0 0 0 var(--thm-color-four);
	background-color: var(--thm-color-one);
	transition: ease-out 0.8s;
}

.slide_diagonal:hover {
  box-shadow: inset 400px 50px 0 0 var(--thm-color-four);
}

#outer {
  width: 364px;
  margin: 50px auto 0 auto;
  text-align: center;
}
/*Colors*/
 .thm-color-one {
     color: var(--thm-color-one);
}
 .thm-color-two {
     color: var(--thm-color-two);
}
 .thm-color-three {
     color: var(--thm-color-three);
}
 .thm-color-four {
     color: var(--thm-color-four);
}
 .thm-bg-color-one {
     background-color: var(--thm-color-one);
}
 .thm-bg-color-two {
     background-color: var(--thm-color-four);
}
 .thm-bg-color-three {
     background-color: var(--thm-color-three);
}
 .thm-bg-light {
     background-color: var(--thm-color-light);
}
 .thm-bg-color-four {
     background-color: var(--thm-color-four);
}
 .fw-500 {
     font-weight: 500;
}
 .fw-600 {
     font-weight: 600;
}
 .fw-700 {
     font-weight: 700;
}
/*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*/
 .header {
     position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     z-index: 100;
     background-color: transparent;
}
 .header.sticky {
     animation-name: fadeHeaderInDown;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 22;
     background: #fff;
     animation-duration: 1s;
     box-shadow: 0 0 8px rgb(0 0 0 / 10%);
     animation-fill-mode: both;
}
 .header.sticky .logo {
     margin: 10px 0;
}
 .header.style_2 .navigation .main-menu>li>a , .header.sticky .navigation .main-menu>li>a {
     color: var(--thm-color-two);
}
 .header .inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .header .logo {
     margin: 20px 0;
     height: 60px;
     width: 165px;
}
 .header .navigation {
     display: flex;
     align-items: center;
}
 .header .navigation .main-menu {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
 .header .navigation .main-menu>.menu-item {
     margin: 0 5px;
}
 .header .navigation .main-menu>.menu-item>a {
     color: var(--thm-white);
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 500;
     padding: 26px 15px;
     display: flex;
}
 .header .navigation .main-menu>.menu-item>a.active, .header .navigation .main-menu>.menu-item:hover>a {
     color: var(--thm-color-one);
}
 .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;
}
 .header .navigation .menu-item-has-children .sub-menu {
     position: absolute;
     top: 100%;
     left: 0;
     transition: 0.5s all;
     width: 180px;
     visibility: hidden;
     opacity: 0;
}
 .header .navigation .menu-item-has-children:hover>.sub-menu {
     opacity: 1;
     visibility: visible;
}
 .header .navigation .menu-item-has-children .sub-menu .menu-item>a {
     background-color: var(--thm-color-one);
     color: var(--thm-white);
     width: 100%;
     display: flex;
     padding: 10px 15px;
}
 .header .navigation .menu-item-has-children .sub-menu .menu-item:hover>a {
     background-color: var(--thm-color-two);
     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 .header_action {
     margin-left: 15px;
}
 .header .hamburger {
     display: none;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     background-color: var(--thm-color-one);
     cursor: pointer;
}
 .header .hamburger .hamburger_btn span {
     display: flex;
     width: 30px;
     height: 2px;
     margin-bottom: 5px;
     background-color: var(--thm-white);
     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;
}
/*banner*/
 .banner {
     position: relative;
}
 .banner .banner_image {
     position: relative;
     z-index: 1;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
}
 .subheader:before, .banner .banner_image:before {
     content: '';
     background-color: rgba(0,0,0,0.5);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
     display: flex;
     z-index: -1;
}
 .banner .banner_text {
     padding-top: 180px;
     padding-bottom: 240px;
}
 .banner .text_inner {
     max-width: 720px;
}
 .banner .text_inner .subtitle {
     font-size: 18px;
     color: var(--thm-white);
     margin: 0;
     text-transform: uppercase;
     font-weight: 500;
}
 .banner .text_inner .title {
     color: var(--thm-white);
     text-transform: uppercase;
     -webkit-text-fill-color: transparent;
     -webkit-text-stroke-width: 2px;
     -webkit-text-stroke-color: #ffffff;
}
 .banner .slider-count {
     font-size: 72px;
     line-height: 1;
     font-weight: 500;
     color: var(--thm-white);
}
 .banner .slider-count small {
     font-size: 30px;
     position: relative;
     vertical-align: top;
     top: 9px;
     font-weight: 500;
}
 .banner .slick-dots {
     display: flex;
     justify-content: flex-start;
     margin-top: 0;
}
 .banner .dots_counts {
     position: absolute;
     bottom: 85px;
     left: 15px;
     z-index: 2;
     display: flex;
}
 .banner .dots_counts .slick-slider-dots {
     margin-top: 15px;
     margin-left: 30px;
}
/*single_banner*/
 .single_banner{
     padding-top: 180px;
     position: relative;
     z-index: 1;
     overflow: hidden;
     padding-bottom: 80px;
     background-size: contain;
     background-position: top left;
}
 .single_banner .banner .text_inner{
     text-align: right;
     margin: 0 0 0 auto;
}
 .single_banner .banner .text_inner .subtitle{
     color: var(--thm-color-one);
}
 .single_banner .banner .text_inner .title{
     color: var(--thm-color-two);
}
/*Service*/
 .spacial-box-view {
     text-align: center;
}
 .sp-ser-box:hover .fa-square{
     color: var(--thm-color-one);
}
 .spacial-services {
     float: left;
     width: 100%;
}
 .spacial-services ul li {
     list-style: none;
     margin-bottom: 30px;
}
 .service-icon-box {
     display: inline-block;
     position: relative;
     width: 100px;
     height: 100px;
     margin: 30px 0;
     box-shadow: 0 0 10px rgba(229,229,229,1);
     border: solid 1px #cccccc;
     padding: 15px;
}
 .service-icon-box i {
     position: absolute;
     left: 20px;
     top: 15px;
     font-size: 60px;
     color: #a6a6a6;
     z-index: 3;
}
 .portfolio-wrap {
     position:relative;
     overflow:hidden;
}
 .portfolio-wrap img {
     width: 100%;
     transform:scale(1.1);
     transition:all .3s;
}
 .portfolio-wrap:hover img{
     transform:scale(1);
}
 .portfolio-wrap:before{
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     content:"";
     background:#000;
     opacity:.1;
     transition:all .3s;
     z-index:9;
}
 .portfolio-wrap:hover:before{
     opacity:.7;
}
 .portfolio-wrap:after{
     position:absolute;
     left:5%;
     top:5%;
     width:90%;
     height:90%;
     border:3px double var(--thm-color-one);
     opacity:0;
     content:"";
     z-index:9;
     transition:all .3s;
}
 .portfolio-wrap:hover:after{
     opacity:.5;
}
 .portfolio-content {
     position:absolute;
     left:0;
     top:50%;
     transform:translateY(-50%);
     right:0;
     text-align:center;
     width:100%;
     padding:0px 30px;
     z-index:99;
     opacity:0;
     transition:all .3s;
     visibility:hidden;
}
 .portfolio-wrap:hover .portfolio-content {
     visibility:visible;
     opacity:1;
}
 .portfolio-content a {
     height: 70px;
     width: 70px;
     display: inline-block;
     background: #fff;
     border-radius: 50%;
     line-height: 70px;
     margin-bottom: 20px;
     position: relative;
     top: -30px;
     transition: all .3s;
     font-size: 30px;
}
 .portfolio-wrap:hover .portfolio-content a{
     top:0px;
}
 .portfolio-content h3{
     text-transform:uppercase;
     color:#fff;
     font-size:18px;
     transition:all .3s;
     font-weight:700;
     position:relative;
     bottom:-30px;
}
 .portfolio-wrap:hover .portfolio-content h3{
     bottom:0px;
}
 .comming-soon-title{
     font-size:50px;
     color:#cc7e28;
     text-transform:uppercase;
     font-weight:700;
}
/*About*/
 .about-section{
     padding-top:40px;
}
 .about-image {
     position: relative;
}
 .about-image::before {
     position: absolute;
     content: '';
     background-image: url(../images/about3.png);
     background-position: center center;
     background-size: 100%;
     width: 375px;
     height: 350px;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     z-index: -1;
}
 .about-image .single-image {
     width: 360px;
}
 .float-left {
     float: left;
}
 .about-image .single-image img {
     width: 100%;
}
 .about-image .single-image.image-tow {
     margin-top: -200px;
     position: relative;
     z-index: 5;
}
 .about-image .single-image {
     width: 360px;
}
 .float-right {
     float: right;
}
 .about-content h3{
     color:#333;
     font-family: 'Poppins', sans-serif;
     padding-bottom:10px;
}
 .about-content p{
     margin-bottom: 0px;
     line-height: 28px;
     letter-spacing: 0.5px;
     color: #646464;
     font-family: 'Poppins', sans-serif;
}
 .main-btn {
     display: inline-block;
     font-weight: 600;
     text-align: center;
     border: 1px solid #eb3656;
     padding: 0 30px;
     line-height: 48px;
     color: #fff;
     transition: all .8s ease-out 0s;
     background-color: #eb3656;
     letter-spacing: 2px;
     text-transform: uppercase;
     text-decoration:none;
}
 .main-btn:hover{
     background:#333;
     color:#fff;
     border-color:#333;
     transition: all .8s ease-out 0s;
     text-decoration:none;
}
 .about-content img{
     width: 160px;
     height: auto;
     display: flex;
     flex-direction: column;
}
/*services*/
 .service_box {
     position: relative;
     text-align: center;
     background-color: var(--thm-color-three);
     border-radius: 25px;
     margin-bottom: 30px;
     padding: 30px;
}
 .service_box .icon {
     font-size: 80px;
    /* line-height: 0;
    */
     margin-bottom: 20px;
}
 .service_box .title {
     margin-bottom: 20px;
     font-weight: 500;
}
 .service_box .text {
     color: var(--thm-body-color);
     margin-bottom: 0;
     font-size: 14px;
}
 .service_box .icon{
     color: var(--thm-color-four);
}
 .service_box.style_2:hover, .service_box:hover {
     background-color: var(--thm-color-four);
}
 .service_box:hover .icon, .service_box:hover .title, .service_box:hover .text {
     color: var(--thm-white);
}
/*Counter*/
 .counter-sec{
     background-color: #2457aa;
     color: var(--thm-color-four);
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     margin: 0;
}
 .counter-container{
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     flex-wrap: wrap;
     text-align: center;
     z-index: 2;
     margin: 0px 20px;
}
 .counter{
     font-size: 48px;
     margin-top: 10px;
     color: var(--thm-color-one);
     font-weight: 700;
}
 .counter-container i{
     font-size: 50px;
     color: #fff;
}
 .counter-container p{
     color: #fff;
     font-size: 24px;
}
 .counter-container span{
     font-weight: 700;
}
/*Counter*/
/* style_2*/
 .service_box.style_2 {
     padding: 30px 10px;
     background-color: var(--thm-white);
     box-shadow: 0px 0px 10px 0px rgb(var(--thm-color-two-rgb), 15%);
}
 .service_box.style_2 .icon {
     font-size: 55px;
     margin-bottom: 15px;
}
 .service_box.style_2 .title {
     font-size: 20px;
     margin-bottom: 15px;
}
 .service_box.style_2 .text {
     font-size: 13px;
}
 .how-it-works-parent {
     padding-bottom: 182px;
}
 .how-it-works-sub {
     position: relative;
     z-index: 1;
     margin-top: -132px;
}
/*team_block*/
 .our-team{
     text-align: center;
}
 .our-team .team_img{
     position: relative;
     overflow: hidden;
}
 .our-team .team_img:after{
     content: "";
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.5);
     position: absolute;
     bottom: -100%;
     left: 0;
     transition: all 0.3s ease 0s;
}
 .our-team:hover .team_img:after{
     bottom: 0;
}
 .our-team img{
     width: 100%;
     height: auto;
}
 .our-team .social{
     padding: 0 0 18px 0;
     margin: 0;
     list-style: none;
     position: absolute;
     top: -100%;
     right: 10px;
     border-radius: 0 0 20px 20px;
     z-index: 1;
     transition: all 0.3s ease 0s;
}
 .our-team:hover .social{
     top: 0;
}
 .our-team .social li a {
     display: block;
     padding: 2px 8px;
     font-size: 16px;
     color: #fff;
}
 .our-team:hover .social li a:hover{
     color: #2a4284;
}
 .our-team .team-content{
     padding: 20px 0;
     background: #fff;
}
 .our-team .title {
     font-size: 26px;
    /* font-weight: bold;
     */
     color: #000;
     text-transform: capitalize;
     margin: 0 0 20px;
     position: relative;
}
 .our-team .title::before {
     content: "";
     width: 100px;
     height: 3px;
     background: var(--thm-color-one);
     position: absolute;
     bottom: -20px;
     right: 50%;
     margin-right: 9px;
     transition-duration: 0.25s;
}
 .our-team .title:after{
     content: "";
     width: 100px;
     height: 3px;
     background: var(--thm-color-one);
     position: absolute;
     bottom: -20px;
     left: 50%;
     margin-left: 9px;
     transition-duration: 0.25s;
}
 .social li a{
     border: 1px solid #fff;
     margin: 10px 0px;
}
 .our-team:hover .title:before, .our-team:hover .title:after{
     width: 50px;
}
 .our-team .post {
     display: inline-block;
     font-size: 18px;
     color: var(--thm-color-one);
     text-transform: capitalize;
     font-weight: 500;
}
 .our-team .post:before{
     content: "";
     display: block;
     width: 10px;
     height: 10px;
    /* border-radius: 50%;
    */
     background: var(--thm-color-one);
     margin: 0 auto;
     position: relative;
     top: -5px;
}
 @media only screen and (max-width: 990px){
     .our-team{
         margin-bottom: 30px;
    }
}
/*testimonials*/
 .testimonial_item {
     display: flex;
     align-items: center;
     margin-bottom: 40px;
}
 .testimonial_item .testimonial_image {
     position: relative;
     overflow: hidden;
     z-index: 1;
     width: 33.333333%;
     border-radius: 50px;
}
 .testimonial_item .testimonial_image:before {
     content: '';
     background-color: var(--thm-color-one);
     display: block;
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: -1;
     left: 60px;
     border-radius: 50px;
}
 .testimonial_item .testimonial_text {
     width: 66.666667%;
     padding-left: 50px;
     position: relative;
     z-index: 1;
}
 .testimonial_item .testimonial_text:after {
     content: '“';
     line-height: 0;
     font-size: 400px;
     position: absolute;
     right: 0;
     bottom: 0;
     top: 100%;
     z-index: -1;
     opacity: 0.15;
     pointer-events: none;
     transform: translateY(50px);
}
 .testimonial_item .testimonial_text .title {
     font-size: 26px;
     margin-bottom: 5px;
}
 .testimonial_item .testimonial_text .post {
     margin-bottom: 20px;
     color: var(--thm-color-one);
     font-size: 18px;
     line-height: normal;
     font-weight: 500;
}
 .testimonial_item .testimonial_text .text {
     max-width: 80%;
     margin-bottom: 10px;
}
 .ratings {
     display: flex;
}
 .ratings i {
     font-size: 18px;
     color: var(--thm-body-color);
     font-weight: 300;
}
 .ratings i.active {
     color: var(--thm-color-one);
     font-weight: 600;
     letter-spacing: 9px;
}
/*style 2*/
 .testimonial_item.style_two .testimonial_image>img, .testimonial_item.style_two .testimonial_image {
     border-radius: 50%;
}
 .testimonial_item.style_two .testimonial_image>img {
     padding-left: 25px;
}
 .testimonial_item.style_two .testimonial_image:before {
     left: 0;
}
/*blog*/
 .post {
     position: relative;
     margin-bottom: 30px;
}
 .post .post_image {
     position: relative;
     overflow: hidden;
     border-radius: 25px;
     height: 310px;
}
 .post .post_caption {
     position: relative;
     z-index: 1;
     background-color: var(--thm-white);
     border-radius: 20px;
     width: calc(100% - 30px);
     margin: 0 0 0 auto;
     box-shadow: 0px 0px 10px 0px rgb(var(--thm-color-two-rgb), 15%);
     padding: 20px;
     margin-top: -56px;
}
 .post_caption p a{
     color: #d9aa4a;
}
 .post .post_caption .post_date {
     color: var(--thm-color-one);
     font-weight: 500;
     text-transform: uppercase;
     font-size: 14px;
}
 .post-btm-meta{
     display: flex;
     justify-content: flex-start;
}
 .post-btm-meta li {
     margin: 0px 10px 0px 0px;
     font-size: 15px;
}
 .post .post_caption .post_title {
     font-size: 16px;
     margin-bottom: 0;
     line-height: normal;
}
/*get in touch*/
 .contact_bg:before {
     content: '';
     background-color: rgba(0,0,0,0.7a);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
}
/*footer*/
 .footer .ft_widgets {
     position: relative;
     margin-bottom: 30px;
}
 .ft_widgets .input-wrapper {
     position: relative;
}
 .ft_widgets .input-wrapper input {
     height: 45px;
     background: #2b2b2b;
     border: 0;
     color: #FFF;
     padding: 10px 100px 10px 20px;
     display: inline-block;
     width: 100%;
     font-size: 13px;
     border: none;
     border-radius: 25px;
}
 .ft_widgets .input-wrapper button {
     position: absolute;
     top: 0;
     right: 0;
     text-transform: uppercase;
     font-size: 0;
     font-weight: 700;
     font-size: 12px;
     color: #FFF;
     background: transparent;
     border: 0;
     box-shadow: none;
     padding: 0 20px;
     line-height: 48px;
     height: 45px;
     transition: all 300ms linear;
}
 .footer .ft_widgets .ft_title {
     color: var(--thm-color-one);
     font-size: 20px;
     margin-bottom: 20px;
}
 .footer .ft_about img {
     height: 60px;
     width: 165px;
     margin-bottom: 20px;
}
 .footer .ft_social {
     display: flex;
}
 .footer .ft_social li {
     margin-right: 15px;
}
 .footer .ft_social li a {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     background-color: var(--thm-color-one);
}
 .footer .ft_social li:hover a {
     color: var(--thm-white);
     background-color: var(--thm-color-four);
     border: 2px solid var(--thm-color-one);
}
 .footer .ft_menu li {
     margin-bottom: 5px;
}
 .footer .ft_menu li>a {
     font-size: 16px;
}

 .footer .ft_menu li:last-child {
     margin-bottom: 0;
}
 .footer .ft_contact li>a:before {
     display: none;
}
 .ft_contact span{
     font-weight: 900;
}
 .footer .ft_contact li>a i {
     color: var(--thm-color-one);
     font-size: 14px;
     margin-right: 8px;
}
 .facebook{
     background: #4867aa;
}
 .twitter{
     background: #1da1f2;
}
 .instagram{
     background: #b23a94;
}
 .linkedin{
     background: #007bb6;
}
 .youtube{
     background: #FE0000;
}
/*copyright*/
 .copyright{
     border-top: 1px solid #303030;
}
 .copyright p {
     color: var(--thm-white);
     padding: 20px 0px;
     line-height: normal;
     font-size: 14px;
}
 .copyright-payment-method{
     display: flex;
     justify-content: space-around;
     align-items: center;
     flex-direction: column;
}
 .copyright p a {
     color: var(--thm-color-two);
     font-weight: 500;
}
 .payment-mode ul li {
     display: inline-block;
     font-size: 30px;
     margin: 0px 10px;
}
/*back to top*/
 .back-to-top {
     width: 40px;
     height: 40px;
     border: 2px solid var(--thm-color-one);
     display: none;
     align-items: center;
     justify-content: center;
     border-radius: 10px;
     color: var(--thm-white);
     font-size: 22px;
     position: fixed;
     bottom: 40px;
     right: 40px;
     background-color: var(--thm-color-one);
     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-top: 180px;
}
 .subheader .page-title {
     font-size: 48px;
     font-weight: 500;
     margin-bottom: 15px;
}
/*sidebar*/
 .sidebar .sidebar_inner {
     margin-bottom: 80px;
}
 .sidebar .sidebar_inner .sidebar_widget {
     margin-bottom: 30px;
     position: relative;
     overflow: hidden;
     padding: 20px;
     box-shadow: 0px 0px 10px 0px rgb(var(--thm-color-two-rgb), 15%);
}
 .sidebar .sidebar_inner .sidebar_widget:last-child {
     margin-bottom: 0;
}
 .sidebar .sidebar_inner .sidebar_widget .widget_title {
     line-height: normal;
     margin-bottom: 20px;
     text-align: center;
     text-transform: uppercase;
     font-family: var(--thm-b-font);
     font-size: 18px;
     border: 1px solid var(--thm-color-one);
     color: var(--thm-color-one);
     padding: 10px 0;
}
 .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: var(--thm-color-one);
     color: var(--thm-white);
     border-radius: 0;
}
 .sidebar .input-group button:hover {
     background-color: var(--thm-color-four);
     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: -15px;
}
 .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: 10px;
     margin-bottom: 12px;
}
 .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;
}
 .sidebar .recent_post li .post_thumb a {
     display: flex;
     height: 100%;
     width: 100%;
}
 .sidebar .recent_post li .post_caption {
     width: calc(100% - 95px);
}
 .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 .recent_post li:last-child {
     margin-bottom: 0;
}
/*post_details*/
 .post_details {
     padding: 40px;
     background-color: var(--thm-white);
     box-shadow: 0px 0px 10px 0px rgb(var(--thm-color-two-rgb), 15%);
}
 .post_details .post_image {
     position: relative;
     margin-bottom: 50px;
}
 .post_details .post_image img {
     height: 500px;
}
 .post_details .post_meta {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     background-color: var(--thm-white);
     box-shadow: 0px 0px 10px 0px rgb(var(--thm-color-two-rgb), 15%);
     width: fit-content;
     margin: 0 auto;
     padding: 10px 35px 0;
     position: relative;
     z-index: 1;
     margin-top: -23px;
}
 .post_details .post_meta li {
     margin: 0 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: 40px;
     height: 40px;
     margin-right: 15px;
     border-radius: 8px;
}
 .post_details .post_author a {
     font-size: 18px;
     color: var(--thm-color-two);
}
 .post_details .post_tags_share {
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-bottom: 30px;
}
 .post_details .post_tags_share h6 {
     margin-bottom: 10px;
     font-size: 18px;
     display: inline-flex;
     flex-wrap: wrap;
     margin-right: 15px;
}
 .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 {
     box-shadow: 0px 0px 10px 0px rgb(var(--thm-color-two-rgb), 15%);
     padding: 20px;
     position: relative;
     padding-bottom: 0px;
     border-radius: 8px;
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 30px;
}
 .post_details .post_big_author img {
     width: 140px;
     height: 140px;
     margin-right: 20px;
     margin-bottom: 20px;
     border-radius: 8px;
}
 .post_details .post_big_author .text {
     width: calc(100% - 200px);
     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: auto;
     padding: 0 25px;
     border-radius: 0;
}
 .comments .children{
     padding-left: 120px;
}
 .comments .comment article {
     display: flex;
     flex-wrap: wrap;
     margin-bottom: 30px;
}
 .comments .comment .comment_image {
     position: relative;
     overflow: hidden;
     border-radius: 8px;
     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: 5px 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;
}
/*service_details*/
 .service_details .post_image{
     margin-bottom: 30px;
}
 .ser-dtl-cl li{
     font-size: 30px;
}
 .ser-dtl-str li i{
     font-size: 20px;
}
 .price-ser-dtl{
     display: flex;
     justify-content:flex-start;
     flex-direction: column;
}
 .ser-dtl-str li{
     display: inline-block;
}
 .ser-dtl-str li i{
     color: var(--thm-color-one);
}
/*Contact*/
 .contact_area {
     background-color: var(--thm-white);
     box-shadow: 0px 0px 10px 0px rgb(var(--thm-color-two-rgb), 15%);
     padding: 55px 20px;
}
 .contact_info {
     padding: 40px;
}
 .contact_info .contact_map {
     margin-top: 30px;
     height: 200px;
     z-index: 1;
}
 .subscribe-box {
     border: 1px dashed #dddddd;
     max-width: 650px;
     margin: 0 auto;
     margin-bottom: 50px;
     margin-top: -50px;
     padding: 25px 30px 30px;
     background-color: #ffffff;
     text-align: center;
}
 .subscribe-box h4 {
     margin-bottom: 20px;
}
 .subscribe-box .form-control {
     height: 55px;
}
 .subscribe-box .input-group-text {
     padding: 0;
     border: none;
     border-radius: 0;
}
 .subscribe-box .input-group-text a {
     padding: 15px 30px;
     height: 55px;
     border: none;
     background-color: #D6A354;
     color: #ffffff;
}
/*Shop*/
 .product-grid{
     text-align:center;
     padding:0 0 72px;
     border:1px solid rgba(0,0,0,.1);
     overflow:hidden;
     position:relative;
     z-index:1;
     box-shadow: 0 3px 20px rgba(0,0,0,0.08);
}
 .product-grid .product-image{
     position:relative;
     transition:all .3s ease 0s 
}
 .product-grid .product-image a{
     display:block 
}
 .product-grid .product-image img {
     width: 100%;
     height: auto;
     padding: 40px;
}
 .product-grid .product-img{
     opacity:1;
     transition:all .3s ease-out 0s 
}
 .product-grid:hover .product-img{
     opacity:1 
}
 .product-grid .social{
     width:150px;
     padding:0;
     margin:0;
     list-style:none;
     opacity:0;
     transform:translateY(-50%) translateX(-50%);
     position:absolute;
     top:60%;
     left:50%;
     z-index:1;
     transition:all .3s ease 0s 
}
 .product-grid:hover .social{
     opacity:1;
     top:50% 
}
 .product-grid .social li{
     display:inline-block 
}
 .product-grid .social li a{
     color:#fff;
     background-color:#333;
     font-size:16px;
     line-height:40px;
     text-align:center;
     height:40px;
     width:40px;
     margin:0 2px;
     display:block;
     position:relative;
     transition:all .3s ease-in-out 
}
 .product-grid .social li a:hover{
     color:#fff;
     background-color:var(--thm-color-one);
}
 .product-grid .social li a:after{
     content:'';
     height:15px;
     width:15px;
     border-radius:0;
     transform:translateX(-50%) rotate(45deg);
     top:-20px;
     z-index:-1 
}
 .product-grid .social li a:hover:after, .product-grid .social li a:hover:before{
     opacity:1 
}
 .product-grid .product-discount-label, .product-grid .product-new-label{
     color:#fff;
     background-color:var(--thm-color-one);
     font-size:12px;
     text-transform:uppercase;
     padding:2px 7px;
     display:block;
     position:absolute;
     top:0px;
     left:0;
     width: 50%;
}
 .product-grid .product-discount-label{
     background-color:#333;
     left:auto;
     right:0 
}
 .product-grid .rating{
     color:#FFD200;
     font-size:12px;
     padding:12px 0 0;
     margin:20px;
     list-style:none;
     position:relative;
     z-index:-1 
}
 .product-grid .rating li.disable{
     color:rgba(0,0,0,.2) 
}
 .product-grid .product-content{
     background-color:#fff;
     text-align:center;
     padding:12px 0;
     margin:0 auto;
     position:absolute;
     left:0;
     right:0;
     bottom:-60px;
     z-index:1;
     transition:all .3s 
}
 .product-grid:hover .product-content{
     bottom:0 
}
 .product-grid .title {
     font-size: 18px;
     font-weight: 400;
     letter-spacing: .5px;
     text-transform: capitalize;
     margin: 0 0 10px;
     transition: all .3s ease 0s;
}
 .product-grid .title a{
     color:#828282 
}
 .product-grid .title a:hover, .product-grid:hover .title a{
     color:var(--thm-color-one);
}
 .product-grid .price{
     color:#333;
     font-size:17px;
     font-weight:700;
     letter-spacing:.6px;
     margin-bottom:8px;
     text-align:center;
     transition:all .3s 
}
 .product-grid .price span{
     color:#999;
     font-size:13px;
     font-weight:400;
     text-decoration:line-through;
     margin-left:3px;
     display:inline-block 
}
 .product-grid .add-to-cart{
     color:#000;
     font-size:13px;
     font-weight:600 
}
 @media only screen and (max-width:990px){
     .product-grid{
         margin-bottom:30px 
    }
}
/* Shop Details*/
 .preview {
     display: flex;
     flex-direction: column;
}
 @media screen and (max-width: 996px) {
     .preview {
         margin-bottom: 20px;
    }
}
 .preview-pic {
     flex-grow: 1;
}
 .preview-thumbnail.nav-tabs {
     border: none;
     margin-top: 15px;
}
 .preview-thumbnail.nav-tabs li {
     width: 18%;
     margin-right: 2%;
     border: 1px solid #f0f2f5;
     padding: 10px;
}
 .preview-thumbnail.nav-tabs li img {
     max-width: 100%;
     display: block;
}
 .preview-thumbnail.nav-tabs li a {
     padding: 0;
     margin: 0;
}
 .preview-thumbnail.nav-tabs li:last-of-type{
     margin-right: 0;
}
 .tab-content{
     overflow: hidden;
}
 .tab-content img {
     width: 100%;
     animation-name: opacity;
     animation-duration: 0.3s;
}
 .card-detail {
     padding: 3em;
     line-height: 1.5em;
}
 @media screen and (min-width: 997px) {
     .pro-det {
         display: flex;
    }
}
 .details {
     display: flex;
     flex-direction: column;
}
 .product-title, .price, .sizes, .colors {
     text-transform: uppercase;
     font-weight: bold;
}
 .checked, .price span {
     color: #ff9f1a;
}
 .product-title, .rating, .product-description, .price, .vote, .sizes {
     margin-bottom: 15px;
}
 .product-title {
     margin-top: 0;
}
 .add-to-cart, .like {
     background: var(--thm-color-one);
     padding: 12px 15px;
     border: none;
     text-transform: uppercase;
     font-weight: bold;
     color: #fff;
     transition: background .3s ease;
}
 .add-to-cart:hover, .like:hover {
     background: #b36800;
     color: #fff;
}
 .not-available {
     text-align: center;
     line-height: 20px;
}
 .not-available:before {
     content: "\f00d";
     color: #fff;
}
 .tooltip-inner {
     padding: 13px;
}

nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    background: var(--thm-color-one);
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}
.tab-content p{
    padding: 20px;
}