/*----------------------------------------------------------------*/
/*---------------------------
	Fonts
----------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Roboto+Slab:wght@300;400;500;600;700&display=swap');

/*--------------------------------------------------------------
0.1    Theme Reset Style
--------------------------------------------------------------*/
:root {
    --bodyColor: #e2d0d7;
    --primaryColor: #C70056;
    --headerColor: #dbb7c7;
    --topHeaderColor: #dbb7c7;
    --headertextColor: #4c152e;
    --worksBgColor: #d79fba;
    --footerUpColor: #290c18;
    --footerBtColor: #9f6f80;
}

html {
    font-size: 16px;
}

body {
    font-family: 'Open Sans', sans-serif;
    background-color: var(--bodyColor);
    font-size: 1rem;
    color: #6c6c6c;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

@media (max-width: 767px) {
    body {
        font-size: 15px;
        font-size: 0.9375rem;
    }
}

p {
    color: #6c6c6c;
    line-height: 1.7em;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #192224;
    font-weight: bold;
    font-family: 'Roboto Slab', serif;
}

ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

a,
button {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

a:hover,
a:focus,
button,
button:focus {
    text-decoration: none;
    outline: none;
}

img {
    max-width: 100%;
}

.theme-btn {
    background: var(--primaryColor);
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 38px;
    color: #fff;
    padding: 0 18px;
    border: 0;
    display: inline-block;
    text-transform: capitalize;
    border: 1px solid rgba(255, 255, 255, .3);
    cursor: pointer;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.theme-btn:hover, .theme-btn:focus, .theme-btn:active {
    color: #fff;
}

@media (max-width: 991px) {
    .theme-btn {
        font-size: 14px;
        font-size: 0.875rem;
        height: 45px;
        line-height: 45px;
        padding: 0 18px;
        border-radius: 45px;
    }
}

/*================================
header-area start
=====================================*/

.header-contact li {
    color: #333;
    padding: 20px 20px 20px 0px;
}

.header-contact li:last-child {
    padding-right: 0;
}

.header-contact li i {
    margin-right: 5px;
}

.header-contact li i:before {
    font-style: 16px;
}

.account_login-area {
    justify-content: flex-end;
}

.account_login-area li {
    position: relative;
    padding: 20px 20px;
}

.account_login-area li:first-child {
    padding-left: 0;
}

.account_login-area li:last-child {
    padding-right: 0;
}

.account_login-area > li:before {
    position: absolute;
    left: 0;
    top: 50%;
    background: #eee;
    content: "";
    height: 40px;
    width: 1px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.account_login-area li:first-child:before {
    display: none;
}

.account_login-area li a {
    color: #333;
    display: block;
}

.account_login-area li:hover > a {
    color: #f23b3b;
}

.account_login-area li a i.fa-user {
    margin-right: 5px;
}

.account_login-area li a i.fa-angle-down {
    margin-left: 5px;
}

.dropdown_style {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    width: 150px;
    padding: 15px 20px;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: top;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);
    -ms-transition: all .6s;
    -o-transition: all .6s;
}

.dropdown_style li a {
    color: #333;
    position: relative;
    padding-left: 15px;
}

.dropdown_style li a:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f101";
    font-family: 'FontAwesome';
}

.account_login-area li:hover .dropdown_style,
.mainmenu ul li:hover ul.dropdown_style,
.search-cart-wrapper li:hover > ul.dropdown_style {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    visibility: visible;
    opacity: 1;
}

.dropdown_style li {
    padding: 0px;
}

.dropdown_style li a:hover {
    color: #fff;
}

.right {
    left: auto;
    right: 0;
}

.logo {
    margin-top: 15px;
}

.logo img {
    max-width: 200px;
}

.mainmenu ul,
.search-cart-wrapper {
    justify-content: flex-end;
}

.search-cart-wrapper a img {
    width: 20px;
    height: 20px;
}

.search-cart-wrapper {
    margin-top: 5px;
}

.mainmenu ul li {
    position: relative;
    margin-top: 3px;
}

.mainmenu ul li a {
    position: relative;
    padding: 34px 25px;
    display: block;
}

.mainmenu ul li a:before {
    position: absolute;
    content: "";
    left: 0px;
    width: 98%;
    height: 5px;
    background: var(--primaryColor);;
    bottom: 0;
    opacity: 0;
    transition: all .3s;
}

.mainmenu ul li:hover a:before {
    opacity: 1;
    left: 0px;
}

.mainmenu ul .active a:before {
    opacity: 1;
    left: 0px;
}

.mainmenu ul li > ul li a:before {
    display: none;
}

.mainmenu ul li:first-child {
    padding-left: 0;
}

.mainmenu ul li:last-child {
    padding-right: 0;
}

.mainmenu ul li a {
    text-transform: capitalize;
    color: var(--headertextColor);
}

.mainmenu ul li.active > a {
    color: var(--primaryColor);
}

.mainmenu ul li:hover > a {
    color: var(--primaryColor);
}

.mainmenu ul li > ul {
    background: #fff;
    width: 200px;
}

.mainmenu ul li > ul li {
    padding: 5px 0px;
}

.mainmenu ul li > ul li a {
    color: #333;
    text-transform: capitalize;

}

.mainmenu ul li > ul li {
    position: relative;
}

.mainmenu ul li > ul li:before {
    position: absolute;
    left: 0;
    top: 4px;
    content: "\f101";
    font-family: 'FontAwesome';
}

.search-cart-wrapper li {
    padding: 30px 20px 30px 0px;
    position: relative;
    color: #fff;
}

.search-cart-wrapper li:last-child {
    padding-right: 0;
}

.search-cart-wrapper li > a {
    font-size: 18px;
    position: relative;
    display: block;
    color: #fff;
}

.search-cart-wrapper li:hover > a {
    color: #f23b3b;
}

.search-cart-wrapper li > a span {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: var(--primaryColor);
    background: #fff;
    display: block;
    position: absolute;
    right: -8px;
    top: -3px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.search-cart-wrapper li:hover > a span {
    background: #333;
    color: #fff;
}

.search-cart-wrapper li > ul.cart-wrap {
    width: 460px;
    background: #fff;
    right: 0;
    padding: 0;
    left: auto;
}

.search-cart-wrapper li > ul.cart-wrap .cart-scrool {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}

.search-cart-wrapper li > ul.cart-wrap .cart-scrool::-webkit-scrollbar {
    width: 5px;
}

.search-cart-wrapper li > ul.cart-wrap .cart-scrool::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.search-cart-wrapper li > ul.cart-wrap .cart-scrool::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: none;
}

.search-tigger, .cart-hover {
    position: relative;
    transition: all .3s;
}

.cart-wrap li {
    padding: 0;
}

.cart-wrap td {
    text-align: center;
    vertical-align: middle;
}

.table td {
    padding: 0.15rem;
}

.cart-wrap li.cart-items {
    overflow: hidden;
    padding: 0;
    position: relative;
    margin-bottom: 0;
    color: #fff;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
}

.cart-img {
    float: left;
    margin-right: 15px;
    background: #fafafa;
    max-width: 175px;
    width: 175px;
    text-align: center;
}

.cart-img img {
    min-height: 150px;
    object-fit: cover;
}

.cart-items .cart-contant .cart-item-delete {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    right: 0;
    top: 0;
    border-bottom-left-radius: 20px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    background: #fff;
    font-size: 16px;
}

.cart-items .cart-contant .cart-item-delete:hover {
    background: var(--primaryColor);
    color: #fff;
}

.cart-wrap li .cart-content {
    overflow: hidden;
}

.cart-wrap li .cart-content a {
    color: #333;
    font-size: 15px;
    margin-bottom: 5px;
    display: inline-block;
    line-height: 20px;
}

.cart-wrap li .cart-content a:hover {
    color: #f23b3b;
    padding: 0px;
}

.cart-wrap li .cart-content span {
    display: block;
    line-height: 14px;
    color: #fff;
}

.cart-wrap li .cart-content p {
    line-height: 20px;
    color: #fff;
    margin-top: 5px;
}

.cart-items .cart-contant a {
    right: 15px;
    top: 5px;
    cursor: pointer;
    color: #333;
    font-weight: 400;
    font-size: 12px;
    position: absolute;
}

.cart-items .cart-contant a:hover {
    color: var(--primaryColor);
}

.cart-wrap li button {
    height: 50px;
    background: var(--primaryColor);
    text-transform: uppercase;
    border: none;
    color: #fff;
    cursor: pointer;
    width: 100%;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.cart-wrap li button:hover {
    background: var(--primaryColor);
    color: #fff;
}

.search-cart-wrapper .responsive-menu {
    padding: 36px 0;
}

.search-cart-wrapper .responsive-menu a {
    display: block;
    position: static;
}

.search-cart-wrapper .responsive-menu a span {
    position: static;
    width: 20px;
    height: 2px;
    margin-bottom: 2px;
    background: #333;
    border-radius: 0px;
}


.account ul li {
    padding: 5px 0;
}

.account .dropdown_style {
    width: 170px;
}

.account .dropdown_style li a {
    font-size: 16px;
    color: #333;
}

.account .dropdown_style li a:hover {
    color: var(--primaryColor);
}

.cart-wrap li {
    padding: 0;
}

.dropdown_style li {
    padding: 0px;
}

.cart-wrap li a {
    padding-left: 0;
}

.cart-wrap li a:before {
    display: none;
}


.mainmenu ul li > ul.megamenu {
    width: 950px;
    left: -402px;
    position: absolute;
    z-index: 99;
    padding: 30px 60px;
    background: #fff;
    box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    justify-content: flex-start;
}

.megamenu li a {
    position: relative;
}

.megamenu li a:after {
    position: absolute;
    left: 0;
    top: 2px;
    content: "\f101";
    font-family: 'FontAwesome';
}

.mega-img {
    position: absolute;
    top: 10px;
    right: 0;
}

.mainmenu ul li:hover > ul.megamenu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.mainmenu ul li > ul.megamenu li {
    margin-left: 0px;
}

.mainmenu ul li > ul.megamenu li strong {
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
}

.mainmenu ul li > ul.megamenu li a {
    padding: 5px 0px;
    text-transform: capitalize;
    padding-left: 15px;
}

.megamenu li:before {
    display: none;
}

.megamenu li > ul li:before {
    display: block;
}

/*search*/

.search-area {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #333;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform-origin: left;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    left: -100%;
    top: -100%;
    transition: all .5s;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.search-area.current {
    visibility: visible;
    opacity: 1;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.11, .67, .79, .36);
    transition-timing-function: cubic-bezier(.11, .67, .79, .36);
    left: 0;
    top: 0;
    border-radius: 0px;
}

.search-form form {
    position: relative;
}

.search-form input {
    width: 100%;
    height: 60px;
    border: 1px solid #999;
    padding: 0px 80px 0px 30px;
    background: transparent;
    color: #fff;
}

.search-form button {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 60px;
    background: #f23b3b;
    font-size: 20px;
    color: #fff;
    border: none;
}

.search-form button:hover {
    background: #fff;
    color: #f23b3b;
}

.closebar {
    position: absolute;
    right: 3px;
    top: 3px;
    background: #f23b3b;
    width: 80px;
    height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    cursor: pointer;
}

.closebar:hover {
    background: #f00;
}

li .sub-price, li .charge, li .price {
    color: #878787;
    padding: 20px 20px;
    font-family: 'Roboto Slab', serif;
}

li .sub-price {
    padding-bottom: 10px;
    font-family: 'Roboto Slab', serif;
}

li .charge {
    padding-top: 0;
    border-bottom: 2px dotted #f0f0f0;
    font-family: 'Roboto Slab', serif;
}

li .btn-cart {
    font-family: 'Roboto Slab', serif;
}


/*search*/


/*------responsive-menu area start------*/

.header-bottom {
    position: relative;
    background: var(--headerColor);
    z-index: 9999;
}


.responsive-menu-tigger a {
    display: block;
    overflow: hidden;
    padding: 36px 0px;
}

.responsive-menu-tigger a span {
    width: 28px;
    height: 2px;
    background: #1d1d1e;
    display: block;
    float: right;
    margin-bottom: 2px;
}

.responsive-menu-area {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #333;
    top: 100%;
    padding: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: top;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
}

.responsive-menu-area.active {
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.metismenu li {
    margin-bottom: 5px;
}

.metismenu li a {
    color: #fff;
    display: block;
}

.metismenu .has-arrow:after {
    right: 0;
}

.metismenu li > ul {
    padding-left: 20px;
}


/*------responsive-menu area end------*/


/*------header-area end------*/

/*=============================================
 back to top
 ==============================================**/
.back-to-top {
    background: var(--primaryColor);
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: none;
    position: fixed;
    z-index: 999;
    right: 15px;
    bottom: 15px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.back-to-top i {
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ================================
preloader
===================================*/

.preloader {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
}

.preloader .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader .icon {
    display: block;
    width: 90px;
    height: 90px;
    position: relative;
    text-align: center;
}
.preloader .icon img {
    max-width: 50px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.preloader .icon:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 3px solid #f1f1f1;
    border-top: 3px solid var(--primaryColor);
    border-radius: 50%;
    -webkit-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}

.preloader .icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader .icon i:before {
    font-size: 45px;
    font-size: 2.8125rem;
    color: var(--primaryColor);
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate3d(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate3d(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/************************************************
	header-style-1
**************************************************/


/*--------------------------------------------------------------
0.4	hero-slider
--------------------------------------------------------------*/
.hero {
    position: relative;
    height: 750px;
    /** slider controls **/
    /*** hero slider animation ***/
}

@media (max-width: 767px) {
    .hero {
        min-height: 420px;
    }
}

.hero .slide {
    height: 750px;
    position: relative;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 767px) {
    .hero .slide {
        min-height: 420px;
    }
}

.hero .slide .slider-bg {
    display: none;
}

.hero .slide:focus {
    outline: none;
}

.hero .slide .container {
    height: 100%;
    display: table;
}

.hero .slide .row {
    display: table-cell;
    vertical-align: middle;
}

.hero .slick-prev,
.hero .slick-next {
    background: var(--primaryColor);
    width: 55px;
    height: 55px;
    z-index: 10;
    border-radius: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

@media (max-width: 991px) {
    .hero .slick-prev,
    .hero .slick-next {
        display: none !important;
    }
}

.hero .slick-prev {
    left: 0;
    opacity: 0;
}

.hero .slick-prev:before {
    font-family: "themify";
    content: "\e629";
    opacity: 1;
}

.hero .slick-next {
    right: 0;
    opacity: 0;
}

.hero .slick-next:before {
    font-family: "themify";
    content: "\e628";
    opacity: 1;
}

.hero:hover .slick-prev {
    left: 25px;
    opacity: 1;
}

.hero:hover .slick-next {
    right: 25px;
    opacity: 1;
}

.hero .slick-dots {
    bottom: 30px;
    color: red;
}

.hero .slick-dots li {
    margin: 10px;
}

.hero .slick-dots {
    bottom: 70px;
}

.slick-dots li button:before {
    font-size: 11px;
    color: #fff;
    opacity: 1;

}

.slick-dots li.slick-active button:before {
    color: var(--primaryColor);
}

.hero .slick-dots li {
    margin: 0;
}

.hero .slide-caption > div {
    overflow: hidden;
}

.hero .slide-caption > div * {
    -webkit-animation: fadeOutDown 1.5s both;
    animation: fadeOutDown 1.5s both;
}

.hero .slide-caption > .slider-pic * {
    -webkit-animation: fadeOutDown 1.5s both;
    animation: fadeOutDown 1.5s both;
}

.hero .slide-caption > div.slide-title * {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.hero .slide-caption > div.slide-subtitle * {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.hero .slide-caption > div.btns * {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.hero .hero-slider .slick-current .slide-caption > div * {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}


.hero .hero-slider .slick-current .slide-caption > .slider-pic * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.hero .hero-slider .slick-current .slide-caption > div.slide-title * {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.hero .hero-slider .slick-current .slide-caption > div.slide-subtitle * {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}

.hero .hero-slider .slick-current .slide-caption > div.btns * {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

.hero .hero-slider .slick-current .slide-caption > div.slider-pic * {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.slide-thumb-b {
    position: absolute;
    background: #fcb119;
    height: 145px;
    bottom: 20px;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 35px;
    right: 0;
    border-top-right-radius: 67px;
    border-top-left-radius: 67px;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 55px;
    /*background: url(../../images/frontend/slider/img-2.png) no-repeat center center / cover;*/
}

.slide-thumb-b span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.thumb-t {
    display: block;
    font-size: 40px !important;
    font-weight: 500 !important;
    color: var(--primaryColor) !important;
    line-height: 30px;
}

/************************************************
0.5	hero-style-1
**************************************************/
.hero-style-1, .hero-style-2 {
    height: 750px;
    position: relative;
}

.hero-style-1:before, .hero-style-2:before {
    content: "";
    width: 100%;
    height: 110%;
    position: absolute;
    left: 0;
    top: -10%;
    z-index: -2;

}

.slide-caption {
    z-index: 99;
}

@media (max-width: 1199px) {
    .hero-style-1, .hero-style-2 {
        height: 750px;
    }
}

@media (max-width: 991px) {
    .hero-style-1, .hero-style-2 {
        height: 550px;
    }
}

@media (max-width: 767px) {
    .hero-style-1, .hero-style-2 {
        height: 450px;
    }
}

.hero-style-1 .slide, .hero-style-2 .slide {
    height: 750px;
}

@media (max-width: 1199px) {
    .hero-style-1 .slide, .hero-style-2 .slide {
        height: 750px;
    }
}

@media (max-width: 991px) {
    .hero-style-1 .slide, .hero-style-2 .slide {
        height: 550px;
    }
}

@media (max-width: 767px) {
    .hero-style-1 .slide, .hero-style-2 .slide {
        height: 450px;
    }
}

.hero-style-1 .slide .row, .hero-style-2 .slide .row {
    position: relative;
}

@media screen and (min-width: 992px) {
    .hero-style-1 .slide-caption, .hero-style-2 .slide-caption {
        margin-top: 62px;
    }
}

.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2 {
    font-size: 45px;
    color: var(--primaryColor);
    margin: 0 0 0.45em;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
}

@media (max-width: 991px) {
    .hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2 {
        font-size: 45px;
        font-size: 2.8125rem;
    }
}

@media (max-width: 767px) {
    .hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2 {
        font-size: 35px;
        font-size: 2.1875rem;
    }
}

.hero-style-1 .slide-caption p, .hero-style-2 .slide-caption p {
    color: #fff;
    margin: 0 0 2.8em;
}

.hero-style-1 .slider-pic, .hero-style-2 .slider-pic {
    position: absolute;
    bottom: -33%;
    right: -113%;
    z-index: -1;
    max-width: 680px;
}

@media (max-width: 991px) {
    .hero-style-1 .slider-pic, .hero-style-2 .slider-pic {
        max-width: 350px;
        right: -60%;
        bottom: 8px;
    }
}

@media (max-width: 767px) {
    .hero-style-1 .slider-pic, .hero-style-2 .slider-pic {
        display: none;
    }
}

/************************************************
	hero-style2
**************************************************/

.hero-style-2:before {
    content: "";
    width: 100%;
    height: 110%;
    position: absolute;
    left: 0;
    top: -10%;
    background: url(../../images/frontend/slider/img-3.png) no-repeat center center / cover;
    z-index: -2;

}

.hero-style-2:after {
    opacity: .95;
}

.hero-style-2 .slide .container {
    position: relative;
    z-index: 10;
}

@media screen and (min-width: 992px) {
    .hero-style-2 .slide-caption {
        margin-top: 0;
        padding-bottom: 0px;
        position: static;
    }
}

.navbar-header .flaticon-aeroplane:before {
    content: "\f102";
    font-weight: 400;
}

.hero-style-2 .slider-pic {
    position: absolute;
    bottom: -83%;
    right: -136%;
    z-index: -1;
}

@media (max-width: 991px) {
    .hero-style-2 {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .hero-style-2 {
        height: 450px;
    }
}

.hero-style-2 {
    height: 750px;
    position: relative;
}

@media (max-width: 991px) {
    .hero-style-2 {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .hero-style-2 {
        height: 450px;
    }
}

.slide-search .input-group {
    position: relative;
    padding: 30px;
    background: #fff;
    border-bottom: 1px solid #ebebeb;

}

.slide-search .input-group .form-control {
    height: 60px;
    border-radius: 0;
    border: 1px solid #ebebeb;
}

.slide-search .input-group .form-control:focus {
    outline: none;
    box-shadow: none;
}

.slide-search .input-group .btn {
    border-radius: 0;
    background: var(--primaryColor);
    border: 1px solid var(--primaryColor);
    color: #fff;
}

/*==============================
hm-category-area
===============================*/
.hm-category-area {
    padding: 40px 0;
}

.category-p, .saver-p, .offer-t, .special-t {
    padding: 20px;
    display: block;
    background: #fff;
}

.category-p h2, .saver-p h2, .offer-t h2, .special-t h2 {
    color: var(--primaryColor);
    font-weight: 500;
    font-size: 24px;
}

.category-p p, .saver-p p, .offer-t p, .special-t p {
    margin-bottom: 15px;
}

.hm-category-item {
    position: relative;
    overflow: hidden;
}

.hm-category-item img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.hm-category-text {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 62%;
    text-align: center;
}

.hm-category-text h2 {
    font-size: 24px;
    margin-top: 30px;
    font-weight: 500;
    color: #fff;
}

.hm-category-text a h2 {
    color: #fff;
}

.section-padding {
    padding: 80px 0;
}

.section-title h2 {
    color: var(--primaryColor);
    font-weight: 700;
    margin-bottom: 15px;
}

@media(max-width:575px){
    .section-title h2 {
        font-size: 19px;
    }
}

.hm-category-img,
.hm-category-img-2,
.hm-category-img-3,
.hm-category-img-4 {
    position: relative;
}

.hm-category-img:before,
.hm-category-img-2:before,
.hm-category-img-3:before,
.hm-category-img-4:before {
    position: absolute;
    content: "";
    left: 0;
    top: 75%;
    width: 100%;
    height: 100%;
    background: rgba(226, 74, 8, .60);
    z-index: 99;
}

.hm-category-img-2:before {
    background: rgba(17, 168, 246, .70) !important;
}

.hm-category-img-3:before {
    background: rgba(150, 202, 24, .60) !important;
}

.hm-category-img-4:before {
    background: rgba(0, 179, 181, .54) !important;
}

.hm-category-text {
    z-index: 100;
}

.owl-carousel .owl-item .hm-category-text img {
    margin: auto;
}
.exclusive-active{
    position: relative;
}

.featured-active .owl-nav div.owl-next,
.exclusive-active .owl-nav div.owl-next,
.category-slider .owl-nav div.owl-next,
.saver-active .owl-nav div.owl-next {
    right: 0;
    left: auto;
    top: 30%;
    border-radius: 50%;
    text-align: center;
    opacity: 0;
}
.exclusive-active .owl-nav div.owl-next{
    top: 50%;
    transform: translateY(-50%);
}

.featured-active:hover .owl-nav div.owl-next,
.category-slider:hover .owl-nav div.owl-next,
.saver-active:hover .owl-nav div.owl-next {
    opacity: 1;
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.featured-active .owl-nav div,
.category-slider .owl-nav div,
.exclusive-active .owl-nav div,
.saver-active .owl-nav div {
    position: absolute;
    left: 0;
    top: 30%;
    text-align: center;
    color: #fff;
    font-size: 50px;
    width: 40px;
    height: 40px;
    background: var(--primaryColor) !important;
    line-height: 40px;
    text-align: center;
    opacity: 0;
    transition: all .3s;

}
.exclusive-active .owl-nav div{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.featured-active:hover .owl-nav div,
.category-slider:hover .owl-nav div,
.exclusive-active:hover .owl-nav div,
.saver-active:hover .owl-nav div {
    opacity: 1;

}

.featured-active .owl-nav div i,
.exclusive-active .owl-nav div i,
.category-slider .owl-nav div i,
.offer-active .owl-nav div i {
    font-size: 25px;
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    background: none;
    color: #fff;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: none;
    color: #fff;
}

/*saver-area*/

.saver-area {
    padding: 40px 0;
}

.saver-item {
    padding: 0;
    overflow: hidden;
    transition: all .3s;
    position: relative;
    transition: all .3s;
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    text-align: center;
}

.saver-item:hover:before {
    opacity: 1;
}

.saver-content {
    text-align: center;
    padding: 30px 0;
    transition: all .5s;
}

.saver-item:hover .saver-content {
    background: var(--primaryColor);
}

.saver-item:hover .saver-content h2 {
    color: #fff;
}

.saver-content h2 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #6b6b6b;
}

.cart-wrap .cart-contant h2 {
    color: var(--primaryColor);
    margin: 0;
}

.cart-wrap .cart-contant ul li {
    font-size: 14px;
}

.cart-wrap .cart-contant ul li.badge {
    padding: 5px 10px 6px;
    background-color: #b96c50;
    margin-bottom: 5px;
    font-size: 12px;
}

.cart-wrap .cart-contant ul li a {
    position: relative;
    top: 0;
    right: 0;
    font-size: 15px;
}

.saver-content ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.saver-content ul li {
    color: #878787;
    font-weight: 400;
    padding-bottom: 3px;
}

.saver-item:hover .saver-content ul li {
    color: #fff;
}

.saver-content ul li:first-child {
    padding-left: 0px;
    padding-right: 10px;
    font-weight: 700;
}

.saver-img {
    text-align: center;
}

.saver-img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.input-style {
    margin-bottom: 15px;
    margin-top: 15px;
}

.quantity {
    position: relative;
}

.quantity input {
    width: 120px;
    padding: 0px 35px;
    text-align: center;
    height: 35px;
    position: relative;
    background: #fff;
    border: none;
    border: 1px solid #b0b0b0;
}

.saver-item:hover .saver-content .quantity input {
    border: 1px solid #fff;
    background: var(--primaryColor);
}

.saver-item:hover .saver-content .quantity .qtybutton {
    color: #333;
    background: #fff;
}

.quantity .qtybutton {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    background: #b0b0b0;
}

.quantity .qtybutton.inc {
    left: auto;
    right: 0;
    position: absolute;
}

.thumb-content {
    position: absolute;
    left: 0;
    top: -77px;
    background: #b0b0b0;
    padding: 10px;
    color: #fff;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    opacity: 0;
    transition: all .3s;
}

.thumb-content .flaticon-supermarket:before {
    margin-left: 0;
}

.thumb-content ul li i {
    color: #fff;
}

.saver-item:hover .thumb-content {
    opacity: 1;
    top: 0px;
}

.saver-area .owl-carousel .owl-item img {
    margin: auto;
}

.saver-active .owl-nav div i {
    font-size: 25px;
}


/*===========================================
offer-area
============================================*/

.offer-content h3, .offer-content-2 h3 {
    font-size: 22px;
    font-family: 'Forte';
    color: #fff;
}

.offer-single,
.offer-single-2,
.offer-single-3,
.offer-single-4 {
    background: url(../../images/frontend/offer/img-1.jpg) no-repeat center center / cover;
    height: 270px;
    position: relative;
    margin-bottom: 30px;
}

.offer-single-2 {
    background: url(../../images/frontend/offer/img-2.jpg) no-repeat center center / cover;
}

.offer-single-3 {
    background: url(../../images/frontend/offer/img-3.jpg) no-repeat center center / cover;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.offer-single-4 {
    background: url(../../images/frontend/offer/img-4.jpg) no-repeat center center / cover;
}

.offer-content {
    text-align: center;
    padding-left: 20px;
    padding-top: 20px;
}

.offer-sub {
    top: 14px;
    position: relative;
}

.offer-content h2, .offer-content-2 h2 {
    font-size: 30px;
    margin-bottom: 0;
    color: #ffb820;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    margin-top: 0;
}

.offer-content h2 span, .offer-content-2 h2 span {
    font-size: 16px;
    color: #fff;
}

.offer-content h3, .offer-content-2 h3 {
    margin: 30px 0;
}

.offer-content-2 p {
    color: #fffefe;
    font-weight: 500;
    margin-top: 0px;
    display: block;
}

.offer-sub .theme-btn {
    color: #ffb820;
    background: #fff;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
}

.thumb-r {
    font-size: 20px !important;
}

.offer-btn {
    text-align: center;
    margin: auto;
}

.offer-btn a {
    background: var(--primaryColor);
    font-size: 14px;
    /*font-size: 1rem;
    */font-weight: bold;
    height: 40px;
    line-height: 40px;
    color: #fff;
    padding: 0 17px;
    border: 0;
    display: inline-block;
    text-transform: capitalize;
    border: 1px solid rgba(255, 255, 255, .3);
    cursor: pointer;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

/*===========================
 count-down
=============================*/
/* .product_timing{
  margin-bottom: 20px;
  margin-top: 20px;
}
.countdown_area{
  display: flex;
}
.single_countdown {
  background: var(--primaryColor);
  margin-right: 5px;
  font-family: 'Roboto Slab', serif;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  width: 70px;
  height: 70px;
}
.countdown_number {
  margin: 0 5px;
  margin-top: 10px;
} */
/*====================
special-item-area
======================*/
.special-img {
    position: relative;
}

.special-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.special-content {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);
    position: relative;
}

.special-item {
    margin-bottom: 30px;
}

.special-t {
    margin-top: 40px;
    padding-bottom: 10px;
}

.special-btn a {
    display: block;
    background: var(--primaryColor);
    padding: 6px 9px;
    color: #fff;
    border-radius: 40px;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.special-content ul li {
    font-size: 14px;
    color: #333;
}

.special-content ul li:last-child {
    font-weight: 500;
}

/*=====================
work-area
======================*/

.work-area {
    background-color: var(--worksBgColor);
}

.work-title h2 {
    text-align: center;
    color: var(--primaryColor);
    font-weight: 500;
    font-size: 24px;
}

.work-title p {
    text-align: center;
    margin-bottom: 40px;
}

.work-item {
    text-align: center;
    margin-bottom: 30px;
}

.work-icon {
    width: 100px;
    height: 100px;
    line-height: 110px;
    background: #fff;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}
.work-icon .fi:before{
    font-size: 45px;
    color: var(--primaryColor);
}
.work-text h2 {
    font-size: 20px;
    font-weight: 600;
}

.work-text p {
    color: #332727;
    font-size: 14px;
    font-weight: 400;
}

/*===========================
footer-area
=============================*/
.footer-area {
    position: relative;
    background: var(--footerUpColor);
}

.footer-area:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.footer-top {
    padding: 60px 0;
}

.footer-content p {
    color: #fff;
}

.footer-bottom {
    z-index: 99;
    position: relative;
    padding: 20px 0;
    background:var(--footerBtColor);
}

.footer-bottom span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.footer-logo {
    margin-bottom: 30px;
}

.footer-title h2 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    margin-bottom: 40px;
}

.footer-top form {
    margin-top: 25px;
    position: relative;
}

.footer-top form input {
    background-color: #fff;
    height: 50px;
    color: #fff;
    padding: 6px 15px;
    border: 1px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.footer-top form .submit {
    position: absolute;
    right: 0px;
    border-radius: 0px;
    top: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50px;
    background: var(--primaryColor);
    width: 75px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.footer-top form .submit button {
    background: transparent;
    border: 0;
    outline: 0;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
}

.footer-menu ul li {
    display: block;
    padding: 5px 0;
    color: #fff;
    position: relative;
    padding-left: 15px;
    transition: all .3s;
}

.footer-menu ul li:hover {
    color: var(--primaryColor);
}

.footer-menu ul li a {
    transition: all .3s;
}

.footer-menu ul li a:hover {
    color: var(--primaryColor);
}

.footer-menu ul li:before {
    position: absolute;
    left: 0;
    top: 3px;
    content: "\f105";
    font-family: 'FontAwesome';
}

.footer-menu ul li a {
    color: #fff;
}

.footer-content a {
    position: relative;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.footer-content a:hover {
    color: var(--primaryColor);
}

.footer-content a:before {
    position: absolute;
    right: -20px;
    top: 0px;
    content: "\f178";
    font-family: 'FontAwesome';
}

.footer-contact ul li {
    display: block;
    padding: 10px 0;
    color: #fff;
    position: relative;
    border-bottom: 1px dotted #fff;
}

.footer-contact ul li:last-child {
    border-bottom: none;
}

.social-footer {
    display: flex;
    margin-top: 30px;
}

.social-footer li {
    padding-right: 10px;
}

.social-footer li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    text-align: center;
    color: #333;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.social-footer li a:hover {
    background: var(--primaryColor);
    border: 1px solid var(--primaryColor);
    color: #fff;
}

.top_header .social-footer li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.top_header {
    padding-top: 5px;
    padding-bottom: 5px;
    background: var(--topHeaderColor);
}

.header_title {
    color: #fff;
    margin: 0;
    font-size: 18px;
    line-height: 36px;
    font-weight: 500;
}

.top_header .btn-outline-light {
    color: #f8f9fa;
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.top_header .btn-outline-light:hover {
    background: var(--topHeaderColor);
}

.footer-contact li i {
    margin-right: 15px;
}

/*cart*/
.cart-contant {
    overflow: hidden;
    border: none;
    padding-top: 10px;
    text-align: left;
    padding-bottom: 1px;
}

.cart-contant ul {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.cart-contant ul li:last-child {
    padding-left: 0;
}

/*============================================
 4.0 about-page
==============================================*/

.breadcumb-area {
    background: url(../../images/frontend/about/about.jpg) no-repeat center top / cover;
    min-height: 260px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.breadcumb-area:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: .80;
}

.breadcumb-wrap h2 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
    margin-top: 0;
    line-height: 40px;
}

.breadcumb-wrap ul li {
    display: inline-block;
    padding: 0px 5px;
    color: #fff;
    position: relative;
}

.breadcumb-wrap ul li a {
    color: #fff;
    font-size: 18px;
    transition: all .3s;
    position: relative;
    font-weight: 500;
}

.breadcumb-wrap ul li a:hover {
    color: var(--primaryColor);
}

.breadcumb-wrap ul li:last-child {
    color: var(--primaryColor);
}

.breadcumb-wrap ul li:after {
    content: "\f0da";
    position: relative;
    left: 7px;
    font-family: 'FontAwesome';
}

.breadcumb-wrap ul li:last-child:after {
    display: none;
}

.about-pg-area {
    padding: 50px 0;
}

.about-wrap {
    padding: 20px 100px;
    background: #fff;
}

.about-text {
    padding-right: 20px;
}

.about-text span {
    font-size: 24px;
    color: var(--primaryColor);
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.about-text h2 {
    font-size: 24px;
    color: #585858;
    font-weight: 500;
    margin: 25px 0;
}

.about-header h2 {
    font-size: 24px;
    font-weight: 500;
    color: var(--primaryColor);
}

.about-header p {
    font-size: 18px;
    font-weight: 500;
    color: #585858;
}

.about-img {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.about-features {
    padding: 20px 55px;
    background: #fff;
    margin-top: 40px;
    padding-bottom: 40px;
}

.abt-features-text {
    text-align: right;
}

.abt-features-text h2, .abt-features-text-2 h2 {
    font-size: 22px;
    font-weight: 500;
    color: var(--primaryColor);
    font-family: 'Raleway', sans-serif;
}

.abt-features-text h2 i {
    color: #fcb629;
    margin-left: 5px;
}

.abt-features-text-2 h2 i {
    color: #fcb629;
    margin-right: 5px;
}

.abt-features-text, .abt-features-text-2 {
    margin-bottom: 40px;
}

.abt-features-text-2 {
    text-align: left;
}

.about-header {
    text-align: center;
    max-width: 560px;
    margin: auto;
    margin-bottom: 90px;
}


/*===========================

    cart style here
===========================*/
.cart-area {
    padding: 40px 0;
}

.cart-wrap td,
.cart-wrap th {
    border: 1px solid #f0f0f0;
    text-align: center;
    font-weight: 500;
    color: #a5a4a4;
}

.cart-wrap th {
    border-top: 2px dotted #f0f0f0;
}

.cart-wrap thead {
    background: #fff;
    color: #505050;
    padding: 40px;
}

.cart-area form {
    margin: auto;
    text-align: center;
    padding: 20px;
    background: #fff;
}

.cart-wrap .product ul {
    text-align: left;
    padding-left: 0;
    padding: 15px;
}

.cart-wrap .product ul li {
    padding-bottom: 5px;
}

.cart-wrap .product ul .first-cart {
    font-size: 18px;
    font-weight: 500;
    color: var(--primaryColor);
}

.cart-wrap .product a {
    font-size: 16px;
    color: #a5a4a4;
}

.cart-wrap .product a:hover {
    color: var(--primaryColor);
}

.cart-wrap .quantity {
    position: relative;
}

.cart-wrap th {
    font-weight: 600;
}

.cart-area .cart-wrap .quantity .qtybutton {
    top: 50%;
    left: 0;
    transform: translateY(-51%);
    -webkit-transform: translateY(-51%);
    -moz-transform: translateY(-51%);
}

.cart-area .cart-wrap .quantity .qtybutton.inc {
    right: 0;
    left: auto;
}

.cart-area .cart-wrap .input-style {
    margin: 0;
}

/*.cart-area .images img{*/
/*height: 80px;*/
/*object-fit: cover;*/
/*}*/
.images-b {
    border-left: 2px dotted #f0f0f0 !important;
}

.remove-b {
    border-right: 2px dotted #f0f0f0 !important;
}

.remove ul {
    display: flex;
    justify-content: center;
}

.remove ul img {
    max-width: 65%;
}

.remove i {
    cursor: pointer;
}

.remove i:hover {
    color: #f00;
}

.cart-btn-area ul {
    display: flex;
    justify-content: flex-end;
}

.cart-btn-area ul li button,
.cart-btn-area ul li a {
    background: var(--primaryColor);
    width: 175px;
    height: 55px;
    line-height: 55px;
    display: block;
    margin: 30px 10px 0;
    color: #fff;
    font-weight: 500;
    border: none;
    cursor: pointer;
    text-align: center;
    margin-left: 0;
    border-radius:40px;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
}

.cart-btn-area ul li .c-btn {
    background: #fcb119;
}


.cart-btn-area ul li button {
    background: #fcb119;
}

.cart-wrap {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}

.check-left {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}

.chec-right-bar {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}

.cart-list-sec {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    padding: 40px;
    margin-top: 40px;
}

.cart-ac-area ul li.product {
    padding: 20px 0;
    font-weight: 500;
    color: #878787;
    border-bottom: 2px dotted #f0f0f0;
}

.cart-ac-area ul li.sub-price {
    padding-bottom: 35px;
    padding-top: 35px;
}

.cart-ac-area ul li.price {
    padding-bottom: 10px;
    padding-top: 40px;
    font-weight: 500;
    color: #878787;
}

.cart-ac-area ul li.charge {
    padding-bottom: 35px;
    border-bottom: 2px dotted #f0f0f0;
}

.cart-ac-area ul li button {
    width: 280px;
    height: 50px;
    background: var(--primaryColor);
    text-transform: uppercase;
    border: none;
    color: #fff;
    margin: auto;
    margin-top: 25px;
    cursor: pointer;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.coupon-area .input-group-append button {
    background: var(--primaryColor);
    color: #fff;
}

.coupon-area .input-group-append button:focus,
.coupon-area .input-group-append button:active {
    background: var(--primaryColor) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.coupon-area .input-group input:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #ced4da;
}

#promocode_msg {
    margin-top: 10px;
    color: var(--primaryColor);
}

.cart-ac-area ul li button.continue-shopping {
    background: #fcb119;
}

li .btn-cart a {
    font-family: 'Roboto Slab', serif;
    padding-bottom: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

/*==============================
.order-page area
=================================*/

.order-pg-area .cart-area form {
    padding-left: 40px;
}

.order-pg-area .cart-wrap td {
    padding: 10px 5px;
}

.order-pg-area .stock {
    color: #ffd34b;
    font-weight: 500;
}

.order-pg-area .stocks {
    color: #1dc210;
    font-weight: 500;
}

.pagination-wrapper ul li {
    display: inline-block;
}

.pagination-wrapper ul li a,
.pagination-wrapper ul li span {
    height: 30px;
    width: 40px;
    line-height: 11px;
    background: #f0493a2e;
    color: #848484;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
}

.pagination-wrapper ul li a.next {
    background: none;
}

.pagination-wrapper ul li a.prev {
    background: none;
}

.pagination-wrapper ul li a i {
    font-size: 20px;
    color: #ee473999;
}

.pagination-wrapper ul li a i:hover {
    color: var(--primaryColor);
}

.product-list .product-content h3 {
    margin-top: 0;
}

.pagination-wrapper ul li:hover a,
.pagination-wrapper ul li span {
    background: var(--primaryColor);
    color: #fff;
}

.pagination-wrapper ul li a.next:hover {
    background: none;
    color: #333;
}

.pagination-wrapper ul li a.prev:hover {
    background: none;
    color: #333;
}

.pagination-wrapper {
    margin-top: 35px;
}

.pagination {
    justify-content: center;
}

.page-item:last-child .page-link {
    border-radius: 50%;
}

.page-item:first-child .page-link {
    border-radius: 50%;
}

.order-profile {
    background: #fff;
    padding: 40px 60px;
}

.order-profile .order-img img {
    border-radius: 50%;
    border: 3px solid var(--primaryColor);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.order-profile .order-img {
    position: relative;
    text-align: center;
    width: 130px;
    height: 130px;
    margin: auto;
}

.order-profile-icon {
    position: absolute;
    right: 14px;
    bottom: 0px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    line-height: 30px;
    box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.4);
}

.order-profile .order-text {
    margin-top: 20px;
    text-align: center;
}

.order-profile .order-text h2 {
    font-size: 16px;
    font-weight: 500;
    color: #585858;
    margin-bottom: 0;
}

.order-profile .order-text span {
    font-weight: 500;
    color: #585858;
    font-size: 14px;
}

.order-profile-list {
    background: #fff;
    padding: 0;
    margin-top: 0;
    padding-bottom: 10px;
    border-top: 2px dotted #f0f0f0;
}

.order-profile-list ul li a {
    padding: 15px 0;
    cursor: pointer;
    border-bottom: 2px dotted #f0f0f0;
    padding-left: 25px;
    display: block;
    color: #878787;
}

.order-profile-list ul li .br-n {
    border-bottom: none;
}

.order-profile-list ul li {
    flex-basis: 100%;
}

.order-profile-list ul li a:hover {
    color: var(--primaryColor);
}

.order-profile-list ul li span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #585858;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px;
    display: inline-block;
    transition: all .3s;
}

.order-profile-list ul .p-wrap {
    position: relative;
}

.order-profile-list ul li .p-hide {
    position: absolute;
    left: 25px;
    top: 15px;
    visibility: hidden;
    border: 1px solid var(--primaryColor);
    transition: all .3s;
}

.order-profile-list ul li:hover {
    color: var(--primaryColor);
}

.order-profile-list ul li:hover span{
    border: 1px solid var(--primaryColor);
}

.order-pg-area .cart-area form h2 {
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 40px;
    color: var(--primaryColor);
}

.order-profile-list .active {
    color: var(--primaryColor);
}

.order-profile-list ul li a.active span{
    border: 1px solid var(--primaryColor);
}

.order-profile-list ul li a .fi:before{
    font-size:17px;
}
/*=========================================
account
==========================================*/

.form-style input,
.form-style select,
.form-style textarea {
    width: 100%;
    height: 45px;
    border: 1px solid #eeeeee;
    margin-bottom: 20px;
    padding-left: 20px;
    background: #fafafa;
}
.form-style textarea {
    height: 120px;
}
.sign-in-section input {
    height: 60px;
}

.check-mark {
    position: relative;
    padding-left: 28px;
}

.check-mark input {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: -2px;
}

.check-mark label {
    display: flex;
    align-items: center;
}

.form-style input:focus,
.form-style select:focus,
.form-style textarea:focus {
    border: 1px solid #eeeeee;
    outline: none;
}

.create-account p {
    margin-bottom: 15px;
}

.form-style label {
    line-height: 18px;
    margin-bottom: 18px;
    cursor: pointer;
    text-align: left !important;
    color: #878787;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    display: block;
}

.form-style form {
    text-align: left !important;
}

.account-area select.form-control:not([size]):not([multiple]) {
    height: 70px;
}

.account-area .order-profile-list {
    padding-bottom: 20px;
}

.account-area .order-profile-list ul li:last-child {
    border-bottom: none;
}

/*=========================
password setting
==========================*/
.password-setting p {
    position: relative;
    margin-bottom: 0;
}

.password-setting span {
    position: absolute;
    right: 15px;
    top: 45px;
    margin-bottom: 30px;
}

/*===============================
sign-in-area
=================================*/
.sign-in-btn button {
    background: var(--primaryColor);
    width: 200px;
    height: 60px;
    line-height: 60px;
    display: block;
    margin: auto;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border: none;
    cursor: pointer;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.sign-in-btn {
    text-align: center;
}

.sign-in-btn {
    margin: auto;
}

.sign-in-section .r-now {
    text-align: center;
    margin-top: 20px;
    color: #878787;
}

.sign-in-section .r-now a {
    color: var(--primaryColor);
    font-weight: 500;
}

.sign-in-section form h2 {
    text-align: center !important;
    font-size: 32px !important;
}


/*===========================
shop single style here
===========================*/
.single-product-area {
    padding: 40px 0;
}

.product-active {
    margin-bottom: 30px;
}

.product-thumbnil-active {
    padding: 0px 40px;
}

.product-single-img .owl-carousel .owl-item img {
    background: #eee;
}

.product-thumbnil-active .owl-nav div {
    position: absolute;
    left: -1px;
    top: -5px;
    width: 35px;
    height: 90px;
    line-height: 90px;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    background: var(--primaryColor) !important;
    border-radius: 0 !important;
    color: #fff !important;
}

.product-thumbnil-active .owl-nav div i {
    font-size: 20px;
}

.product-thumbnil-active .owl-nav div:hover {
    background: #f8f8f8;
}

.product-thumbnil-active .owl-nav div.owl-next {
    left: auto;
    right: 0px;
}

.product-thumbnil-active .item {
    cursor: pointer;
}

.single-product-area .product-single-content {
    overflow: hidden;
}

.product-text-left {
    float: left;
}

.product-text-left ul {
    display: flex;
}

.product-text-left h2 {
    font-size: 30px;
    color: #585858;
    font-family: 'Roboto Slab', serif;
}

.product-text-left ul li {
    padding-right: 5px;
    font-weight: 400;
    font-size: 20px;
    color: #585858;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-single-img {
    margin-bottom: 30px;
}

.pr-color {
    color: var(--primaryColor);
}

.q-btn {
    float: right;
}

.product-single-content h6 {
    display: block;
    color: #585858;
    margin-bottom: 20px;
}

.product-single-btn-area {
    display: flex;
}

.product-single-btn {
    margin-top: 60px;
}

.product-single-btn {
    position: relative;
}

.product-single-btn button, .product-single-btn a {
    border: 1px solid var(--primaryColor);
    width: 200px;
    height: 60px;
    line-height: 60px;
    display: block;
    margin: 0px 10px 0;
    color: var(--primaryColor);
    font-weight: 500;
    text-align: center;
    padding-left: 65px;
    background: #fff;
    cursor: pointer;
}

.product-single-btn .product-icon {
    position: absolute;
    left: 10px;
    top: 0;
    width: 70px;
    height: 60px;
    background: var(--primaryColor);
    text-align: center;
    line-height: 60px;
}

.product-social ul {
    display: flex;
}

.product-social ul li {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #222;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
}

.product-social ul .pc-1 a {
    color: #3b579d;
}

.product-social ul .pc-2 a {
    color: #1da1f2;
}

.product-social ul .pc-3 a {
    color: #191919;
}

.product-social ul .pc-4 a {
    color: #b23022;
}

.product-social ul .pc-1 {
    border: 1px solid #3b579d;
}

.product-social ul .pc-2 {
    border: 1px solid #1da1f2;
}

.product-social ul .pc-3 {
    border: 1px solid #191919;
}

.product-social ul .pc-4 {
    border: 1px solid #b23022;
}

.single-product-area .product-single-content .input-style {
    text-align: right;
}

.single-product-area .product-single-content .quantity .qtybutton .dec {
    position: absolute;
    top: 0;
    right: 84px;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    background: var(--primaryColor);
}

.product-single-wrap {
    padding: 40px;
    background: #fff;
}

.product-single-wrap .product-filter h2 {
    border-bottom: 2px dotted #f0f0f0;
}

.product-single-wrap .product-filter li {
    padding: 5px 0;
}

.product-single-wrap .product-filter {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.product-size {
    margin-bottom: 30px;
}

.product-size p {
    margin-bottom: 5px;
}

.product-size ul li a {
    display: block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #f23b3b;
    color: #f23b3b;
}

.single-product-menu ul li a {
    padding: 10px 30px;
    text-transform: uppercase;
    display: block;
    border: 1px solid #e5e5e5;
    margin-right: -1px;
}

.single-product-menu ul li a.active,
.single-product-menu ul li a:hover {
    background: #f23b3b;
    color: #fff;
    border-color: #f23b3b;
}

.description-wrap p {
    margin-bottom: 20px;
}

.single-product-area .tab-content {
    border: 1px solid #d7d7d7;
    padding: 50px;
    margin-top: -1px;
}

.review-wrap {
    margin-bottom: 40px;
}

.review-wrap ul li.review-items {
    overflow: hidden;
    margin-bottom: 30px;
}

.review-wrap ul li.review-items.review-items2 {
    margin-left: 30px;
}

.review-wrap ul li.review-items:last-child {
    margin-bottom: 0;
}

.review-img {
    float: left;
    margin-right: 20px;
}

.review-content {
    overflow: hidden;
    position: relative;
}

.review-content h3 {
    font-size: 16px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.review-content h3 a {
    color: #333;
}

.review-content h3 a:hover {
    color: #f23b3b;
}

.review-content span {
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}

.review-content .rating {
    position: absolute;
    right: 0;
    top: 0;
}

.ratting-wrap {
    margin-bottom: 40px;
}

.ratting-wrap table tr th {
    height: 35px;
    text-align: center;
    text-transform: uppercase;
    width: 180px;
    font-weight: 500;
    border: 1px solid #d7d7d7;
}

.ratting-wrap table tr td {
    border: 1px solid #d7d7d7;
    text-align: center;
    height: 40px;
}

.ratting-wrap tr td input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    -webkit-transition: 0.5s all linear;
    transition: 0.5s all linear;
    outline: none;
    position: relative;
    top: 2px;
    cursor: pointer;
    background: #f23b3b;
}

.ratting-wrap tr td input:checked {
    border: 3px solid #f23b3b;
    background-color: #fff;
}

.add-review h4 {
    font-size: 18px;
}

.add-review textarea,
.add-review input[type="text"],
.add-review input[type="email"],
.cart-form-wrap input,
.cart-form-wrap select {
    width: 100%;
    height: 50px;
    background: transparent;
    padding-left: 20px;
    border: 1px solid #d7d7d7;
    margin-bottom: 15px;
}

.add-review textarea {
    height: 150px;
    padding-top: 5px;
}

.add-review button {
    float: right;
    margin-top: 10px;
    padding: 10px 55px;
    text-transform: uppercase;
    border: none;
    background: #f23b3b;
    color: #fff;
}

.add-review button:hover {
    background: #333;
}

.faq-wrap .card {
    border: 1px solid #f23b3b;
    border-radius: 0;
    margin-bottom: 5px;
}

.faq-wrap .card-header {
    padding: 0;
    margin-bottom: -1px;
    background-color: transparent;
    border-bottom: 1px solid #f23b3b;
}

.faq-wrap .card-header h5 {
    margin-bottom: 0px;
}

.faq-wrap .card-header button {
    width: 100%;
    background: #f23b3b;
    border: none;
    height: 40px;
    text-align: left;
    padding: 0px 20px;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.faq-wrap .card-header button:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 43px;
    background: #f23b3b;
    color: #fff;
    content: "-";
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    border-left: 1px solid #d7d7d7;
}

.faq-wrap .card-header button.collapsed:before {
    content: "+";
}

/*================================
shop-page
==================================*/
.product-area {
    padding: 40px 0;
}

.product-area .tab-content h2 {
    font-size: 24px;
    font-weight: 500;
    color: #585858;
    margin-bottom: 15px;
}

.revarce-wrap .tab-wrap {
    padding: 20px;
    background: #fff;
    margin: 0;
    margin-bottom: 30px;
}

.revarce-wrap .tab-content {
    padding: 40px;
    background: #fff;
}

.revarce-wrap .select-style {
    width: 150px;
    height: 40px;
    border: 1px solid var(--primaryColor);
    padding: 0px 20px;
    text-align: left;
}

.tab-menu li a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid var(--primaryColor);
    display: block;
    text-align: center;
    margin-left: 10px;
    color: var(--primaryColor);
}

.tab-menu li a.active, .tab-menu li a:hover {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    color: #fff;
}

.product-category ul li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.product-category ul li {
    color: #878787;
    padding-left: 20px;
    position: relative;
}

.product-category ul li:before {
    position: absolute;
    left: 0;
    top: 8px;
    content: "\f101";
    font-family: 'FontAwesome';
}

.product-category ul li a {
    color: #878787;
}

.product-category ul .active {
    color: var(--primaryColor);
}

.product-category ul .active a {
    color: var(--primaryColor);
}

.product-filter ul .active {
    color: var(--primaryColor);
}

.product-filter ul .active a {
    color: var(--primaryColor);
}

.product-category, .product-filter {
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
}

.product-category h2, .product-filter h2 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    color: #585858;
}

.product-filter li {
    padding: 10px 0;
}

.product-filter li a {
    color: #585858;
}

.product-filter ul li input .active a {
    color: var(--primaryColor);
}

.product-filter li input {
    margin-right: 15px;
}

.product-area .product-single-content {
    overflow: hidden;
}

.shop-list-wrap {
    padding: 30px;
    background: #fafafa;
    margin-bottom: 30px;
}

.shop-list-add ul {
    display: flex;
}

.shop-list-add ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #f0f0f0;
    margin-right: 5px;
    text-align: center;
}

.shop-list-wrap .products-img {
    margin-top: 6px;
}

.product-details .item {
    background: #fafafa;
    text-align: center;
}

.product-details .tab-content {
    padding: 0;
    border: none;
}

.product-menu-tab li a {
    display: block !important;
    text-align: center;
    padding: 27px 0;
    background: #fafafa;
    margin-bottom: 10px;
}

.product-menu-tab {
    display: block;
    border-bottom: none;
    flex-wrap: wrap;
}

.product-single-sub-area-2 {
    overflow: hidden;
}

.product-ct {
    float: left;
}

.product-single-sub-area-2 .product-single-btn {
    margin-top: 0;
}

.product-single-sub-area-2 .product-single-btn-area {
    text-align: right;
    float: right;
}

.product-single-content-2 {
    padding-top: 30px;
}

/*checkout-adress-area*/
.checkout-adress-area {
    margin-top: 30px;
}

.checkout-adress-area .contact-form form {
    padding: 30px !important;
}

.checkout-adress-area .form-style input,
.checkout-adress-area .form-style select,
.checkout-adress-area .form-style textarea {
    height: 50px !important;
}

.checkout-adress-area h2 {
    margin-bottom: 30px;
    font-size: 20px;
    color: var(--primaryColor);
    font-weight: 500;
}

.payment-area ul {
    display: flex;
}

.payment-area ul li {
    margin-right: 60px;
}

.payment-area ul li input {
    margin-right: 10px;
}

.checkout-adress-area .cart-btn-area ul li a {
    text-align: center;
    margin-top: 0;
}

.payment-area {
    background: #fff;
    padding: 35px;
    border-bottom: 1px solid #f8f2f2;
}

.payment-area .form-style form {
    padding: 0;
}

.payment-area .cart-btn-area ul li a {
    text-align: center;
    background: linear-gradient(90deg, var(--primaryColor) 0%, #8647a3 100%);
    width: 320px;
}

.payment-area .cart-btn-area {
    margin: auto;
}

.payment-area h2 {
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.payment-name {
    margin-bottom: 50px;
}

.payment-area h2 {
    font-size: 20px;
    color: #8647a3;
    font-weight: 500;
}

.nav-tabs {
    border-bottom: none;
}

#Edit .cart-btn-area ul li a {
    text-align: center;
}

.order-profile-list .active a {
    color: var(--primaryColor);
}

.order-profile-list .active .p-hide {
    opacity: 1;
    visibility: visible;
}

.order-profile-list .active .normal-img {
    opacity: 0;
    visibility: hidden;
}

.order-profile-list ul li:hover .normal-img {
    opacity: 0;
    visibility: hidden;
}

.wishlist-section .cart-wrap td {
    padding: 5px 1px;
}

.wishlist-section .cart-wrap .product ul .first-cart {
    font-size: 16px;
}

.wishlist-section .cart-wrap .product ul {
    padding-left: 10px;
}

.wishlist-section .cart-wrap .product ul li {
    font-size: 12px;
}

.wishlist-section .cart-wrap .product {
    width: 25%;
}

#Edit .cart-btn-area ul {
    justify-content: start;
}

#file-upload {
    max-width: 435px;
}

.c-btn-t {
    margin-left: 0 !important;
}

#qty-update button {
    width: 122px;
    height: 35px;
    background: #b0b0b0;
    border: none;
    color: #fff;
    margin: auto;
    margin-top: 6px;
    cursor: pointer;
    display: block;
}


/*=========================other-page============================*/

.checkout-wrap {
    overflow-x: unset;
}

.checkout-wrap .product ul {
    text-align: left;
    padding-left: 50px;
}

.checkout-wrap .images img {
    width: 180px;
    height: 141px;
    object-fit: cover;
}

.checkout-wrap .images {
    width: 12%;
}

.cart-ac-area-2 {
    margin-top: 0;
    padding: 20px;
}

.checkout-area form {
    padding-left: 0;
    padding-top: 0px;
    text-align: left;
    background: none;
    padding-right: 0;
}

.cart-ac-area-2 ul li.charge {
    padding-bottom: 35px;
    border-bottom: 2px dotted #f0f0f0;
    padding-top: 35px;
}

.cart-ac-area-2 ul li.price {
    font-weight: 400;
}

.cart-ac-area-2 ul li {
    font-family: 'Roboto Slab', serif;
}

.table-cart {
    background: #fff !important;
    padding-bottom: 20px !important;
    padding-right: 0 !important;
}


.create-account p {
    margin-bottom: 15px;
}

.create-account {
    display: none;
}

.form-style input#toggle2 {
    top: 0;
}


.checkout-adress-area {
    padding-right: 0;
    margin-right: 0px;
    margin-left: 0;
}

.check-left h2 {
    font-size: 20px;
    color: #878787;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.check-left {
    overflow: hidden;
}

.note-area {
    padding-top: 30px;
    position: relative;
}

.note-area:before {
    position: absolute;
    left: -10%;
    top: 0;
    width: 120%;
    height: 1px;
    background: #ebebeb;
    content: "";
}

.coupon {
    padding: 10px 10px;
    background: #f5f5f5;
    position: relative;
    cursor: pointer;
}

.coupon span {
    position: absolute;
    right: 30px;
    top: 30px;
}

.coupon span img {
    width: 80%;
}

.coupon label {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    color: #878787;
    font-family: 'Roboto Slab', serif;
}

.coupon label p,
.billing-area .contact-form h2 span {
    font-size: 30px;
    color: var(--primaryColor);
    display: inline-block;
}

.create-account {
    margin-top: 10px;
}

.create-account span {
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
}

.create-account input {
    width: 100%;
    height: 50px;
    border: 1px solid #d7d7d7;
    margin-bottom: 25px;
    padding-left: 20px;
}

.input-wrap {
    position: relative;
}

.create-account button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    background: #333;
    color: #fff;
    width: 108px;
    border: none;
    outline: none;
    box-shadow: none;
}

.billing-area .contact-form {
    padding-top: 30px;
}

.billing-area .contact-form h2 {
    font-weight: 700;
    color: #878787;
    font-family: 'Roboto Slab', serif;
}

.note-area textarea {
    width: 100%;
    height: 150px;
    padding-top: 10px;
    margin-bottom: 0;
    padding-left: 10px;
    border: 1px solid #eeeeee;
    background: #fafafa;
}

.contact-shipt {
    padding-top: 40px;
    margin-bottom: 18px;
}

.billing-area .cart-btn-area ul {
    display: unset;
}

.billing-area .cart-btn-area .c-btn {
    width: 100%;
}

.billing-area form {
    overflow: unset !important;
}

.payment-area form {
    overflow: unset !important;
}

.payment-name input {
    opacity: 0;
    visibility: hidden;
}

.payment-name ul li {
    width: 165px;
    height: 70px;
    background: #f5f5f5;
    text-align: center;
    line-height: 70px;
}

.payment-name ul li input {
    margin-right: 0;
}

.payment-name ul li {
    margin-right: 15px;
}

.payment-name {
    padding-top: 60px;
}

.payment-area h2 {
    padding-bottom: 15px;
    margin-bottom: 0;
}

.payment-select {
    margin: auto;
    display: flex;
    justify-content: center;
    padding: 40px 0;
    border-bottom: 2px dotted #f0f0f0;
}

.payment-select label {
    font-size: 16px;
    font-weight: 600;
}

.payment-area h2 {
    font-size: 20px;
    color: #878787;
    font-weight: 700;
}

.payment-area h2 span {
    font-size: 30px;
    color: var(--primaryColor);
}

#open2 {
    display: none;
}

#open3 {
    display: none;
}

.payment-area {
    width: 100%;
}

.payment-name ul li input {
    margin-right: 0;
    position: absolute;
    z-index: -1;
}

.payment-name ul li input:checked ~ label {
    border: 1px solid var(--primaryColor);
}

.payment-name label {
    height: 100%;
    width: 100%;
    border: 1px solid transparent;
}

/*trucking-area*/
.trucking-area {
    padding: 40px 0;
}

.truking-wrap {
    padding: 30px;
    background: #fff;
}

.trucking-img {
    width: 155px;
    height: 155px;
    line-height: 155px;
    background: #f5f5f5;
    position: relative;
    border-radius: 50%;
    text-align: center;
    transition: all .3s;
    margin: auto;
}

.trucking-img:before {
    position: absolute;
    left: -15px;
    top: -15px;
    width: 120%;
    height: 120%;
    border: 1px dashed #9f9f9f;
    content: "";
    border-radius: 50%;
}

.trucking-img:after {
    position: absolute;
    left: 100%;
    top: 50%;
    width: 76%;
    height: 10px;
    background: #b3b3b3;
    content: "";
}

.trucking-img.lc:after {
    display: none;
}

@media (max-width: 991px) {
    .trucking-img:after {
        display: none;
    }
}

.trucking-content {
    margin-top: 40px;
}

.trucking-single:hover .trucking-img:before {
    border: 1px dashed var(--primaryColor);
}

.trucking-single {
    position: relative;
    margin-bottom: 30px;
}

.trucking-single:hover .trucking-img {
    background: var(--primaryColor);
}

.active-img {
    position: absolute;
    left: 50%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    transform: translateX(-50%);
}

.normal-img {
    transition: all .3s;
}

.trucking-single:hover .active-img {
    opacity: 1;
    visibility: visible;
}

.trucking-single:hover .normal-img {
    opacity: 0;
    visibility: hidden;
}

.truking-wrap {
    position: relative;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}


.trucking-single .active .active-img {
    opacity: 1;
    visibility: visible;
}

.trucking-single .active .trucking-img {
    opacity: 1;
    visibility: visible;
}

.trucking-single .active:before {
    border: 1px dashed var(--primaryColor);
}

.trucking-single .active {
    background: var(--primaryColor);
    border-radius: 50%;
}

.trucking-content h2 {
    font-size: 19px;
    font-weight: 700;
    color: #727272;
    text-align: center;
    line-height: 20px;
    margin-bottom: 0;
}

.truck-header {
    margin-bottom: 60px;
}

.truck-header h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--primaryColor);
    position: relative;
}

.truck-header h2:before {
    position: absolute;
    left: 25%;
    top: 17px;
    border: 1px dashed #f1f1f1;
    content: "";
    width: 70%;
}

.order-details {
    padding: 30px;
    background: #fff;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}

.order-details-list ul li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    color: #646464;
    font-weight: 700;
    position: relative;
}

.order-details-list ul li:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: ":";
    transform: translateX(-50%);
    font-weight: 700;
}

.order-details-list ul li span {
    font-weight: 500;
    color: #8b8b8b;
}

.order-details-list h2 {
    text-align: center;
    color: var(--primaryColor);
    font-size: 28px;
    font-weight: 700;
    padding-top: 50px;
    padding-bottom: 50px;
}


.order-details-wrap {
    display: flex;
    justify-content: center;
    border-bottom: 1px dashed #f1f1f1;
}

.order-details-list-2 {
    flex-basis: 50%;
    padding-bottom: 0;
    padding-top: 30px;
}

.truck-header-2 h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--primaryColor);
    position: relative;
    padding-bottom: 35px;
    border-bottom: 1px dashed #f1f1f1;
}

.order-1 {
    padding-right: 35px;
}

.order-2 {
    padding-left: 35px;
}

.order-d-header {
    padding: 15px 0;
}

.order-d-header h3 {
    font-size: 22px;
    font-weight: 700;
    color: #646464;
}

.details-list ul li {
    border: 1px solid #ebebeb;
    border-left: 0;
    margin-bottom: -1px;
}

.details-list ul li {
    padding: 0;
    padding: 30px 30px;
}

.details-list {
    padding: 0;
}


.order-3 ul li {
    border: none;
}

.od-r p {
    color: #646464;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
}

.od-r {
    border: 1px solid #ebebeb;
    margin-left: -1px;
    margin-bottom: -1px;
}

.od-r .table thead th {
    border: 0;
}
.od-r .table thead th:first-child{
    padding-left: 40px;
}

.od-r .table td {
    padding: 15px;
}

.od-r .table td:first-child{
    padding-left: 40px;
}

.order-3 ul li {
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    font-weight: 500;
}

.details-list-n ul li:before {
    top: 30px;
}

.order-details-single {
    margin-bottom: 30px;
}


.od-r-2 {
    padding-bottom: 30px;
}

.order-details-list .table thead th {
    border-bottom: 0;
    text-align: center;
}

.order-details-list .table td {
    text-align: center;
    vertical-align: middle;
}

.order-details-wrap-2 {
    border-bottom: none;
}

/*   for  dropdown */
.list-unstyled-row ul {
    height: 30px;
    width: 150px;
    border: 1px var(--primaryColor) solid;
}

.list-unstyled-row ul li {
    padding: 5px 10px;
    z-index: 2;
}

.list-unstyled-row ul li:not(.init) {
    float: left;
    width: 147px;
    display: none;
    background: #ddd;
}

.list-unstyled-row ul li:not(.init):hover, ul li.selected:not(.init) {
    background: var(--primaryColor);
}

.list-unstyled-row li.init {
    cursor: pointer;
}

.list-unstyled-row li a {
    color: #878787
}

.list-unstyled-row li:hover a {
    color: #fff
}

.list-unstyled-row a#submit {
    z-index: 1;
}


/* for alert message */
.page-wrapper {
    position: relative;
}

.myalert {
    position: absolute;
    left: 26%;
    width: 50%;
    top: 152px;
    z-index: 99999;
}

.order-text-message li {
    color: green;
    position: relative;
    padding-left: 20px;
}

.order-text-message li:after {
    position: absolute;
    left: 0;
    top: 2px;
    content: "\f101";
    font-family: 'FontAwesome';
}

#truck-header-report {
    margin-bottom: 15px;
}

.for-email {
    width: 100%;
    height: 70px;
    line-height: 50px;
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding-left: 20px;
    background: #fafafa;
    align-items: center;
}

.dropify-wrapper input {
    height: 100%;
}

/* remove remove button from dropify drag and drop */
.dropify-wrapper.has-preview .dropify-clear {
    display: none;
}

/*remove increment and decrement button from input type number*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.tinyStars {
    display: inline-block;
    position: inherit;
    top: inherit;
    left: inherit;
    background-size: 16px 16px;
    width: 80px;
    height: 24px;
    /* float: none; */
    background-image: url('../../images/activity-rating-main-outline.png');
    background-repeat: repeat-x;
    background-position: center;
}

.tinyStars-percentage {
    display: block;
    background-image: url('../../images/activity-rating-main-fill.png');
    background-repeat: repeat-x;
    background-position: center;
    background-size: 16px 16px;
    width: 70px;
    height: 24px;
}

.activity-menu li {
    margin-right: 8px;
}

.nav-tabs-ul li a {
    border: 1px solid gray;
    border-bottom-width: 0;
    padding: 5px 10px;
}

.nav-tabs-ul li a.active {
    background-color: #fff;
    color: #000;
}

.addToCartbtn {
    border-width: 0;
    background-color: #fff;
    color: var(--primaryColor);
    cursor: pointer;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    margin-top: 5px;
    position: relative;
}

a.addToCartbtn i {
    color: var(--primaryColor);
}

.banner_image {
    height: 266px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.review_photo {
    height: 70px;
    margin-right: 10px;
    width: 70px;
}

.cart-ac-area ul li button {
    width: auto !important;
    margin-top: 0;
    padding: 0 20px;
}

.promocode_input {
    height: 50px;
}

#address_map {
    height: 300px;
}


.featured-text h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
}


.featured-text h2 a {
    color: #192224;
}

.featured-text h2 a:hover {
    color: var(--primaryColor);
}

.featured-text ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.featured-text .txt-sub {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #efefef;
}

.featured-text .ratting li {
    color: rgb(255, 199, 65) !important;
}

.featured-text .txt-sub li {
    color: #192224;
}

.featured-text .ratting li span {
    color: rgb(255, 199, 65, .3);
}

.featured-item {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    margin-bottom: 30px;
}

.featured-text {
    padding: 20px;
    transition: all .5s;
}

.featured-text ul li i {
    margin-right: 5px;
}

.section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.section-title .theme-btn {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    line-height: 37px;
    height: 40px;
}

.pro-action {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.pro-action li a {
    display: block;
    width: 40px;
    height: 40px;
    background: #f7f7f7;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: var(--primaryColor);
}


.owl-carousel .owl-item {
    /* padding: 0 5px; */
}

.featured-img img {
    width: 100%;
    min-height: 230px;
    object-fit: cover;
}

.featured-img {
    position: relative;
}

.thumb-text {
    position: absolute;
    top: -14px;
    right: 15px;
    width: 60px;
    height: 85px;
    text-align: center;
    padding-top: 4px;
    padding-right: 8px;
}

.thumb-p{
    position: absolute;
    top: 5px;
    left: 5px;
}

.thumb-text span {
    color: #fff;
}

.thumb-text span:last-child {
    font-size: 11px;
    margin-top: 0;
    display: block;
}

.thumb-text span:first-child {
    margin-top: 10px;
    display: block;
}

.gallery-menu {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.gallery-menu a {
    background: none;
    outline: none;
    padding: 15px 30px;
    border: none;
    color: #350077;
    margin-right: 15px;
    cursor: pointer;
    border-radius: 0px;
    transition: all .3s;
    position: relative;
    font-weight: 600;
    min-width: 175px;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 15px;
    display: block;
}
.gallery-menu a span{
    display: flex;
    align-items:center;
}
.gallery-menu .owl-stage-outer{
    padding-top: 10px;
}

.gallery-menu a span img {
    max-width: 50px;
    margin-right: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.gallery-menu a.active {
    border: 1px solid var(--primaryColor);
}

.modal {
    z-index: 99999;
}

.single_countdown {
    width: 80px;
    height: 80px;
    background: #69bf3f;
    margin-right: 15px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}

.product-content {
    text-align: center;
    padding: 20px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    margin-bottom: 30px;
}

.countdown_area {
    justify-content: center;
}

.countdown_area {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.weekly-wrap .single_countdown {
    background: none;
}

.weekly-wrap .countdown_number {
    color: #333;
    font-size: 15px;
    margin: 0;
    background: #f2f2f2;
    height: 45px;
    line-height: 45px;
    position: relative;
}

.weekly-wrap .countdown_number:before {
    position: absolute;
    right: 0;
    top: 0;
    content: ":";
}

.weekly-wrap .single_countdown:last-child .countdown_number {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.weekly-wrap .single_countdown:first-child .countdown_number {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.weekly-wrap .single_countdown:last-child .countdown_number:before {
    display: none;
}

.weekly-wrap .countdown_title {
    color: #333;
    font-size: 13px;
    margin-top: 10px;
}

.weekly-wrap .single_countdown {
    height: unset;
    margin-right: 0px;
}

.weekly-wrap .product-content a {
    margin-top: 0;
}

.weekly-wrap .product_timing {
    margin-bottom: 20px;
}

.product-content h4 {
    font-size: 16px;
    color: #192224;
    text-transform: uppercase;
    margin-top: 0;
}

.product-content ul {
    list-style: none;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.product-content ul li {
    margin-right: 5px;
}

ul.ratting {
    display: flex;
}

.ratting li {
    color: #efa719;
    margin-right: 5px;
}

.product-content a {
    padding: 10px 20px;
    border: 1px solid var(--primaryColor);
    position: relative;
    padding-left: 70px;
    color: #353535;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
}

.product-content a span {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--primaryColor);
    width: 40px;
    height: 100%;
    line-height: 40px;
    color: #fff;
}

section.offer-section {
    padding-top: 40px;
}

.offer-section .content-column .offer {
    position: relative;
    font-size: 22px;
    color: #ffffff;
    font-weight: 400;
    font-style: italic;
    padding-right: 115px;
    display: inline-block;
}

.offer-section .content-column .offer:before {
    position: absolute;
    content: "";
    right: 0px;
    bottom: 0px;
    height: 1px;
    width: 100px;
    background-color: rgba(255, 255, 255, 0.8);
}

.offer-section .content-column h1 {
    position: relative;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 20px;
    font-family: "Poppins", sans-serif;
    text-transform: capitalize;
}


.offer-banner {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: cover;
}

.offer-section .content-column .offer-price .price {
    color: #ffffff;
    line-height: 1em;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 28px;
}


/*==================================================
#1.0 blog-area
===================================================*/


.blog-text ul {
    display: flex;
}

.blog-text h2 {
    font-size: 24px;
    color: #fff;
    line-height: 40px;
}

.blog-text h2 a {
    color: #192224;
    font-weight: 700;
}

.blog-text h2 a:hover {
    color: var(--primaryColor);
}

.blog-text {
    padding: 30px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}

.blog-text a {
    color: var(--primaryColor);
    font-weight: 700;
}

.blog-text ul li {
    color: #c7c6c6;
}

.blog-text ul li span {
    color: #192224;
    display: block;
    padding-right: 5px;
}
.blog-img img{
    min-height:230px;
    object-fit: cover;
}
@media (max-width: 992px) {
    .blog-wrap {
        margin-bottom: 30px;
    }

    .blog-area {
        padding-bottom: 70px;
    }

    .blog-img img {
        width: 100%;
    }
}

.hm-category-area2 .hm-category-item {
    margin-bottom: 30px;
}

.password-setting {
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    padding-bottom: 40px;
}


.order-pg-area .tab-content,
.payment-wr,
.card-gb {
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    border: none;
}

.payment-wr {
    border: 0;
}

.order-pg-area .order-right {
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
}

@media (max-width: 991px) {
    .order-pg-area .order-right {
        margin-bottom: 30px;
    }
}

.order-pg-area #order {
    padding: 30px;
}


.cart-area .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
}

.pay-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.pay-top .nav-tabs-ul li a {
    border: none;
}

.password-setting span img {
    cursor: pointer;
    width: 25px;
}

.pay-top .nav-tabs-ul li a {
    padding-bottom: 20px;
    color: #333;
    font-weight: 700;
    position: relative;
    padding-left: 15px;
}


.pay-top .nav-tabs-ul li .active-bol {
    width: 10px;
    height: 10px;
    background: #1dc210;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}

.pay-top .nav-tabs-ul li a.active {
    border-bottom: 2px solid var(--primaryColor);
}

.add-t-btn .theme-btn,
#paypal .theme-btn {
    margin-bottom: 20px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.res-category-text h2 {
    font-size: 30px;
    font-weight: 700;
}

.res-category-text span {
    font-size: 20px;
    font-weight: 700;
}

.category-res {
    display: flex;
}

.res-category-text {
    padding-left: 30px;
}


.normal-img .fi {
    color: #333;
}

.normal-img:hover .fi {
    color: var(--primaryColor);
}

.bt-drop-in-wrapper {
    width: 280px !important;
}

.close_top_right {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -11px;
    background-color: #fff !important;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid gray !important;
    top: -10px;
    opacity: 1 !important;
}

.quantity_input {
    float: right;
    width: 60px;
}

.product_title {
    cursor: pointer;
}

.blog-sidebar {
    /*** search-widget ***/
    /*** about-widget ***/
    /*** category-widget ***/
    /*** recent-post-widget ***/
    /*** tag-widget ***/
}

@media screen and (min-width: 1200px) {
    .blog-sidebar {
        padding-left: 45px;
    }
}

@media (max-width: 991px) {
    .blog-sidebar {
        margin-top: 80px;
        max-width: 400px;
    }
}

@media (max-width: 767px) {
    .blog-sidebar {
        margin-top: 60px;
        max-width: 400px;
    }
}

.blog-sidebar .widget h3 {
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1.3em;
    position: relative;
    text-transform: capitalize;
}

.blog-sidebar > .widget + .widget {
    margin-top: 65px;
}

.blog-sidebar .search-widget form div {
    position: relative;
}

.blog-sidebar .search-widget input {
    background-color: #f8f8f8;
    height: 50px;
    font-size: 16px;
    font-size: 1.06667rem;
    padding: 6px 50px 6px 20px;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.blog-sidebar .search-widget input:focus {
    background-color: rgba(252, 110, 54, 0.1);
}

.blog-sidebar .search-widget form button {
    background: var(--primaryColor);
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-size: 1.33333rem;
    color: #fff;
    border: 0;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
}

.blog-sidebar .search-widget form button i {
    font-size: 14px;
}

.blog-sidebar .about-widget {
    text-align: center;
}

.blog-sidebar .about-widget .img-holder {
    margin-bottom: 25px;
}

.blog-sidebar .about-widget .img-holder img {
    border-radius: 50%;
}

.blog-sidebar .about-widget p {
    font-size: 15px;
    font-size: 1rem;
    margin-bottom: 1.2em;
}

.blog-sidebar .about-widget a {
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: bold;
    color: #233d62;
    text-decoration: underline;
}

.blog-sidebar .about-widget a:hover {
    color: var(--primaryColor);
}

.blog-sidebar .about-widget .social ul {
    display: inline-block;
}

.blog-sidebar .about-widget .social ul li {
    float: left;
}

.blog-sidebar .about-widget .social ul > li + li {
    margin-left: 15px;
}

.blog-sidebar .about-widget .social a {
    font-size: 13px;
    color: #687693;
}

.blog-sidebar .about-widget .social a:hover {
    color: var(--primaryColor);
}

.blog-sidebar .category-widget ul {
    list-style: none;
}

.blog-sidebar .category-widget ul li {
    font-size: 15px;
    font-size: 1rem;
    position: relative;
}

@media (max-width: 767px) {
    .blog-sidebar .category-widget ul li {
        font-size: 14px;
        font-size: 0.93333rem;
    }
}

.blog-sidebar .category-widget ul li span {
    position: absolute;
    right: 0;
}

.blog-sidebar .category-widget ul > li + li {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f3f2f2;
}

.blog-sidebar .category-widget ul a {
    display: block;
    color: #687693;
    position: relative;
}

.blog-sidebar .category-widget ul a:hover,
.blog-sidebar .category-widget ul li:hover:before {
    color: var(--primaryColor);
}

.blog-sidebar .recent-post-widget .post {
    overflow: hidden;
}

.blog-sidebar .recent-post-widget .posts > .post + .post {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f3f2f2;
}

.blog-sidebar .recent-post-widget .post .img-holder {
    width: 68px;
    float: left;
}

.blog-sidebar .recent-post-widget .post .img-holder img {
    border-radius: 5px;
}

.blog-sidebar .recent-post-widget .post .details {
    width: calc(100% - 68px);
    float: left;
    padding-left: 20px;
}

.blog-sidebar .recent-post-widget .post h4 {
    font-family: "caros", sans-serif;
    font-size: 15px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3em;
    margin: 0 0 0.3em;
}

@media (max-width: 1199px) {
    .blog-sidebar .recent-post-widget .post h4 {
        margin: 0;
    }
}

.blog-sidebar .recent-post-widget .post h4 a {
    display: inline-block;
    color: #233d62;
}

.blog-sidebar .recent-post-widget .post h4 a:hover {
    color: var(--primaryColor);
}

.blog-sidebar .recent-post-widget .post .details .date {
    font-size: 13px;
    font-size: 0.86667rem;
    color: #687693;
}

.blog-sidebar .tag-widget ul {
    overflow: hidden;
    list-style: none;
}

.blog-sidebar .tag-widget ul li {
    float: left;
    margin: 0 8px 8px 0;
}

.blog-sidebar .tag-widget ul li a {
    font-size: 13px;
    font-size: 0.86667rem;
    display: inline-block;
    padding: 7px 14px;
    color: #687693;
    border: 1px solid #efefef;
    border-radius: 50px;
}

.blog-sidebar .tag-widget ul li a:hover {
    background: var(--primaryColor);
    color: #fff;
    border-color: var(--primaryColor);
}

.blogpage-left,
.blog-sidebar {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    padding: 30px;
}

/**** pagination ****/
.blog-content .pagination-wrapper {
    text-align: center;
    margin-top: 60px;
}

@media (max-width: 991px) {
    .blog-content .pagination-wrapper {
        text-align: left;
        margin-top: 40px;
    }
    .blogpage-left, .blog-sidebar {
        padding: 30px 20px;
    }
}



.blog-content .pagination-wrapper .pg-pagination {
    display: inline-block;
    overflow: hidden;
    list-style-type: none;
    text-align: center;
}

.blog-content .pagination-wrapper .pg-pagination li {
    float: left;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .blog-content .pagination-wrapper .pg-pagination li {
        margin-right: 5px;
    }
}

.blog-content .pagination-wrapper .pg-pagination li:last-child {
    margin-right: 0;
}

.blog-content .pagination-wrapper .pg-pagination li a,
.blog-content .pagination-wrapper .pg-pagination li span {
    background-color: transparent;
    width: 50px;
    height: 50px;
    line-height: 47px;
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: bold;
    color: #a9b8c4;
    border: 2px solid #f4f4f4;
    display: block;
    border-radius: 50%;
}

.blog-content .pagination-wrapper .pg-pagination li span {
    line-height: 33px;
}

@media (max-width: 991px) {
    .blog-content .pagination-wrapper .pg-pagination li a {
        width: 40px;
        height: 40px;
        line-height: 37px;
        font-size: 15px;
        font-size: 1rem;
    }
}

.blog-content .pagination-wrapper .pg-pagination .active a,
.blog-content .pagination-wrapper .pg-pagination li a:hover {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    color: #fff;
}

.blog-content .pagination-wrapper .pg-pagination .fi:before {
    font-size: 15px;
    font-size: 1rem;
}

.blog-content .pagination-wrapper-left {
    text-align: left;
}

.blog-content .pagination-wrapper-right {
    text-align: right;
}

@media screen and (min-width: 1200px) {
    .blog-content .pagination-wrapper-right {
        padding-right: 50px;
    }
}

@media (max-width: 991px) {
    .blog-content .pagination-wrapper-right {
        margin-top: 45px;
        text-align: left;
    }
}


.blog-pg-section {
    /*** format-standard ***/
    /*** format-gallery ***/
    /*** format-quote ***/
    /*** format-video ***/
}

.blog-pg-section .blog-content .post {
    margin-bottom: 100px;
    position: relative;
}

@media (max-width: 991px) {
    .blog-pg-section .blog-content .post {
        margin-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .blog-pg-section .blog-content .post {
        margin-bottom: 60px;
    }
}

.blog-pg-section .blog-content .cat {
    background: var(--primaryColor);
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
    color: white;
    position: absolute;
    left: 0;
    bottom: -20px;
    border-radius: 0;
    z-index: 2;
}

.blog-pg-section .entry-media {
    position: relative;
}

.blog-pg-section .entry-media .cat {
    background: var(--primaryColor);
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
    color: white;
    position: absolute;
    left: 0;
    bottom: -20px;
    border-radius: 0;
    z-index: 2;
}

.blog-pg-section .entry-details {
    border-top: 0;
    position: relative;
    z-index: 1;
}

.blog-pg-section .entry-details .read-more {
    font-weight: 700;
    color: var(--primaryColor);
    text-transform: uppercase;
}

.blog-pg-section .entry-meta {
    border-top: 0;
    padding: 53px 0 0;
}

.blog-pg-section .entry-meta span {
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: 600;
    color: #687693;
    display: inline-block;
}

.blog-pg-section .entry-meta > span + span {
    margin-left: 50px;
}

.blog-pg-section .entry-meta span a {
    color: #687693;
}

.blog-pg-section .entry-meta span a:hover {
    color: var(--primaryColor);
}

.blog-pg-section .entry-meta > span + span {
    position: relative;
}

.blog-pg-section .entry-meta > span + span:before {
    content: "";
    background-color: #687693;
    width: 22px;
    height: 2px;
    position: absolute;
    left: -36px;
    top: 9px;
}

.blog-pg-section .post h3 {
    font-size: 28px;
    font-size: 1.86667rem;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0.7em 0 0.7em;
}

@media (max-width: 991px) {
    .blog-pg-section .post h3 {
        font-size: 25px;
        font-size: 1.66667rem;
    }
}

@media (max-width: 767px) {
    .blog-pg-section .post h3 {
        font-size: 22px;
        font-size: 1.46667rem;
    }
}

.blog-pg-section .post h3 a {
    color: #233d62;
}

.blog-pg-section .post h3 a:hover {
    color: var(--primaryColor);
}

.blog-pg-section .post p {
    margin-bottom: 1.8em;
}

@media (max-width: 991px) {
    .blog-pg-section .post p {
        font-size: 16px;
        font-size: 1.06667rem;
    }
}

.blog-pg-section .format-standard,
.blog-pg-section .format-quote {
    border: 2px solid #ebedf1;
}

.blog-pg-section .format-standard .entry-details,
.blog-pg-section .format-quote .entry-details {
    padding: 0 35px 35px;
}

@media (max-width: 500px) {
    .blog-pg-section .format-standard .entry-details,
    .blog-pg-section .format-quote .entry-details {
        padding: 0 20px 35px;
    }
}

.blog-pg-section .format-standard .entry-details .read-more,
.blog-pg-section .format-quote .entry-details .read-more {
    font-weight: 700;
    color: var(--primaryColor);
}

.blog-pg-section .format-standard .entry-meta,
.blog-pg-section .format-quote .entry-meta {
    padding: 100px 0 0 35px;
}

@media (max-width: 500px) {
    .blog-pg-section .format-standard .entry-meta,
    .blog-pg-section .format-quote .entry-meta {
        padding: 100px 0 0 20px;
    }
}

.blog-pg-section .format-standard .cat,
.blog-pg-section .format-quote .cat {
    top: 35px;
    bottom: auto;
    left: 35px;
}

@media (max-width: 500px) {
    .blog-pg-section .format-standard .cat,
    .blog-pg-section .format-quote .cat {
        left: 20px;
    }
}

.blog-pg-section .format-gallery {
    position: relative;
}

.blog-pg-section .format-gallery .owl-controls {
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blog-pg-section .format-gallery .owl-controls .owl-nav [class*=owl-]:hover {
    background: var(--primaryColor);
}

.blog-pg-section .format-gallery .owl-controls .owl-nav [class*=owl-] {
    background: rgba(133, 133, 133, 0.5);
    width: 50px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.blog-pg-section .format-gallery .owl-controls .owl-nav .owl-prev,
.blog-pg-section .format-gallery .owl-controls .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blog-pg-section .format-gallery .owl-controls .owl-nav .owl-prev {
    left: 15px;
}

.blog-pg-section .format-gallery .owl-controls .owl-nav .owl-next {
    right: 15px;
}

.blog-pg-section .format-quote {
    background-color: #f9f9f9;
    position: relative;
}

.blog-pg-section .format-quote:before {
    font-family: "Flaticon";
    content: "\f105";
    font-size: 200px;
    font-size: 13.33333rem;
    color: #ecf3fb;
    margin-left: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.blog-pg-section .format-quote h3,
.blog-pg-section .format-quote p {
    position: relative;
}

.blog-pg-section .format-video .video-holder {
    position: relative;
    text-align: center;
}

.blog-pg-section .format-video .video-holder:before {
    content: "";
    background-color: #233d62;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.5;
}

.blog-pg-section .format-video .video-holder:hover:before {
    opacity: 0.7;
}

.blog-pg-section .format-video .video-holder a {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.blog-pg-section .format-video .video-holder .fi:before {
    font-size: 80px;
    font-size: 5.33333rem;
    color: #fff;
}

@media (max-width: 767px) {
    .blog-pg-section .format-video .video-holder .fi:before {
        font-size: 60px;
        font-size: 4rem;
    }
}

@media screen and (min-width: 1200px) {
    .blog-pg-left-sidebar .blog-sidebar {
        padding-right: 45px;
        padding-left: 0;
    }
}

@media screen and (min-width: 1200px) {
    .blog-pg-fullwidth .blog-content {
        padding: 0;
    }
}


/*--------------------------------------------------------------
	#blog single page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#8.1	blog-single-section
--------------------------------------------------------------*/
.blog-single-section {
    /*** tag-share ***/
    /*** author-box ***/
    /*** more-posts ***/
    /*** comments area ***/
    /*** comment-respond ***/
}

.blog-single-section .date-entry-meta {
    position: relative;
    padding-top: 30px;
    margin-bottom: 35px;
}

@media (max-width: 767px) {
    .blog-single-section .date-entry-meta {
        margin-bottom: 25px;
    }
}

.blog-single-section .date-entry-meta .entry-meta {
    border-top: 0;
    padding: 25px 0 0;
}

@media (max-width: 767px) {
    .blog-single-section .date-entry-meta .entry-meta {
        padding-top: 10px;
    }
}

.blog-single-section .date-entry-meta .entry-meta span {
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: 600;
    color: #687693;
    display: inline-block;
}


@media (max-width: 767px) {
    .blogpage-left, .blog-sidebar {
        padding: 30px 20px;
    }
    .blog-single-section .date-entry-meta .entry-meta span {
        font-size: 14px;
    }
}

.blog-single-section .date-entry-meta .entry-meta > span + span {
    margin-left: 50px;
}

.blog-single-section .date-entry-meta .entry-meta span a {
    color: #687693;
}

.blog-single-section .date-entry-meta .entry-meta span a:hover {
    color: var(--primaryColor);
}

.blog-single-section .date-entry-meta .entry-meta > span + span {
    position: relative;
}

.blog-single-section .date-entry-meta .entry-meta > span + span:before {
    content: "";
    background-color: #687693;
    width: 22px;
    height: 2px;
    position: absolute;
    left: -36px;
    top: 9px;
}

.blog-single-section .post h2 {
    font-size: 30px;
    font-size: 2rem;
    margin: -0.22em 0 0.7em;
    line-height: 1.3em;
}

@media (max-width: 991px) {
    .blog-single-section .post h2 {
        font-size: 30px;
        font-size: 2rem;
    }
}

@media (max-width: 767px) {
    .blog-single-section .post h2 {
        font-size: 25px;
        font-size: 1.66667rem;
    }
}

.blog-single-section .post p {
    margin-bottom: 1.5em;
}

.blog-single-section .post h3 {
    font-size: 24px;
    font-size: 1.6rem;
    line-height: 1.3em;
    margin: 1.8em 0 1em;
}

@media (max-width: 991px) {
    .blog-single-section .post h3 {
        font-size: 22px;
        font-size: 1.46667rem;
    }
}

@media (max-width: 767px) {
    .blog-single-section .post h3 {
        font-size: 20px;
        font-size: 1.33333rem;
    }
}

.blog-single-section .post blockquote {
    background-color: #f0f1f4;
    font-size: 18px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #233d62;
    line-height: 1.6em;
    padding: 35px 25px 35px 100px;
    margin-top: 60px;
    border: 0;
    position: relative;
}

@media (max-width: 767px) {
    .blog-single-section .post blockquote {
        padding: 25px;
    }
}

.blog-single-section .post blockquote:before {
    font-family: "themify";
    content: "\e67f";
    font-size: 45px;
    font-size: 3rem;
    color: var(--primaryColor);
    position: absolute;
    left: 30px;
    top: 45px;
}

@media (max-width: 767px) {
    .blog-single-section .post blockquote:before {
        display: none;
    }
}

.blog-single-section .post blockquote .quoter {
    font-size: 14px;
    font-size: 0.93333rem;
    display: block;
    margin-top: 15px;
}

.blog-single-section .tag-share {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    margin: 75px 0 0;
    padding: 30px 0;
    color: #233d62;
}

.blog-single-section .tag-share ul {
    list-style: none;
    display: inline-block;
    overflow: hidden;
}

.blog-single-section .tag-share ul li {
    float: left;
}

@media (max-width: 767px) {
    .blog-single-section .tag-share ul li {
        margin: 2px;
    }
}

.blog-single-section .tag-share ul > li + li {
    margin-left: 10px;
}

@media (max-width: 767px) {
    .blog-single-section .tag-share ul > li + li {
        margin: 2px;
    }
}

.blog-single-section .tag-share .tag {
    float: left;
}

@media (max-width: 600px) {
    .blog-single-section .tag-share .tag {
        float: none;
    }
}

.blog-single-section .tag-share .tag > span {
    color: #233d62;
    font-weight: bold;
    display: inline-block;
    padding-right: 8px;
}

.blog-single-section .tag-share .tag ul {
    list-style: none;
    position: relative;
    top: 5px;
}

.blog-single-section .tag-share .tag li {
    position: relative;
}

.blog-single-section .tag-share .tag ul > li + li {
    margin-left: 10px;
}

.blog-single-section .tag-share .tag a {
    background-color: #f5f5f5;
    font-size: 13px;
    font-size: 0.86667rem;
    color: #687693;
    padding: 6px 15px;
    border-radius: 30px;
    display: inline-block;
}

@media (max-width: 767px) {
    .blog-single-section .tag-share .tag a {
        font-size: 13px;
        font-size: 0.86667rem;
    }
}

.blog-single-section .tag-share .tag a:hover {
    background-color: var(--primaryColor);
    color: #fff;
}

.blog-single-section .tag-share .share {
    float: right;
    position: relative;
    top: -15px;
}

@media (max-width: 600px) {
    .blog-single-section .tag-share .share {
        float: none;
        margin-top: 15px;
    }
}

.blog-single-section .tag-share .share > span {
    color: #233d62;
    font-weight: 600;
    display: inline-block;
    padding-right: 8px;
}

.blog-single-section .tag-share .share ul {
    position: relative;
    top: 15px;
}

.blog-single-section .tag-share .share ul > li + li {
    margin-left: 10px;
}

@media (max-width: 767px) {
    .blog-single-section .tag-share .share ul > li + li {
        margin-left: 8px;
    }
}

@media (max-width: 767px) {
    .blog-single-section .tag-share .share ul > li {
        margin: 5px;
    }
}

.blog-single-section .tag-share .share a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #eae6e6;
    border-radius: 50%;
    display: inline-block;
    font-size: 14px;
    font-size: 0.93333rem;
    color: #627381;
}

@media (max-width: 767px) {
    .blog-single-section .tag-share .share a {
        font-size: 13px;
        font-size: 0.86667rem;
    }
}

.blog-single-section .tag-share .share a:hover {
    background: var(--primaryColor);
    border-color: var(--primaryColor);
    color: #fff !important;
}

.blog-single-section .tag-share .share ul > li:first-child a {
    color: #3c5ba4;
}

.blog-single-section .tag-share .share ul > li:nth-child(2) a {
    color: #47a0d9;
}

.blog-single-section .tag-share .share ul > li:nth-child(3) a {
    color: #0073b1;
}

.blog-single-section .tag-share .share ul > li:nth-child(4) a {
    color: #933f94;
}

.blog-single-section .author-box {
    padding: 35px 40px 25px;
    margin: 70px 0;
    -webkit-box-shadow: 0px 9px 57px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 9px 57px 0px rgba(0, 0, 0, 0.11);
}

@media (max-width: 991px) {
    .blog-single-section .author-box {
        padding: 35px 40px;
    }
}

@media (max-width: 767px) {
    .blog-single-section .author-box {
        padding: 25px;
    }
}

.blog-single-section .author-box .author-avatar {
    float: left;
}

@media (max-width: 767px) {
    .blog-single-section .author-box .author-avatar {
        float: none;
    }
}

.blog-single-section .author-box .author-avatar img {
    border-radius: 50%;
    width: 80px;
}

.blog-single-section .author-box .author-content {
    display: block;
    overflow: hidden;
    padding-left: 25px;
}

@media (max-width: 767px) {
    .blog-single-section .author-box .author-content {
        padding: 0;
        margin: 15px 0 0 0;
    }
}

.blog-single-section .author-box .author-content p {
    margin-bottom: 20px;
}

.blog-single-section .author-box .author-name {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
    color: #233d62;
}

.blog-single-section .author-box .social-link {
    display: inline-block;
    list-style: none;
}

.blog-single-section .author-box .social-link li {
    float: left;
    margin-right: 12px;
}

.blog-single-section .author-box .social-link a {
    display: block;
    font-size: 13px;
    font-size: 0.86667rem;
    color: #233d62;
}

.blog-single-section .author-box .social-link a:hover {
    color: var(--primaryColor);
}

.blog-single-section .more-posts {
    overflow: hidden;
}

.blog-single-section .more-posts > div {
    width: 50%;
    float: left;
}

@media (max-width: 767px) {
    .blog-single-section .more-posts > div {
        width: 100%;
        float: none;
    }
}

.blog-single-section .more-posts > div > a {
    display: inline-block;
}

.blog-single-section .more-posts .next-post {
    text-align: right;
    padding-left: 15px;
    padding-right: 5px;
    float: right;
}

@media (max-width: 767px) {
    .blog-single-section .more-posts .next-post {
        border-left: 0;
        text-align: left;
        border-top: 1px solid #dae9f9;
        padding-left: 5px;
        margin-top: 25px;
        padding-top: 25px;
    }
}

.blog-single-section .more-posts .next-post .post-control-link {
    padding-right: 25px;
    position: relative;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .blog-single-section .more-posts .next-post .post-control-link {
        padding-right: 0;
    }
}

.blog-single-section .more-posts .next-post .post-control-link:before {
    font-family: "themify";
    content: "\e628";
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 767px) {
    .blog-single-section .more-posts .next-post .post-control-link:before {
        display: none;
    }
}

.blog-single-section .more-posts .previous-post {
    padding-right: 15px;
    padding-left: 5px;
}

.blog-single-section .more-posts .previous-post .post-control-link {
    padding-left: 25px;
    position: relative;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .blog-single-section .more-posts .previous-post .post-control-link {
        padding-left: 0;
    }
}

.blog-single-section .more-posts .previous-post .post-control-link:before {
    font-family: "themify";
    content: "\e629";
    position: absolute;
    left: 0;
    top: 0;
}

@media (max-width: 767px) {
    .blog-single-section .more-posts .previous-post .post-control-link:before {
        display: none;
    }
}

.blog-single-section .more-posts .previous-post > a > span,
.blog-single-section .more-posts .next-post > a > span {
    display: block;
}

.blog-single-section .more-posts .post-control-link {
    font-size: 14px;
    color: #687693;
}

.blog-single-section .more-posts .post-name {
    font-size: 17px;
    font-size: 1.13333rem;
    color: #233d62;
    margin: 0.7em 0 0;
    font-weight: 600;
}

@media (max-width: 991px) {
    .blog-single-section .more-posts .post-name {
        font-size: 18px;
        font-size: 1.2rem;
    }
}

@media (max-width: 7671px) {
    .blog-single-section .more-posts .post-name {
        margin: 0;
    }
}

.blog-single-section .more-posts a:hover .post-control-link {
    color: var(--primaryColor);
}

.blog-single-section .comments-area {
    margin-top: 70px;
}

.blog-single-section .comments-area li > div {
    border-bottom: 1px solid #f4f4f4;
    padding: 35px 0 35px 0;
}

@media (max-width: 991px) {
    .blog-single-section .comments-area li > div {
        padding: 35px 25px;
    }
}

.blog-single-section .comments-area ol {
    list-style-type: none;
    padding-left: 0;
}

.blog-single-section .comments-area ol ul {
    padding-left: 30px;
    list-style-type: none;
}

.blog-single-section .comments-area ol > li:last-child div {
    border-bottom: 0;
}

.blog-single-section .comments-area .comments-title {
    font-size: 22px;
    font-size: 1.46667rem;
    font-weight: 600;
    margin: 0;
}

@media (max-width: 991px) {
    .blog-single-section .comments-area .comments-title {
        font-size: 20px;
        font-size: 1.33333rem;
    }
}

.blog-single-section .comments-area li > div {
    position: relative;
}

.blog-single-section .comments-area .comment-theme {
    position: absolute;
    left: 0;
}

@media (max-width: 767px) {
    .blog-single-section .comments-area .comment-theme {
        position: static;
    }
}

.blog-single-section .comments-area .comment-theme img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.blog-single-section .comments-area .comment-main-area {
    padding-left: 100px;
}

@media (max-width: 767px) {
    .blog-single-section .comments-area .comment-main-area {
        padding-left: 0;
        margin-top: 25px;
    }
}

.blog-single-section .comments-area .comment-main-area p {
    margin-bottom: 20px;
}

.blog-single-section .comments-area .comments-meta h4 {
    font-size: 18px;
    font-size: 1.2rem;
    color: #233d62;
    font-weight: 600;
    margin: 0 0 1em;
}

.blog-single-section .comments-area .comments-meta h4 span {
    font-size: 13px;
    font-size: 0.86667rem;
    color: #687693;
    font-weight: normal;
    font-style: italic;
    text-transform: none;
    display: inline-block;
    padding-left: 5px;
}

@media (max-width: 767px) {
    .blog-single-section .comments-area .comments-meta h4 span {
        padding-left: 0;
    }
}

.blog-single-section .comments-area .comment-reply-link {
    font-size: 15px;
    font-size: 1rem;
    color: #687693;
    font-weight: 600;
    display: inline-block;
}

.blog-single-section .comments-area .comment-reply-link .fi {
    display: inline-block;
    padding-right: 5px;
}

.blog-single-section .comments-area .comment-reply-link .fi:before {
    font-size: 15px;
    font-size: 1rem;
}

.blog-single-section .comments-area .comment-reply-link:hover {
    color: var(--primaryColor);
}

.blog-single-section .comment-respond {
    margin-top: 70px;
}

.blog-single-section .comment-respond .comment-reply-title {
    font-size: 22px;
    font-size: 1.46667rem;
    margin: 0 0 1.5em;
}

@media (max-width: 991px) {
    .blog-single-section .comment-respond .comment-reply-title {
        font-size: 20px;
        font-size: 1.33333rem;
    }
}

.blog-single-section .comment-respond form input,
.blog-single-section .comment-respond form textarea {
    background-color: #fff;
    width: 100%;
    height: 50px;
    border: 1px solid #dfe2e8;
    padding: 6px 15px;
    margin-bottom: 15px;
    outline: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.blog-single-section .comment-respond form input:focus,
.blog-single-section .comment-respond form textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--primaryColor);
}

@media (max-width: 991px) {
    .blog-single-section .comment-respond form input,
    .blog-single-section .comment-respond form textarea {
        height: 40px;
    }
}

.blog-single-section .comment-respond form textarea {
    height: 220px;
    padding: 15px;
}

@media (max-width: 991px) {
    .blog-single-section .comment-respond form textarea {
        height: 150px;
    }
}

.blog-single-section .comment-respond .form-inputs {
    overflow: hidden;
}

.blog-single-section .comment-respond .form-inputs > input:nth-child(2) {
    width: 49%;
    float: left;
}

@media (max-width: 767px) {
    .blog-single-section .comment-respond .form-inputs > input:nth-child(2) {
        width: 100%;
        float: none;
    }
}

.blog-single-section .comment-respond .form-inputs > input:nth-child(3) {
    width: 49%;
    float: right;
}

@media (max-width: 767px) {
    .blog-single-section .comment-respond .form-inputs > input:nth-child(3) {
        width: 100%;
        float: none;
    }
}

.blog-single-section .comment-respond .form-submit button {
    max-width: 180px;
    background-color: var(--primaryColor);
    color: #fff;
    margin-bottom: 0;
    border: 0;
    outline: 0;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 0;
    padding: 10px 20px;
    cursor: pointer;
}

.blog-single-section .comment-respond .form-submit button:hover {
    background-color: #9b0f40;
}

@media screen and (min-width: 1200px) {
    .blog-single-left-sidebar-section .blog-sidebar {
        padding-right: 45px;
        padding-left: 0;
    }
}

.close_top_right {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -11px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-border-radius: 100%;
    border: 1px solid gray;
    top: -10px;
    opacity: 1;
    z-index: 99;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.quantity_input {
    float: right;
    width: 60px;
}

.product_title {
    cursor: pointer;
}

.product-img img {
    width: 100%;
}


.mb-20 {
    margin-bottom: 20px;
}

.no_bottom {
    bottom: auto !important;
}


.category-area {
    padding-top: 40px;
}


.resturent-time ul li,
.rest-info p {
    padding: 7px 15px;
    position: relative;
    text-transform: capitalize;
}

.resturent-time ul li:before,
.rest-info p:before {
    position: absolute;
    left: 50%;
    top: 8px;
    content: ":";
}

.resturent-time ul li:nth-child(odd),
.rest-info p:nth-child(odd) {
    background: #ffe6dc;
}

.resturent-time ul li:last-child {
    border-bottom: 0;
}

.resturent-time, .rest-info {
    background: #f6d4c7;
}

.resturent-details-area {
    padding: 50px 0;
}

.rest-info p span {
    position: relative;
    padding-left: 20px;
}

.rest-info p span .fa {
    position: absolute;
    left: -2px;
    padding-left: 0;
    top: 4px;
}

.resturent-details-area .card-header {
    background: var(--primaryColor);
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-transform: capitalize;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.resturent-details-area .card {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    margin-bottom: 30px;
    border: none;
}

.resturent-details-area .card .card {
    background: #eaeaea;
    box-shadow: none;
}

.close.card-body {
    position: relative;
}

.close.card-body::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.2;
    left: 0;
    top: 0;
    z-index: 1;
    cursor: default;
}


.resturent-wrap {
    margin-bottom: 50px;
}

@media (max-width: 1200px) {
    .resturent-map {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .resturent-wrap .pull-left {
        float: none;
        width: 100%;
    }

    .rest-wrap-right {
        margin: 30px 0;
    }

    .resturent-map {
        margin-top: 0px;
    }

    .prtb-item {
        text-align: center;
        margin: 10px 0;
    }

    .star-ratings-sprite {
        margin: auto;
    }
}

.modal .theme-btn:hover,
.modal-footer .theme-btn:hover,
.modal-footer .theme-btn:focus,
.modal-footer .theme-btn:active {
    background-color: #c3155d !important;
    border-color: #c3155d !important;
    box-shadow: none !important;
    outline: none;
}


.modal-btn .btn {
    background: var(--primaryColor);
    color: #fff;
}

.modal-btn .btn-up {
    background: #fcb119;
}

.modal-h {
    background: var(--primaryColor);
}

.modal-h h4 {
    color: #fff;
    font-size: 18px;
}

.modal-h .close {
    color: #fff;
}

.theme-btn i {
    margin-right: 5px;
    margin-top: -1px;
}

.input-1 .form-control:focus {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}


.tab-content .cart-wrap {
    box-shadow: none;
    padding: 0;
}

.star-ratings-sprite {
    background: url(../../images/star.png) repeat-x;
    font-size: 0;
    height: 21px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 110px;
}

.modal-content .star-ratings-sprite {
    margin: 0 auto;
}

.star-ratings-sprite-rating {
    background: url(../../images/star.png) repeat-x;
    background-position: 0 100%;
    float: left;
    height: 21px;
    display: block;
}


.rest-info p {
    display: flex;
    justify-content: space-between;
}

.rest-ratting {
    display: flex;
    flex-wrap: wrap;
}

.rest-ratting .review-r {
    margin-left: 5px;
    display: inline-block;
}

.under-modal-register {
    margin-top: -54px;
    margin-bottom: 13px;
}
.under-modal-register .btn,
.modal-btn .btn{
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}



.cart_amount {
    right: -5px;
    margin-left: 0;
    z-index: 99;
    position: absolute;
    top: -2px;
}


.iti {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.work-area {
    padding: 50px 0;
}

.resturent-sub-offer {
    background: url(../../images/frontend/banner.png) no-repeat top center;
    padding: 50px;
}

.resturent-sub-offer .deal-name strong {
    font-size: 80px;
    font-style: italic;
}

.resturent-sub-offer .deal-name {
    color: #fff;
    margin-bottom: 10px;
}

.resturent-sub-offer .deal-desc {
    color: #fff;
    font-size: 18px;
}

.resturent-sub-offer i {
    color: #748592;
    font-size: 140px;
}

.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 1200;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
    animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
}

.modal-content .iti {
    margin-bottom: 0;
}

.restaurant_list {
    margin-left: 14px;
    margin-right: 14px;
}

.restaurant_list a li {
    border-radius: 0;
}

@media(max-width: 767px){
    .resturent-sub-offer .deal-name strong {
        font-size: 40px;
    }
}

@media(max-width: 575px){
    .resturent-sub-offer .text-right {
        text-align: left!important;
    }

    .resturent-sub-offer i {
        font-size: 80px;
        margin-top: 15px;
    }
    .resturent-sub-offer {
        padding: 0;
    }
}


/* app-section-area */

.app-section-area {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 100px 0;
}

.app-img {
    background: url(../../images/frontend/app.jpg) no-repeat top center fixed;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 1;
}

.app-img:before {
    position: absolute;
    content: "";
    background: linear-gradient(75deg, #000000, var(--primaryColor)) !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    content: "";
    opacity: .5;
    z-index: -1;
}

.app-download-btn {
    position: relative;
    font-size: .838rem;
    font-weight: 500;
    padding: .55em 2.735em;
    line-height: 1.75em;
    transition: all .3s ease-in-out;
    color: #fff;
    background: var(--primaryColor);
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

.app-download-btn span {
    font-size: 30px;
}

.app-download-btn .download-text.tb {
    margin-top: -2px;
    padding-bottom: 2px;
}

.app-download-btn .download-text h5 {
    font-size: 14px;
    color: inherit;
}

.section-heading h2 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 20px;
}

.section-heading p {
    font-size: 15px;
    color: #fff;
}

.section-heading {
    z-index: 11;
    position: relative;
}

.app-download-btn {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;

}

.app-download-btn:hover {
    color: #fff;
    background: #a61453;
}

#restaurant_search_list .list-group-item {
    margin-top: -1px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    position: relative;
    color: #333;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

#restaurant_search_list .list-group-item:hover {
    color: #a61453;
}

#restaurant_search_list .list-group-item:before {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    content: "\f18e";
    font-family: 'FontAwesome';
}

#restaurant_search_list a:first-child .list-group-item {
    border-top: 1px solid rgba(0, 0, 0, .125);
}

#restaurant_search_list .restaurant_list {
    margin-left: 15px;
    margin-right: 15px;
}

#restaurant_search_list .restaurant_list li span {
    display: flex;
    align-items: center;
}

#restaurant_search_list .restaurant_list li span span {
    margin-left: 15px;
}

.add-search {
    position: relative;
}

#restaurant_search_list {
    position: absolute;
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}


.restaurantd-item{
    display: flex;
}

.rest-wrap-right {
    flex-basis: 50%;
}
.resturend-img{
    margin-right: 20px;
    flex-basis: 50%;
}
.resturend-img img {
    height: 282px;
    width:100%;
}
@media(max-width:767px){
    .restaurantd-item{
       flex-wrap: wrap;
    }
    .rest-wrap-right {
        flex-basis: 100%;
    }

    .resturend-img{
        flex-basis: 100%;
    }

    .resturend-img img{
        width: 100%;
    }
    .resturend-img{
        margin-right: 0px;
    }

}
.rest-wrap-right span a{
    font-weight: 700;
    color: var(--primaryColor)!important;
}

.rest-wrap-right span a:focus,
.rest-wrap-right span a:hover{
    color: var(--primaryColor)!important;
}
.btn:focus,
.btn.active{
    outline: none!important;
    box-shadow: none!important;
}
.resturent-map {
    padding: 15px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    height: 280px;
    border: none;
    width: 100%;
}


.activity-menu li a {
    position: relative;
    color: #333;
    display: block;
    text-align: center;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.activity-menu li .flaticon-delete:before {
    color: #a61252;
    font-size: 16px;
}
.activity-menu li .flaticon-edit:before {
    color: #32c4d3;
}
.activity-menu li .flaticon-padlock:before {
    color: #ffc107;
}

.activity-menu li .flaticon-unlock:before {
    color: #28a745;
}
.activity-menu li .fi:before{
    font-size:15px;
}

.activity-menu li a span {
    position: absolute;
    top: -40px;
    display: block;
    padding: 5px 10px;
    background: #000;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 111;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.activity-menu li a span:before {
    content: '';
    position: absolute;
    bottom: -5px;
    right: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.activity-menu li a:hover span {
    opacity: 1;
    visibility: visible;
}

.order-pg-area .blog_count {
    padding: .85em .8em;
    line-height:10px;
}
.badge{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.off-resturent {
    text-align: center;
}

.off-resturent h3 {
    font-size: 20px;
    margin-top: 20px;
    color: #999;
    font-style: italic;
}


.crt-btns {
    text-align: right;
}


@media (max-width: 767px) {
    .resturent-time {
        margin-top: 30px;
    }
}

.special-btn.v2 {
    max-width: 150px;
    margin: auto;
}

@media (max-width: 991px) {
    .hm-category-text {
        top: 65% !important;
    }

    .gallery-menu button {
        margin-bottom: 20px;
    }

    .coupon-area {
        margin-top: 30px;
    }
}

@media (max-width: 575px) {
    .gallery-menu button {
        padding: 10px 11px;
        min-width: 118px;
    }
}
@media (max-width: 460px) {
    .category-res {
        flex-wrap: wrap;
    }
}


@media (max-width: 430px) {
    .res-category-text {
        padding-left: 0px;
    }
}

.locate-img {
    position: absolute;
    right: 190px;
    top: 48px;
    z-index: 999;
}

.locate-img svg {
    width: 20px;
}
@media (max-width: 490px) {
    .slide-search .input-group>.form-control {
        width:100%;
    }
    .locate-img {
        right: 45px;
    }

    .slide-search  .btn {
        display: block;
        margin: auto;
        margin-top: 10px;
    }

    #restaurant_search_list .restaurant_list {
        margin-left: 15px;
        margin-right: 0;
    }

    #restaurant_search_list .restaurant_list li span {
        flex-wrap: wrap;
        text-align: left;
        justify-content: flex-start;
    }

    #restaurant_search_list .restaurant_list li span span {
        margin-left: 0;
        margin-top: 10px;
    }
}
.hero-style-2, .hero-style-1 .slide, .hero-style-2 .slide{
    z-index: 999;
}
.slick-list{
 overflow: unset;
}

@media (max-width: 575px) {
    .product_title {
        text-align: center;
        margin-top: 20px !important;
    }
}

#more {
    display: none;
}

.lists-img {
    width: 70px;
    height: 55px;
    border-radius: 4px;
}

.resturent-wrap .lists-img {
    width: 88px;
    height: 88px;
    border-radius: 0px;
    object-fit: cover;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}


.food-modal h2 {
    font-size: 25px;
    margin-bottom: 20px;
}

.food-modal .card-header {
    font-size: 16px;
}

.add_to_cart s {
    color: var(--primaryColor);
}
.card{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.carts-img {
    width: 100px;
    height: 88px;
    border-radius: 4px;
    object-fit: cover;
}

.food-modal .modal-dialog {
    max-width: 980px;
}

.food-modal .modal-dialog .modal-body .mfood-img {
    height: 250px;
    object-fit: cover;
}

.mfood-top {
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    width: 90%;
    margin: auto;
    margin-top: -30px;
    margin-bottom: 30px;
    padding: 30px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.mfood-Ttop {
    display: flex;
    justify-content: space-between;
}

@media(max-width:460px){
    .mfood-Ttop {
        flex-wrap: wrap;
    }
}

.mfood-Ttop span{
    display: flex;
}

.mfood-Ttop span .star-ratings-sprite{
    margin-right: 5px;
}

.resturent-details-area .card .mfood-card {
    background: #fff;
}

.resturent-details-area .q-btn.q-btn2 {
    float: none;
}

.resturent-details-area .mfood-head-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.resturent-details-area .mfood-head-wrap  h2{
    margin-bottom: 0;
}
.resturent-details-area .mfood-head-wrap  .input-style {
    margin-bottom: 0;
    margin-top: 10px;
}
#more {
    display: none;
}

#myBtn {
    color: black;
}


.mfood-head-des .lists-img{
    display: block;
    margin-bottom: 10px;
}

.mfood-head-des .res-l-texts span{
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}

.mfood-head-des .res-l-texts p{
    text-align: justify;
}

.mfood-head-des h4{
   margin-bottom: 20px;
}

.adons-item {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 10px;
}

.adons-item label{
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.2);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.2);
    padding: 20px;
    margin-right: 15px;
    display: flex!important;
    align-items: center;
    border: 1px solid transparent;
    min-width: 215px;
    max-width: 215px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.adons-item label::after{
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    content: "\f00c";
    background:var(--primaryColor);
    font-family: 'fontAwesome';
    text-align: center;
    color: #fff;
    line-height: 20px;
    opacity: 0;
    visibility: hidden;
}
.adons-item  .lists-img {
    width: 65px;
    height: 65px;
}

.adons-item input{
    margin-right: 0;
    position: absolute;
    z-index: -1;
}

.adons-item input[type=checkbox]:checked + label {
    border: 1px solid var(--primaryColor);
  }

.adons-item input[type=checkbox]:checked + label::after {
    visibility: visible;
    opacity: 1;
  }

.adons-item .adons-rp span{
    display: flex;
    flex-wrap: wrap;
}


.adons-item .adons-rp{
  margin-left: 10px;
  flex-basis: 50%;
}

.order-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.order-title .offer-btn{
   margin: 0;
}
@media(max-width:450px){
    .order-title{
        flex-wrap: wrap;
    }
}

.addon-modal .modal-dialog {
    max-width: 600px;
}

.review-modal .media-body h5{
    font-size: 17px;
}

.review-modal .media-body span{
    font-size: 14px;
}

.review-modal .media-body p{
    margin-top: 10px;
}


.resturent-wrap .badge{
    border-radius: 50%!important;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
}

.list-modal-img{
    cursor: pointer;
}

.pro-info-text span{
    display: flex;
    justify-content: space-between;
    padding: 10px 30px;
    background: #f8f8f8;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
}

.pro-info-text span span{
    border-bottom: none;
    position: relative;
    flex-basis: 50%;
    text-align: right;
    justify-content: flex-end;
}

.contact-info-tp form{
    padding: 0;
    padding: 30px;
}

.pro-info-text span span:before{
    position: absolute;
    left: 0;
    top: 5px;
    content: ':';
}

.truck-btn{
    text-align: right;
    margin-bottom: 30px;
}

.truck-btn button{
    background: var(--primaryColor);
    color: #fff;
}




@media(max-width:575px){
    .pro-info-text h5{
       font-size:15px;
    }
    .pro-info-text span {
        padding: 6px 18px;
    }
}


.review_section .fieldset{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

  .review_section #review-form label, .review_section #review-form input {
    display: block;
    /* width: 100%; */
  }
  .review_section #review-form label {
    font-weight: bold;
    margin-bottom: 5px;
  }

  .review_section #review-form .rate label,.review_section  #review-form .rate input,
  .review_section #review-form .rate1 label,.review_section  #review-form .rate1 input {
    display: inline-block;
  }
  /* Modified from: https://codepen.io/tammykimkim/pen/yegZRw */
  .review_section .rate {
    /* float: left; */
    /* display: inline-block; */
    height: 36px;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .review_section #review-form .rate > label {
    margin-bottom: 0;
    margin-top: -5px;
    height: 30px;
  }
  .review_section label:focus{
      outline: none;
      border: none;
  }
  .review_section .rate:not(:checked) > input {
    /* position: absolute; */
    top: -9999px;
    margin-left: -24px;
    width: 20px;
    padding-right: 14px;
    z-index: -10;
  }
  .review_section .rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
  }
  /* #star1:focus{

  } */
  .review_section .rate2 {
    float: none;
  }
  .review_section .rate:not(:checked) > label::before {
    content: '★ ';
    position: relative;
    top: -10px;
    left: 2px;
  }
  .review_section .rate > input:checked ~ label {
    color: #ffc700;
    /* outline: -webkit-focus-ring-color auto 5px; */
  }
  .review_section .rate > input:checked:focus + label, .review_section .rate > input:focus + label {
    outline: -webkit-focus-ring-color auto 5px;
    outline: none;
      border: none;
  }
  .review_section .rate:not(:checked) > label:hover,
  .review_section .rate:not(:checked) > label:hover ~ label {
    color: #deb217;
    /* outline: -webkit-focus-ring-color auto 5px; */
  }
  .rate > input:checked + label:hover,
  .rate > input:checked + label:hover ~ label,
  .rate > input:checked ~ label:hover,
  .rate > input:checked ~ label:hover ~ label,
  .rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
  }
  .review_section #submit-review {
    align-self: flex-end;
  }

   .review_section input,.review_section textarea{
      width:100%;
       font-family: 'Raleway', sans-serif;
     font-size:14px;
    }
  @media only screen and (min-width: 550px){

  }

  .review_section .btn{
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
}


  .checked {
    color: orange;
  }

  .social-icon{
      margin-top: 20px;
  }
  .social-icon span{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
    text-align: center;
    background: #f3f3f3;
  }

  .food-suppliment{
      background: none!important;
      padding: 0!important;
      padding-bottom: 30px;
  }


  .resturent-wrap  .food-suppliment .lists-img{
      width: 100%;
      min-height: 180px;
  }

  .suppliment-item{
    -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.2);
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.2);
  }

  .suppliment-text{
   padding: 10px;
   padding-top: 0;
  }

  .suppliment-text span{
   margin-bottom: 20px;
   text-transform: capitalize;
  }

  .food-suppliment h4{
      font-size: 25px;
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid #eee7e7;
  }

.food-modal .card-header{
    background: none;
    font-size: 25px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee7e7;
    color: #192224;
    padding-left: 0;
}

.food-modal .card{
 background: #f8f8f8!important;
}

.food-modal .card-body{
 background: #f8f8f8;
}

.food-modal .details-food {
    padding: 0;
    background: #f8f8f8;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
}
.header-right{
    text-align: right;
}
.header-right .btn {
    padding: 5px 25px;
    margin-right: 10px;
}

.partner-modal .partner-btn{
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.header-right .btn:last-child {
    margin-right: 0px;
}

@media(max-width:1200px){
    .header-right .btn {
        padding: 5px 18px;
    }
}

@media(max-width:767px){
    .header-right .btn {
        padding: 5px 18px;
        margin-right: 2px;
    }
}

@media(max-width:575px){
    .header_title {
        justify-content: center;
        margin-bottom: 15px;
    }
    .header-right{
        text-align: center;
    }
}

@media(max-width:767px){
    .offer-banner{
        padding-left: 20px;
    }
    .header_title{
        justify-content: center
    }
    .header-right{
        text-align:center;
        margin-top: 10px;
    }
}
@media(max-width:460px){
    .header-right .btn{
        margin-bottom: 10px;
    }
}

.blog_count{
    line-height: 10px;
    border-color: var(--primaryColor);
}


.partner-modal .form-group input{
  height: 45px;
}